.modal__toggle{list-style-type:none}.no-js details[open] .modal__toggle{position:absolute;z-index:5}.modal__toggle-close{display:none}.no-js details[open] svg.modal__toggle-close{display:flex;z-index:1;height:1.7rem;width:1.7rem}.modal__toggle-open{display:flex}.no-js details[open] .modal__toggle-open{display:none}.no-js .modal__close-button.link{display:none}.modal__close-button.link{display:flex;justify-content:center;align-items:center;padding:0rem;height:4.4rem;width:4.4rem;background-color:#0000}.modal__close-button .icon{width:1.7rem;height:1.7rem}.modal__content{position:absolute;top:0;left:0;right:0;bottom:0;background:RGB(var(--color-background));z-index:4;display:flex;justify-content:center;align-items:center}.media-modal{cursor:zoom-out}.media-modal .deferred-media{cursor:initial}body.modal-active{position:fixed;width:100%;height:100vh;overflow-y:hidden;top:0}.basic-modal{position:fixed;top:0!important;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:99999999;transform:translateY(-20px);opacity:0;pointer-events:none;transition:all .15s linear;background-color:RGBA(var(--color--shuttle-gray-rgb),.6)}.basic-modal .bg_close{display:block!important;position:fixed;top:0!important;left:0;right:0;bottom:0;width:100vw;height:100vh}.basic-modal .video-ratio{position:relative;width:100%;height:0;padding-top:56.6%}.basic-modal .video-ratio iframe{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:0 5px 35px 5px #0006}.basic-modal .modal-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);width:95%;max-width:800px;max-height:90vh;opacity:0;transition:all .3s linear}.basic-modal .inner-container{padding:var(--base-gutter);position:relative}.basic-modal .close-modal{position:absolute;--size: calc(var(--base-gutter) * .75);top:calc(var(--base-gutter--quarter)/2);right:calc(var(--base-gutter--quarter)/2);width:var(--size);height:var(--size);cursor:pointer;z-index:50}.basic-modal .close-modal svg{position:absolute;top:50%;left:50%;width:calc(var(--size)*.6);height:calc(var(--size)*.6);transform:translate(-50%,-50%)}.basic-modal.active{pointer-events:initial;opacity:1;transform:translateY(0)}.basic-modal.active .modal-inner{transform:translate(-50%,-50%);opacity:1}.section--ctas .inner-container .image-wrapper .open-modal svg path{fill:#fff}
/*# sourceMappingURL=/cdn/shop/t/29/assets/component-modal.css.map */
