.controls>label:nth-child(2){justify-self:center;text-align:center}
.year-picker{position:relative;margin-top:9px;width:210px;max-width:100%;height:138px;display:flex;align-items:center;justify-content:center;gap:8px;overflow:hidden}
.year-picker:before{content:"";position:absolute;z-index:3;pointer-events:none;left:calc(50% - 8px);top:39px;width:78px;height:58px;border:2px solid #d7f34a;border-radius:999px;box-shadow:0 0 0 4px rgba(215,243,74,.1),0 7px 22px rgba(215,243,74,.14)}
.year-picker:after{content:"";position:absolute;z-index:4;pointer-events:none;left:calc(50% + 4px);top:47px;width:28px;height:12px;border-top:2px solid rgba(255,255,255,.5);border-radius:50%;transform:rotate(-8deg)}
.year-arrow{position:absolute;z-index:5;left:calc(50% + 72px);width:25px;height:25px;padding:0;border:0;background:transparent;color:#d7f34a;font:800 13px/1 Manrope,sans-serif;opacity:.85;transition:opacity 100ms ease,transform 100ms ease}.year-arrow:hover{background:transparent;opacity:1;transform:scale(1.16)}.year-up{top:43px}.year-down{top:72px}
.year-prefix{font:800 46px/1 Manrope,sans-serif;color:#f4f0e7;letter-spacing:-2px}
.year-picker>div{width:82px;height:138px;padding-block:42px;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior:contain;touch-action:pan-y}
.year-picker>div::-webkit-scrollbar{display:none}
.year-box{--scale:.68;display:block;width:76px;height:54px;margin:0 auto;border:0;border-radius:0;background:transparent;color:#f4f0e7;padding:0;font:800 46px/1 Manrope,sans-serif;letter-spacing:-2px;scroll-snap-align:center;transform:scale(var(--scale));transition:transform 120ms ease,opacity 120ms ease,color 140ms ease;opacity:var(--opacity,.28);cursor:pointer}
.year-box:hover{background:transparent;color:#d7f34a}
.year-box.active{background:transparent;color:#d7f34a;box-shadow:none;opacity:1;position:relative;z-index:2;transform:scale(1.14)!important;text-shadow:0 2px 0 rgba(23,34,29,.35),0 0 12px rgba(215,243,74,.38)}
@media(max-width:760px){.controls>label:nth-child(2){justify-self:start;text-align:left}.year-picker{width:210px}}
@media(prefers-reduced-motion:reduce){.year-box{transition:none}}