.drawer{position:relative;z-index:9999999}.drawer__window{position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:auto;background:var(--color-background);visibility:hidden;transform:translate(-100%);transition:transform var(--ia-transition-duration) var(--ia-transition-function),visibility var(--ia-transition-duration) var(--ia-transition-function);z-index:100;padding:0 1rem 1.25rem}@media (min-width: 1025px){.drawer__window{left:unset;right:0;width:30rem;transform:translate(100%);background:var(--color-secondary);padding:0 1.5rem 2rem}}.drawer--mobile-bottom .drawer__window{transform:translateY(100%)}@media (min-width: 1025px){.drawer--mobile-bottom .drawer__window{left:unset;right:0;transform:translate(100%)}}.drawer__window--light{padding-inline:0;padding-bottom:0;background:var(--color-background)}.drawer__overlay{position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;background:#000000b3;transition:opacity var(--ia-transition-duration) var(--ia-transition-function),visibility var(--ia-transition-duration) var(--ia-transition-function);z-index:99;display:block!important}.drawer.is-open .drawer__window{visibility:visible;transform:translate(0)}.drawer.is-open .drawer__overlay{opacity:1;visibility:visible}.drawer__header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;background-color:var(--color-background);min-height:3.5rem;padding:2rem 0}@media (min-width: 1024px){.drawer__header{justify-content:space-between}}@media (max-width: 1023px){.drawer__header--panel{margin:1.25rem 0;border-radius:.25rem;padding:0}}.drawer__window--light .drawer__block{padding-inline:1rem}.drawer__footer{padding:1rem 0;position:sticky;bottom:0;z-index:101;background-color:var(--color-background)}@media (min-width: 1024px){.drawer__window--light .drawer__block{padding-inline:1.5rem}}.drawer__inner{display:flex;flex-direction:column;gap:1rem}.drawer__panel{background-color:var(--color-secondary);border-radius:.25rem;padding:1.5rem 1rem}@media (min-width: 1025px){.drawer__panel{padding:1.5rem 0}}.drawer__close-button{--size: .75rem;transform:translate(50%)}.drawer__close-button--circle{border-radius:9999px;border:.063rem solid var(--color-tertiary);--size: .875rem;--padding: .5rem}@media (min-width: 1024px){.drawer__close-button--circle{right:0}}
/*# sourceMappingURL=/cdn/shop/t/323/assets/component.drawer.css.map?v=114807193590797594411750361140 */