@layer priority3{.ob-companion-picker-cast-carousel{background-position:0 0,50%,0 0}.ob-companion-picker-cast-arrow{place-items:center}}@layer priority4{.ob-companion-picker-cast-carousel{align-items:center}.ob-companion-picker-cast-face{aspect-ratio:1}.ob-companion-picker-cast-carousel{background-color:#fff4e0;background-color:lab(96.6121% 1.63049 11.8962)}.ob-companion-picker-cast-arrow{background-color:#0000}.ob-companion-picker-cast-face{background-color:var(--character-color)}.ob-companion-picker-cast-carousel{background-image:linear-gradient(#fff7e98c,#fff7e98c),url(/onboarding/companions/selector-paper.webp),none;background-image:linear-gradient(lab(97.7542% 1.21078 9.17089/.55),lab(97.7542% 1.21078 9.17089/.55)),url(/onboarding/companions/selector-paper.webp),none}.ob-companion-picker-cast-arrow,.ob-companion-picker-cast-face{background-image:none}.ob-companion-picker-cast-carousel{box-shadow:0 8px 35px #503b261a;background-repeat:repeat,repeat,repeat;background-size:auto,cover,auto;box-shadow:0 8px 35px lab(26.8248% 7.6216 16.9269/.1)}.ob-companion-picker-cast-track{column-gap:12px}.ob-companion-picker-cast-carousel{column-gap:14px}.ob-companion-picker-cast-option{cursor:pointer;column-gap:8px}.ob-companion-picker-cast-face{display:block}.ob-companion-picker-cast-arrow,.ob-companion-picker-cast-carousel,.ob-companion-picker-cast-option,.ob-companion-picker-cast-track{display:grid}.ob-companion-picker-cast-arrow-icon{fill:none}.ob-companion-picker-cast-option{font-size:1.2rem;font-weight:750}.ob-companion-picker-cast-carousel{grid-template-columns:44px minmax(0,1fr) 44px}.ob-companion-picker-cast-track{grid-template-columns:repeat(6,minmax(0,1fr))}.ob-companion-picker-cast-option{justify-items:center}.ob-companion-picker-cast-carousel,.ob-companion-picker-cast-option,.ob-companion-picker-cast-track{position:relative}.ob-companion-picker-cast-track{row-gap:12px}.ob-companion-picker-cast-carousel{row-gap:14px}.ob-companion-picker-cast-option{row-gap:8px}.ob-companion-picker-cast-arrow-icon{stroke-linecap:round;stroke-linejoin:round;stroke-width:4px;stroke:currentColor}.ob-companion-picker-cast-option{text-align:center}.ob-companion-picker-cast-face{transform-origin:bottom;transition:transform .22s cubic-bezier(.16,1,.3,1)}.ob-companion-picker-cast-carousel{z-index:3}.ob-companion-picker-cast-arrow.cast-arrow:hover{background-color:#f1e3ca;background-color:lab(90.8146% 2.17763 13.84);background-image:none}.ob-companion-picker-cast-face:is(.cast-option input:checked+.cast-face){box-shadow:0 0 0 3px var(--paper), 0 5px 13px #c16c4833}@supports (color:lab(0% 0 0)){.ob-companion-picker-cast-face:is(.cast-option input:checked+.cast-face){box-shadow:0 0 0 3px var(--paper), 0 5px 13px lab(55.0792% 32.4786 35.5454/.2)}}.ob-companion-picker-input:is(.cast-option input){cursor:inherit}.ob-companion-picker-span:is(.cast-option input:checked~span:last-child){font-weight:950}.ob-companion-picker-input:is(.cast-option input){opacity:0}.ob-companion-picker-cast-face:is(.cast-option input:checked+.cast-face){outline-color:var(--coral)}.ob-companion-picker-cast-face:is(.cast-option input:focus-visible+.cast-face){outline-color:var(--ink)}.ob-companion-picker-cast-face:is(.cast-option input:checked+.cast-face){outline-offset:5px}.ob-companion-picker-cast-face:is(.cast-option input:focus-visible+.cast-face){outline-offset:6px}.ob-companion-picker-cast-face:is(.cast-option input:checked+.cast-face),.ob-companion-picker-cast-face:is(.cast-option input:focus-visible+.cast-face){outline-style:solid}.ob-companion-picker-cast-face:is(.cast-option input:checked+.cast-face){outline-width:2px}.ob-companion-picker-cast-face:is(.cast-option input:focus-visible+.cast-face){outline-width:3px}.ob-companion-picker-input:is(.cast-option input){position:absolute}.ob-companion-picker-cast-arrow-icon:is(.cast-arrow.previous svg){transform:rotate(180deg)}.ob-companion-picker-cast-face:is(.cast-option:hover .cast-face){transform:translateY(-3px)}.ob-companion-picker-cast-face:is(.cast-option input:checked+.cast-face){transform:translateY(-5px)scale(1.18)}.ob-companion-picker-input:is(.cast-option input){z-index:4}@media (max-width:1100px){.ob-companion-picker-cast-track.ob-companion-picker-cast-track{column-gap:10px}}@media not (min-height:900px){.ob-companion-picker-cast-option.ob-companion-picker-cast-option{font-size:1rem}}@media (max-width:1100px){.ob-companion-picker-cast-track.ob-companion-picker-cast-track{row-gap:10px}}@media (prefers-reduced-motion:reduce){.ob-companion-picker-cast-carousel.ob-companion-picker-cast-carousel,.ob-companion-picker-cast-face.ob-companion-picker-cast-face{transition-property:none}.ob-companion-picker-cast-face.ob-companion-picker-cast-face:is(.cast-option input:checked+.cast-face),.ob-companion-picker-cast-face.ob-companion-picker-cast-face:is(.cast-option:hover .cast-face){transform:none}}}@layer priority5{.ob-companion-picker-cast-arrow{border-bottom-color:currentColor}.ob-companion-picker-cast-carousel{border-bottom-color:#f0dfc5;border-bottom-color:lab(89.6424% 2.85375 14.9399);border-bottom-left-radius:100px}.ob-companion-picker-cast-arrow,.ob-companion-picker-cast-face{border-bottom-left-radius:50%}.ob-companion-picker-cast-carousel{border-bottom-right-radius:100px}.ob-companion-picker-cast-arrow,.ob-companion-picker-cast-face{border-bottom-right-radius:50%}.ob-companion-picker-cast-arrow{border-bottom-style:none}.ob-companion-picker-cast-carousel{border-bottom-style:solid}.ob-companion-picker-cast-arrow{border-bottom-width:0}.ob-companion-picker-cast-carousel{border-bottom-width:1px}.ob-companion-picker-cast-arrow{border-left-color:currentColor}.ob-companion-picker-cast-carousel{border-left-color:#f0dfc5;border-left-color:lab(89.6424% 2.85375 14.9399)}.ob-companion-picker-cast-arrow{border-left-style:none}.ob-companion-picker-cast-carousel{border-left-style:solid}.ob-companion-picker-cast-arrow{border-left-width:0}.ob-companion-picker-cast-carousel{border-left-width:1px}.ob-companion-picker-cast-arrow{border-right-color:currentColor}.ob-companion-picker-cast-carousel{border-right-color:#f0dfc5;border-right-color:lab(89.6424% 2.85375 14.9399)}.ob-companion-picker-cast-arrow{border-right-style:none}.ob-companion-picker-cast-carousel{border-right-style:solid}.ob-companion-picker-cast-arrow{border-right-width:0}.ob-companion-picker-cast-carousel{border-right-width:1px}.ob-companion-picker-cast-arrow{border-top-color:currentColor}.ob-companion-picker-cast-carousel{border-top-color:#f0dfc5;border-top-color:lab(89.6424% 2.85375 14.9399);border-top-left-radius:100px}.ob-companion-picker-cast-arrow,.ob-companion-picker-cast-face{border-top-left-radius:50%}.ob-companion-picker-cast-carousel{border-top-right-radius:100px}.ob-companion-picker-cast-arrow,.ob-companion-picker-cast-face{border-top-right-radius:50%}.ob-companion-picker-cast-arrow{border-top-style:none}.ob-companion-picker-cast-carousel{border-top-style:solid}.ob-companion-picker-cast-arrow{border-top-width:0}.ob-companion-picker-cast-carousel{border-top-width:1px}.ob-companion-picker-cast-arrow-icon{height:34px}.ob-companion-picker-cast-carousel{margin:18px auto 0}.ob-companion-picker-cast-arrow{min-height:44px}.ob-companion-picker-cast-carousel,.ob-companion-picker-cast-option,.ob-companion-picker-cast-track{min-width:0}.ob-companion-picker-cast-carousel{padding-bottom:15px}.ob-companion-picker-cast-option{padding-bottom:4px}.ob-companion-picker-cast-carousel{padding-left:29px}.ob-companion-picker-cast-option{padding-left:4px}.ob-companion-picker-cast-carousel{padding-right:29px}.ob-companion-picker-cast-option{padding-right:4px}.ob-companion-picker-cast-carousel{padding-top:17px}.ob-companion-picker-cast-option{padding-top:4px}.ob-companion-picker-cast-arrow-icon{width:34px}.ob-companion-picker-cast-arrow{width:44px}.ob-companion-picker-cast-face{width:clamp(58px,6.4vw,110px)}.ob-companion-picker-cast-carousel{width:min(1300px,92%)}.ob-companion-picker-img:is(.cast-face img){border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;border-top-left-radius:inherit;border-top-right-radius:inherit}.ob-companion-picker-input:is(.cast-option input){height:100%;bottom:0}.ob-companion-picker-img:is(.cast-face img){height:100%}.ob-companion-picker-input:is(.cast-option input){width:100%;margin:0;top:0;left:0;right:0}.ob-companion-picker-img:is(.cast-face img){width:100%}@media not (min-height:900px){.ob-companion-picker-cast-carousel.ob-companion-picker-cast-carousel{margin-top:12px;padding-top:8px;padding-bottom:8px}}@media (max-width:1100px){.ob-companion-picker-cast-carousel.ob-companion-picker-cast-carousel{width:100%}}@media not (min-height:900px){.ob-companion-picker-cast-face.ob-companion-picker-cast-face{width:clamp(66px,6.2vw,88px)}}}@layer priority7{.ob-companion-picker-cast-option.cast-option:not(:last-child):after{background-position:initial}}@layer priority8{.ob-companion-picker-cast-option:after{-webkit-mask-image:linear-gradient(#0000,currentColor 12% 88%,#0000);mask-image:linear-gradient(#0000,currentColor 12% 88%,#0000)}.ob-companion-picker-cast-option.cast-option:not(:last-child):after{background-color:initial;background-image:linear-gradient(90deg,#0000,#ad875c47 38%,#9c744d99 50%,#fffbf4e6 66%,#0000),url(/onboarding/companions/selector-paper.webp);background-image:linear-gradient(90deg,#0000,lab(59.328% 10.6687 29.1239/.28) 38%,lab(52.28% 12.5954 27.9421/.6) 50%,lab(98.9061% 1.03956 8.01004/.9) 66%,#0000),url(/onboarding/companions/selector-paper.webp);background-repeat:initial;content:"";pointer-events:none;background-size:auto,240px;position:absolute}}@layer priority9{.ob-companion-picker-cast-option.cast-option:not(:last-child):after{width:7px;top:8px;bottom:2px;right:-9px}}