.fabric-modal{--fabric-modal-width: 500px;--fabric-modal-scrim-blur: 12px;--fabric-modal-duration: .25s;--fabric-modal-ring: 2px;--fabric-modal-slide-from: 100%}[dir=rtl] .fabric-modal{--fabric-modal-slide-from: -100%}html:has(.fabric-modal__dialog:modal){overflow:hidden}.fabric-modal__dialog{position:fixed;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;max-inline-size:none;max-block-size:none;margin:0;padding:0;border:0;background:transparent;color:inherit;overflow:visible}.fabric-modal__dialog::backdrop{background:none}.fabric-modal__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay-modal);-webkit-backdrop-filter:blur(var(--fabric-modal-scrim-blur));backdrop-filter:blur(var(--fabric-modal-scrim-blur))}.fabric-modal__panel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;block-size:100vh;block-size:100dvh;background:var(--bg-primary);color:var(--text-primary)}.fabric-modal__header{flex:none}.fabric-modal__scroll-area{flex:1 1 auto}.fabric-modal__body{display:flex;flex:1 1 auto;flex-direction:column;min-block-size:0;padding:var(--space-x4);overflow-y:auto;overscroll-behavior:contain}.fabric-modal__body:focus-visible{outline:var(--fabric-modal-ring) solid var(--control-border-focus);outline-offset:calc(var(--fabric-modal-ring) * -1)}.fabric-modal__cards{display:flex;flex:none;flex-direction:column;gap:var(--space-x4)}@media(min-width:768px){.fabric-modal__panel{inset-inline-start:auto;inset-inline-end:0;inline-size:min(var(--fabric-modal-width),100%);block-size:100%}.fabric-modal__body{padding:var(--space-x6)}}@media(prefers-reduced-motion:no-preference){.fabric-modal__scrim{animation:fabric-modal-fade var(--fabric-modal-duration) ease}.fabric-modal__panel{animation:fabric-modal-rise var(--fabric-modal-duration) ease}}@media(prefers-reduced-motion:no-preference)and (min-width:768px){.fabric-modal__panel{animation-name:fabric-modal-slide}}.fabric-modal[data-instant] .fabric-modal__scrim,.fabric-modal[data-instant] .fabric-modal__panel{animation:none}@keyframes fabric-modal-fade{0%{opacity:0}}@keyframes fabric-modal-rise{0%{transform:translateY(100%)}}@keyframes fabric-modal-slide{0%{transform:translate(var(--fabric-modal-slide-from))}}
/*# sourceMappingURL=/cdn/shop/t/296/assets/rebirth-fabric-modal.css.map */