.year-select{position:absolute;top:0;left:100%;transform:translate(-100%) translateY(30%);border-radius:full;border-radius:9999px;border:2px solid var(--color-secondary);padding-left:.25rem;padding-right:.25rem;--shadow-radius: .125rem;box-shadow:0 0 .125rem #00000026;box-shadow:0 0 var(--shadow-radius) 0 hsl(0 0% 0%/var(--shadow-alpha, 15%));width:5rem;aspect-ratio:8/3.5;background-color:var(--color-white);font-size:1rem;color:var(--color-font);transition:box-shadow var(--trans-time) var(--trans-fnc);cursor:pointer}@media (hover: hover){a.year-select:hover,button.year-select:hover,select.year-select:hover,input.year-select:hover,textarea.year-select:hover{--shadow-alpha: 30%}}input.year-select:focus,textarea.year-select:focus,.year-select:not(a):not(button):not(select):not(input):not(textarea){--shadow-alpha: 30%}@media only screen and (max-width: 1024px){.year-select{position:absolute;top:0;left:100%;transform:translate(calc(-100% - 1.5rem)) translateY(20%)}}@media only screen and (max-width: 425px){.year-select{position:absolute;top:0;left:100%;transform:translate(calc(-100% - .125rem)) translateY(7%)}}