dialog{--backdrop-color-rgb: 0 0 0;--sidebar-width: 430px;--animation-speed: .25s;--animation-easing: ease-in-out;--backdrop-opacity: .15;--utility-success: #00940F;--utility-warning: #CD7800;--utility-error: #D00000;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)}.dialog--closed .close-button{animation:elementSlideOutBottom calc(var(--animation-speed) * .5) var(--animation-easing) forwards}.dialog-thumbnails-list-container{position:fixed;width:100%;bottom:0;display:flex;z-index:var(--layer-raised)}.dialog-thumbnails-list{--active-thumbnail-border-color: rgb(var(--color-border-rgb) / var(--media-border-opacity));position:relative;display:inline-flex;flex-direction:row;gap:8px;bottom:0;overflow-x:auto;opacity:0;padding:var(--padding-lg);margin-inline:auto;scrollbar-width:none;animation:thumbnailsSlideInBottom calc(var(--animation-speed) * .75) var(--animation-easing) forwards;animation-delay:calc(var(--animation-speed) * 1.5)}.dialog--closed .dialog-thumbnails-list{animation:thumbnailsSlideOutBottom var(--animation-speed) var(--animation-easing) forwards}@media screen and (min-width:750px){.dialog-thumbnails-list{position:fixed;flex-direction:column;inset:50% var(--margin-lg) auto auto;right:0;max-height:calc(100vh - 200px);overflow-y:auto;animation:thumbnailsSlideInTop var(--spring-d220-b0-duration) var(--spring-d220-b0-easing) forwards;animation-delay:calc(var(--spring-d220-b0-duration) * .5)}.dialog--closed .dialog-thumbnails-list{animation:thumbnailsSlideOutTop var(--animation-speed) var(--animation-easing) forwards}}.dialog-thumbnails-list__thumbnail{width:var(--thumbnail-width);height:auto;transition:transform var(--animation-speed) var(--animation-easing);flex-shrink:0;border-radius:var(--media-radius)}.dialog-thumbnails-list__thumbnail img{height:100%;object-fit:cover;border-radius:var(--media-radius);aspect-ratio:var(--aspect-ratio)}.dialog-thumbnails-list__thumbnail:is([aria-selected=true]){outline:var(--focus-outline-width) solid currentcolor;outline-offset:calc(var(--focus-outline-offset) / 2);border:var(--style-border-width) solid var(--active-thumbnail-border-color)}@supports (anchor-name: --test){.dialog-thumbnails-list:has(.dialog-thumbnails-list__thumbnail:is([aria-selected=true])):after{--inset-offset: calc(var(--focus-outline-offset) / 2);content:"";position:absolute;inset:anchor(top) anchor(right) anchor(bottom) anchor(left);position-anchor:--selected-thumbnail;outline:var(--focus-outline-width) solid currentcolor;outline-offset:calc(var(--focus-outline-offset) / 2);border:var(--style-border-width) solid var(--active-thumbnail-border-color);border-radius:var(--media-radius);z-index:var(--layer-raised)}@media(prefers-reduced-motion:no-preference){.dialog-thumbnails-list:has(.dialog-thumbnails-list__thumbnail:is([aria-selected=true])):after{transition-property:inset;transition-duration:var(--spring-d180-b0-duration);transition-timing-function:var(--spring-d180-b0-easing)}}.dialog-thumbnails-list__thumbnail:is([aria-selected=true]){outline:none;border:none;anchor-name:--selected-thumbnail}}.close-button:hover{background-color:transparent;opacity:.8}.close-button svg{width:20px;height:20px}
/*# sourceMappingURL=/cdn/shop/t/325/assets/dialog.css.map */