.sf-learn-topic-orbit{perspective:900px;transform-style:preserve-3d;scroll-behavior:smooth;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#0000,#000 28px calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#0000,#000 28px calc(100% - 28px),#0000)}.sf-learn-topic-orbit::-webkit-scrollbar{display:none}.sf-learn-topic-layout,.sf-learn-topic-menu,.sf-learn-topic-content{min-width:0}.sf-learn-topic-tab__label{white-space:nowrap;min-width:0}.sf-learn-topic-tab{isolation:isolate;transform:perspective(900px) translateZ(var(--learn-topic-depth,0px)) rotateY(var(--learn-topic-tilt,0deg)) translateY(var(--learn-topic-rise,0px));transform-style:preserve-3d;box-shadow:inset 0 1px 0 #ffffff17, 0 16px 38px rgb(var(--learn-topic-rgb) / .09), 0 9px 24px #0000003d;position:relative}.sf-learn-topic-tab:before{content:"";z-index:-1;background:radial-gradient(circle at 35% 25%, rgb(var(--learn-topic-rgb) / .24), transparent 48%), radial-gradient(circle at 70% 78%, rgb(var(--learn-topic-soft-rgb) / .12), transparent 58%);filter:blur(12px);opacity:.34;border-radius:999px;transition:opacity .28s,filter .28s;position:absolute;inset:-8px}.sf-learn-topic-tab:after{content:"";border-radius:inherit;opacity:.26;pointer-events:none;background:linear-gradient(#ffffff21,#0000);height:45%;position:absolute;inset:1px 12px auto}.sf-learn-topic-tab:hover,.sf-learn-topic-tab:focus-visible{transform:perspective(900px) translateZ(calc(var(--learn-topic-depth,0px) + 10px)) rotateY(0deg) translateY(-3px)}.sf-learn-topic-tab:hover:before,.sf-learn-topic-tab:focus-visible:before,.sf-learn-topic-tab[data-selected=true]:before{opacity:.8;filter:blur(15px)}.sf-learn-topic-tab[data-selected=true]{border-color:rgb(var(--learn-topic-rgb) / .78);color:#fffffffa;box-shadow:inset 0 1px 0 #ffffff29, inset 0 -18px 28px rgb(var(--learn-topic-rgb) / .12), 0 0 0 1px rgb(var(--learn-topic-rgb) / .42), 0 0 22px rgb(var(--learn-topic-rgb) / .28), 0 18px 54px rgb(var(--learn-topic-rgb) / .26), 0 18px 42px #00000052;transform:perspective(900px)translateZ(42px)rotateY(0)translateY(-4px)scale(1.04)}.sf-learn-topic-tab[data-selected=true]:after{opacity:.52}.sf-learn-topic-scroll-controls{border:1px solid rgb(var(--learn-topic-rgb) / .2);background:radial-gradient(circle at 50% 20%, rgb(var(--learn-topic-rgb) / .14), transparent 54%), #030c1a7a;width:max-content;max-width:100%;box-shadow:inset 0 1px 0 #ffffff12, 0 16px 44px #0000003d, 0 0 34px rgb(var(--learn-topic-rgb) / .08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;margin-inline:auto;padding:.35rem .55rem}.sf-learn-topic-scroll-button{border:1px solid rgb(var(--learn-topic-rgb) / .28);background:radial-gradient(circle at 45% 28%, rgb(var(--learn-topic-rgb) / .22), transparent 48%), #061225b8;box-shadow:inset 0 1px 0 #ffffff14, 0 14px 34px rgb(var(--learn-topic-rgb) / .1)}.sf-learn-topic-scroll-button:disabled{opacity:.34;filter:saturate(.65)}@media (min-width:900px){.sf-learn-topic-layout{grid-template-columns:4.7rem minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}.sf-learn-topic-menu{z-index:24;width:4.7rem;transition:width .26s,filter .26s;position:sticky;top:6.25rem}.sf-learn-topic-menu:hover,.sf-learn-topic-menu:focus-within{filter:drop-shadow(0 22px 48px #00000047);width:min(17.75rem,100vw - 2rem)}.sf-learn-topic-menu .sf-learn-topic-orbit{border:1px solid rgb(var(--learn-topic-rgb) / .2);background:radial-gradient(circle at 45% 18%, rgb(var(--learn-topic-rgb) / .18), transparent 52%), linear-gradient(180deg, #07152ad1, #030a18b8);border-radius:1.45rem;flex-direction:column;gap:.55rem;width:4.7rem;transition:width .26s,border-color .26s,background .26s;overflow:visible;box-shadow:inset 0 1px #ffffff14,0 18px 46px #0000003d;-webkit-mask-image:none;mask-image:none;margin:0!important;padding:.48rem!important}.sf-learn-topic-menu:hover .sf-learn-topic-orbit,.sf-learn-topic-menu:focus-within .sf-learn-topic-orbit{border-color:rgb(var(--learn-topic-rgb) / .4);width:min(17.75rem,100vw - 2rem)}.sf-learn-topic-menu .sf-learn-topic-tab{white-space:nowrap;justify-content:flex-start;width:3.72rem;min-height:3.72rem;padding-inline:1.05rem;transition:width .26s,color .22s,border-color .22s,background-color .22s,transform .26s,box-shadow .26s;overflow:hidden}.sf-learn-topic-menu:hover .sf-learn-topic-tab,.sf-learn-topic-menu:focus-within .sf-learn-topic-tab{width:min(16.75rem,100vw - 3rem)}.sf-learn-topic-tab__icon{width:1.1rem;height:1.1rem}.sf-learn-topic-tab__label{opacity:0;max-width:0;transition:max-width .26s,opacity .22s,transform .26s;overflow:hidden;transform:translate(-.35rem)}.sf-learn-topic-menu:hover .sf-learn-topic-tab__label,.sf-learn-topic-menu:focus-within .sf-learn-topic-tab__label{opacity:1;max-width:12rem;transform:translate(0)}.sf-learn-topic-menu .sf-learn-topic-scroll-controls{grid-template-columns:1fr;gap:.38rem;width:4.7rem;margin:.55rem 0 0;padding:.42rem;transition:width .26s;display:grid}.sf-learn-topic-menu:hover .sf-learn-topic-scroll-controls,.sf-learn-topic-menu:focus-within .sf-learn-topic-scroll-controls{grid-template-columns:2.5rem minmax(0,1fr) 2.5rem;width:min(17.75rem,100vw - 2rem)}.sf-learn-topic-menu .sf-learn-topic-scroll-controls p{min-width:0}}.sf-learn-topic-panel{border-color:rgb(var(--learn-topic-rgb) / .34);background:radial-gradient(circle at 18% 0%, rgb(var(--learn-topic-rgb) / .22), transparent 42%), radial-gradient(circle at 88% 22%, rgb(var(--learn-topic-soft-rgb) / .1), transparent 34%), linear-gradient(135deg, rgb(var(--learn-topic-dark-rgb) / .78), #061225f0 48%, #020713fa);box-shadow:0 26px 80px #0000005c, 0 0 64px rgb(var(--learn-topic-rgb) / .09)}.sf-learn-topic-bullet-orbit{contain:paint;perspective:760px;min-height:12.5rem;transform-style:preserve-3d;padding-inline:clamp(.35rem,1.4vw,.75rem);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 11% 89%,#0000);mask-image:linear-gradient(#0000,#000 11% 89%,#0000)}.sf-learn-topic-bullet-orbit:before{content:"";z-index:1;background:radial-gradient(circle at 16% 18%, rgb(var(--learn-topic-rgb) / .16), transparent 48%), linear-gradient(135deg, rgb(var(--learn-topic-rgb) / .12), #0207131a);height:4.85rem;box-shadow:inset 0 1px 0 #ffffff14, 0 16px 42px rgb(var(--learn-topic-rgb) / .08);opacity:.82;pointer-events:none;border-radius:.8rem;position:absolute;inset:50% clamp(.35rem,1.4vw,.75rem) auto;transform:translateY(-50%)}.sf-learn-topic-bullet{inset-inline:clamp(.35rem,1.4vw,.75rem);z-index:var(--learn-prompt-layer,1);box-sizing:border-box;overflow-wrap:anywhere;border-color:rgb(var(--learn-topic-rgb) / .2);background:linear-gradient(135deg, rgb(var(--learn-topic-dark-rgb) / .44), #02071394), radial-gradient(circle at 10% 0%, rgb(var(--learn-topic-rgb) / .12), transparent 52%);max-width:calc(100% - clamp(.7rem,2.8vw,1.5rem));min-height:4.1rem;opacity:var(--learn-prompt-opacity,1);transform:translate3d(0, calc(-50% + var(--learn-prompt-y,0px)), var(--learn-prompt-z,0px)) rotateX(var(--learn-prompt-tilt,0deg)) scale(var(--learn-prompt-scale,1));transform-style:preserve-3d;align-items:center;transition:transform .78s cubic-bezier(.2,.82,.19,1),opacity .62s,border-color .52s,background .52s,box-shadow .52s,color .52s;display:flex;position:absolute;top:50%}.sf-learn-topic-bullet[data-active=true]{border-color:rgb(var(--learn-topic-rgb) / .52);background:radial-gradient(circle at 18% 18%, rgb(var(--learn-topic-rgb) / .22), transparent 50%), linear-gradient(135deg, rgb(var(--learn-topic-dark-rgb) / .62), #020713b8);color:#ffffffe0;box-shadow:inset 0 1px 0 #ffffff1a, 0 18px 44px rgb(var(--learn-topic-rgb) / .12), 0 18px 42px #0000003d}@media (max-width:767px){.sf-learn-topic-bullet-orbit{min-height:13.25rem;padding-inline:0}.sf-learn-topic-bullet{max-width:calc(100% - .4rem);inset-inline:.2rem}}.sf-learn-topic-link{border-color:rgb(var(--learn-topic-rgb) / .28);background:radial-gradient(circle at 22% 20%, rgb(var(--learn-topic-rgb) / .14), transparent 46%), #061225b3;box-shadow:inset 0 1px 0 #ffffff14, 0 14px 34px rgb(var(--learn-topic-rgb) / .08)}.sf-learn-topic-link:hover,.sf-learn-topic-link:focus-visible{border-color:rgb(var(--learn-topic-rgb) / .52);box-shadow:inset 0 1px 0 #ffffff1f, 0 18px 42px rgb(var(--learn-topic-rgb) / .14)}
