.image-banner{width:100%}.image-banner__frame{position:relative;width:100%;overflow:hidden}.image-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.image-banner__picture,.image-banner__image,.image-banner__placeholder{display:block;width:100%;height:100%}.image-banner__image{object-fit:cover;object-position:center}.image-banner__video::-webkit-media-controls,.image-banner__video::-webkit-media-controls-enclosure{display:none!important}.image-banner__video--mobile{display:none}@media only screen and (max-width:768px){.image-banner__media--has-mobile-video .image-banner__video--desktop{display:none}.image-banner__media--has-mobile-video .image-banner__video--mobile{display:block}}.image-banner__play-button,.image-banner__pause-button{position:absolute;bottom:16px;right:16px;width:50px;height:50px;border-radius:1000px;box-shadow:0 4px 32px #00000040;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:none;cursor:pointer;align-items:center;justify-content:center;z-index:4}.image-banner__play-button{display:flex}.image-banner__pause-button{display:none}.image-banner__play-button:after,.image-banner__pause-button:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;border-radius:1000px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(45deg);transform-origin:center;transition:transform .6s cubic-bezier(.23,1,.32,1)}.image-banner__play-button:hover:after,.image-banner__pause-button:hover:after{transform:rotate(-45deg)}.image-banner__play-button.hidden{display:none}.image-banner__play-button--centered{bottom:auto;right:auto;left:50%;top:50%;transform:translate(-50%,-50%)}.image-banner__play-button--centered:after{transform:rotate(45deg)}.image-banner__play-button--centered:hover:after{transform:rotate(-45deg)}.image-banner__play-button svg{width:17px;height:19px;margin-left:3px}.image-banner__pause-button.active{display:flex}.image-banner__pause-button svg{width:24px;height:auto;fill:#fff;color:#fff}.image-banner__placeholder{display:flex;align-items:center;justify-content:center;min-height:400px;background:#f4f4f4}.image-banner__placeholder .placeholder-svg{width:100%;height:100%;max-height:500px}.image-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.image-banner__content-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;pointer-events:none;box-sizing:border-box;width:100%;max-width:1440px;margin-inline:auto}.image-banner__content{pointer-events:auto;width:100%;max-width:400px;text-align:left}@media screen and (min-width:1501px){.image-banner:not(.image-banner--landing-secondary) .image-banner__content{max-width:550px}}.image-banner__title{margin:0 0 18px;font-family:Sora,sans-serif;font-weight:600;font-style:normal;line-height:1;letter-spacing:0;text-transform:uppercase;white-space:pre-line;padding-left:0;text-box-trim:trim-both;text-box-edge:cap alphabetic}.image-banner__subtext{margin:0 0 18.5px;font-family:Inter,sans-serif;font-weight:400;font-style:normal;line-height:1.5;letter-spacing:0;color:#fff}.image-banner__btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 50px;font-family:Sora,sans-serif;font-weight:400;font-style:normal;line-height:1.5;letter-spacing:0;text-transform:uppercase;text-decoration:none;border-radius:8px;transition:opacity .2s ease;text-box-trim:trim-both;text-box-edge:cap alphabetic}.image-banner__btn:hover,.image-banner__btn:focus{opacity:.9}.image-banner__btn[aria-disabled=true]{cursor:default;opacity:.6}@media screen and (max-width:768px){.image-banner__content{max-width:400px}.image-banner__title{line-height:32px}.image-banner__subtext{font-size:14px;line-height:20px;margin-bottom:12px}.image-banner__btn{font-size:14px;line-height:20px;padding:8px 24.8px}.image-banner__title{margin-bottom:15px}}@media screen and (min-width:769px)and (max-width:850px){.image-banner__content-wrap .image-banner__title{font-size:4.5vw;line-height:100%}}@media screen and (min-width:600px)and (max-width:768px){.image-banner__frame .image-banner__content-wrap{padding-bottom:30%!important}}
/*# sourceMappingURL=/cdn/shop/t/144/assets/image-banner.css.map */