[data-arol-slider]{position:relative;width:100%;max-width:1920px;margin:0 auto;overflow:hidden;color:#1f2630;-webkit-tap-highlight-color:transparent}[data-arol-slider] *{box-sizing:border-box;margin:0;padding:0}[data-arol-slider] .hx-wrap{position:relative;width:100%;aspect-ratio:1316/494;max-height:617.5px}[data-arol-slider] .slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility 0s .7s}[data-arol-slider] .slide.on{opacity:1;visibility:visible;transition:opacity .7s ease}[data-arol-slider] .lnk{display:block;position:absolute;top:0;right:0;bottom:0;left:0;color:inherit;text-decoration:none;overflow:hidden}[data-arol-slider] .stage{position:absolute;top:0;transform-origin:0 0;overflow:hidden}[data-arol-slider] .ab{position:absolute}.col{position:absolute;display:flex;flex-direction:column;gap:16px}[data-arol-slider] .stage img{display:block;object-fit:contain;mix-blend-mode:multiply}[data-arol-slider] .eb{font-family:Barlow Condensed,Arial Narrow,sans-serif;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#9a5a2b}[data-arol-slider] .tt{font-family:Barlow Condensed,Arial Narrow,sans-serif;font-weight:800;line-height:1;text-wrap:balance}[data-arol-slider] .tx{line-height:1.4;color:#2f3a4a;font-weight:500}[data-arol-slider] .cta{font-family:Barlow Condensed,Arial Narrow,sans-serif;font-weight:700;letter-spacing:.04em;display:inline-block;padding-bottom:4px;border-bottom:3px solid #C9972B}[data-arol-slider] .cap{font-family:Barlow Condensed,sans-serif;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#2f3a4a;position:absolute}@keyframes arol-hx-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes arol-hx-rise{0%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:none}}@keyframes arol-hx-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes arol-hx-fade{0%{opacity:0}to{opacity:1}}@keyframes arol-hx-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes arol-hx-band{0%{opacity:0;transform:translate(-140px) skew(-14deg)}to{opacity:1;transform:translate(0) skew(-14deg)}}@keyframes arol-hx-orbit{0%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.35)}to{opacity:1;transform:none}}@keyframes arol-hx-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes arol-hx-spin{to{transform:rotate(360deg)}}@keyframes arol-hx-drift{0%{transform:translate(0)}to{transform:translate(var(--mx,-70px),var(--my,0px))}}[data-arol-slider] .on .a-up{animation:arol-hx-up .7s cubic-bezier(.2,.7,.2,1) var(--d,0s) both}[data-arol-slider] .on .a-rise{animation:arol-hx-rise .8s cubic-bezier(.2,.75,.2,1) var(--d,0s) both}[data-arol-slider] .on .a-pop{animation:arol-hx-pop .7s cubic-bezier(.2,.8,.2,1) var(--d,0s) both}[data-arol-slider] .on .a-fade{animation:arol-hx-fade .8s ease var(--d,0s) both}[data-arol-slider] .on .a-draw{animation:arol-hx-draw 1s cubic-bezier(.3,.7,.2,1) var(--d,0s) both}[data-arol-slider] .on .a-band{animation:arol-hx-band .9s cubic-bezier(.2,.7,.2,1) var(--d,0s) both}[data-arol-slider] .on .a-orbit{animation:arol-hx-orbit .8s cubic-bezier(.2,.9,.25,1) var(--d,0s) both}[data-arol-slider] .on .a-float{animation:arol-hx-float 5s ease-in-out var(--d,0s) infinite}[data-arol-slider] .on .a-spin{animation:arol-hx-spin 90s linear infinite}[data-arol-slider] .on .a-drift{animation:arol-hx-drift 7s cubic-bezier(.25,.6,.3,1) both}[data-arol-slider].paused .slide *{animation-play-state:paused!important}[data-arol-slider] .hx-ctl{position:absolute;left:50%;bottom:12px;transform:translate(-50%);z-index:5;display:flex;align-items:center;gap:2px;background:#ffffffeb;border-radius:22px;padding:2px 6px;box-shadow:0 2px 10px #1f26302e}[data-arol-slider] .hx-ctl button{all:unset;cursor:pointer;width:26px;height:26px;display:flex;align-items:center;justify-content:center}[data-arol-slider] .hx-ctl .dot:before{content:"";width:8px;height:8px;border-radius:8px;background:#2f3a4a;opacity:.65;transition:opacity .3s}[data-arol-slider] .hx-ctl .dot.on:before{opacity:0}[data-arol-slider] .hx-ctl .pz svg{width:14px;height:14px;fill:#1f2630}[data-arol-slider] .hx-ctl button:focus-visible{outline:2px solid #9A5A2B;outline-offset:1px}[data-arol-slider] .hx-prog{position:absolute;left:0;bottom:0;height:3px;width:100%;background:#c9972b;transform-origin:0 50%;transform:scaleX(0);z-index:5}@media(prefers-reduced-motion:reduce){[data-arol-slider] *{animation:none!important}[data-arol-slider] .slide,[data-arol-slider] .slide.on{transition:none}}[data-arol-slider]{font-family:Barlow,Arial,sans-serif;container-type:inline-size}[data-arol-slider] .stage{width:1316px;height:494px;left:0}[data-arol-slider] .hx-mobile{display:none;width:390px;height:580px}[data-arol-slider] .initial *{animation:none!important}[data-arol-slider] .hx-ctl{height:30px}[data-arol-slider] .hx-ctl button{position:relative}[data-arol-slider] .hx-ctl button:after{content:"";position:absolute;top:-9px;right:0;bottom:-9px;left:0}[data-arol-slider] .hx-ctl button{width:44px;flex-shrink:0}[data-arol-slider] .hx-ctl button:disabled{cursor:default}[data-arol-slider] .lnk:focus-visible{outline:3px solid #9A5A2B;outline-offset:-4px}[data-arol-slider] .a-band{transform:skew(-14deg)}@media(max-width:699.98px){[data-arol-slider] .hx-wrap{aspect-ratio:390/580;max-height:783px}[data-arol-slider] .hx-desktop{display:none}[data-arol-slider] .hx-mobile{display:block}}@media(prefers-reduced-motion:reduce){[data-arol-slider] *,[data-arol-slider] .slide{animation:none!important;transition:none!important}}[data-arol-slider] .slide:nth-child(4) .lnk:focus-visible{outline-color:#fff}[data-arol-slider] .lnk{touch-action:pan-y}[data-arol-slider] .hx-marker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:22px;height:8px;border-radius:8px;background:#1f2630;opacity:0;transition:opacity .3s}[data-arol-slider] .dot.on .hx-marker{opacity:1}@media(min-width:700px)and (max-width:900px){[data-arol-slider] .slide:nth-child(-n+3) .hx-desktop>.col{top:28px!important;gap:12px!important}[data-arol-slider] .slide:nth-child(-n+3) .hx-desktop>.col .tx{font-size:28px!important}}[data-arol-slider] .hx-multi-links>.lnk{z-index:0}[data-arol-slider] .hx-multi-links>.stage{z-index:1;pointer-events:none}[data-arol-slider] .hx-item-link{display:block;pointer-events:auto;color:inherit;text-decoration:none;touch-action:pan-y;min-width:44px;min-height:44px}[data-arol-slider] .hx-item-link:focus-visible{outline:3px solid #9A5A2B;outline-offset:-4px}
/*# sourceMappingURL=/cdn/shop/t/12/assets/arol-hero-slider.css.map */