dialog.drawer,dialog.modal{padding:0;border:none;background-color:var(--color-background);color:var(--color-foreground)}dialog.drawer::backdrop,dialog.modal::backdrop{background-color:#0b0d0e8c}dialog.drawer{position:fixed;inset:0 0 0 auto;width:min(26rem,100%);max-width:100%;height:100dvh;max-height:100dvh;margin:0;border-inline-start:1px solid var(--color-border);translate:100% 0;transition:translate var(--duration-normal) var(--ease-emphasis),display var(--duration-normal) allow-discrete,overlay var(--duration-normal) allow-discrete}dialog.drawer[open]{translate:0 0}@starting-style{dialog.drawer[open]{translate:100% 0}}.drawer__inner{display:flex;flex-direction:column;height:100%}.drawer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);padding:var(--space-16) var(--space-24);border-bottom:1px solid var(--color-border)}.drawer__title{margin:0;font-size:var(--type-body-l)}.drawer__close{display:inline-flex;align-items:center;justify-content:center;width:var(--touch-target-min);height:var(--touch-target-min);border:none;border-radius:var(--radius-small);background:none;color:var(--color-foreground);cursor:pointer}.drawer__body{flex:1;overflow-y:auto;padding:var(--space-24)}.drawer__footer{padding:var(--space-16) var(--space-24);border-top:1px solid var(--color-border)}dialog.modal{margin:auto;width:min(34rem,calc(100% - var(--space-32)));max-height:calc(100dvh - var(--space-64));border:1px solid var(--color-border);border-radius:var(--radius-large);overflow-y:auto}.modal__inner{padding:var(--space-32)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-drawer.css.map */