:is(button,a,span).arrow-control-button.arrow-control-button{display:inline-grid;place-items:center;inline-size:var(--arrow-control-size, 33px);min-inline-size:var(--arrow-control-size, 33px);block-size:var(--arrow-control-size, 33px);min-block-size:var(--arrow-control-size, 33px);padding:0;border:1px solid var(--border);border-radius:var(--chevron-button-radius, 0);background:var(--chevron-button-bg);color:var(--fg)}body[data-chevron-border=false] :is(button,a,span).arrow-control-button.arrow-control-button{border-color:transparent}:is(button,a,span).arrow-control-button.arrow-control-button.arrow-control-button--bare{border-color:transparent;background:transparent;color:inherit}body[data-chevron-hover-animation=rolling] :is(button,a,span).arrow-control-button.arrow-control-button.arrow-control-button--bare:is(:hover,:focus-visible){background:transparent;color:inherit}.arrow-control{display:inline-grid;flex:0 0 var(--arrow-control-size, 33px);place-items:center;inline-size:var(--arrow-control-size, 33px);block-size:var(--arrow-control-size, 33px);color:currentColor;pointer-events:none}.arrow-control--previous{transform:rotate(180deg)}.arrow-fx{--arrow-roll-second-left: 100%;--arrow-roll-second-top: 0;--arrow-roll-x: -100%;--arrow-roll-y: 0;display:block;position:relative;inline-size:var(--arrow-icon-size, 16px);block-size:var(--arrow-icon-size, 16px);overflow:hidden}.arrow-fx__track{display:block;position:relative;inline-size:var(--arrow-icon-size, 16px);block-size:var(--arrow-icon-size, 16px);transform:translate(0);transition:transform var(--motion-duration, .42s) var(--motion-ease, cubic-bezier(.22, 1, .36, 1))}.arrow-fx__icon{display:grid;place-items:center;position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:var(--arrow-icon-size, 16px);block-size:var(--arrow-icon-size, 16px);color:currentColor}.arrow-fx__icon>svg{inline-size:var(--arrow-icon-size, 16px);block-size:var(--arrow-icon-size, 16px)}.arrow-fx__icon:nth-child(2){inset-block-start:var(--arrow-roll-second-top);inset-inline-start:var(--arrow-roll-second-left)}html[dir=rtl] .arrow-fx__icon>svg{transform:scaleX(-1)}body[data-chevron-hover-animation-direction=left]{--chevron-fill-rest-transform: scaleX(0);--chevron-fill-rest-origin: right center;--chevron-fill-hover-origin: left center}body[data-chevron-hover-animation-direction=left] .arrow-fx{--arrow-roll-second-left: -100%;--arrow-roll-second-top: 0;--arrow-roll-x: 100%;--arrow-roll-y: 0}body[data-chevron-hover-animation-direction=right]{--chevron-fill-rest-transform: scaleX(0);--chevron-fill-rest-origin: left center;--chevron-fill-hover-origin: right center}body[data-chevron-hover-animation-direction=right] .arrow-fx{--arrow-roll-second-left: 100%;--arrow-roll-second-top: 0;--arrow-roll-x: -100%;--arrow-roll-y: 0}body[data-chevron-hover-animation-direction=top]{--chevron-fill-rest-transform: scaleY(0);--chevron-fill-rest-origin: center bottom;--chevron-fill-hover-origin: center top}body[data-chevron-hover-animation-direction=top] .arrow-fx{--arrow-roll-second-left: 0;--arrow-roll-second-top: -100%;--arrow-roll-x: 0;--arrow-roll-y: 100%}body[data-chevron-hover-animation-direction=bottom]{--chevron-fill-rest-transform: scaleY(0);--chevron-fill-rest-origin: center top;--chevron-fill-hover-origin: center bottom}body[data-chevron-hover-animation-direction=bottom] .arrow-fx{--arrow-roll-second-left: 0;--arrow-roll-second-top: 100%;--arrow-roll-x: 0;--arrow-roll-y: -100%}body[data-chevron-hover-animation=rolling] :is(a,button):is(:hover,:focus-visible):not(:disabled,[disabled],[aria-disabled=true]) .arrow-fx__track{transform:translate(var(--arrow-roll-x),var(--arrow-roll-y))}body[data-chevron-hover-animation=rolling] :is(button,a,span).arrow-control-button.arrow-control-button:is(:hover,:focus-visible){background:var(--chevron-button-bg);color:var(--fg)}body[data-chevron-hover-animation=fill] :is(button,a,span).arrow-control-button.arrow-control-button{position:relative;isolation:isolate;overflow:hidden}body[data-chevron-hover-animation=fill] :is(button,a,span).arrow-control-button.arrow-control-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--nav-slide-fill, var(--fg));pointer-events:none;transform:var(--chevron-fill-rest-transform, scaleX(0));transform-origin:var(--chevron-fill-rest-origin, left center);transition:transform var(--motion-duration, .42s) var(--motion-ease, cubic-bezier(.22, 1, .36, 1))}body[data-chevron-hover-animation=fill] :is(button,a,span).arrow-control-button.arrow-control-button>.arrow-control{position:relative;z-index:1}body[data-chevron-hover-animation=fill] :is(button,a,span).arrow-control-button.arrow-control-button:is(:hover,:focus-visible):not(:disabled,[disabled],[aria-disabled=true]){color:var(--nav-slide-fill-color, var(--inv-fg))}body[data-chevron-hover-animation=fill] :is(button,a,span).arrow-control-button.arrow-control-button:is(:hover,:focus-visible):not(:disabled,[disabled],[aria-disabled=true]):before{transform:none;transform-origin:var(--chevron-fill-hover-origin, right center)}:is(button,a).arrow-control-button:is(:disabled,[disabled],[aria-disabled=true]){pointer-events:auto;cursor:not-allowed;border-color:color-mix(in srgb,var(--border) 55%,transparent);color:color-mix(in srgb,var(--fg) 38%,transparent)}:is(a,button):is(:disabled,[disabled],[aria-disabled=true]) .arrow-fx__track{transform:none}body[data-chevron-hover-animation=none] .arrow-fx__track,body[data-chevron-hover-animation=none] :is(button,a,span).arrow-control-button.arrow-control-button:before{transition:none}body[data-chevron-hover-animation=none] :is(button,a,span).arrow-control-button.arrow-control-button:is(:hover,:focus-visible){background:var(--chevron-button-bg);color:var(--fg)}@media(prefers-reduced-motion:reduce){.arrow-fx__track,body[data-chevron-hover-animation=fill] :is(button,a,span).arrow-control-button.arrow-control-button:before{transition:none}body :is(a,button):is(:hover,:focus-visible) .arrow-fx__track{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-arrow-control.css.map */