.modal.is-open .modal__button-toggle:after{opacity:.6;visibility:inherit;pointer-events:auto}.modal.is-open .modal__content{opacity:1;visibility:inherit;transform:none}.modal.is-open .modal__content-inner{opacity:1;visibility:inherit;transform:none;pointer-events:auto}.modal--video .modal__button-close,.modal--video .modal__media{pointer-events:none}.modal--video.is-open .modal__button-close,.modal--video.is-open .modal__media{pointer-events:auto}.modal--video .media--iframe{padding-bottom:56.5%;position:relative}.modal--video .media--iframe iframe{position:absolute;top:0;left:0;width:100%;height:100%}.modal .modal__button-toggle:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0;visibility:hidden;pointer-events:none;z-index:var(--z-modals);cursor:default;transition:opacity var(--duration-default),visibility var(--duration-default)}.modal .modal__content{position:fixed;top:0;left:0;width:100%;height:100%;padding:var(--page-gutter);overflow:hidden;display:flex;align-items:center;justify-content:center;z-index:var(--z-modals);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;visibility:hidden;opacity:0;transform:translateY(3.2rem);transition-property:visibility,opacity,transform;transition-duration:var(--duration-default)}.modal .modal__content-inner{pointer-events:auto;flex:1;max-width:70rem;max-height:100%;overflow-y:auto;overflow-x:hidden}.modal .modal__actions{color:var(--color-base-secondary);font-size:0;text-align:right;margin-bottom:.6rem}.modal .modal__button-close{background-color:transparent;color:currentColor;border-radius:0;border:none;transition:opacity var(--duration-default)}.modal .modal__button-close svg{width:3.2rem;height:auto}.modal .modal__media{background-color:#000;display:flex}.modal .modal__media video{object-fit:contain}.modal--video .modal__content-inner{display:flex;flex-direction:column;justify-content:center;height:auto;max-width:128.7rem;border-radius:var(--border-radius-md);position:relative}.modal--video .modal__actions{position:absolute;top:0;left:0;width:100%;padding:1rem;margin:0;pointer-events:none;z-index:2}.modal .modal__link{text-align:center;color:var(--color-base-secondary);padding-bottom:.2em;margin:2rem 0 0}.media-video-modal,.media-video-modal>.media{height:100%}.media-video-modal>.media img{min-height:100%}.media-video-modal{position:relative;color:var(--color-base-secondary)}.media-video-modal__modal{position:absolute;top:0;left:0}.media-video-modal__modal,.media-video-modal__modal .modal__wrapper,.media-video-modal__modal .modal__button-toggle{width:100%;height:100%}.media-video-modal__modal .modal__button-toggle{-webkit-tap-highlight-color:rgba(255,255,255,0);display:flex;align-items:center;justify-content:center;padding:1rem 3rem;background-color:transparent;color:currentColor;border-radius:var(--border-radius-md);transition:background-color var(--duration-default)}.media-video-modal .modal__button-toggle svg{max-width:12.8rem;height:auto}.media-video-modal__modal .modal__button-toggle>:first-child{max-height:100%;transition:transform var(--duration-default)}.media-video-modal__hover{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}@media (hover: hover) and (pointer: fine){.modal__button-close:hover{opacity:.7}.media-video-modal__modal:not(.is-open) .modal__button-toggle:hover{background-color:#0006}.media-video-modal__modal:not(.is-open) .modal__button-toggle:hover>:first-child{transform:scale(.9)}.media-video-modal.is-active .media-video-modal__hover,.media-video-modal:hover .media-video-modal__hover{display:block}}@media screen and (min-width: 750px){.modal--video .modal__actions{padding:1.4rem}.modal .modal__button-close svg{width:4.5rem}.modal .modal__link{margin-top:3rem}}@media screen and (min-width: 990px){.modal--video .modal__actions{padding:1.8rem}.modal .modal__button-close svg{width:6rem}}.modal--video-iframe .modal__media{height:400px}@media screen and (min-width: 750px){.modal--video-iframe .modal__media{height:500px}}@media screen and (min-width: 990px){.modal--video-iframe .modal__media{height:730px}}
/*# sourceMappingURL=/cdn/shop/t/68/assets/component-modal.css.map */