header-drawer{display:flex;height:40px}body.drawer-open{max-height:100%;height:100dvh;overflow:hidden}.drawer{position:fixed;left:0;top:0;max-width:600px;min-width:450px;width:42vw;height:100vh;background:#e6f7fd;transform:translate(-100%);opacity:0;pointer-events:none;display:flex;align-items:center}.drawer.open{pointer-events:auto}.drawer-toggle{position:relative;z-index:1;width:40px;height:40px;cursor:pointer}.drawer-toggle svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:22px;height:22px;display:block;object-fit:cover}.drawer-toggle svg.drawer-toggle-close,.drawer-open .drawer-toggle-open{display:none}.drawer-open .drawer-toggle svg.drawer-toggle-close{display:block}.drawer__link-list{padding-left:max(50px,min(138px,calc(50px + (88 * ((100vw - 749px) / 691)))));padding-right:50px;width:100%;display:flex;flex-direction:column;gap:2px}.drawer__link{color:#00aae7;font-family:var(--font-greycliff-bold);font-size:48px;font-style:normal;font-weight:700;line-height:70px;letter-spacing:-1.44px;text-transform:uppercase;text-decoration:none;display:block;width:fit-content}.drawer__link:hover{color:#083d6b}[data-breakpoint=mobile] .drawer{max-width:100%;min-width:auto;width:100%}[data-breakpoint=mobile] .drawer-toggle{margin-left:-10px}body:has([data-breakpoint=mobile]) [aria-label=Cart],body:has([data-breakpoint=mobile]) [aria-label=Announcement]{position:relative;z-index:1}[data-breakpoint=mobile] .drawer{top:calc(-1 * var(--announcement-height));padding-top:calc(var(--header-height) + 102px);padding-left:15px;padding-right:15px;justify-content:center;align-items:flex-start}[data-breakpoint=mobile] .drawer:before{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:160px;background-image:url(data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20375%20160%22%20%0A%20%20%20%20%20width%3D%22100%25%22%20%0A%20%20%20%20%20height%3D%22160%22%20%0A%20%20%20%20%20preserveAspectRatio%3D%22none%22%20%0A%20%20%20%20%20fill%3D%22none%22%20%0A%20%20%20%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M69.6429%20159C24.2857%20159%2013.5714%20144.333%200%20137V-1H375V125C350.357%20113%20327.857%20109%20291.429%20109C258.197%20109%20220.714%20122%20180%20137C139.286%20152%20115%20159%2069.6429%20159Z%22%20fill%3D%22%23BED637%22%20stroke%3D%22%23BED637%22%2F%3E%0A%3C%2Fsvg%3E%0A);background-size:cover}[data-breakpoint=mobile] .drawer__link-list{width:auto;align-items:flex-start;padding:0}[data-breakpoint=mobile] .drawer__link{font-size:32px;line-height:55px;letter-spacing:-.96px}[data-breakpoint=desktop] .drawer.animate-in{animation:desktopDrawerSlideIn .35s ease forwards}[data-breakpoint=desktop] .drawer.animate-out{animation:desktopDrawerSlideOut .3s ease forwards}[data-breakpoint=mobile] .drawer.animate-in{animation:mobileDrawerSlideIn .35s ease forwards}[data-breakpoint=mobile] .drawer.animate-out{animation:mobileDrawerSlideOut .3s ease forwards}@keyframes desktopDrawerSlideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes desktopDrawerSlideOut{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes mobileDrawerSlideIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes mobileDrawerSlideOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/header-drawer.css.map */