/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!../local_modules/@we-make-websites/basis/node_modules/vue-loader/dist/stylePostLoader.js!../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!../node_modules/vue-loader/dist/index.js??ruleSet[0].use!./components/async/editorial-split/editorial-split.vue?vue&type=style&index=0&id=2b3bc45b&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/.editorial-split{--circle-size: 3.75rem;background-color:var(--editorial-split-bg-colour);gap:0;padding-block:var(--spacing-3xl)}.editorial-split.no-padding{padding-block:0}.editorial-split.critical-component-hide{display:block}.editorial-split.critical-component-clear{opacity:1}.editorial-split__media-content{position:relative}.editorial-split__media-content .images{height:18.75rem;position:relative}.editorial-split__text{grid-column:span 6}.editorial-split__video{display:block;max-height:18.75rem;-o-object-fit:cover;object-fit:cover;width:100%}.editorial-split__main-video{aspect-ratio:3/4;display:block;height:25rem;-o-object-fit:cover;object-fit:cover;width:100%}.editorial-split__video-btn.button{border-radius:50%;bottom:var(--spacing-m);height:var(--spacing-3xl);position:absolute;right:var(--spacing-m);width:var(--spacing-3xl)}.editorial-split__video-btn.button .icon{height:calc(var(--icon-m) * 2);width:calc(var(--icon-m) * 2)}.editorial-split__video-btn.button.is-hidden{display:none}.editorial-split__image-block{margin-block-end:var(--spacing-m)}.editorial-split__image-block .images{height:25rem;position:relative}.editorial-split__play-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;box-shadow:none;color:inherit;cursor:pointer;outline:none;padding:0;width:auto;font:inherit;align-items:flex-end;display:flex;height:100%;top:0;right:0;bottom:0;left:0;justify-content:flex-end;padding:var(--spacing-m);position:absolute;width:100%;z-index:0}.editorial-split__play-button.is-hidden{opacity:0}.editorial-split__play-button:before{align-items:center;background-color:var(--color-bio);border-radius:50%;content:"";display:flex;height:var(--circle-size);justify-content:center;opacity:0;overflow:hidden;position:absolute;transform:scale(0);transition:transform .3s cubic-bezier(.65,0,.35,1),opacity .3s cubic-bezier(.65,0,.35,1);width:var(--circle-size);z-index:0}.editorial-split__play-button:hover:before{opacity:1;transform:none}.editorial-split__play-button:hover .editorial-split__play-button-inner:before{opacity:0}.editorial-split__play-button:hover .editorial-split__play-button-inner:after{background-color:var(--color-stone)}.editorial-split__play-button-inner{align-items:center;display:flex;height:var(--circle-size);justify-content:center;position:relative;width:var(--circle-size)}.editorial-split__play-button-inner:before{background-color:#41414166;border-radius:50%;content:"";height:var(--circle-size);position:absolute;transition:opacity .3s cubic-bezier(.65,0,.35,1);width:var(--circle-size)}.editorial-split__play-button-inner:after{background-color:var(--color-clouds);clip-path:polygon(0 0,0 100%,100% 50%);content:"";height:22%;transform:translate(1px);transition:background-color .3s cubic-bezier(.65,0,.35,1);width:20%}.editorial-split__title{color:var(--color-stone);margin-block-end:calc(var(--spacing-l) - var(--spacing-2xs))}.editorial-split__body-text{margin-block-end:var(--spacing-4xl)}.editorial-split__body-text p{color:var(--color-stone)}@media(min-width:64em){.editorial-split{gap:var(--spacing-xl);padding-block:calc(var(--spacing-6xl) + var(--spacing-2xl))}.editorial-split--text-right .editorial-split__media-content{grid-column:9/15;margin-block-end:0;order:3}.editorial-split--text-right .editorial-split__image-block{grid-row:1/3;order:2}.editorial-split--text-right .editorial-split__text{grid-column:span 5;order:1}.editorial-split--text-left .editorial-split__text{grid-column:2/7;grid-row:1}.editorial-split--text-left .editorial-split__image-block{grid-row:1/3}.editorial-split--text-left .editorial-split__media-content{grid-row:2}.editorial-split__media-content{margin-block-end:calc(var(--spacing-xl) + var(--spacing-2xs))}.editorial-split__media-content .images{height:29.375rem}.editorial-split__video{aspect-ratio:4/3;max-height:30rem}.editorial-split__main-video{aspect-ratio:4/4;height:100%}.editorial-split__video-btn.button{bottom:var(--spacing-xl);right:var(--spacing-xl)}.editorial-split__image-block{margin-block-end:0}.editorial-split__image-block.fitted .images{height:100%}.editorial-split__image-block:not(.fitted) .images{height:56.5625rem}.editorial-split__text.has-margin{margin-block-end:var(--spacing-4xl)}.editorial-split__title{margin-block-end:var(--spacing-l)}.editorial-split__body-text{margin-block-end:var(--spacing-2xl)}.editorial-split__body-text p{font-size:var(--font-size-4)}}@media(min-width:48em){.editorial-split{--circle-size: 5.625rem}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/component.editorial-split.css.map */