.section__container{position:relative;width:100%}.section__background--secondary{background-color:#222d80}.section__background--tertiary{background-image:linear-gradient(#bacded,#cad0e7)}.section_background--image{background-image:var(--desktop-background-image);min-height:var(--desktop-background-height);height:fir-content;background-size:cover}@media only screen and (max-width: 750px){.section_background--image{background-image:var(--mobile-background-image);height:var(--mobile-background-height)}}.section__background--video{height:var(--desktop-background-height)}@media only screen and (max-width: 750px){.section__background--video{height:var(--mobile-background-height)}}.iframe__background--video{position:absolute;display:block;width:100%;height:100%;top:0;left:0;border:none}.iframe__background-overlay{position:absolute;margin:0 auto;width:100%;height:100%;opacity:.1;background-color:#000;left:50%;transform:translate(-50%)}.section__content{position:relative;font-family:DupletRounded,helvetica,arial,sans-serif;background-color:transparent;color:rgb(var(--color-base-text));margin:0 auto;height:100%;max-width:1250px;width:90%;padding:40px 30px}@media only screen and (min-width: 750px)and (max-width: 990px){.section__content{max-width:100vw}}@media only screen and (max-width: 750px){.section__content{max-width:100vw;padding:20px 0}}.media__anchor{--desktopMediaWidth: 100%;--mobileMediaWidth: 100%;--desktopMediaHeight: auto;--mobileMediaHeight: auto;--desktopMediaPadding: 0px;--mobileMediaPadding: 0px;--desktopMediaRadius: 0px;--mobileMediaRadius: 0px;--desktopMediaHorizontalPositioning: 0px;--desktopMediaVerticalPositioning: 0px;--mobileMediaHorizontalPositioning: 0px;--mobileMediaVerticalPositioning: 0px;padding:var(--desktopMediaPadding);max-width:100%}@media only screen and (max-width: 750px){.media__anchor{padding:var(--mobileMediaPadding)}}@media only screen and (min-width: 750px){.media__anchor-desktop--detached{pointer-events:none;width:0;padding:0}}@media only screen and (max-width: 750px){.media__anchor-mobile--detached{pointer-events:none;width:0;padding:0}}.media__container{position:relative;max-width:100%;width:var(--desktopMediaWidth);padding-top:var(--desktopMediaHeight)}@media only screen and (max-width: 750px){.media__container{width:var(--mobileMediaWidth);padding-top:var(--mobileMediaHeight)}}.media__container img,.media__container iframe{all:unset;position:absolute;max-width:100%;height:100%;width:var(--desktopMediaWidth);top:var(--desktopMediaVerticalPositioning);left:var(--desktopMediaHorizontalPositioning);border-radius:var(--desktopMediaRadius)}@media only screen and (max-width: 750px){.media__container img,.media__container iframe{width:var(--mobileMediaWidth);top:var(--mobileMediaVerticalPositioning);left:var(--mobileMediaHorizontalPositioning);border-radius:var(--mobileMediaRadius)}}@media only screen and (min-width: 750px){.media__container-desktop--detached{width:0;padding-top:0}.media__container-desktop--detached img,.media__container-desktop--detached iframe{max-width:unset;height:unset}}@media only screen and (max-width: 750px){.media__container-mobile--detached{width:0;padding-top:0}.media__container-mobile--detached img,.media__container-mobile--detached iframe{max-width:unset;height:unset}}.font--phosphate{font-family:PhosphateSolid,helvetica,arial,sans-serif;letter-spacing:1.42px;line-height:1!important}.text__container{--textColor: $colour-dark-text;--textDesktopFontSize: 16px;--textMobileFontSize: 14px;--textDesktopLineHeight: 1.4;--textMobileLineHeight: 1.4;display:inline-block;font-size:var(--textDesktopFontSize);line-height:var(--textDesktopLineHeight);color:var(--textColor)}@media only screen and (max-width: 750px){.text__container{font-size:var(--textMobileFontSize);line-height:var(--textMobileLineHeight)}}.text__container p{all:unset}.text__container a{color:unset;font-weight:unset}@media only screen and (max-width: 750px){.display-desktop-only{display:none!important}}@media only screen and (min-width: 750px){.display-mobile-only{display:none!important}}.collection-filter__container{height:10rem;align-content:center;padding:2rem}.collection-filter__container .icon-banner-slider{justify-content:space-evenly;display:flex!important;align-items:center}.collection-filter__container .filters__container{margin-bottom:0;justify-content:space-evenly;width:100%}.collection-filter__container .filters__container a{margin:0 1rem}@media screen and (max-width: 550px){.collection-filter__container{padding:2rem .5rem}}@media screen and (max-width: 550px){.collection-filter__container .slider-counter{min-width:2.4rem}.collection-filter__container button{width:1rem}.collection-filter__container a{margin:0 1rem}}.collection-filter__container .filter-left,.collection-filter__container .filter-right{width:3rem}@media screen and (max-width: 550px){.collection-filter__container .filter-left,.collection-filter__container .filter-right{width:2rem}}.collection-filter__container .slideshow__control-wrapper{z-index:2}.collection-hero{background-repeat:no-repeat;background-position:66%;background-size:auto}.collection-hero--with-image{background-repeat:no-repeat;background-position:center;background-size:cover}@media screen and (max-width: 750px){.collection-hero--desktop{display:none}}@media screen and (min-width: 750px){.collection-hero--mobile{display:none}}.collection-hero__inner{display:flex;height:100%}.collection-hero--with-image .collection-hero__inner{margin-bottom:0}@media screen and (min-width: 750px){.collection-hero.collection-hero--with-image{padding:calc(4rem + var(--page-width-margin)) 0 calc(4rem + var(--page-width-margin))}}.collection-hero__text-wrapper{flex-basis:100%;padding:60px 0;text-align:center}@media only screen and (min-width: 750px){.collection-hero__text-wrapper{text-align:unset}}.collection-hero__text-wrapper .button--wrapper-hero{margin-top:30px}.collection-hero__text-wrapper .button--wrapper-hero .collection__button{font-weight:700}@media only screen and (max-width: 750px){.collection-hero__text-wrapper .button--wrapper-hero .collection__button{width:300px}}@media only screen and (min-width: 990px){.collection-hero{padding:0}.collection-hero__inner{align-items:center;flex-direction:row;padding-bottom:0}}.collection-hero__title+.collection-hero__description{margin-top:1.5rem;line-height:calc(1 + .5 / var(--font-body-scale))}@media screen and (min-width: 750px){.collection-hero__title+.collection-hero__description{margin-top:2rem}.collection-hero__description{max-width:66.67%}.collection-hero--with-image .collection-hero__description{max-width:100%}}.collection-hero--with-image .collection-hero__title{margin:0}.collection-hero--with-image .collection-hero__text-wrapper{padding:3rem 0rem 4rem;text-align:center;display:flex;flex-direction:column;justify-content:center}@media screen and (min-width: 750px){.collection-hero--with-image .collection-hero__text-wrapper{padding:0 2rem 0 0;flex-basis:60%;text-align:left}}.icon-banner-wrapper{overflow-x:hidden}.icon-banner-wrapper .icon-banner-section .slideshow .slideshow__slide{width:100%!important}@media only screen and (min-width: 990px){.icon-banner-wrapper .icon-banner-section .slideshow .slideshow__slide{width:calc(25% - 1.5rem)!important}}.icon-banner-wrapper .icon-banner-section{-webkit-tap-highlight-color:transparent;width:fit-content;padding:0 10px;margin:0 auto}@media only screen and (min-width: 750px)and (max-width: 990px){.icon-banner-wrapper .icon-banner-section{padding:0 50px}}@media only screen and (min-width: 990px){.icon-banner-wrapper .icon-banner-section{padding:unset}}.icon-banner-wrapper .icon-banner-section .icon-banner-content{width:fit-content;margin:0 auto}.icon-banner-wrapper .icon-banner-section .icon-banner-slider{width:100vw}@media only screen and (min-width: 750px)and (max-width: 990px){.icon-banner-wrapper .icon-banner-section .icon-banner-slider{width:85vw}}@media only screen and (min-width: 990px){.icon-banner-wrapper .icon-banner-section .icon-banner-slider{width:100vw}}.icon-banner-wrapper .icon-banner-section .section__content--no-padding{padding:0;width:100%}.icon-banner-wrapper .icon-banner-section .button--wrapper{display:none}@media only screen and (max-width: 990px){.icon-banner-wrapper .icon-banner-section .button--wrapper{justify-content:space-between;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:1}}.icon-banner-wrapper .icon-banner-section .button--wrapper button{margin:30px}@media only screen and (max-width: 750px){.icon-banner-wrapper .icon-banner-section .button--wrapper button{margin:20px}}.icon-banner-wrapper .icon-banner-section .button--wrapper .slider-button{height:15px;width:15px}.icon-banner-wrapper .icon-banner-section .button--wrapper .arrow{border:solid #fff;border-radius:3px;border-width:0 3px 3px 0;display:inline-block;padding:3px}@media only screen and (max-width: 750px){.icon-banner-wrapper .icon-banner-section .button--wrapper .arrow{border-width:0 3px 3px 0;height:15px;width:15px}}.icon-banner-wrapper .icon-banner-section .button--wrapper .right{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);z-index:1}.icon-banner-wrapper .icon-banner-section .button--wrapper .right:after{border-radius:50%;content:"";display:block;height:60px;opacity:.1;position:absolute;transform:translate(-40%,-45%);width:60px;z-index:0}.icon-banner-wrapper .icon-banner-section .button--wrapper .left{transform:rotate(135deg);-webkit-transform:rotate(135deg)}.icon-banner-wrapper .icon-banner-section .button--wrapper .left:after{border-radius:50%;content:"";display:block;height:60px;opacity:.1;position:absolute;transform:translate(-40%,-45%);width:60px;z-index:0}.icon-banner-wrapper .icon-banner-section .button--wrapper .left:disabled,.icon-banner-wrapper .icon-banner-section .button--wrapper .right:disabled{opacity:.3}.icon-banner-wrapper .icon-banner-section .slideshow{background:transparent;margin:0 auto}.icon-banner-wrapper .icon-banner-section .slideshow .slideshow__slide{align-items:center;display:flex;justify-content:space-around;margin:0 1rem}@media only screen and (min-width: 990px){.icon-banner-wrapper .icon-banner-section .slideshow .slideshow__slide{justify-content:flex-start}}.icon-banner-wrapper .icon-banner-section .slideshow .slideshow__slide .cross-sells--item{padding-right:10px;padding-left:10px;text-align:center;width:100%}.icon-banner-wrapper .icon-banner-section .slideshow .slideshow__slide .cross-sells--item .cross-sells--button{display:flex;justify-content:center;margin-top:auto;padding-bottom:20px}.icon-banner-wrapper .icon-banner-section .slideshow .slideshow__slide .cross-sells--item .cross-sells--button button{padding:7px;width:100%;text-decoration:none}.icon-banner-wrapper .icon-banner-section .slideshow__controls .slider-counter__link{padding:10px}.icon-banner-wrapper .icon-banner-section .grid{display:flex;align-items:center;justify-content:space-between}.icon-banner-wrapper .mini-banner{display:flex;overflow-x:scroll;justify-content:flex-start}@media only screen and (min-width: 990px){.icon-banner-wrapper .mini-banner{justify-content:center;overflow-x:hidden}}.icon-banner-wrapper .mini-banner .mini-banner-inner,.icon-banner-wrapper .mini-banner .mini-banner-inner .mini-image-message,.icon-banner-wrapper .mini-banner .mini-banner-inner .message-title{display:flex;justify-content:center;align-items:center}@media only screen and (min-width: 750px)and (max-width: 990px){.icon-banner-wrapper .mini-banner .mini-banner-inner .mini-image-message,.icon-banner-wrapper .mini-banner .mini-banner-inner .message-title{width:unset;margin:unset}}.icon-banner-wrapper .mini-banner .mini-banner-inner .mini-image-message .message,.icon-banner-wrapper .mini-banner .mini-banner-inner .message-title .message{color:#fff;font-size:1.7rem}.icon-banner-wrapper .mini-banner .mini-banner-inner .message-title{font-weight:700}.icon-banner-wrapper .mini-banner .mini-banner-inner .mini-image-message img{margin:15px 15px 15px 0}.collection-hero-brand-image__container{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-top:5rem}@media screen and (max-width: 550px){.collection-hero-brand-image__container{position:relative;display:flex;padding-top:unset}}.collection-hero-brand-image__container .collection-hero__brand-image{position:absolute;top:0rem}.collection-hero-brand-image__container .collection-hero__brand-image img{width:10rem;height:auto}@media screen and (max-width: 550px){.collection-hero-brand-image__container .collection-hero__brand-image{top:1rem;position:absolute}}
/*# sourceMappingURL=/cdn/shop/t/86/assets/component-collection-hero.compiled.scss.css.map */
