body:not(.template-index) #MainContent{--tw-component-line: var(--tw-ds-line);--tw-component-line-dark: var(--tw-ds-line-dark);--tw-component-label: var(--tw-ds-accent);--tw-component-surface: var(--tw-ds-surface-panel);--tw-component-surface-dark: var(--tw-ds-surface-panel-dark)}body:not(.template-index) #MainContent :is(.tw-page__eyebrow,.tw-kicker,p[class$=__eyebrow]){color:var(--tw-component-label);font-size:var(--tw-type-eyebrow);font-weight:var(--tw-weight-bold);line-height:var(--tw-leading-label);letter-spacing:var(--tw-ds-label-track);text-transform:uppercase}body:not(.template-index) #MainContent :is(.tw-archive-rail,.tw-reading-rail,[class$=__rail]){color:currentColor;font-size:var(--tw-type-caption);font-weight:var(--tw-weight-bold);line-height:var(--tw-leading-label);letter-spacing:var(--tw-ds-rail-track);opacity:.52;text-transform:uppercase}body:not(.template-index) #MainContent :is(a,button,summary,[tabindex]:not([tabindex="-1"])):focus-visible{outline:1px solid currentColor;outline-offset:4px;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 13%,transparent)}body:not(.template-index) #MainContent .tw-page__cta{min-height:var(--tw-ds-control-height);padding-inline:var(--tw-ds-control-padding-x);border:1px solid var(--tw-ds-ink);border-radius:var(--tw-ds-component-radius);background:var(--tw-ds-ink);box-shadow:none;color:var(--tw-ds-light);font-size:var(--tw-type-label);font-weight:var(--tw-weight-bold);letter-spacing:var(--tw-tracking-label);transform:none;transition:background var(--tw-ds-motion-fast) var(--tw-ds-ease),border-color var(--tw-ds-motion-fast) var(--tw-ds-ease),color var(--tw-ds-motion-fast) var(--tw-ds-ease)}body:not(.template-index) #MainContent .tw-page__cta--ghost{border-color:color-mix(in srgb,currentColor 34%,transparent);background:transparent;color:inherit}body:not(.template-index) #MainContent :is(.is-dark,.is-graphite) .tw-page__cta:not(.tw-page__cta--ghost){border-color:var(--tw-ds-light);background:var(--tw-ds-light);color:var(--tw-ds-obsidian)}body:not(.template-index) #MainContent :is(.is-dark,.is-graphite) .tw-page__cta--ghost{border-color:var(--tw-ds-line-dark);color:var(--tw-ds-light)}@media(hover:hover)and (pointer:fine){body:not(.template-index) #MainContent .tw-page__cta:hover{border-color:var(--tw-ds-ink);background:transparent;color:var(--tw-ds-ink);transform:none}body:not(.template-index) #MainContent :is(.is-dark,.is-graphite) .tw-page__cta:hover{border-color:var(--tw-ds-light);background:transparent;color:var(--tw-ds-light)}body:not(.template-index) #MainContent .tw-page__cta--ghost:hover{background:color-mix(in srgb,currentColor 5%,transparent);color:inherit}}body:not(.template-index) #MainContent :is(.tw-page__textlink,[class$=__links] a,[class$=__actions] a:not(.tw-page__cta)){gap:10px;color:inherit;font-size:var(--tw-type-label);font-weight:var(--tw-weight-bold);letter-spacing:var(--tw-tracking-label);text-transform:uppercase}body:not(.template-index) #MainContent :is(.tw-page__textlink,[class$=__links] a,[class$=__actions] a:not(.tw-page__cta)) [aria-hidden=true]{display:inline-block;transition:transform var(--tw-ds-motion-medium) var(--tw-ds-ease)}@media(hover:hover)and (pointer:fine){body:not(.template-index) #MainContent :is(.tw-page__textlink,[class$=__links] a,[class$=__actions] a:not(.tw-page__cta)):hover [aria-hidden=true]{transform:translate(4px)}}body:not(.template-index) #MainContent a[class$=__link][aria-label]{width:var(--tw-ds-icon-control);height:var(--tw-ds-icon-control);min-width:var(--tw-ds-icon-control);display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,currentColor 24%,transparent);border-radius:var(--tw-ds-component-radius);background:transparent;box-shadow:none;color:inherit;transform:none;transition:background var(--tw-ds-motion-fast) var(--tw-ds-ease),border-color var(--tw-ds-motion-fast) var(--tw-ds-ease),color var(--tw-ds-motion-fast) var(--tw-ds-ease)}@media(hover:hover)and (pointer:fine){body:not(.template-index) #MainContent a[class$=__link][aria-label]:hover{border-color:currentColor;background:currentColor;color:var(--tw-ds-titan-1);transform:none}body:not(.template-index) #MainContent :is(.is-dark,.is-graphite) a[class$=__link][aria-label]:hover{color:var(--tw-ds-obsidian)}}body:not(.template-index) #MainContent :is([class*=tw-start-][class$=__card],[class*=tw-system-][class$=__card],[class*=tw-complete-][class$=__card],[class*=tw-self-][class$=__card],[class*=tw-world-][class$=__card],[class*=tw-impact-][class$=__card],[class*=tw-games-][class$=__card],[class*=tw-wf][class$=__card],.tw-archive-territory,.tw-reading-lens,.tw-archive-route,.tw-reading-guide__step,.tw-archive-node,.tw-reading-file){border:1px solid var(--tw-component-line);border-radius:var(--tw-ds-component-radius);background:var(--tw-component-surface);box-shadow:var(--tw-ds-panel-shadow);color:var(--tw-ds-ink);overflow:clip;transform:none;transition:background var(--tw-ds-motion-medium) var(--tw-ds-ease),border-color var(--tw-ds-motion-medium) var(--tw-ds-ease),box-shadow var(--tw-ds-motion-medium) var(--tw-ds-ease),transform var(--tw-ds-motion-medium) var(--tw-ds-ease)}body:not(.template-index) #MainContent :is([class*=tw-start-][class$=__card],[class*=tw-system-][class$=__card],[class*=tw-complete-][class$=__card],[class*=tw-self-][class$=__card],[class*=tw-world-][class$=__card],[class*=tw-impact-][class$=__card],[class*=tw-games-][class$=__card],[class*=tw-wf][class$=__card],.tw-archive-territory,.tw-reading-lens,.tw-archive-route,.tw-reading-guide__step):after{content:none}body:not(.template-index) #MainContent :is(.is-dark,.is-graphite) :is([class$=__card],.tw-archive-node,.tw-reading-file){border-color:var(--tw-component-line-dark);background:var(--tw-component-surface-dark);box-shadow:var(--tw-ds-panel-shadow-dark);color:var(--tw-ds-light)}body:not(.template-index) #MainContent :is(.tw-archive-node,.tw-reading-file){border-color:var(--tw-component-line-dark);background:var(--tw-component-surface-dark);box-shadow:var(--tw-ds-panel-shadow-dark);color:var(--tw-ds-light)}@media(hover:hover)and (pointer:fine){body:not(.template-index) #MainContent :is(.tw-impact-channels__card,.tw-games-lenses__card,.tw-reading-lens,.tw-reading-guide__step):hover{border-color:var(--tw-component-line);background:var(--tw-component-surface);box-shadow:var(--tw-ds-panel-shadow);transform:none}body:not(.template-index) #MainContent :is(a.tw-archive-territory,a.tw-archive-route):hover{border-color:color-mix(in srgb,var(--tw-ds-ink) 30%,transparent);background:color-mix(in srgb,var(--tw-ds-panel) 92%,white);box-shadow:var(--tw-ds-panel-shadow-hover);transform:translate3d(0,-2px,0)}}body:not(.template-index) #MainContent .tw-start-orientation__route{border-color:var(--tw-component-line);background:transparent;box-shadow:none}body:not(.template-index) #MainContent .tw-start-orientation__route:before{background:linear-gradient(145deg,#ffffff3d,#12171906)}body:not(.template-index) #MainContent :is(.tw-system-layers__list li,.tw-archive-module){border-color:color-mix(in srgb,currentColor 14%,transparent);background:transparent;transform:none;transition:background var(--tw-ds-motion-medium) var(--tw-ds-ease),transform var(--tw-ds-motion-medium) var(--tw-ds-ease)}body:not(.template-index) #MainContent .tw-system-layers__list li:before{background:color-mix(in srgb,var(--tw-ds-panel) 34%,transparent)}body:not(.template-index) #MainContent .tw-archive-module{padding-inline:8px;transition:background var(--tw-ds-motion-medium) var(--tw-ds-ease),transform var(--tw-ds-motion-medium) var(--tw-ds-ease)}@media(hover:hover)and (pointer:fine){body:not(.template-index) #MainContent .tw-archive-module:hover{padding-inline:8px;background:color-mix(in srgb,currentColor 4%,transparent);transform:translate3d(4px,0,0)}}body:not(.template-index) #MainContent :is(.tw-archive-territories__grid,.tw-reading-curation__grid,.tw-archive-routes__grid,.tw-reading-guide__steps){gap:1px;padding:1px;background:var(--tw-component-line)}body:not(.template-index) #MainContent :is(.tw-start-orientation__note,.tw-system-layers__closing,.tw-impact-channels__note,.tw-games-lenses__note,.tw-archive-note,.tw-reading-note,.tw-reading-guide__final,[class*=tw-complete-][class$=__note],[class*=tw-self-][class$=__note],[class*=tw-self-][class$=__statement],[class*=tw-world-][class$=__note],[class*=tw-world-][class$=__statement],[class*=tw-world-][class$=__equation],[class*=tw-impact-][class$=__note],[class*=tw-games-][class$=__note],[class*=tw-wf][class$=__note]){padding:clamp(24px,2.5vw,34px);border:1px solid color-mix(in srgb,currentColor 17%,transparent);border-left:2px solid var(--tw-component-label);border-radius:var(--tw-ds-component-radius);background:color-mix(in srgb,currentColor 3%,transparent);box-shadow:none}body:not(.template-index) #MainContent :is(.tw-start-orientation__note,.tw-system-layers__closing,.tw-impact-channels__note,.tw-games-lenses__note,.tw-archive-note,.tw-reading-note,.tw-reading-guide__final)>:is(span,small):first-child{color:var(--tw-component-label);font-size:var(--tw-type-caption);font-weight:var(--tw-weight-bold);line-height:var(--tw-leading-label);letter-spacing:var(--tw-tracking-label);text-transform:uppercase}body:not(.template-index) #MainContent .tw-codex-decision__routes{margin-top:clamp(42px,5vw,72px);border-top:1px solid var(--tw-component-line-dark);border-bottom:1px solid var(--tw-component-line-dark);background:transparent}body:not(.template-index) #MainContent .tw-codex-decision__route{min-height:250px;display:grid;grid-template-rows:auto auto 1fr auto;gap:16px;padding:clamp(30px,3vw,42px);border:0;border-right:1px solid var(--tw-component-line-dark);background:transparent;color:inherit;box-shadow:none;transform:none;transition:background var(--tw-ds-motion-medium) var(--tw-ds-ease),color var(--tw-ds-motion-medium) var(--tw-ds-ease)}body:not(.template-index) #MainContent .tw-codex-decision__route:first-child{padding-left:0}body:not(.template-index) #MainContent .tw-codex-decision__route:last-child{padding-right:0;border-right:0}body:not(.template-index) #MainContent .tw-codex-decision__route-index{color:var(--tw-component-label);font-size:var(--tw-type-caption);font-weight:var(--tw-weight-bold);letter-spacing:var(--tw-tracking-label)}body:not(.template-index) #MainContent .tw-codex-decision__route-label{max-width:18ch}body:not(.template-index) #MainContent .tw-codex-decision__route-text{max-width:34ch;color:var(--tw-ds-light-muted);font-size:var(--tw-type-body-small);line-height:var(--tw-leading-small)}body:not(.template-index) #MainContent .tw-codex-decision__route-arrow{align-self:end;margin-top:12px;color:var(--tw-ds-light);font-size:var(--tw-icon-size-sm, var(--tw-icon-size-md));transition:transform var(--tw-ds-motion-medium) var(--tw-ds-ease)}@media(hover:hover)and (pointer:fine){body:not(.template-index) #MainContent .tw-codex-decision__route:hover{background:color-mix(in srgb,currentColor 4%,transparent)}body:not(.template-index) #MainContent .tw-codex-decision__route:hover .tw-codex-decision__route-arrow{transform:translate3d(4px,0,0)}}@media(max-width:1089px){body:not(.template-index) #MainContent :is(.tw-start-orientation__note,.tw-system-layers__closing,.tw-impact-channels__note,.tw-games-lenses__note,.tw-archive-note,.tw-reading-note,.tw-reading-guide__final){margin-inline:0}}@media(max-width:749px){body:not(.template-index) #MainContent .tw-page__actions{gap:14px}body:not(.template-index) #MainContent .tw-page__actions .tw-page__cta{width:100%;min-height:var(--tw-ds-control-height-mobile)}body:not(.template-index) #MainContent :is([class*=tw-start-][class$=__card],[class*=tw-system-][class$=__card],[class*=tw-complete-][class$=__card],[class*=tw-self-][class$=__card],[class*=tw-world-][class$=__card],[class*=tw-impact-][class$=__card],[class*=tw-games-][class$=__card],[class*=tw-wf][class$=__card],.tw-archive-territory,.tw-reading-lens,.tw-archive-route,.tw-reading-guide__step,.tw-archive-node,.tw-reading-file){min-height:0;box-shadow:none}body:not(.template-index) #MainContent :is(.tw-archive-territories__grid,.tw-reading-curation__grid,.tw-archive-routes__grid,.tw-reading-guide__steps){grid-template-columns:1fr;gap:1px}body:not(.template-index) #MainContent :is(.tw-start-orientation__note,.tw-system-layers__closing,.tw-impact-channels__note,.tw-games-lenses__note,.tw-archive-note,.tw-reading-note,.tw-reading-guide__final){grid-template-columns:1fr;gap:12px;padding:22px 20px}body:not(.template-index) #MainContent .tw-codex-decision__routes{grid-template-columns:1fr;border-bottom:0}body:not(.template-index) #MainContent .tw-codex-decision__route,body:not(.template-index) #MainContent .tw-codex-decision__route:first-child,body:not(.template-index) #MainContent .tw-codex-decision__route:last-child{min-height:0;padding:26px 0;border-right:0;border-bottom:1px solid var(--tw-component-line-dark)}body:not(.template-index) #MainContent .tw-codex-decision__route-label,body:not(.template-index) #MainContent .tw-codex-decision__route-text{max-width:none}}@media(prefers-reduced-motion:reduce){body:not(.template-index) #MainContent :is(.tw-page__cta,.tw-page__textlink,a[class$=__link][aria-label],[class$=__card],.tw-archive-territory,.tw-archive-route,.tw-archive-module,.tw-codex-decision__route,.tw-codex-decision__route-arrow){transition-duration:1ms}body:not(.template-index) #MainContent :is([class$=__card],.tw-archive-territory,.tw-archive-route,.tw-archive-module):hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/203/assets/tw-component-system-v1.css.map */