:root{--vnav-bg: #F8F6F2;--vnav-ink: #0C0C0C;--vnav-muted: rgba(12,12,12,.38);--vnav-border: rgba(12,12,12,.07);--vnav-hover: rgba(12,12,12,.045);--vnav-accent: #0C0C0C;--vnav-w: 480px;--vnav-ease: cubic-bezier(.22,1,.36,1);--vnav-speed: .4s;--vnav-fast: .18s;--vnav-bar-h: 64px}.vnav__trigger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;background:transparent;cursor:pointer;position:relative;z-index:9001;flex-shrink:0}.vnav__triggerInner{display:flex;flex-direction:column;align-items:flex-end;gap:5px;width:24px}.vnav__line{display:block;height:1.5px;background:var(--vnav-ink);border-radius:2px;transform-origin:right center;transition:width .2s var(--vnav-ease),transform .36s var(--vnav-ease),opacity .16s ease;will-change:transform}.vnav__line--1{width:24px}.vnav__line--2{width:16px}.vnav__line--3{width:20px}.vnav__trigger[aria-expanded=true] .vnav__line--1{width:22px;transform:translateY(6.5px) rotate(-42deg)}.vnav__trigger[aria-expanded=true] .vnav__line--2{opacity:0;transform:scaleX(0)}.vnav__trigger[aria-expanded=true] .vnav__line--3{width:22px;transform:translateY(-6.5px) rotate(42deg)}.vnav__trigger:focus-visible{outline:2px solid var(--vnav-ink);outline-offset:4px;border-radius:6px}.vnav__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;pointer-events:none;visibility:hidden}.vnav__overlay.is-open{pointer-events:auto;visibility:visible}.vnav__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#06060647;opacity:0;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:opacity var(--vnav-speed) var(--vnav-ease);cursor:pointer}.vnav__overlay.is-open .vnav__scrim{opacity:1}.vnav__drawer{position:absolute;top:0;right:0;bottom:0;width:min(var(--vnav-w),100vw);background:var(--vnav-bg);display:flex;flex-direction:column;overflow:hidden;transform:translate(100%);transition:transform var(--vnav-speed) var(--vnav-ease);will-change:transform}.vnav__overlay.is-open .vnav__drawer{transform:translate(0)}.vnav__bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:var(--vnav-bar-h);padding:0 20px;border-bottom:1px solid var(--vnav-border);flex-shrink:0;position:relative;z-index:2}.vnav__backBtn{display:flex;align-items:center;gap:4px;border:none;background:transparent;cursor:pointer;color:var(--vnav-ink);font-size:13px;font-weight:500;padding:8px 4px 8px 0;opacity:.65;transition:opacity var(--vnav-fast) ease,transform var(--vnav-fast) var(--vnav-ease);font-family:"Poppins",var(--font-body-family, sans-serif);white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis;justify-self:start}.vnav__backBtn:hover{opacity:1;transform:translate(-2px)}.vnav__backBtn:focus-visible{outline:2px solid var(--vnav-ink);outline-offset:3px;border-radius:4px}.vnav__backBtn[hidden]{display:none}.vnav__backLabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vnav__barBrand{justify-self:center;text-decoration:none;color:var(--vnav-ink);transition:opacity var(--vnav-fast) ease}.vnav__barBrand:hover{opacity:.7}.vnav__barLogo{height:24px;width:auto;display:block;object-fit:contain}.vnav__barName{font-size:14px;font-weight:600;letter-spacing:-.1px}.vnav__closeBtn{justify-self:end;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--vnav-border);border-radius:50%;background:transparent;cursor:pointer;color:var(--vnav-ink);transition:background var(--vnav-fast) ease,border-color var(--vnav-fast) ease,transform var(--vnav-fast) var(--vnav-ease)}.vnav__closeBtn:hover{background:var(--vnav-hover);border-color:#0c0c0c26;transform:rotate(90deg)}.vnav__closeBtn:focus-visible{outline:2px solid var(--vnav-ink);outline-offset:3px}.vnav__stack{position:relative;flex:1;overflow:hidden}.vnav__panel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(12,12,12,.08) transparent;transition:transform var(--vnav-speed) var(--vnav-ease);will-change:transform;background:var(--vnav-bg)}.vnav__panel::-webkit-scrollbar{width:3px}.vnav__panel::-webkit-scrollbar-thumb{background:#0c0c0c14;border-radius:2px}.vnav__panel--offRight{transform:translate(100%)}.vnav__panel--offLeft{transform:translate(-28%)}.vnav__panel--active{transform:translate(0)}.vnav__list{list-style:none;margin:0;padding:16px 0;flex:1}.vnav__item{position:relative}.vnav__item+.vnav__item:before{content:"";display:block;height:1px;background:var(--vnav-border);margin:0 24px}.vnav__item--viewall+.vnav__item:before{margin:0;background:#0c0c0c1a}.vnav__link,.vnav__btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:18px 28px;color:var(--vnav-ink);text-decoration:none;background:transparent;border:none;cursor:pointer;font-family:"Poppins",var(--font-body-family, sans-serif);font-size:17px;font-weight:400;letter-spacing:-.15px;text-align:left;position:relative;transition:background var(--vnav-fast) ease,padding-left var(--vnav-fast) var(--vnav-ease),opacity var(--vnav-fast) ease}.vnav__link:hover,.vnav__btn:hover{background:var(--vnav-hover);padding-left:34px}.vnav__link[aria-current=page]{opacity:.45}.vnav__link:focus-visible,.vnav__btn:focus-visible{outline:2px solid var(--vnav-ink);outline-offset:-4px}.vnav__link--viewall{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.5;padding:16px 28px;background:#0c0c0c05}.vnav__link--viewall:hover{opacity:.8;padding-left:34px;background:#0c0c0c0a}.vnav__btnText{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vnav__btnArrow{flex-shrink:0;opacity:.3;margin-left:12px;transition:transform var(--vnav-fast) var(--vnav-ease),opacity var(--vnav-fast) ease}.vnav__link:hover .vnav__btnArrow,.vnav__btn:hover .vnav__btnArrow{opacity:.6;transform:translate(3px)}.vnav__btnArrow--sm{opacity:.4}.vnav__panelFooter{margin-top:auto;flex-shrink:0}.vnav__secondary{border-top:1px solid var(--vnav-border);padding:8px 0}.vnav__secLink{display:block;padding:11px 28px;color:var(--vnav-muted);text-decoration:none;font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;transition:color var(--vnav-fast) ease,padding-left var(--vnav-fast) var(--vnav-ease)}.vnav__secLink:hover{color:var(--vnav-ink);padding-left:34px}.vnav__util{display:flex;gap:2px;padding:12px 20px 16px;border-top:1px solid var(--vnav-border)}.vnav__utilLink{display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:8px;color:var(--vnav-muted);text-decoration:none;font-size:11px;font-weight:600;letter-spacing:.03em;transition:color var(--vnav-fast) ease,background var(--vnav-fast) ease}.vnav__utilLink:hover{color:var(--vnav-ink);background:var(--vnav-hover)}.vnav__utilLink:focus-visible{outline:2px solid var(--vnav-ink);outline-offset:2px}.vnav__overlay.is-open .vnav__panel--active .vnav__item{animation:vnavItemIn .5s var(--vnav-ease) both}@keyframes vnavItemIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.vnav__panel--active .vnav__item:nth-child(1){animation-delay:60ms}.vnav__panel--active .vnav__item:nth-child(2){animation-delay:.1s}.vnav__panel--active .vnav__item:nth-child(3){animation-delay:.14s}.vnav__panel--active .vnav__item:nth-child(4){animation-delay:.18s}.vnav__panel--active .vnav__item:nth-child(5){animation-delay:.22s}.vnav__panel--active .vnav__item:nth-child(6){animation-delay:.26s}.vnav__panel--active .vnav__item:nth-child(7){animation-delay:.3s}.vnav__panel--active .vnav__item:nth-child(8){animation-delay:.34s}.vnav__panel--active .vnav__item:nth-child(9){animation-delay:.38s}.vnav__panel--active .vnav__item:nth-child(10){animation-delay:.42s}body.vnav-lock{overflow:hidden;padding-right:var(--vnav-scrollbar-width, 0px)}@media(prefers-reduced-motion:reduce){.vnav__overlay,.vnav__drawer,.vnav__scrim,.vnav__panel,.vnav__line,.vnav__link,.vnav__btn,.vnav__backBtn,.vnav__closeBtn,.vnav__btnArrow,.vnav__secLink{transition:none!important;animation:none!important}.vnav__panel--active .vnav__item{animation:none!important;opacity:1!important}}#header-component,.header,.header__row,.header__columns,.header__column{overflow:visible!important;contain:none!important}.vbm__overlay{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:2147483647!important}.vbm__scrim{z-index:2147483646!important}.vbm__drawer{position:fixed!important;top:0!important;right:0!important;bottom:0!important;height:100vh!important;z-index:2147483647!important}
/*# sourceMappingURL=/cdn/shop/t/42/assets/custom-burger-menu.css.map */