.drawer{width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:0;border:0;background:transparent;overflow:hidden}.drawer::backdrop{background-color:#0006;opacity:0;transition:opacity var(--duration-drawer-scrim) var(--ease-drawer)}.drawer[data-state=open]::backdrop{opacity:1}.drawer__panel{position:absolute;inset-block:0;inset-inline-end:0;display:flex;flex-direction:column;width:min(36rem,100%);max-height:100%;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:var(--shadow-lg);transform:translate(100%);transition:transform var(--duration-drawer-panel) var(--ease-drawer)}.drawer[data-state=open] .drawer__panel{transform:translate(0)}drawer-element[data-side=start] .drawer__panel{inset-inline:0 auto;transform:translate(-100%)}drawer-element[data-side=start] .drawer[data-state=open] .drawer__panel{transform:translate(0)}drawer-element[data-side=bottom] .drawer__panel{inset:auto 0 0 0;width:100%;max-height:85svh;border-start-start-radius:var(--radius-card);border-start-end-radius:var(--radius-card);transform:translateY(100%)}drawer-element[data-side=bottom] .drawer[data-state=open] .drawer__panel{transform:translateY(0)}@media screen and (max-width:767px){drawer-element[data-side-mobile=bottom] .drawer__panel{inset:auto 0 0 0;width:100%;max-height:85svh;border-start-start-radius:var(--radius-card);border-start-end-radius:var(--radius-card);transform:translateY(100%)}drawer-element[data-side-mobile=bottom] .drawer[data-state=open] .drawer__panel{transform:translateY(0)}}.drawer__header,.drawer__body{opacity:0;transition:opacity var(--duration-base) var(--ease-primary);transition-delay:var(--delay-drawer-content-out)}.drawer[data-state=open] .drawer__header,.drawer[data-state=open] .drawer__body{opacity:1;transition-delay:var(--delay-drawer-content-in)}.drawer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-lg) var(--space-sm-md) var(--space-md);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0}@media screen and (min-width:1024px){.drawer__header{padding-inline:var(--space-xl)}}.drawer__title{font-size:var(--text-h4);line-height:var(--leading-tight);margin:0}.drawer__close{display:grid;place-items:center;width:var(--space-xl);height:var(--space-xl);border-radius:var(--radius-full);color:inherit;transition:background-color var(--duration-fast) var(--ease-primary)}.drawer__close:hover{background-color:rgb(var(--color-surface))}.drawer__close .icon{transition:transform var(--duration-base) var(--ease-primary)}.drawer__close:hover .icon{transform:rotate(90deg)}.drawer__body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-md);-webkit-overflow-scrolling:touch}.drawer__footer{flex-shrink:0;padding:var(--space-md);border-top:1px solid var(--color-border-subtle);padding-bottom:max(var(--space-md),env(safe-area-inset-bottom))}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-drawer.css.map */