@font-face{font-family:BeachletCampaign;src:url(beachlet-popup-heading.ttf) format("truetype");font-weight:700 900;font-style:normal;font-display:swap}.bl-hero{position:relative;width:100%;overflow:hidden;color:#f6f6f6;background:#d3c6b6;touch-action:pan-y}.bl-hero-track{display:flex;width:100%;will-change:transform;transition:transform .3s ease}.bl-hero-track{user-select:none;-webkit-user-select:none;cursor:grab}.bl-hero.is-dragging .bl-hero-track{cursor:grabbing}.bl-hero-track img,.bl-hero-track a{-webkit-user-drag:none}.bl-hero-slide{position:relative;flex:0 0 100%;min-width:0;aspect-ratio:100/130;overflow:hidden}.bl-hero-media{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.bl-hero-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none}.bl-hero-cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.bl-hero-slide:after{content:"";position:absolute;top:40%;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(transparent,#0000003d)}.bl-hero-copy{position:absolute;bottom:0;left:0;z-index:2;width:100%;padding:20px 44px 40px 20px;pointer-events:none}.bl-hero-copy h1,.bl-hero-copy h2{margin:0;color:inherit;font:900 30px/36px BeachletCampaign,Arial Narrow,Arial,sans-serif;letter-spacing:.75px;text-transform:uppercase}.bl-hero-copy p{margin:8px 0 0;color:inherit;font:400 14px/20px Inter,Arial,sans-serif;letter-spacing:normal}.bl-hero-cta{display:inline-block;pointer-events:auto;margin-top:16px;color:#fff;font:700 12px/16px Inter,Arial,sans-serif;letter-spacing:normal;text-decoration:underline;text-underline-offset:4px}.bl-hero-pagination{position:absolute;z-index:3;bottom:10px;left:50%;transform:translate(-50%);display:flex;align-items:center}.bl-hero-pagination button{display:grid;place-items:center;padding:0 4px;height:24px;border:0;background:transparent;cursor:pointer}.bl-hero-dot{position:relative;display:block;overflow:hidden;border-radius:20px;width:4px;height:8px;background:#ffffff59;transition:width .3s ease}.bl-hero-pagination button[aria-current=true] .bl-hero-dot{width:40px}.bl-hero-progress{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;transform:scaleX(0);transform-origin:left center}.bl-hero-pagination button[aria-current=false] .bl-hero-progress{visibility:hidden}.bl-hero-playback{position:absolute;z-index:3;right:20px;bottom:20px;width:24px;height:24px;padding:0;border:0;background:transparent;color:#fff;cursor:pointer}.bl-hero-playback:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.bl-hero-playback svg{display:block;width:100%;height:100%}.bl-hero-play-icon{display:none}.bl-hero-playback[aria-pressed=false] .bl-hero-play-icon{display:block}.bl-hero-playback[aria-pressed=false] .bl-hero-pause-icon{display:none}.bl-hero a:focus-visible,.bl-hero button:focus-visible{outline:2px solid #fff;outline-offset:4px}@media(min-width:768px){.bl-hero-slide{aspect-ratio:100/43.62}.bl-hero-copy{max-width:66.6667%;padding:24px 24px 56px}.bl-hero-copy h1,.bl-hero-copy h2{font-size:36px;line-height:48px;letter-spacing:.9px}.bl-hero-copy p{font-size:16px;line-height:24px}.bl-hero-cta{margin-top:24px}.bl-hero-pagination{bottom:20px}.bl-hero-pagination button{padding:0 6px}.bl-hero-dot{width:6px;height:10px}.bl-hero-pagination button[aria-current=true] .bl-hero-dot{width:60px}.bl-hero-playback{right:24px;bottom:24px;width:32px;height:32px}}@media(min-width:1024px){.bl-hero-copy{max-width:50%}}.bh-campaign .bl-hero-slide[data-slide-index="0"] .bl-hero-copy{top:0;bottom:auto;padding-top:28px}@media(max-width:767px){.bh-campaign .bl-hero-slide[data-slide-index="0"] .bl-hero-copy{padding-top:24px}.bh-campaign .bl-hero-slide[data-slide-index="0"] .bl-hero-media{background:#073b7b}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/beachlet-hero-carousel.css.map */