.popup-modal{box-sizing:border-box;margin:0 auto;top:0;left:0;overflow:auto;width:100%;background:rgba(var(--color-foreground),.2);height:100%;transition:opacity .5s ease}.popup-modal[open]{opacity:1;visibility:visible;z-index:101}.popup-modal[open].closing{opacity:0}.popup-modal__content{--popup-distance: 5rem;border-radius:var(--popup-corner-radius);background-color:rgb(var(--color-background));height:calc(100vh - var(--popup-distance) * 2);left:50%;transform:translate(-50%);margin:var(--popup-distance) auto;width:92%;position:absolute;top:0;border-color:rgba(var(--color-foreground),var(--popup-border-opacity));border-style:solid;border-width:var(--popup-border-width);box-shadow:var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))}.popup-modal__content.focused{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3),var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))}.popup-modal__content:focus-visible{outline:none;box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3),var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))}.popup-modal__content img{max-width:100%}.popup-modal__opener{display:inline-block}.popup-modal__button{font-size:1.6rem}.popup-modal__content-info{overflow-y:auto;padding:0;height:100%;padding:3rem}.popup-modal__toggle{background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),var(--popup-border-opacity));color:rgba(var(--color-foreground),.55);display:flex;align-items:center;justify-content:center;cursor:pointer;position:fixed;padding:1.2rem;z-index:2;width:4rem;height:4rem;transition:color .3s ease,border .3s ease}.popup-modal__toggle .icon{transition:transform .3s ease;width:100%}.popup-modal__toggle:hover{color:rgb(var(--color-foreground),1)}.popup-modal__toggle:hover .icon{transform:rotate(45deg)}@media screen and (max-width:749px){.popup-modal__content table{display:block;max-width:fit-content;overflow-x:auto;white-space:nowrap;margin:0}.popup-modal__toggle{border-top:0;border-right:0;right:0;top:0;border-bottom-left-radius:var(--popup-corner-radius)}}@media(min-width:750px){.popup-modal__content{width:70%;border-top-right-radius:0}.popup-modal__toggle{border-left:0;right:-4rem;top:calc(-1 * var(--popup-border-width));border-top-right-radius:var(--popup-corner-radius);border-bottom-right-radius:var(--popup-corner-radius)}}.video-modal .video-modal__content{padding:0!important;background:transparent;min-width:0;min-height:0;box-shadow:none!important;border:none!important;width:100%;position:relative!important;display:block;--popup-distance: 1rem}#FileModal .video-modal__content{--popup-distance: 2rem}.video-modal .video-modal__content-info{padding:0!important;background:transparent;min-width:0;min-height:0;width:100%;height:100%;position:relative;display:block;overflow:visible}.file-modal__pdf-wrapper,.file-modal__image-wrapper,.video-modal__video-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-block}.file-modal__image-wrapper{width:90vw;height:70vh;background:#fff;border-radius:1rem}.file-modal__pdf-wrapper{background:#fff;border-radius:1rem;height:100%}.file-modal__pdf-wrapper.file-modal__pdf-wrapper--no-embed{height:auto}.file-modal__pdf-wrapper.file-modal__pdf-wrapper--no-embed .file-modal__close{top:-4rem;right:0}.video-modal__video-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-block;height:100%}.video-modal__video-wrapper video,.video-modal__video-wrapper iframe{height:100%;width:84vw;background:#000;display:block;border-radius:1rem;box-shadow:0 2px 24px #00000080;object-fit:contain}.video-modal__close{position:absolute;top:-5.5rem;right:-.25rem;z-index:10;background:rgb(var(--color-background),.85);border:none;border-radius:50%;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #00000026;transition:background .3s ease,transform .3s ease}.video-modal__close:hover{background:rgb(var(--color-background),1);transform:rotate(90deg)}.video-modal .popup-modal__toggle{display:none}.file-modal__image{width:100%;display:block;margin:0 auto;border-radius:1rem}.file-modal__pdf{width:84vw;height:100%;display:block;border-radius:1rem;box-shadow:0 2px 24px #00000080;background:#fff}.file-modal__other-wrapper{position:relative;text-align:center;padding:2rem;display:flex;align-items:center;justify-content:center;min-height:20vh}.file-modal__close{position:absolute;top:.5rem;right:-4.75rem;z-index:10;background:rgb(var(--color-background),.85);border:none;border-radius:50%;width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #00000026;transition:background .3s ease,transform .3s ease}.file-modal__close:hover{background:rgb(var(--color-background),1);transform:rotate(90deg)}@media screen and (max-width:749px){.file-modal__image-wrapper{display:flex;align-items:center}.video-modal__video-wrapper{height:50%}.file-modal__close{right:-3.75rem;width:3rem;height:3rem}.file-modal__pdf-wrapper .file-modal__close,.video-modal__video-wrapper .file-modal__close{right:0;top:-4rem}.video-modal .video-modal__content{--popup-distance: 10rem}#FileModal .video-modal__content{--popup-distance: 6rem}.video-modal__video-wrapper video,.file-modal__pdf{width:90vw}}
/*# sourceMappingURL=/cdn/shop/t/249/assets/component-popup.css.map */
