.size-guide-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px;background-color:rgba(var(--color-foreground),.5);opacity:0;visibility:hidden;z-index:-1}.size-guide-modal[open]{opacity:1;visibility:visible;z-index:101}.size-guide-modal__panel{position:relative;max-width:min(92vw,1100px);max-height:88svh;padding:44px 12px 12px;overflow:auto;background-color:rgb(var(--color-background));border-radius:4px}@supports not (max-height: 1svh){.size-guide-modal__panel{max-height:88vh}}.size-guide-modal__image{display:block;width:auto;height:auto;max-width:100%;max-height:calc(88svh - 56px);object-fit:contain;margin-inline:auto}@supports not (max-height: 1svh){.size-guide-modal__image{max-height:calc(88vh - 56px)}}.size-guide-modal__close{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:none;border:0;color:rgb(var(--color-foreground));cursor:pointer}.size-guide-modal__close svg{width:18px;height:18px}@media screen and (min-width:990px){.size-guide-modal{padding:32px}.size-guide-modal__panel{padding:48px 20px 20px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/component-size-guide-modal.css.map */
