:root{--ctr-hdr-h: 44px;--ctr-hdr-btn: 36px;--ctr-hdr-gap: 12px;--ctr-hdr-stuck-top: 12px;--ctr-hdr-rest: calc(var(--ctr-ann-h, 0px) + var(--ctr-hero-mt, 12px) + var(--ctr-hdr-gap));--ctr-hdr-side: calc( max(var(--ctr-hero-mx, 12px), (100% - var(--ctr-hero-maxw, 1440px)) / 2) + var(--ctr-hdr-inset, 16px) )}@media(min-width:750px){:root{--ctr-hdr-h: 56px;--ctr-hdr-btn: 44px;--ctr-hdr-gap: 16px;--ctr-hdr-side: calc( max(var(--ctr-hero-mx-d, 20px), (100% - var(--ctr-hero-maxw, 1440px)) / 2) + var(--ctr-hdr-inset, 16px) + 8px )}}body:has(.ctr-hdr){--header-height: calc(var(--ctr-hdr-h) + var(--ctr-hdr-stuck-top) * 2);--header-group-height: var(--header-height);--transparent-header-offset-boolean: 0}body:has(.ctr-hdr) #header-group{position:sticky;top:calc(var(--ctr-hdr-stuck-top) - var(--ctr-hdr-rest));z-index:60}citron-header{display:block;position:relative}.ctr-hdr{--ctr-hdr-ease: cubic-bezier(.2, .7, .2, 1);--ctr-hdr-blur: 18px}body:has(.ctr-hdr):not(:has(#MainContent>.shopify-section:first-child .ctr-hero)):not(:has(.ctr-pdp-sec)) #MainContent>.shopify-section:first-child{padding-top:calc(var(--ctr-hdr-rest) - var(--ctr-ann-h, 0px) + var(--ctr-hdr-h) + 24px)}.ctr-ann{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:var(--ctr-ann-h, 34px);padding-inline:16px;background:var(--ctr-ann-bg, var(--ctr-navy-night));color:var(--ctr-ann-fg, var(--ctr-white))}.ctr-ann__text{margin:0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-body--family);font-size:.7rem;font-weight:600;line-height:1;letter-spacing:.16em;text-transform:uppercase;color:inherit;text-decoration:none}a.ctr-ann__text:hover{text-decoration:underline;text-underline-offset:3px}a.ctr-ann__text:focus-visible{outline:2px solid currentcolor;outline-offset:2px}@media(max-width:379px){.ctr-ann__text{font-size:.64rem;letter-spacing:.1em}}.ctr-hdr__sentinel{position:absolute;top:0;left:0;width:1px;height:calc(var(--ctr-hdr-rest) - var(--ctr-hdr-stuck-top) - 1px);pointer-events:none}.ctr-hdr__bar{position:absolute;z-index:40;top:var(--ctr-hdr-rest);left:var(--ctr-hdr-side);right:var(--ctr-hdr-side);height:var(--ctr-hdr-h);display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"menu logo actions";align-items:center;padding:4px 16px;border-radius:40px;color:#fff;background:transparent;border:0;box-shadow:none;isolation:isolate;transition:opacity .3s ease-in-out}.ctr-hdr__bar:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;border-radius:inherit;background:rgb(13 13 13 / var(--ctr-hdr-alpha, .1));box-shadow:#0000001a 0 4px 30px;-webkit-backdrop-filter:blur(var(--ctr-hdr-blur)) saturate(180%);backdrop-filter:blur(var(--ctr-hdr-blur)) saturate(180%)}.ctr-hdr.is-hidden .ctr-hdr__bar{opacity:0;pointer-events:none}html:has(.ctr-dr.is-open) .ctr-hdr.is-hidden .ctr-hdr__bar,html:has(dialog.dialog-modal[open]) .ctr-hdr.is-hidden .ctr-hdr__bar{opacity:1;pointer-events:auto}.ctr-hdr__icon,.ctr-hdr__bar .header-actions__action{display:inline-grid;place-items:center;overflow:visible;width:var(--ctr-hdr-btn);height:var(--ctr-hdr-btn);min-width:var(--ctr-hdr-btn);min-height:var(--ctr-hdr-btn);padding:0;border:0;border-radius:999px;background:transparent;color:inherit;cursor:pointer;transition:background-color .2s ease}.ctr-hdr__icon svg{width:22px;height:22px}.ctr-hdr .ctr-hdr__bar .header-actions__action .svg-wrapper{display:grid;place-items:center;width:22px;height:22px}.ctr-hdr .ctr-hdr__bar .header-actions__action svg{width:22px;height:22px}@media(hover:hover){.ctr-hdr__icon:hover,.ctr-hdr__bar .header-actions__action:hover{background:rgb(var(--ctr-hdr-fg-rgb) / .1)}}.ctr-hdr__icon:focus-visible,.ctr-hdr__bar .header-actions__action:focus-visible{outline:2px solid var(--ctr-hdr-accent);outline-offset:0}.ctr-hdr__burger{grid-area:menu;justify-self:start}.ctr-hdr__actions{grid-area:actions;justify-self:end;display:flex;align-items:center}.ctr-hdr__actions header-actions,.ctr-hdr__actions cart-drawer-component{display:flex;align-items:center;margin:0}.ctr-hdr--no-account .account-button{display:none}.ctr-hdr__bar cart-icon{position:relative;display:grid;place-items:center;width:24px;height:24px}.ctr-hdr .ctr-hdr__bar .header-actions__cart-icon svg{-webkit-mask:none;mask:none}.ctr-hdr__bar .header-actions__cart-icon .cart-bubble{position:absolute;z-index:2;top:-2px;right:-4px;display:flex;align-items:center;justify-content:center;width:auto;min-width:18px;height:18px;padding:0 5px;border-radius:999px}.ctr-hdr__bar .cart-bubble,.ctr-hdr__bar .cart-bubble[data-maintain-ratio]{aspect-ratio:auto}.ctr-hdr__bar .cart-bubble__background,.ctr-hdr__bar .cart-bubble[data-maintain-ratio] .cart-bubble__background{background-color:var(--ctr-royal);border-radius:999px;box-shadow:0 0 0 2px #fff}.ctr-hdr__bar .cart-bubble__text{color:#fff;font-size:10px;font-weight:700;line-height:1}.ctr-hdr__bar .header-actions__cart-icon--has-cart svg{-webkit-mask:none;mask:none}.ctr-hdr__bar .cart-bubble.visually-hidden{display:none}@keyframes ctr-bubble-pop{0%{transform:scale(.6)}to{transform:scale(1)}}.ctr-hdr__bar .cart-bubble--animating .cart-bubble__background,.ctr-hdr__bar .cart-bubble--animating .cart-bubble__text{animation:ctr-bubble-pop .2s var(--ctr-ease, cubic-bezier(.2, .8, .3, 1))}@media(prefers-reduced-motion:reduce){.ctr-hdr__bar .cart-bubble--animating .cart-bubble__background,.ctr-hdr__bar .cart-bubble--animating .cart-bubble__text{animation-duration:.01ms}}.ctr-hdr__logo{grid-area:logo;justify-self:center;display:flex;align-items:center;min-height:var(--ctr-hdr-btn);padding-inline:6px;border-radius:999px;color:inherit;text-decoration:none}.ctr-hdr__logo:focus-visible{outline:2px solid var(--ctr-hdr-accent);outline-offset:2px}.ctr-hdr__logo-img{display:block;width:auto;height:var(--ctr-logo-h, 24px);max-width:46vw;object-fit:contain}.ctr-hdr--tint-logo .ctr-hdr__logo-img{filter:brightness(0) invert(1) drop-shadow(0 1px 2px rgb(0 0 0 / .3))}.ctr-hdr__wordmark{font-family:var(--font-body--family);font-size:1.05rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase}.ctr-hdr__nav{display:none;grid-area:nav}@media(min-width:990px){.ctr-hdr__bar{grid-template-columns:auto auto 1fr auto;grid-template-areas:"menu logo nav actions"}.ctr-hdr__logo{justify-self:start;margin-inline-start:4px}.ctr-hdr__logo-img{height:var(--ctr-logo-h-d, 28px);max-width:220px}.ctr-hdr__nav{display:block;justify-self:center}}.ctr-hdr__nav-list{display:flex;align-items:center;gap:clamp(2px,.8vw,10px);margin:0;padding:0;list-style:none}.ctr-hdr__nav-item{position:relative;display:flex;align-items:center}.ctr-hdr__nav-link{display:inline-flex;align-items:center;gap:4px;min-height:40px;padding:0 12px;border:0;border-radius:999px;background:none;color:inherit;font-family:var(--font-body--family);font-size:.78rem;font-weight:600;line-height:1;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:color .2s ease}@media(hover:hover){.ctr-hdr__nav-link:hover{color:#fff}}.ctr-hdr__nav-link:focus-visible,.ctr-hdr__dd-toggle:focus-visible{outline:2px solid var(--ctr-hdr-accent);outline-offset:0}.ctr-hdr__dd-toggle{display:inline-grid;place-items:center;width:28px;height:28px;margin-inline-start:-10px;padding:0;border:0;border-radius:999px;background:none;color:inherit;cursor:pointer}.ctr-hdr__chev{width:14px;height:14px;flex:none;transition:transform .25s ease}.ctr-hdr__nav-item--dd[data-open] .ctr-hdr__chev{transform:rotate(180deg)}@media(hover:hover){.ctr-hdr__nav-item--dd:hover .ctr-hdr__chev{transform:rotate(180deg)}}.ctr-hdr__dd{display:none;position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%);width:max-content;max-width:min(720px,90vw);padding:14px;border-radius:24px;background:rgb(var(--ctr-hdr-dark-rgb));box-shadow:inset 0 0 0 1px #ffffff0f,0 24px 48px -16px #0000008c}.ctr-hdr__dd:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:18px}.ctr-hdr__nav-item--dd[data-open]>.ctr-hdr__dd{display:block;animation:ctr-dd-in .22s ease both}@media(hover:hover){.ctr-hdr__nav-item--dd:hover>.ctr-hdr__dd{display:block;animation:ctr-dd-in .22s ease both}}@keyframes ctr-dd-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.ctr-hdr__dd-grid{display:grid;grid-template-columns:repeat(var(--ctr-dd-cols, 4),150px);gap:10px;margin:0;padding:0;list-style:none}.ctr-mcard{position:relative;display:block;overflow:hidden;isolation:isolate;border-radius:16px;background:#ffffff0a;color:#fff;text-decoration:none}.ctr-mcard__media{display:block;aspect-ratio:1}.ctr-mcard__img,.ctr-mcard__ph{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ctr-hdr-ease, ease)}.ctr-mcard__ph{background:radial-gradient(80% 70% at 50% 100%,rgb(var(--ctr-hdr-accent-rgb, 43 59 255) / .35),transparent 70%),linear-gradient(160deg,#1b1d25,#111a2e)}.ctr-mcard:after{content:"";position:absolute;top:40%;right:0;bottom:0;left:0;background:linear-gradient(to top,rgb(0 0 0 / .72),transparent);pointer-events:none}.ctr-mcard__title{position:absolute;z-index:1;left:12px;right:12px;bottom:10px;font-family:var(--font-body--family);font-size:.74rem;font-weight:700;line-height:1.2;letter-spacing:.12em;text-transform:uppercase}.ctr-mcard[aria-current=page]{outline:2px solid var(--ctr-hdr-accent);outline-offset:-2px}.ctr-mcard:focus-visible{outline:2px solid var(--ctr-hdr-accent);outline-offset:2px}@media(hover:hover){.ctr-mcard:hover .ctr-mcard__img,.ctr-mcard:hover .ctr-mcard__ph{transform:scale(1.05)}}.ctr-wa{--ctr-wa-y: 0px;position:fixed;z-index:30;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 10px 24px -8px #00000073;transform:translateY(var(--ctr-wa-y));transition:transform .35s var(--ctr-hdr-ease)}.ctr-wa svg{width:30px;height:30px}@media(hover:hover){.ctr-wa:hover{transform:translateY(var(--ctr-wa-y)) scale(1.06)}}.ctr-wa:focus-visible{outline:3px solid var(--ctr-hdr-accent);outline-offset:3px}html[data-ctr-cta-low] .ctr-wa{--ctr-wa-y: -150px}body:has(.ctr-sticky-atc.is-visible,.ctr-cart-bar.is-visible) .ctr-wa{--ctr-wa-y: -76px}@media(prefers-reduced-motion:reduce){.ctr-hdr__bar,.ctr-mcard__img,.ctr-mcard__ph,.ctr-hdr__chev,.ctr-wa{transition:none}.ctr-hdr__dd{animation:none!important}}@media(forced-colors:active){.ctr-hdr__bar,.ctr-hdr__dd{border:1px solid CanvasText}.ctr-hdr--tint-logo .ctr-hdr__logo-img{filter:none}}.ctr-hdr__bar .ctr-hdr__wordmark,.ctr-hdr__bar .ctr-hdr__logo,.ctr-hdr__bar .ctr-hdr__icon,.ctr-hdr__bar .header-actions__action,.ctr-hdr__nav-link,.ctr-hdr__nav-link[aria-current=page]{color:#fff}.ctr-hdr__bar .ctr-hdr__wordmark,.ctr-hdr__bar .ctr-hdr__icon,.ctr-hdr__bar .header-actions__action,.ctr-hdr__bar .ctr-hdr__nav-link,.ctr-hdr__logo-img{filter:drop-shadow(0 1px 2px rgb(0 0 0 / .3))}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.ctr-hdr__bar:before{background-color:#0d0d0d8c}}@media(prefers-reduced-transparency:reduce){.ctr-hdr__bar:before{background-color:#0d0d0de6;-webkit-backdrop-filter:none;backdrop-filter:none}}.ctr-hdr__bar:before{background:none;background-color:rgb(13 13 13 / var(--ctr-hdr-alpha, .1));border:1px solid transparent;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.ctr-hdr.is-light .ctr-hdr__bar:before{background-color:rgb(255 255 255 / var(--ctr-hdr-light-alpha, .72));border-color:#00008b14;box-shadow:#00002e14 0 4px 30px}.ctr-hdr.is-light .ctr-hdr__bar .ctr-hdr__wordmark,.ctr-hdr.is-light .ctr-hdr__bar .ctr-hdr__logo,.ctr-hdr.is-light .ctr-hdr__bar .ctr-hdr__icon,.ctr-hdr.is-light .ctr-hdr__bar .header-actions__action,.ctr-hdr.is-light .ctr-hdr__nav-link,.ctr-hdr.is-light .ctr-hdr__nav-link[aria-current=page]{color:var(--ctr-navy)}.ctr-hdr__bar .ctr-hdr__wordmark,.ctr-hdr__bar .ctr-hdr__logo,.ctr-hdr__bar .ctr-hdr__icon,.ctr-hdr__bar .header-actions__action,.ctr-hdr__nav-link{transition:color .3s ease,filter .3s ease}.ctr-hdr.is-light .ctr-hdr__bar .ctr-hdr__wordmark,.ctr-hdr.is-light .ctr-hdr__bar .ctr-hdr__icon,.ctr-hdr.is-light .ctr-hdr__bar .header-actions__action,.ctr-hdr.is-light .ctr-hdr__bar .ctr-hdr__nav-link,.ctr-hdr.is-light .ctr-hdr__logo-img,.ctr-hdr.is-light.ctr-hdr--tint-logo .ctr-hdr__logo-img{filter:none}.ctr-hdr:not([data-template=index]).is-light .ctr-hdr__logo-img,.ctr-hdr:not([data-template=index]).is-light.ctr-hdr--tint-logo .ctr-hdr__logo-img{filter:brightness(0)}@media(hover:hover){.ctr-hdr.is-light .ctr-hdr__icon:hover,.ctr-hdr.is-light .ctr-hdr__bar .header-actions__action:hover{background:#00008b12}.ctr-hdr.is-light .ctr-hdr__nav-link:hover{color:var(--ctr-royal)}}.ctr-hdr.is-light .ctr-hdr__bar .cart-bubble__background{box-shadow:0 0 0 2px #fff}@media(prefers-reduced-motion:reduce){.ctr-hdr__bar:before,.ctr-hdr__bar .ctr-hdr__logo,.ctr-hdr__nav-link{transition:none}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.ctr-hdr.is-light .ctr-hdr__bar:before{background-color:#fffffff0}}@media(prefers-reduced-transparency:reduce){.ctr-hdr.is-light .ctr-hdr__bar:before{background-color:#fffffffa}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/citron-header-pill.css.map */