@layer components{biosphere-dialog{display:block}.biosphere-dialog__window{padding:0;margin:auto;max-inline-size:min(var(--dialog-max-width, var(--dialog-max-width-default)),calc(100% - var(--space-10)));max-block-size:calc(100% - var(--space-10))}.biosphere-dialog__window--drawer{margin:0;margin-inline-start:auto;inline-size:var(--drawer-size);max-inline-size:100%;block-size:100dvh;max-block-size:100dvh;border:none;box-shadow:var(--shadow-drawer)}.biosphere-dialog__window--drawer[open]{display:flex;flex-direction:column}.biosphere-dialog__window--drawer::backdrop{background-color:color-mix(in srgb,var(--color-scrim) 45%,transparent)}@media(prefers-reduced-motion:no-preference){.biosphere-dialog__window--drawer{translate:100% 0;transition:translate var(--duration-slow) var(--ease-out),display var(--duration-slow) allow-discrete,overlay var(--duration-slow) allow-discrete}.biosphere-dialog__window--drawer[open]{translate:0 0}@starting-style{.biosphere-dialog__window--drawer[open]{translate:100% 0}}.biosphere-dialog__window--drawer::backdrop{opacity:0;transition:opacity var(--duration-slow) var(--ease-out),display var(--duration-slow) allow-discrete,overlay var(--duration-slow) allow-discrete}.biosphere-dialog__window--drawer[open]::backdrop{opacity:1}@starting-style{.biosphere-dialog__window--drawer[open]::backdrop{opacity:0}}}.biosphere-dialog__header{display:flex;align-items:start;justify-content:space-between;gap:var(--space-4);padding:var(--space-4)}.biosphere-dialog__heading{margin-block:0;font-size:var(--text-lg)}.biosphere-dialog__window--drawer .biosphere-dialog__header{align-items:center;padding:var(--space-5) var(--space-7);border-block-end:1px solid var(--color-border)}.biosphere-dialog__close{display:inline-flex;align-items:center;justify-content:center;margin-inline-start:auto;padding:0;background:none;border:0;color:var(--color-text);cursor:pointer}.biosphere-dialog__close svg{inline-size:var(--icon-size-lg);block-size:var(--icon-size-lg)}.biosphere-dialog__content{padding:var(--dialog-content-padding, var(--space-4));padding-block-start:var(--dialog-content-padding-block-start, 0);overflow-y:var(--dialog-content-overflow, auto)}.biosphere-dialog__window--drawer .biosphere-dialog__content{flex:1 1 auto;min-block-size:0;display:flex;flex-direction:column}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/biosphere-dialog.css.map */