.rail-nav-host{position:relative}.rail-nav{display:none;position:absolute;pointer-events:none;z-index:2}.rail-nav--on{display:block}.rail-nav__btn{pointer-events:auto;position:absolute;top:var(--rail-arrow-top, 50%);display:grid;place-items:center;width:var(--rail-arrow-size, 44px);height:var(--rail-arrow-size, 44px);margin:0;padding:0;border:1px solid var(--rail-arrow-border, #c2a366);border-radius:50%;background-color:var(--rail-arrow-bg, rgba(255, 253, 248, .92));color:var(--rail-arrow, #5f3f2c);box-shadow:0 4px 14px -8px var(--rail-arrow-shade, rgba(95, 63, 44, .18));-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1);cursor:pointer;transform:translateY(-50%);transition:background-color .3s cubic-bezier(.22,1,.36,1),border-color .3s cubic-bezier(.22,1,.36,1),color .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1),opacity .35s ease,transform .1s ease}.rail-nav__btn--prev{left:var(--rail-arrow-inset, 12px)}.rail-nav__btn--next{right:var(--rail-arrow-inset, 12px)}.rail-nav__icon{display:block;width:52%;height:52%;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}@media(hover:hover){.rail-nav__btn:not([disabled]):hover{background-color:var(--rail-arrow-hover-bg, #4f5d3a);border-color:var(--rail-arrow-hover-bg, #4f5d3a);color:var(--rail-arrow-hover, #fffbf2);box-shadow:0 6px 18px -8px var(--rail-arrow-shade, rgba(95, 63, 44, .18))}}.rail-nav__btn:not([disabled]):active{transform:translateY(-50%) scale(.96);transition-duration:.1s}.rail-nav__btn[disabled]{opacity:.3;pointer-events:none;box-shadow:none}.rail-nav__btn:focus-visible{outline:2px solid var(--rail-arrow, #5f3f2c);outline-offset:3px}@media screen and (max-width:749px){.rail-nav--no-mobile{display:none}.rail-nav__btn{width:var(--rail-arrow-size-mobile, 36px);height:var(--rail-arrow-size-mobile, 36px)}.rail-nav__btn--prev{left:var(--rail-arrow-inset-mobile, 6px)}.rail-nav__btn--next{right:var(--rail-arrow-inset-mobile, 6px)}}@media screen and (min-width:750px){.rail-nav--no-desktop{display:none}}@media(prefers-reduced-motion:reduce){.rail-nav__btn,.rail-nav__icon{transition:none}.rail-nav__btn:not([disabled]):active{transform:translateY(-50%)}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-rail-arrows.css.map */