:root{--drawer-title-font-size: var(--font-size-sm);--drawer-title-font-weight: var(--font-weight-semibold);--drawer-title-text-transform: uppercase;--drawer-title-letter-spacing: var(--letter-spacing-widest);--drawer-text-font-size: var(--font-size-sm);--drawer-text-font-weight: var(--font-weight-normal);--drawer-small-font-size: var(--font-size-xs);--drawer-input-font-size: var(--font-size-sm)}.header-content{display:flex;align-items:center;gap:15px;justify-content:space-between}.header-content h3{font-family:var(--font-family-body);font-size:var(--drawer-title-font-size);font-weight:var(--drawer-title-font-weight);text-transform:var(--drawer-title-text-transform);letter-spacing:var(--drawer-title-letter-spacing);margin:0}.drawer-close{display:flex;align-items:center;background:none;border:none;padding:5px;cursor:pointer;padding:var(--spacing-xs);min-width:auto;min-height:auto;color:inherit}.drawer{visibility:hidden;position:fixed;top:0;right:0;bottom:0;z-index:1001;width:490px;min-width:490px;transform:translate(100%);transition:transform .4s cubic-bezier(.16,1,.3,1),visibility .4s ease;background:#fff}@media screen and (min-width:1400px){.drawer{width:33.333333%;min-width:490px}}@media screen and (max-width:768px){.drawer{width:100%;min-width:100%}}@media screen and (max-width:575px){.drawer{width:100%;min-width:0}}.drawer--left{left:0;right:auto;transform:translate(-100%);box-shadow:4px 0 24px #00000026}.drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;height:100dvh;background-color:#00000080;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:default;-webkit-tap-highlight-color:transparent;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease;z-index:1000}.drawer-overlay:hover{background-color:#00000080;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.drawer-overlay.active{opacity:1;visibility:visible;transition:opacity .4s ease,visibility .4s ease;pointer-events:auto;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='15' fill='none' stroke='%23ffffff' stroke-width='1.5'/%3E%3Cpath d='M11 11l10 10M21 11l-10 10' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") 16 16,pointer}.drawer-content{position:relative;height:100%;padding:24px;background-color:var(--color-drawer-background, #ffffff);color:var(--color-drawer-text, #000);display:flex;flex-direction:column;overflow:hidden}.drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;flex-shrink:0;border-bottom:1px solid rgba(0,0,0,.1)}.drawer-title{margin:0;color:var(--color-drawer-text, #000);font-size:var(--drawer-title-font-size);font-weight:var(--drawer-title-font-weight);text-transform:var(--drawer-title-text-transform);letter-spacing:var(--drawer-title-letter-spacing)}.drawer-close{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:8px;cursor:pointer;color:var(--color-dark-1, #000);border-radius:50px;transition:background-color .2s ease;width:32px;height:32px}.drawer-close:hover{background-color:var(--color-brand-5-80, #f5f5f5);border-radius:50px;color:var(--background-primary, #ffffff)}.drawer-body{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-border, #e0e0e0) transparent}.drawer-body::-webkit-scrollbar{width:4px}.drawer-body::-webkit-scrollbar-track{background:transparent}.drawer-body::-webkit-scrollbar-thumb{background-color:var(--color-border, #e0e0e0);border-radius:2px}.drawer-footer{flex-shrink:0;padding-top:16px;border-top:1px solid var(--color-border, #e0e0e0);margin-top:16px}@media screen and (max-width:768px){.drawer-content{padding:24px}.drawer-header{margin-bottom:20px;padding-bottom:12px}}@media screen and (max-width:575px){.drawer-content{padding:24px}.drawer-header{margin-bottom:16px}}.drawer{will-change:transform}.drawer-overlay{will-change:opacity}.drawer[aria-hidden=false]{visibility:visible;transform:translate(0);pointer-events:auto}.drawer[aria-hidden=true]{pointer-events:none;transition-delay:0s,.4s}.drawer[aria-hidden=false]{transition-delay:0s,0s}.drawer[aria-hidden=true]{pointer-events:none}.drawer[aria-hidden=false]{pointer-events:auto}.drawer[aria-hidden=false] *{outline-offset:2px}body.drawer-open{overflow:hidden}@media screen and (max-width:768px){.drawer{width:85%;min-width:280px}.drawer-content{padding:24px}.drawer-header{margin-bottom:20px;padding-bottom:12px}}@media screen and (max-width:575px){.drawer{width:100%;min-width:0}.drawer-content{padding:24px}.drawer-header{margin-bottom:16px}}.side-cart-content{display:flex;flex-direction:column;height:calc(100vh - var(--drawer-top-offset, 76px) - 9px);max-height:calc(100vh - var(--drawer-top-offset, 76px) - 9px);overflow:hidden}.side-cart__main{flex:1;min-height:0;position:relative}.side-cart__items{height:100%;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.side-cart__items::-webkit-scrollbar{display:none}.side-cart__footer{position:relative;flex-shrink:0;background:var(--background-drawer);padding-bottom:20px;border-top:1px solid var(--color-border);margin-top:auto;width:100%}.site-header.drawer-is-open{visibility:visible!important;opacity:1!important}.site-header.drawer-is-open{transform:translateY(0)!important}.announcement-hidden .site-header.drawer-is-open{transform:translateY(calc(-1 * var(--announcement-height, 0px)))!important}.header-group .site-header.drawer-is-open~.announcement-bar,.header-group.drawer-is-open{transform:translateY(0)!important;visibility:visible!important;opacity:1!important;transition:none}.site-header{transition:transform .3s ease-in-out,background-color .3s ease-in-out}
/*# sourceMappingURL=/cdn/shop/t/35/assets/drawer.css.map */