.st-picker{--st-step:230px;--st-depth:170px;--st-w:270px;--st-h:300px;margin-top:40px}.st-stage{height:calc(var(--st-h) + 60px);perspective:1100px;perspective-origin:50% 40%;touch-action:pan-y;-webkit-user-select:none;user-select:none;border:0;min-width:0;margin:0;padding:0;position:relative;overflow:hidden}.st-card{z-index:calc(10 - var(--ad));width:var(--st-w);height:var(--st-h);margin-left:calc(var(--st-w) / -2);border-radius:var(--r-lg);background:var(--card);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--text-3);cursor:pointer;transform:translateX(calc(var(--d) * var(--st-step))) translateZ(calc(var(--ad) * var(--st-depth) * -1)) rotateY(calc(var(--d) * -34deg));opacity:calc(1 - var(--ad) * .32);filter:blur(calc(var(--ad) * 1.2px));transition:transform .7s var(--out), opacity .7s var(--out), filter .7s var(--out), background .4s, box-shadow .4s;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;top:30px;left:50%}.st-card.far{opacity:0;pointer-events:none}.st-card.on{background:var(--card-3);box-shadow:inset 0 0 0 1px var(--line-3);color:var(--text)}.st-card:focus-visible{outline:2px solid var(--text);outline-offset:4px}.st-any{font:44px var(--mono)}.st-name{font-size:19px;font-weight:500}.st-nav{justify-content:center;align-items:center;gap:18px;display:flex}.st-arrow{background:var(--card-3);width:42px;height:42px;box-shadow:inset 0 0 0 1px var(--line-2);color:var(--text);transition:transform .14s var(--out);border-radius:50%;place-items:center;display:grid}.st-arrow:active{transform:scale(.9)}.st-prev svg{transform:scaleX(-1)}.st-dots{gap:6px;display:flex}.st-dots i{background:var(--card-3);width:18px;height:3px;transition:background .3s, transform .4s var(--out);border-radius:2px}.st-dots i.on{background:var(--text)}.st-panel{text-align:center;max-width:640px;margin:36px auto 40px;display:grid}.st-open{animation:st-swap .6s var(--out-expo) both;flex-direction:column;grid-area:1/1;align-items:center;display:flex}.st-open.st-sizer{visibility:hidden;animation:none}.st-open .st-title{letter-spacing:-.02em;text-wrap:balance;max-width:none;margin:0 auto;font-size:30px;font-weight:500;line-height:1.15}.st-title span{color:var(--text-3)}.st-open p{color:var(--text-2);margin:10px 0 22px;font-size:16px;line-height:1.55}.st-cta{border-radius:var(--r-pill);background:var(--text);height:50px;color:var(--bg);transition:transform .14s var(--out);align-items:center;gap:10px;margin-top:auto;padding:0 24px;font-size:15px;font-weight:600;display:inline-flex}.st-cta:active{transform:scale(.97)}.st-cta svg{transition:transform .25s var(--out)}.st-mark svg{width:84px;height:84px;fill:var(--text-3);transition:fill .4s, transform .7s var(--out)}.st-cta:hover svg{transform:translate(3px)}.st-card.on .st-mark svg{fill:var(--text);transform:scale(1.08)}@keyframes st-swap{0%{opacity:0;filter:blur(6px);transform:translateY(10px)}}.st-noscript{display:none}@media (scripting:none){.st-picker{display:none}.st-noscript{text-align:center;gap:10px;max-width:360px;margin:48px auto 40px;padding:0;list-style:none;display:grid}.st-noscript a{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--line-3);text-decoration-color:var(--line-3)}}.st-picker.in-card{--st-step:150px;--st-depth:120px;--st-w:200px;--st-h:230px;column-gap:var(--s-6);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;margin-top:0;display:grid}.st-picker.in-card .st-stage{grid-area:1/2}.st-picker.in-card .st-nav{padding-bottom:var(--s-3);grid-area:2/2}.st-picker.in-card .st-panel{max-width:44ch;padding-left:var(--s-3);text-align:left;grid-area:1/1/span 2;margin:0}.st-picker.in-card .st-open{align-items:flex-start}.st-picker.in-card .st-title{margin:0;font-size:28px}@media (max-width:860px){.st-picker.in-card{grid-template-columns:minmax(0,1fr)}.st-picker.in-card .st-stage,.st-picker.in-card .st-nav{grid-column:1}.st-picker.in-card .st-panel{margin-top:var(--s-5);padding:0 var(--s-2) var(--s-3);grid-area:3/1}}.st-picker.small{--st-step:170px;--st-depth:130px;--st-w:190px;--st-h:210px;margin-top:24px}.st-picker.small .st-title{letter-spacing:-.015em;font-size:22px}.st-picker.small .st-panel{margin-bottom:0}@media (max-width:600px){.st-picker{--st-step:150px;--st-depth:120px;--st-w:200px;--st-h:230px}.st-mark svg{width:60px;height:60px}.st-picker.small{--st-step:120px;--st-depth:100px;--st-w:150px;--st-h:170px}}
