.spinner[data-v-8f3059ed]{--color:var(--form-color,currentColor);--icon:var(--form-icon,1.2rem);--gap-min:var(--form-gap,.3rem);--gap-med:calc(var(--gap-min)*2);--gap-max:calc(var(--gap-min)*3);--highlight:var(--form-highlight,currentColor);display:block;position:static}.input[data-v-8f3059ed]{touch-action:manipulation;-webkit-tap-highlight-color:transparent;width:100%;padding-right:calc(var(--icon) + (var(--gap-max) * 2))}.arrows[data-v-8f3059ed]{flex-direction:column;justify-content:space-between;height:100%;display:flex;position:absolute;top:0;right:0}.arrows .spin[data-v-8f3059ed]{all:unset;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;height:49%;padding-left:var(--gap-max);padding-right:var(--gap-max);box-sizing:border-box;justify-content:center;align-items:center;display:flex;position:relative}.arrows .spin[data-v-8f3059ed]:before{content:"";width:var(--icon);height:var(--icon);background-color:var(--color);transition:transform .14s;display:inline-block;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='M2,5l6,6l6-6'/%3e%3c/svg%3e") 50%/contain no-repeat}.arrows .spin.up[data-v-8f3059ed]:before{rotate:180deg}.arrows .spin[data-v-8f3059ed]:after{content:"";width:calc(var(--icon) * .7);height:calc(var(--icon) * .7);opacity:0;background-color:var(--highlight);pointer-events:none;transition:opacity .12s,transform .12s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.7);mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='M2,8h12'/%3e%3c/svg%3e") 50%/contain no-repeat}.arrows .spin.up[data-v-8f3059ed]:after{top:calc(50% + (var(--icon) * .7));mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='M2,8h12M8,2v12'/%3e%3c/svg%3e")}.arrows .spin.down[data-v-8f3059ed]:after{top:calc(50% - (var(--icon) * .7))}.arrows .spin[data-v-8f3059ed]:active:after{opacity:1;transform:translate(-50%,-50%)scale(1)}@media (hover:hover) and (pointer:fine){.arrows .spin[data-v-8f3059ed]:hover:before{background-color:var(--highlight)}}.arrows .spin.up[data-v-8f3059ed]:active:before,.arrows .spin.down[data-v-8f3059ed]:active:before{transform:translateY(.15rem)}.arrows .spin[data-v-8f3059ed]:disabled{opacity:.4;cursor:not-allowed}