dialog{--backdrop-color-rgb: var(--color-shadow-rgb);background-color:var(--color-background);color:var(--color-foreground)}.dialog-modal{border:none;box-shadow:var(--shadow-popover)}@media screen and (min-width:750px){.dialog-modal{border-radius:var(--style-border-radius-popover);max-width:var(--normal-content-width)}}@media screen and (max-width:749px){.dialog-modal{max-width:100%;max-height:100%;height:100dvh;width:100dvw;padding:var(--padding-md)}}.dialog-modal::backdrop{transition:backdrop-filter var(--animation-speed) var(--animation-easing);-webkit-backdrop-filter:brightness(1);backdrop-filter:brightness(1);background:rgb(var(--backdrop-color-rgb) / var(--backdrop-opacity))}.dialog-modal[open]{animation:elementSlideInTop var(--animation-speed) var(--animation-easing) forwards}.dialog-modal[open]::backdrop{animation:backdropFilter var(--animation-speed) var(--animation-easing) forwards;transition:opacity var(--animation-speed) var(--animation-easing)}.dialog-modal.dialog-closing{animation:elementSlideOutTop var(--animation-speed) var(--animation-easing) forwards}.dialog-modal.dialog-closing::backdrop{opacity:0}.dialog-drawer,.dialog-drawer--right{--dialog-drawer-opening-animation: move-and-fade;--dialog-drawer-closing-animation: move-and-fade}.dialog-drawer[open]{--start-x: var(--custom-transform-from, 100%);--end-x: var(--custom-transform-to, 0px);--start-opacity: 1;animation:var(--dialog-drawer-opening-animation) var(--animation-speed) var(--animation-easing) forwards}.dialog-drawer[open].dialog-closing{--start-x: 0px;--end-x: 100%;--start-opacity: 1;--end-opacity: 1;animation:var(--dialog-drawer-closing-animation) var(--animation-speed) var(--animation-easing)}.dialog-drawer--right[open]{--start-x: -100%;--start-opacity: 1}.dialog-drawer--right[open].dialog-closing{--start-x: 0px;--end-x: -100%;--start-opacity: 1;--end-opacity: 1;animation:var(--dialog-drawer-closing-animation) var(--animation-speed) var(--animation-easing)}.drawer{background-color:var(--color-background);position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);z-index:var(--layer-raised);transform:translate(-120%);transition:transform var(--animation-speed) var(--animation-easing)}.drawer[data-open=true]{transform:translate(0)}.drawer-toggle{display:flex;align-items:center;gap:10px;cursor:pointer}.drawer__header{display:flex;justify-content:space-between;align-items:center;padding:var(--drawer-header-block-padding) var(--drawer-inline-padding)}.drawer__title{font-size:var(--font-h2--size);margin:0}.drawer__close{width:var(--minimum-touch-target);height:var(--minimum-touch-target)}.drawer__content{display:block;padding:var(--drawer-content-block-padding) var(--drawer-inline-padding);width:100%}.close-button{position:fixed;top:var(--margin-lg);right:var(--margin-lg);width:var(--minimum-touch-target);height:var(--minimum-touch-target);z-index:var(--layer-flat);background-color:transparent;display:flex;align-items:center;justify-content:center;border-radius:50%}@supports not (background-color: rgb(from red 150 g b / alpha)){.close-button:focus-visible{outline:none;overflow:visible}.close-button:focus-visible:after{content:"";position:absolute;inset:calc(-1 * var(--focus-outline-offset));border:var(--focus-outline-width) solid currentColor;border-radius:50%;display:inherit}}.dialog--closed .close-button{animation:elementSlideOutBottom calc(var(--animation-speed) * .5) var(--animation-easing) forwards}.close-button:hover{background-color:transparent;opacity:.8}.close-button svg{width:var(--icon-size-xs);height:var(--icon-size-xs)}.background-overlay{position:relative}.background-overlay:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--background-overlay-color, rgb(0 0 0 / 15%))}
/*# sourceMappingURL=/cdn/shop/t/2/assets/theme-c-overlays.css.map */