.section-takeover{display:block}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.section-takeover .takeover-banner{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:1rem;min-height:4.5rem;padding:var(--banner-padding-mobile) .5rem;overflow:hidden;background:linear-gradient(270deg,var(--banner-gradient-colour-1) 0%,var(--banner-gradient-colour-2) 54.69%,var(--banner-gradient-colour-3) 78.65%,var(--banner-gradient-colour-4) 100%);background-size:200% 200%;animation:gradient 5s ease infinite}.section-takeover .takeover-banner.hide{transform:translateY(20rem)}.section-takeover .takeover-banner .brand-logo{height:2rem;width:auto;flex-shrink:0}.section-takeover .takeover-banner .banner-text{color:var(--colour-tertiary);margin:0}.section-takeover .takeover-banner input[type=checkbox]{display:none}.section-takeover .takeover-banner input[type=checkbox]~label{position:relative;display:block;width:72px;height:28px;border-radius:40px;border:2px solid var(--colour-tertiary);transition:transform .2s cubic-bezier(.41,-.01,.63,1.09);cursor:pointer}.section-takeover .takeover-banner input[type=checkbox]~label span{position:absolute;top:50%;transform:translateY(-50%);font-weight:500;transition:opacity var(--transition-duration) var(--transition-timing) 0s;transition-delay:.85s}.section-takeover .takeover-banner input[type=checkbox]~label span.text-off{right:10px;color:var(--colour-tertiary);opacity:1}.section-takeover .takeover-banner input[type=checkbox]~label span.text-on{left:12px;color:var(--colour-primary);opacity:0}.section-takeover .takeover-banner input[type=checkbox]~label:before,.section-takeover .takeover-banner input[type=checkbox]~label:after{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:20px;content:"";transition:all .22s cubic-bezier(.76,.01,.15,.97)}.section-takeover .takeover-banner input[type=checkbox]~label:before{background-color:var(--colour-tertiary)}.section-takeover .takeover-banner input[type=checkbox]~label:after{background-color:var(--colour-white)}.section-takeover .takeover-banner input[type=checkbox]:checked~label{transform:scale(1.01)}.section-takeover .takeover-banner input[type=checkbox]:checked~label:before{width:64px}.section-takeover .takeover-banner input[type=checkbox]:checked~label:after{transform:translate(44px);box-shadow:-4px 0 4px #0000001a}.section-takeover .takeover-banner input[type=checkbox]:checked~label span{transition-delay:.85s}.section-takeover .takeover-banner input[type=checkbox]:checked~label span.text-off{opacity:0}.section-takeover .takeover-banner input[type=checkbox]:checked~label span.text-on{opacity:1}@media (min-width: 768px){.section-takeover .takeover-banner{padding:var(--banner-padding-tablet) .5rem;flex-direction:row;gap:2rem}}@media (min-width: 1360px){.section-takeover .takeover-banner{padding:var(--banner-padding-desktop) .5rem}}
/*# sourceMappingURL=/cdn/shop/t/548/assets/section-takeover.css.map */