.volt-modal{display:block}.volt-modal__panel{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;padding:0;width:min(var(--volt-modal-width),calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);height:fit-content;border:0;border-radius:var(--volt-modal-radius);background:var(--volt-modal-background);color:var(--volt-modal-foreground);overflow:hidden}.volt-modal__panel::backdrop{background:var(--volt-modal-backdrop);opacity:var(--volt-modal-backdrop-opacity)}.volt-modal__panel[open]{animation:volt-modal-in .25s cubic-bezier(.22,1,.36,1) both}.volt-modal__panel[open].dialog-closing{animation:volt-modal-out .2s ease-out both}.volt-modal__layout{position:relative;max-height:inherit;container:volt-modal / inline-size}.volt-modal__content{box-sizing:border-box;max-height:inherit;overflow:auto;overscroll-behavior:contain;display:grid;gap:24px;min-width:0;padding:max(48px,var(--volt-modal-padding-narrow)) var(--volt-modal-padding-narrow) var(--volt-modal-padding-narrow)}.volt-modal__close{position:absolute;z-index:1;top:0;right:0;display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:0;background:var(--volt-modal-background);color:inherit;cursor:pointer}.volt-modal__close span,.volt-modal__close svg,.volt-modal__close img{display:block;width:var(--volt-modal-close-icon-size, 20px);height:var(--volt-modal-close-icon-size, 20px)}.volt-modal__close:focus-visible{outline:2px solid currentColor;outline-offset:-4px}.volt-modal__header{display:grid;justify-items:var(--volt-modal-justify, start);gap:16px;text-align:var(--volt-modal-text-align, left);overflow-wrap:anywhere}.volt-modal__media{display:grid;place-items:center;width:min(var(--volt-modal-image-width),100%)}.volt-modal__media img,.volt-modal__media svg{display:block;width:100%;height:auto}.volt-modal__image{display:block;width:min(var(--volt-modal-image-width),100%);height:auto}.volt-modal__heading{margin:0;font-family:var(--volt-modal-heading-family);font-style:var(--volt-modal-heading-style);font-weight:var(--volt-modal-heading-weight);font-size:var(--volt-modal-heading-narrow);line-height:1.1;text-wrap:balance}.volt-modal__paragraph{font-family:var(--volt-modal-body-family);font-style:var(--volt-modal-body-style);font-weight:var(--volt-modal-body-weight);font-size:var(--volt-modal-body-narrow);line-height:1.5}.volt-modal__paragraph>:first-child{margin-top:0}.volt-modal__paragraph>:last-child{margin-bottom:0}.volt-modal__body{min-width:0}.volt-modal__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;min-width:0}@container volt-modal (min-width: 40rem){.volt-modal__content{padding:max(48px,var(--volt-modal-padding-wide)) var(--volt-modal-padding-wide) var(--volt-modal-padding-wide);gap:32px}.volt-modal__heading{font-size:var(--volt-modal-heading-wide)}.volt-modal__paragraph{font-size:var(--volt-modal-body-wide)}}@media(max-width:767px){.volt-modal__panel[data-mobile-fullscreen]{top:0;right:0;bottom:0;left:0;margin:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.volt-modal__panel[data-mobile-fullscreen] .volt-modal__layout{height:100%}.volt-modal__panel[data-mobile-fullscreen] .volt-modal__content{height:100%;min-height:0;align-content:start;padding-top:max(80px,var(--volt-modal-padding-narrow));padding-bottom:max(var(--volt-modal-padding-narrow),env(safe-area-inset-bottom))}.volt-modal__panel[data-mobile-fullscreen] .volt-modal__close{top:14px;right:14px}.volt-modal__panel[data-mobile-fullscreen][open]:not(.dialog-closing){animation-name:volt-modal-fade-in}}@keyframes volt-modal-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes volt-modal-out{0%{opacity:1}to{opacity:0}}.volt-modal__panel[data-motion=off][open]{animation:none}@media(prefers-reduced-motion:reduce){.volt-modal__panel[open]{animation:volt-modal-fade-in .2s ease-out both}.volt-modal__panel[open].dialog-closing{animation:volt-modal-out .15s ease-out both}.volt-modal__panel[data-motion=off][open]{animation:none}}@keyframes volt-modal-fade-in{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/1373/assets/component-modal.css.map */