@layer components{._illustration_1s03t_1{width:100%;max-width:16rem;min-width:0;margin:.5rem auto 1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}._srOnly_1s03t_9{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._stage_1s03t_20{--motion-loop-duration: 10.8s;--motion-start-offset: 0s;position:relative;isolation:isolate;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:.75rem;background:url(/images/codex/codex-wallpaper-1.webp) center / cover no-repeat}._motionCanvas_1s03t_34{position:absolute;top:50%;right:0;left:0;aspect-ratio:16 / 9;transform:translateY(calc(-25% - 1.125rem))}._illustration_1s03t_1[data-transition-target=work] ._stage_1s03t_20{--motion-start-offset: -1.728s}._illustration_1s03t_1[data-transition-target=chat] ._stage_1s03t_20{--motion-start-offset: -7.668s}._picker_1s03t_51{position:absolute;top:25%;left:50%;width:calc(100% - 2rem);max-width:14rem;height:2.25rem;transform:translate(-50%)}._control_1s03t_61{--segmented-control-size: 2.25rem;--segmented-control-thumb-shadow: 0 1px 6px rgba(0, 0, 0, .05);width:100%}._control_1s03t_61>div:first-child{animation:_chat-work-selection_1s03t_1 var(--motion-loop-duration) linear infinite;animation-delay:var(--motion-start-offset);transition:transform .18s cubic-bezier(.2,.75,.25,1),translate .18s cubic-bezier(.2,.75,.25,1)!important;will-change:transform}._control_1s03t_61>button:nth-of-type(1){animation:_chat-label-color_1s03t_1 var(--motion-loop-duration) linear infinite;animation-delay:var(--motion-start-offset)}._control_1s03t_61>button:nth-of-type(2){animation:_work-label-color_1s03t_1 var(--motion-loop-duration) linear infinite;animation-delay:var(--motion-start-offset)}._cursorStage_1s03t_87{position:absolute;inset:0;z-index:2;width:100%;height:100%;overflow:visible;pointer-events:none}._cursorLayer_1s03t_97{--cursor-opacity: 1;animation-duration:var(--motion-loop-duration);animation-delay:var(--motion-start-offset);animation-iteration-count:infinite;animation-timing-function:linear;offset-rotate:auto 135deg;transform-box:fill-box;transform-origin:0 0;will-change:offset-distance,opacity,transform}._cursorLayer_1s03t_97 image{filter:drop-shadow(0 0 3px rgba(75,151,255,.72)) drop-shadow(0 0 9px rgba(75,151,255,.42))}._cursorToWork_1s03t_115{offset-path:path("M 156 184 C 126 124 260 100 230 68 C 200 36 288 142 278 184");animation-name:_cursor-to-work_1s03t_1}._cursorToChat_1s03t_122{offset-path:path("M 286 184 C 306 126 120 100 90 68 C 60 36 35 142 44 184");animation-name:_cursor-to-chat_1s03t_1}@keyframes _chat-work-selection_1s03t_1{0%,23.5%{transform:translate(0);translate:-.5px 0}25.5%,78.5%{transform:translate(calc(100% - 9px));translate:-8.5px 0}80.5%,to{transform:translate(0);translate:-.5px 0}}@keyframes _chat-label-color_1s03t_1{0%,23.5%,80.5%,to{color:var(--quickstart-segmented-label-active)}25.5%,78.5%{color:var(--quickstart-segmented-label-inactive)}}@keyframes _work-label-color_1s03t_1{0%,23.5%,80.5%,to{color:var(--quickstart-segmented-label-inactive)}25.5%,78.5%{color:var(--quickstart-segmented-label-active)}}@keyframes _cursor-to-work_1s03t_1{0%,7%{offset-distance:0;opacity:0;transform:rotate(-9deg) scale(.55)}9%{offset-distance:0;opacity:var(--cursor-opacity);transform:rotate(-9deg) scale(.9);animation-timing-function:cubic-bezier(.2,.75,.25,1)}21.5%{offset-distance:48%;opacity:var(--cursor-opacity);transform:rotate(-7deg) scale(1);animation-timing-function:cubic-bezier(.4,0,.2,1)}23.5%{offset-distance:52%;opacity:var(--cursor-opacity);transform:rotate(-7deg) scale(1)}24.8%{offset-distance:52%;opacity:var(--cursor-opacity);transform:rotate(-7deg) scale(.72)}26.2%{offset-distance:52%;opacity:var(--cursor-opacity);transform:rotate(-7deg) scale(1.03)}28.5%{offset-distance:52%;opacity:var(--cursor-opacity);transform:rotate(4deg) scale(1)}31%{offset-distance:52%;opacity:var(--cursor-opacity);transform:rotate(-12deg) scale(1)}33.5%{offset-distance:52%;opacity:var(--cursor-opacity);transform:rotate(1deg) scale(1)}36.5%{offset-distance:52%;opacity:var(--cursor-opacity);transform:rotate(-7deg) scale(1)}38%{offset-distance:52%;opacity:var(--cursor-opacity);transform:rotate(-7deg) scale(1);animation-timing-function:cubic-bezier(.4,0,.2,1)}46%{offset-distance:100%;opacity:0;transform:rotate(-7deg) scale(.78)}46.01%,to{offset-distance:100%;opacity:0;transform:rotate(-7deg) scale(.78)}}@keyframes _cursor-to-chat_1s03t_1{0%,62%{offset-distance:0;opacity:0;transform:rotate(-9deg) scale(.55)}64%{offset-distance:0;opacity:var(--cursor-opacity);transform:rotate(-9deg) scale(.9);animation-timing-function:cubic-bezier(.2,.75,.25,1)}76.5%{offset-distance:58.5%;opacity:var(--cursor-opacity);transform:rotate(-7deg) scale(1);animation-timing-function:cubic-bezier(.4,0,.2,1)}78.5%{offset-distance:62.5%;opacity:var(--cursor-opacity);transform:rotate(-7deg) scale(1)}79.8%{offset-distance:62.5%;opacity:var(--cursor-opacity);transform:rotate(-7deg) scale(.72)}81.2%{offset-distance:62.5%;opacity:var(--cursor-opacity);transform:rotate(-7deg) scale(1.03)}83.5%{offset-distance:62.5%;opacity:var(--cursor-opacity);transform:rotate(4deg) scale(1)}86%{offset-distance:62.5%;opacity:var(--cursor-opacity);transform:rotate(-12deg) scale(1)}88.5%{offset-distance:62.5%;opacity:var(--cursor-opacity);transform:rotate(1deg) scale(1)}91.5%{offset-distance:62.5%;opacity:var(--cursor-opacity);transform:rotate(-7deg) scale(1)}93%{offset-distance:62.5%;opacity:var(--cursor-opacity);transform:rotate(-7deg) scale(1);animation-timing-function:cubic-bezier(.4,0,.2,1)}99.5%{offset-distance:100%;opacity:0;transform:rotate(-7deg) scale(.78)}99.51%,to{offset-distance:100%;opacity:0;transform:rotate(-7deg) scale(.78)}}._illustration_1s03t_1[data-selected-mode] ._control_1s03t_61>div:first-child,._illustration_1s03t_1[data-selected-mode] ._control_1s03t_61>button:nth-of-type(1),._illustration_1s03t_1[data-selected-mode] ._control_1s03t_61>button:nth-of-type(2){animation:none}._illustration_1s03t_1[data-selected-mode]:not([data-transition-target]) ._cursorLayer_1s03t_97{animation:none;display:none}._illustration_1s03t_1[data-transition-target] ._cursorLayer_1s03t_97{animation-iteration-count:1}._illustration_1s03t_1[data-selected-mode=chat] ._control_1s03t_61>button:nth-of-type(1),._illustration_1s03t_1[data-selected-mode=work] ._control_1s03t_61>button:nth-of-type(2){color:var(--quickstart-segmented-label-active)}._illustration_1s03t_1[data-selected-mode=chat] ._control_1s03t_61>button:nth-of-type(2),._illustration_1s03t_1[data-selected-mode=work] ._control_1s03t_61>button:nth-of-type(1){color:var(--quickstart-segmented-label-inactive)}:where(html.dark,html[data-theme=dark]) ._control_1s03t_61{--segmented-control-thumb-shadow: none;--quickstart-segmented-track-background: #131313;--quickstart-segmented-thumb-border: transparent}@media(min-width:1024px){._illustration_1s03t_1{align-self:stretch;margin:-1.6rem auto 0}._stage_1s03t_20{height:100%;aspect-ratio:auto}}@media(max-width:640px){._illustration_1s03t_1{max-width:15rem;margin-top:.75rem}._picker_1s03t_51{height:2.25rem}._control_1s03t_61{font-size:.9375rem}}@media(prefers-reduced-motion:reduce){._control_1s03t_61>div:first-child,._control_1s03t_61>button:nth-of-type(1),._control_1s03t_61>button:nth-of-type(2),._cursorLayer_1s03t_97{animation:none}._control_1s03t_61>button:nth-of-type(1){color:var(--quickstart-segmented-label-inactive)}._control_1s03t_61>button:nth-of-type(2){color:var(--quickstart-segmented-label-active)}._cursorLayer_1s03t_97{display:none}._illustration_1s03t_1[data-transition-target] ._cursorLayer_1s03t_97{display:none;animation:none}._control_1s03t_61>div:first-child,._control_1s03t_61>button{transition:none}}._illustration_1s03t_1[data-picker-variant=training]{max-width:20rem;margin:0 auto}._illustration_1s03t_1[data-picker-variant=training] ._stage_1s03t_20{border:1px solid var(--color-border-primary-surface);box-shadow:0 14px 34px #00000014}._illustration_1s03t_1[data-picker-variant=training] ._picker_1s03t_51{height:2.75rem}._illustration_1s03t_1[data-picker-variant=training] ._control_1s03t_61{--segmented-control-size: 2.75rem}._illustration_1s03t_1[data-picker-variant=training] ._control_1s03t_61>div:first-child{animation:none;transition:transform .22s cubic-bezier(.2,.75,.25,1),translate .22s cubic-bezier(.2,.75,.25,1)!important}._illustration_1s03t_1[data-picker-variant=training] ._control_1s03t_61>button:nth-of-type(1),._illustration_1s03t_1[data-picker-variant=training] ._control_1s03t_61>button:nth-of-type(2){animation:none}._illustration_1s03t_1[data-picker-variant=training] ._cursor_1s03t_87{position:absolute;z-index:2;top:45%;left:27%;width:1.9rem;height:1.95rem;filter:drop-shadow(0 0 3px rgba(75,151,255,.72)) drop-shadow(0 0 9px rgba(75,151,255,.35));pointer-events:none;transition:left .52s cubic-bezier(.2,.75,.25,1),top .52s cubic-bezier(.2,.75,.25,1),transform .18s ease-out;transform:rotate(-8deg);will-change:left,top}._illustration_1s03t_1[data-picker-variant=training][data-cursor-mode=work] ._cursor_1s03t_87{top:45%;left:69%;transform:rotate(-5deg)}@media(min-width:1024px){._illustration_1s03t_1[data-picker-variant=training]{align-self:auto;margin:0 auto}._illustration_1s03t_1[data-picker-variant=training] ._stage_1s03t_20{height:auto;aspect-ratio:16 / 9}}@media(max-width:640px){._illustration_1s03t_1[data-picker-variant=training]{max-width:18rem;margin-top:.5rem}._illustration_1s03t_1[data-picker-variant=training] ._picker_1s03t_51{height:2.75rem}}@media(prefers-reduced-motion:reduce){._illustration_1s03t_1[data-picker-variant=training] ._cursor_1s03t_87{display:none}._illustration_1s03t_1[data-picker-variant=training] ._control_1s03t_61>div:first-child,._illustration_1s03t_1[data-picker-variant=training] ._control_1s03t_61>button{transition:none!important}}}