@layer components{.drawer{transform:translate(-100%);z-index:3;transition:transform var(--transition-speed);margin:0;inset:var(--spacing-unit-m) auto var(--spacing-unit-m) var(--spacing-unit-m);border:0;border-radius:var(--border-radius);padding:0;width:90%;max-width:500px;height:calc(100dvh - var(--spacing-unit-m) * 2);max-height:none}@media screen and (min-width: 768px),print{.drawer{max-width:calc(50dvw - var(--spacing-unit-m) * 2)}}@media screen and (min-width: 1440px),print{.drawer{max-width:calc(33.33dvw - var(--spacing-unit-m) * 2)}}.drawer::backdrop{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);cursor:pointer;background:var(--color-overlay-d01)}.drawer[active=true]{transform:translate(0)}@media screen and (min-width: 1440px),print{.drawer--customizer{max-width:calc(45dvw - var(--spacing-unit-m) * 2)}}.drawer--right{transform:translate(100%);inset:var(--spacing-unit-m) var(--spacing-unit-m) var(--spacing-unit-m) auto}.drawer__wrapper{display:flex;flex-direction:column;height:100%}.drawer__header{display:flex;justify-content:space-between;align-items:center;z-index:3;border-bottom:var(--border-width) solid var(--color-borders);background:var(--color-utility-01);padding:var(--spacing-unit-xs) 0;height:6.4rem}.drawer__title{display:flex;gap:var(--spacing-unit-xxs);padding:0 var(--spacing-unit-s)}.drawer__close-button{width:44px;height:44px}.drawer__body{flex-grow:1;z-index:1;padding:var(--spacing-unit-m) var(--spacing-unit-m) var(--spacing-unit-xl);overflow-y:auto}.drawer__footer{z-index:2;background:var(--color-utility-01);padding:var(--spacing-unit-xs)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/drawer.css.map */