@layer components{._illustration_1s03t_1{-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;min-width:0;max-width:16rem;margin:.5rem auto 1rem}._srOnly_1s03t_9{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}._stage_1s03t_20{--motion-loop-duration:10.8s;--motion-start-offset:0s;isolation:isolate;aspect-ratio:16/9;background:url(/images/codex/codex-wallpaper-1.webp) 50%/cover no-repeat;border-radius:.75rem;width:100%;position:relative;overflow:hidden}._motionCanvas_1s03t_34{aspect-ratio:16/9;position:absolute;top:50%;left:0;right:0;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{width:calc(100% - 2rem);max-width:14rem;height:2.25rem;position:absolute;top:25%;left:50%;transform:translate(-50%)}._control_1s03t_61{--segmented-control-size:2.25rem;--segmented-control-thumb-shadow:0 1px 6px #0000000d;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);will-change:transform;transition:transform .18s cubic-bezier(.2,.75,.25,1),translate .18s cubic-bezier(.2,.75,.25,1)!important}._control_1s03t_61>button:first-of-type{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{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}._cursorLayer_1s03t_97{--cursor-opacity:1;animation-duration:var(--motion-loop-duration);animation-delay:var(--motion-start-offset);offset-rotate:auto 135deg;transform-box:fill-box;transform-origin:0 0;will-change:offset-distance, opacity, transform;animation-timing-function:linear;animation-iteration-count:infinite}._cursorLayer_1s03t_97 image{filter:drop-shadow(0 0 3px #4b97ffb8)drop-shadow(0 0 9px #4b97ff6b)}._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)}25.5%,78.5%{transform:translate(calc(100% - 9px))translate(-8.5px)}80.5%,to{transform:translate(0)translate(-.5px)}}@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);animation-timing-function:cubic-bezier(.2,.75,.25,1);transform:rotate(-9deg)scale(.9)}21.5%{offset-distance:48%;opacity:var(--cursor-opacity);animation-timing-function:cubic-bezier(.4,0,.2,1);transform:rotate(-7deg)scale(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);animation-timing-function:cubic-bezier(.4,0,.2,1);transform:rotate(-7deg)scale(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);animation-timing-function:cubic-bezier(.2,.75,.25,1);transform:rotate(-9deg)scale(.9)}76.5%{offset-distance:58.5%;opacity:var(--cursor-opacity);animation-timing-function:cubic-bezier(.4,0,.2,1);transform:rotate(-7deg)scale(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);animation-timing-function:cubic-bezier(.4,0,.2,1);transform:rotate(-7deg)scale(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:first-of-type,._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:first-of-type,._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:first-of-type{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 (width>=1024px){._illustration_1s03t_1{align-self:stretch;margin:-1.6rem auto 0}._stage_1s03t_20{aspect-ratio:auto;height:100%}}@media (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:first-of-type,._control_1s03t_61>button:nth-of-type(2),._cursorLayer_1s03t_97{animation:none}._control_1s03t_61>button:first-of-type{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{animation:none;display: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:first-of-type,._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{z-index:2;filter:drop-shadow(0 0 3px #4b97ffb8)drop-shadow(0 0 9px #4b97ff59);pointer-events:none;will-change:left, top;width:1.9rem;height:1.95rem;transition:left .52s cubic-bezier(.2,.75,.25,1),top .52s cubic-bezier(.2,.75,.25,1),transform .18s ease-out;position:absolute;top:45%;left:27%;transform:rotate(-8deg)}._illustration_1s03t_1[data-picker-variant=training][data-cursor-mode=work] ._cursor_1s03t_87{top:45%;left:69%;transform:rotate(-5deg)}@media (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{aspect-ratio:16/9;height:auto}}@media (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}}}