.nb-reel-button{display:inline-grid;width:fit-content;-webkit-tap-highlight-color:transparent;cursor:pointer;--elastic-ease-out:linear(0,.5737 7.6%,.8382 11.87%,.9463 14.19%,1.0292 16.54%,1.0886 18.97%,1.1258 21.53%,1.137 22.97%,1.1424 24.48%,1.1423 26.1%,1.1366 27.86%,1.1165 31.01%,1.0507 38.62%,1.0219 42.57%,.9995 46.99%,.9872 51.63%,.9842 58.77%,1.0011 81.26%,1);--elastic-ease-out-soft:linear(0,.029 1.7%,.113 3.6%,.604 11.1%,.809 15%,.949 19.1%,.995 21.3%,1.026 23.6%,1.044 26.2%,1.049 29.3%,1.01 43.5%,1 51.2%,1);--smooth-ease:cubic-bezier(.32,.72,0,1)}.nb-reel-button__bg{grid-area:1/1;transition:scale var(--reel-duration) var(--smooth-ease),box-shadow calc(var(--reel-duration) * .8) var(--smooth-ease)}.nb-reel-button__container{pointer-events:none;grid-area:1/1;display:grid;overflow:clip}.nb-reel-button__inner{transform-origin:0%;grid-area:1/1;justify-content:flex-start;align-items:center;display:flex;transition:rotate var(--reel-duration) var(--smooth-ease)}.nb-reel-button__text{z-index:1;grid-area:1/1}.nb-reel-button__inner-hover{transform-origin:0%;grid-area:1/1;justify-content:center;align-items:center;display:flex;transition:rotate var(--reel-duration) var(--smooth-ease),translate var(--reel-duration) var(--smooth-ease);rotate:90deg;translate:calc(var(--reel-translate) * -1) 0}.nb-reel-button__inner-hover.nb-reel-button__inner-hover--is-second{rotate:180deg}.nb-reel-button__inner-hover::after{content:attr(data-text)}@media (hover:hover) and (pointer:fine){.nb-reel-button:is(:hover,:focus-visible) .nb-reel-button__inner{rotate:-180deg}.nb-reel-button:is(:hover,:focus-visible) .nb-reel-button__inner-hover{rotate:-90deg;translate:calc(var(--reel-translate) * -1) 0}.nb-reel-button:is(:hover,:focus-visible) .nb-reel-button__inner-hover.nb-reel-button__inner-hover--is-second{rotate:0deg;translate:0 0}}