.snippet-modal-component{opacity:0;visibility:hidden;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0000004d;display:grid;place-content:center;transition:all var(--transition-duration) var(--transition-timing) 0s;transition-delay:var(--transition-duration);z-index:150}.snippet-modal-component .modal-wrapper{border-radius:var(--border-radius-lg);background-color:var(--colour-white);box-shadow:0 4px 16px #0000003d;padding:1rem;background-color:var(--colour-sugar-cane);opacity:0;visibility:hidden;transition:all var(--transition-duration) var(--transition-timing) 0s;transition-delay:0s;width:100vw;max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem)}@supports (height: 100dvh){.snippet-modal-component .modal-wrapper{max-width:calc(100dvw - 2rem);max-height:calc(100dvh - 2rem);overflow-y:auto}.snippet-modal-component .modal-wrapper::-webkit-scrollbar{width:12px;height:12px}.snippet-modal-component .modal-wrapper::-webkit-scrollbar-thumb{background:var(--colour-royal-purple);border:8px solid var(--colour-royal-purple);border-radius:0}.snippet-modal-component .modal-wrapper::-webkit-scrollbar-track{background:var(--colour-whisper)}}@media (max-width: 1279.98px){.snippet-modal-component .modal-wrapper{overflow-y:scroll}}@media (min-width: 768px){.snippet-modal-component .modal-wrapper{max-width:70vw}}@media (min-width: 1024px){.snippet-modal-component .modal-wrapper{max-width:880px;padding:2rem}}.snippet-modal-component .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.snippet-modal-component .modal-header p,.snippet-modal-component .modal-header .heading{margin:0}.snippet-modal-component .modal-content video,.snippet-modal-component .modal-content iframe{aspect-ratio:16/9;height:auto;width:100%;display:block}.snippet-modal-component.is-visible{opacity:1;visibility:visible;transition-delay:0s}.snippet-modal-component.is-visible .modal-wrapper{opacity:1;visibility:visible;transition-delay:var(--transition-duration)}.snippet-modal-component.territory-switcher .modal-wrapper{position:relative;overflow:hidden}@media (min-width: 768px){.snippet-modal-component.territory-switcher .modal-wrapper{max-width:40rem}}.snippet-modal-component.territory-switcher .modal-wrapper:before{content:"";position:absolute;top:100%;left:100%;height:100%;width:100%;transform:translate(-40%,-64%);z-index:1}.snippet-modal-component.territory-switcher .modal-wrapper *{position:relative;z-index:5}
/*# sourceMappingURL=/cdn/shop/t/20/assets/snippet-modal-component.css.map */