.side-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;visibility:hidden;transition:visibility 0s linear var(--motion-drawer)}.side-drawer[open]{visibility:visible;transition-delay:0s}.side-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--overlay-soft);opacity:0;cursor:pointer;transition:opacity var(--motion-drawer) var(--ease-base)}.side-drawer[open] .side-drawer__overlay{opacity:1}.side-drawer__panel{position:absolute;top:0;right:0;bottom:0;display:flex;flex-direction:column;width:min(var(--layout-drawer-width),100%);background-color:rgb(var(--color-background));transform:translate(100%);transition:transform var(--motion-drawer) var(--ease-base)}.side-drawer--wide .side-drawer__panel{width:min(var(--layout-size-drawer-width),100%)}.side-drawer[open] .side-drawer__panel{transform:translate(0)}.side-drawer__panel:focus{outline:none}.side-drawer__header{display:flex;flex:none;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 16px 16px}.side-drawer__title{margin:0;font-family:var(--font-body-family);font-size:var(--type-nav-size);font-weight:600;line-height:var(--type-nav-line);letter-spacing:var(--type-ui-tracking);text-transform:uppercase}.side-drawer__subtitle{margin:2px 0 0;font-size:var(--type-caption-size);letter-spacing:var(--type-ui-tracking);text-transform:uppercase}.side-drawer__close{display:inline-flex;margin:-.5rem -.5rem 0 0;padding:.5rem;border:0;background:none;color:inherit}.side-drawer__body{flex:1;min-height:0;padding:16px 16px 32px;overflow-y:auto;overscroll-behavior:contain}.side-drawer__footer{flex:none;padding:16px;border-top:1px solid rgb(var(--color-border))}@media screen and (min-width:750px){.side-drawer--wide .side-drawer__header,.side-drawer--wide .side-drawer__body,.side-drawer--wide .side-drawer__footer{padding-right:max(16px,calc((100% - 394px)/2));padding-left:max(16px,calc((100% - 394px)/2))}.side-drawer--wide .side-drawer__header{padding-top:80px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-drawer.css.map */