hp-scroll-rail.hp-rail{display:block;position:relative;min-width:0}@media(hover:hover)and (pointer:fine){.hp-rail .hp-rail__btn{position:absolute;top:var(--hp-rail-arrow-top, 50%);z-index:3;display:flex!important;align-items:center;justify-content:center;width:32px;height:32px;margin:-16px 0 0;padding:0;border:1px solid rgba(0,0,0,.1);border-radius:50%;background:#fff;color:var(--hp-rail-accent, #3f6b4a);box-shadow:0 2px 8px #00000024;cursor:pointer;opacity:0;visibility:hidden;transform:scale(.85);transition:opacity .2s ease,transform .2s ease,visibility .2s,background-color .15s ease}.hp-rail .hp-rail__btn--prev{left:var(--hp-rail-prev-x, 4px)}.hp-rail .hp-rail__btn--prev svg{transform:scaleX(-1)}.hp-rail .hp-rail__btn--next{right:var(--hp-rail-next-x, 4px)}.hp-rail .hp-rail__btn svg{display:block;width:16px;height:16px}.hp-rail[data-can-prev] .hp-rail__btn--prev,.hp-rail[data-can-next] .hp-rail__btn--next{opacity:1;visibility:visible;transform:none}.hp-rail .hp-rail__btn:hover{background:#f0f7f1;box-shadow:0 3px 12px #0000002e}.hp-rail .hp-rail__btn:active{transform:scale(.94)}.hp-rail[data-overflow]>[data-hp-rail-track]{cursor:grab;-webkit-user-select:none;user-select:none}.hp-rail[data-dragging]>[data-hp-rail-track]{cursor:grabbing}.hp-rail[data-dragging]>[data-hp-rail-track]>*{pointer-events:none}}@media(prefers-reduced-motion:reduce){.hp-rail .hp-rail__btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/hp-scroll-rail.css.map */