.Modal{position:fixed;display:flex;flex-direction:column;visibility:hidden;top:50%;left:50%;width:480px;max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);padding:15px 20px 20px;z-index:20;opacity:0;overflow:auto;background:rgb(var(--background));transform:translate(-50%,-50%);transition:opacity .3s ease-in-out,visibility .3s ease-in-out}@media screen and (max-width: 640px){.Modal{position:absolute;top:max(env(safe-area-inset-top),20px);left:env(safe-area-inset-left,20px);right:env(safe-area-inset-right,20px);bottom:auto;width:auto;max-width:none;transform:none}}@media (prefers-reduced-motion: reduce){.Modal{transition:opacity .01s,visibility .01s}}@supports (--css: variables){.Modal{max-height:calc(var(--window-height) - 40px)}}.Modal[aria-hidden=false]{visibility:visible;opacity:1}.Modal--dark{background:rgb(var(--secondary-elements-background));color:rgb(var(--secondary-elements-text-color))}.Modal--fullScreen{max-width:none;max-height:none;width:100%;height:100%;top:0;left:0;bottom:0;right:0;transform:none}.Modal--pageContent{padding:60px 0 50px}.Modal--videoContent{justify-content:center;background:#000;color:#fff}.Modal .Heading:not(.Link){color:inherit}.Modal__Header{margin-bottom:30px;text-align:center}.Modal__Close{display:block;margin:25px auto 0;flex-shrink:0}.Modal__Close--outside{position:absolute;margin-top:0;top:20px;right:20px;line-height:0;opacity:.5;transition:opacity .2s ease-in-out}.Modal__Close--outside:hover{opacity:1}.Modal__Close--outside svg{height:16px;width:16px;stroke-width:1.25px}.Modal--fullScreen .Modal__Close--outside{right:40px;top:40px}.Modal__Content iframe{display:none}.Modal[aria-hidden=false] .Modal__Content iframe{display:block}.Modal__Content th,.Modal__Content td{border-color:rgb(var(--secondary-elements-border-color))!important}.Modal__Content thead th:empty,.Modal__Content tbody th{background:rgb(var(--secondary-elements-background))!important}@media screen and (min-width: 641px){.Modal:not(.Modal--pageContent){padding:35px 40px 40px}}@media screen and (min-width: 1008px){.Modal{flex-direction:column}.Modal--pageContent{padding:100px 0 80px}.Modal--pageContent .Modal__Content{flex:1 0 0}.Modal__Close:not(.Modal__Close--outside){margin-top:40px;flex-shrink:0}}
/*# sourceMappingURL=/cdn/shop/t/111/assets/modal.css.map */