@keyframes backdrop-fade-in{0%{background:rgb(var(--backdrop-color-rgb) / 0)}to{background:rgb(var(--backdrop-color-rgb) / var(--backdrop-opacity))}}@keyframes backdrop-fade-out{0%{background:rgb(var(--backdrop-color-rgb) / var(--backdrop-opacity))}to{background:rgb(var(--backdrop-color-rgb) / 0)}}.dialog-modal{--modal-scale-x: 100%;--modal-scale-y: 100%;top:0;right:0;bottom:0;left:0;height:100dvh;width:100dvw;max-width:100%;max-height:100%;padding:var(--padding-md);margin:auto;border:none;box-shadow:var(--shadow-popover)}.dialog-modal.dialog-drawer__content{max-width:calc(100% - 32px)}@media(min-width:768px){.dialog-modal{width:auto;height:auto;max-height:none;padding:0;border-radius:var(--style-border-radius-popover);max-width:var(--normal-content-width)}.dialog-modal.dialog-drawer__content{width:66dvw}}.dialog-modal::backdrop{transition:backdrop-filter var(--animation-speed-drawer) var(--animation-easing);-webkit-backdrop-filter:brightness(1);backdrop-filter:brightness(1);background:rgb(var(--backdrop-color-rgb) / 0)}.dialog-modal[open]{scale:var(--modal-scale-x) var(--modal-scale-y);opacity:1;animation:modal-scale-in var(--animation-speed-drawer) var(--animation-easing) forwards}.dialog-modal[open]::backdrop{animation:backdrop-fade-in var(--animation-speed-drawer) var(--animation-easing) forwards,backdropFilter var(--animation-speed-drawer) var(--animation-easing) forwards}.dialog-modal[open].dialog-closing{animation:modal-scale-out var(--animation-speed-drawer) var(--animation-easing) forwards}.dialog-modal[open].dialog-closing::backdrop{animation:backdrop-fade-out var(--animation-speed-drawer) var(--animation-easing) forwards}.dialog-drawer{--drawer-from-x: 100%;--drawer-from-y: 0px;--dialog-drawer-opening-animation: move-and-fade;--dialog-drawer-closing-animation: move-and-fade;border-radius:0}.dialog-drawer__content{max-width:var(--normal-content-width);max-height:var(--modal-max-height);padding:0;background-color:var(--color-background);border:var(--style-border-popover);border-radius:var(--style-border-radius-popover);box-shadow:var(--shadow-popover);outline:none}.dialog-drawer__content.dialog-drawer{position:fixed;width:var(--sidebar-width);max-width:100%;height:100dvh;max-height:100dvh;margin:0 0 0 auto;border:none;border-radius:0;box-shadow:none}.dialog-drawer__content.dialog-drawer--left{margin:0}.dialog-drawer__content.dialog-drawer--bottom-full{inset:auto 0 0 0;width:100%;max-width:100%;margin:0}.dialog-drawer--left{--drawer-from-x: -100%}.dialog-drawer--bottom{--drawer-from-x: 0px;--drawer-from-y: 100%}.dialog-drawer::backdrop{background:rgb(var(--backdrop-color-rgb) / 0)}.dialog-drawer[open]{--start-x: var(--drawer-from-x);--start-y: var(--drawer-from-y);--end-x: 0px;--end-y: 0px;--start-opacity: 1;--end-opacity: 1;animation:var(--dialog-drawer-opening-animation) var(--animation-speed-drawer-mobile) var(--animation-easing) forwards}@media screen and (min-width:768px){.dialog-drawer[open]{animation:var(--dialog-drawer-opening-animation) var(--animation-speed-drawer) var(--animation-easing) forwards}}.dialog-drawer[open].dialog-closing{--start-x: 0px;--start-y: 0px;--end-x: var(--drawer-from-x);--end-y: var(--drawer-from-y);animation:var(--dialog-drawer-closing-animation) var(--animation-speed-drawer-mobile) var(--animation-easing)}@media screen and (min-width:768px){.dialog-drawer[open].dialog-closing{animation:var(--dialog-drawer-closing-animation) var(--animation-speed-drawer) var(--animation-easing)}}.dialog-drawer[open]::backdrop{animation:backdrop-fade-in var(--animation-speed-drawer-mobile) var(--animation-easing) forwards;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media screen and (min-width:768px){.dialog-drawer[open]::backdrop{animation:backdrop-fade-in var(--animation-speed-drawer) var(--animation-easing) forwards}}.dialog-drawer[open].dialog-closing::backdrop{animation:backdrop-fade-out var(--animation-speed-drawer-mobile) var(--animation-easing) forwards}@media screen and (min-width:768px){.dialog-drawer[open].dialog-closing::backdrop{animation:backdrop-fade-out var(--animation-speed-drawer) var(--animation-easing) forwards}}@media screen and (max-width:767px){.dialog-drawer{--drawer-from-x: 0px;--drawer-from-y: 100%}.dialog-drawer[open]{top:auto;bottom:0;left:0;right:0;margin:0;width:100%;height:calc(100dvh - 120px);max-width:100%;max-height:calc(100dvh - 120px)}.dialog-drawer--bottom-full{--dialog-drawer-opening-animation: drawer-full-fade-slide-in;--dialog-drawer-closing-animation: drawer-full-fade-slide-out}.dialog-drawer--bottom-full[open]{top:auto;bottom:0;left:0;right:0;margin:0;width:100%;height:100dvh;max-width:100%;max-height:100dvh}}@media screen and (min-width:768px){.dialog-drawer__content.dialog-drawer--bottom-full{inset:0 0 0 auto;width:var(--sidebar-width);height:100dvh;max-width:100%;max-height:100dvh;margin:0 0 0 auto}}.dialog-drawer__content.dialog-drawer--inline[open]{animation:none}.dialog-drawer__content.dialog-drawer--inline[open]::backdrop{animation:none;background:rgb(var(--backdrop-color-rgb) / var(--backdrop-opacity))}.dialog-drawer--auto-height[open]{height:auto}@media(prefers-reduced-motion:reduce){.dialog-modal::backdrop,.dialog-modal[open],.dialog-modal[open].dialog-closing,.dialog-modal[open]::backdrop,.dialog-modal[open].dialog-closing::backdrop,.dialog-drawer[open],.dialog-drawer[open].dialog-closing,.dialog-drawer[open]::backdrop,.dialog-drawer[open].dialog-closing::backdrop{animation:none;transition:none}.dialog-modal[open]::backdrop,.dialog-drawer[open]::backdrop{background:rgb(var(--backdrop-color-rgb) / var(--backdrop-opacity))}}.dialog-drawer__header{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:var(--padding-lg) 12px;background-color:var(--color-background);z-index:var(--layer-raised)}.dialog-drawer__heading-group{display:flex;align-items:center;gap:12px;min-width:0}.dialog-drawer__heading,.dialog-drawer__close-text{font-family:var(--font-h6--family);font-style:var(--font-h6--style);font-weight:var(--font-h6--weight);font-size:var(--font-h6--size);line-height:var(--font-h6--line-height);letter-spacing:var(--font-h6--letter-spacing);text-transform:uppercase;color:var(--color-primary);margin-bottom:0}.dialog-drawer__close{display:flex;align-items:center;gap:6px;padding:0;background-color:transparent;border:none;cursor:pointer}.dialog-drawer__body{position:relative}.dialog-drawer__footer{display:flex;justify-content:space-between;align-items:center;margin-inline:12px;padding-block:24px;border-top:1px solid var(--color-border-primary);background:var(--color-background)}@media screen and (min-width:768px){.dialog-drawer__footer{margin-inline:24px}}.dialog-drawer__close-icon{width:var(--icon-size-3xs);height:var(--icon-size-3xs);color:var(--color-primary)}@media screen and (min-width:768px){.dialog-drawer__header{padding:var(--padding-lg) var(--padding-2xl)}.dialog-drawer__close{gap:4px}}.dialog-drawer--localization .dialog-drawer__header{padding:16px 12px}.dialog-drawer--localization .dialog-drawer__heading{margin:0}.dialog-drawer--localization .dialog-drawer__body{padding:8px 12px 32px}
/*# sourceMappingURL=/cdn/shop/t/336/assets/dialog-drawer.css.map */