.zyg-modal-block{position:absolute;width:0;height:0;overflow:visible}.zyg-modal::part(content){display:flex;flex-direction:column;place-self:center;width:min(calc(100% - 2 * var(--modal-content-margin, 1rem)),var(--zyg-modal-width, 30rem));max-width:100%;max-height:var(--zyg-modal-max-height, 70vh);padding:0;overflow:hidden;background:transparent;border-width:var(--zyg-modal-border-width, 0px);border-style:var(--zyg-modal-border-style, solid);border-color:var(--zyg-modal-border-color, currentColor);border-radius:var(--zyg-modal-radius, 0px)}.zyg-modal::part(body){display:flex;flex-direction:column;flex:1 1 auto;position:relative;width:100%;height:100%;min-height:100%;max-height:var(--zyg-modal-max-height, 70vh);padding:0;overflow:auto}.zyg-modal::part(close-button){position:absolute;inset-block-start:.75rem;inset-inline-end:.75rem;inset-inline-start:auto;z-index:2;display:grid;place-content:center;width:var(--zyg-modal-close-size, 1.75rem);height:var(--zyg-modal-close-size, 1.75rem);padding:0;color:var(--zyg-modal-close-color, rgb(var(--text-color, 0 0 0)));cursor:pointer;background:none;border:none}.zyg-modal::part(close-button):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;border-radius:100%;background:color-mix(in srgb,var(--zyg-modal-close-color, currentColor) 12%,transparent);transition:transform .2s}.zyg-modal::part(close-button):hover:before{transform:scale(1.2)}.zyg-modal::part(icon){isolation:isolate;position:relative;z-index:1;display:block;width:var(--zyg-modal-close-icon-size, .75rem);height:var(--zyg-modal-close-icon-size, .75rem)}.zyg-modal--close-icon::part(close-button):before{content:none}.zyg-modal--close-outline::part(close-button):before{background:transparent;box-shadow:inset 0 0 0 1px var(--zyg-modal-close-color, currentColor)}.zyg-modal__blocks{display:flex;flex-direction:column;flex:1 1 auto;width:100%;height:100%;min-height:100%}.zyg-modal__blocks>*{flex:1 1 auto;width:100%;height:100%;min-height:100%}.zyg-modal__blocks .zyg-container,.zyg-modal__blocks .zyg-container__body,.zyg-modal__blocks .zyg-container__inner{height:100%;min-height:100%}.zyg-modal--top::part(content){place-self:start center}.zyg-modal--bottom::part(content){place-self:end center}.zyg-modal--left::part(content){place-self:stretch start;height:100%;max-height:100%;border-radius:0}.zyg-modal--right::part(content){place-self:stretch end;height:100%;max-height:100%;border-radius:0}
/*# sourceMappingURL=/cdn/shop/t/34/assets/zyg-modal.css.map */