:root{--drawer-gutter: 1rem;--drawer-gutter-small: .75rem;--drawer-margin: 1rem;--drawer-margin-small: .75rem;--drawer-body-padding: 1rem;--drawer-radius: var(--nova-border-radius-m);--drawer-border: var(--nova-utility-grey-2)}@media screen and (min-width:768px){:root{--drawer-margin: 1.25rem;--drawer-margin-small: 1rem;--drawer-body-padding: 1.25rem;--drawer-radius: var(--border-radius-l);--drawer-gutter: 1.25rem;--drawer-gutter-small: 1rem}}.drawer:not(sl-drawer){padding:var(--nova-space-lg);position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;z-index:9999;visibility:hidden;pointer-events:none}.drawer.is-open:not(sl-drawer){visibility:visible;pointer-events:auto}.drawer__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;opacity:0;transition:opacity .3s ease}.drawer.is-open:not(sl-drawer) .drawer__overlay{opacity:1}.drawer:not(sl-drawer):not(.pin-right) .drawer__content{opacity:0;transform:scale(.95);transition:opacity .2s ease,transform .2s ease}.drawer.is-open:not(sl-drawer):not(.pin-right) .drawer__content{opacity:1;transform:scale(1)}.drawer.pin-right:not(sl-drawer){justify-content:flex-end;padding:0}.drawer.pin-right:not(sl-drawer) .drawer__content{height:100%;max-width:100%;border-radius:0;transform:translate(100%);transition:transform .3s ease}.drawer.pin-right.is-open:not(sl-drawer) .drawer__content{transform:translate(0)}@media screen and (min-width:768px){.drawer.pin-right:not(sl-drawer) .drawer__content{max-width:648px}}.drawer__content{position:relative;background-color:#fff;border-radius:5px;box-shadow:0 2px 10px #0000001a;z-index:10000;width:100%;max-width:640px;display:flex;flex-direction:column}.drawer__content img{max-width:100%}.drawer__header{display:flex;justify-content:space-between;align-items:center;padding:var(--drawer-margin) var(--drawer-gutter) var(--drawer-margin-small);border-bottom:var(--drawer-border) 1px solid}.drawer__header.drawer__header-sm{padding:6px var(--drawer-gutter) 4px}.drawer__header.bg{background-color:var(--nova-brand-light)}@media screen and (min-width:768px){.pin-right .drawer__header{border-radius:0}}.drawer__body{padding:var(--drawer-body-padding) var(--drawer-gutter)}.drawer.pin-right:not(sl-drawer) .drawer__body{height:100%;flex-grow:1;overflow-y:auto}.drawer__close-button{width:24px;height:24px;padding:4px}.drawer__close-button svg{width:100%;height:100%}.drawer__footer{padding:var(--drawer-margin) var(--drawer-gutter) var(--drawer-margin-small);border-top:var(--drawer-border) 1px solid}.drawer__footer.bg{background-color:var(--nova-brand-light)}.drawer:not(sl-drawer) .tabs{display:flex;justify-content:center;gap:8px;margin-bottom:16px}.drawer:not(sl-drawer) .tab{padding:12px;border-radius:var(--nova-border-radius-m, 6px);border:none;background-color:#efefed;font-family:var(--nova-font-primary);font-size:18px;font-weight:500;line-height:1.1;color:#000;cursor:pointer;transition:background-color .2s}.drawer:not(sl-drawer) .tab.active{background-color:#d3bffa;font-weight:600}
/*# sourceMappingURL=/cdn/shop/t/358/assets/snippet-drawer.css.map */