.vh-header{position:fixed;inset-block-start:0;inset-inline:0;z-index:var(--vh-z-header, 120);background:transparent;box-sizing:border-box;--safe-top: var(--vh-safe-top, env(safe-area-inset-top, 0px));--announcement-offset: var(--vh-announcement-offset, 0px);--header-top: calc(10px + var(--safe-top) + var(--announcement-offset));--vh-hdr-fg: #FFFFFC;--vh-hdr-fg-soft: rgb(255 255 255 / .78);--vh-hdr-wash: rgb(255 255 255 / .1);--vh-hdr-wash-strong: rgb(255 255 255 / .16);--vh-hdr-glass: var(--vh-glass-tint);--vh-hdr-glass-deep: var(--vh-glass-tint-deep);--vh-hdr-edge: var(--vh-glass-edge);--vh-hdr-pill: linear-gradient(180deg, rgb(255 255 255 / .34), rgb(255 255 255 / .14));--vh-hdr-pill-edge: inset 0 1px 0 rgb(255 255 255 / .55), inset 0 0 0 1px rgb(255 255 255 / .16);--vh-hdr-ring: var(--vh-night);--vh-hdr-focus: rgb(255 255 255 / .7);--vh-chip-h: 44px;--vh-bar-h: 52px;--vh-edge: clamp(14px, 2.5vw, 24px);--vh-bar-pad: var(--vh-edge)}@media(max-width:767.98px){.vh-header{--vh-chip-h: 48px}}.vh-header *{box-sizing:border-box}.vh-bar:before,.vh-chip,.vh-locale-menu{background-color:var(--vh-hdr-glass);background-image:var(--vh-glass-sheen);-webkit-backdrop-filter:var(--vh-glass-filter);backdrop-filter:var(--vh-glass-filter);box-shadow:var(--vh-hdr-edge)}.vh-bar{position:fixed;inset-block-start:var(--header-top);display:inline-flex;align-items:center;justify-content:center;block-size:var(--vh-bar-h);padding:14px var(--vh-bar-pad);border-radius:9999px;white-space:nowrap;line-height:1;color:var(--vh-hdr-fg);isolation:isolate;transition:transform .55s var(--vh-ease-out)}.vh-bar--left{inset-inline-start:var(--vh-edge);gap:var(--vh-gap-left, 46px)}.vh-bar--right{inset-inline-end:var(--vh-edge);gap:var(--vh-gap-right, 36px)}.vh-bar--left{transform:translate(calc(-1 * var(--vh-bar-pad)))}.vh-bar--right{transform:translate(var(--vh-bar-pad))}.vh-bar.is-glassy,.vh-header:has(.vh-bar :focus-visible) .vh-bar{transform:none}.vh-bar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .55s var(--vh-ease-out),background-color .3s var(--vh-ease-out),box-shadow .3s var(--vh-ease-out)}.vh-bar.is-glassy:before,.vh-header:has(.vh-bar :focus-visible) .vh-bar:before{opacity:1}.vh-bar>:not(.vh-hover-pill){position:relative;z-index:2}.vh-bar .vh-logo{z-index:3}.vh-logo{display:flex;align-items:center;height:100%}.vh-bar .vh-link{text-decoration:none;font-weight:400;letter-spacing:.2px;color:var(--vh-hdr-fg);transition:color .3s var(--vh-ease-out)}@media(max-width:767.98px){.vh-bar{display:none!important}}@media(min-width:768px){.vh-mobile{display:none!important}}.vh-hover-pill{position:absolute;inset-block-start:0;inset-inline-start:0;z-index:1;border-radius:9999px;pointer-events:none;opacity:0;background:var(--vh-hdr-pill);box-shadow:var(--vh-hdr-pill-edge);transform:translateZ(0);transition:transform var(--vh-dur-liquid) var(--vh-ease-out),width var(--vh-dur-liquid) var(--vh-ease-out),height var(--vh-dur-liquid) var(--vh-ease-out),opacity .25s var(--vh-ease-out)}.vh-hover-pill.is-placing{transition:opacity .25s var(--vh-ease-out)}.vh-header.is-on-light:not(.vh-open){--vh-hdr-fg: #1d1230;--vh-hdr-fg-soft: rgb(29 18 48 / .7);--vh-hdr-wash: rgb(29 18 48 / .06);--vh-hdr-wash-strong: rgb(29 18 48 / .1);--vh-hdr-glass: rgb(255 255 255 / .62);--vh-hdr-glass-deep: rgb(255 255 255 / .72);--vh-hdr-edge: inset 0 1px 0 rgb(255 255 255 / .9), inset 0 0 0 1px rgb(29 18 48 / .1);--vh-hdr-pill: rgb(29 18 48 / .07);--vh-hdr-pill-edge: inset 0 0 0 1px rgb(29 18 48 / .06);--vh-hdr-ring: #FFFFFF;--vh-hdr-focus: rgb(51 27 88 / .7)}.vh-logo{position:relative}.vh-logo-img{display:block;block-size:24px;inline-size:auto;transform:translateY(-4px);opacity:0}.vh-logo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--vh-hdr-fg);-webkit-mask:url(Vivid_White_Logo.svg) center/contain no-repeat;mask:url(Vivid_White_Logo.svg) center/contain no-repeat;pointer-events:none;transform:translateY(-4px);transition:background-color .3s var(--vh-ease-out)}.vh-account-ico,.vh-cart-ico{display:block;inline-size:22px;block-size:22px;margin:0;background-color:var(--vh-hdr-fg);transition:background-color .3s var(--vh-ease-out)}.vh-account-ico{-webkit-mask:url(Account_Logo_final.png) center/contain no-repeat;mask:url(Account_Logo_final.png) center/contain no-repeat}.vh-cart-ico{-webkit-mask:url(Icon_cart_final.png) center/contain no-repeat;mask:url(Icon_cart_final.png) center/contain no-repeat}.vh-cart{position:relative;display:inline-flex;align-items:center;text-decoration:none}.vh-cart-badge{position:absolute;inset-block-start:-7px;inset-inline-end:-10px;min-inline-size:18px;block-size:18px;padding-inline:5px;border-radius:9999px;background:var(--vh-accent);box-shadow:0 0 0 1.5px var(--vh-hdr-ring);color:var(--vh-on-accent);text-align:center;font-weight:600;font-size:11px;font-variant-numeric:tabular-nums;line-height:18px;transition:box-shadow .3s var(--vh-ease-out)}.vh-locale-in-bar{position:relative}.vh-locale-chip{display:inline-flex;align-items:center;gap:8px;color:var(--vh-hdr-fg);transition:color .3s var(--vh-ease-out)}.vh-locale-chip__field{position:relative;display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;padding:0}.vh-locale-chip__label{font-size:16px;font-weight:400;letter-spacing:.2px;cursor:pointer;line-height:1;color:inherit;display:block}.vh-locale-chip__select{display:none}.vh-locale-chip__chev-btn{-webkit-appearance:none;appearance:none;border:0;padding:0;background:transparent;display:inline-flex;align-items:center;color:inherit;cursor:pointer}.vh-locale-chip__chev{width:14px;height:14px;opacity:.72;pointer-events:none;stroke:currentColor;fill:none;transition:transform .45s var(--vh-ease-out)}.vh-locale-in-bar:has(.vh-locale-menu.is-open) .vh-locale-chip__chev{transform:rotate(180deg)}.vh-locale-menu-container{display:contents}.vh-locale-menu{--_gap: 26px;position:absolute;inset-block-start:calc(100% + var(--_gap));inset-inline-start:50%;z-index:300;min-inline-size:184px;padding:6px;border-radius:22px;background-color:var(--vh-hdr-glass-deep);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-4px);transition:opacity .2s var(--vh-ease-out),transform .3s var(--vh-ease-out),visibility 0s linear .2s}.vh-locale-menu:after{content:"";position:absolute;inset-inline:0;inset-block-end:100%;block-size:var(--_gap)}.vh-locale-menu.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%);transition:opacity .2s var(--vh-ease-out),transform .3s var(--vh-ease-out),visibility 0s}.vh-locale-menu__list{list-style:none;margin:0;padding:0;display:grid;gap:2px}.vh-locale-menu__item{width:100%}.vh-locale-menu__btn{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:11px 14px;border:0;border-radius:16px;background:transparent;cursor:pointer;text-align:left;font:500 15px/1.2 var(--vh-font, inherit);color:var(--vh-hdr-fg-soft);transition:background-color .2s var(--vh-ease-out),color .2s var(--vh-ease-out)}.vh-locale-menu__btn:hover{background:var(--vh-hdr-wash);color:var(--vh-hdr-fg)}.vh-locale-menu__item.is-active .vh-locale-menu__btn{background:var(--vh-hdr-wash-strong);color:var(--vh-hdr-fg)}.vh-locale-menu__item.is-active .vh-locale-menu__btn:after{content:"";inline-size:7px;block-size:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px var(--vh-hdr-wash-strong)}.vh-mobile{position:relative;z-index:var(--vh-z-mobile, 200)}.vh-chip{position:fixed;inset-block-start:var(--header-top);display:inline-flex;align-items:center;justify-content:center;block-size:var(--vh-chip-h);border-radius:9999px;line-height:1;background-color:var(--vh-hdr-glass-deep);color:var(--vh-hdr-fg);transition:opacity .25s var(--vh-ease-out),transform .2s var(--vh-ease-out),background-color .3s var(--vh-ease-out),box-shadow .3s var(--vh-ease-out),color .3s var(--vh-ease-out)}.vh-chip:active{transform:scale(.97);transition-duration:.1s}.vh-left-pill{inset-inline-start:var(--vh-edge);inline-size:var(--vh-chip-h);padding:0;display:grid;place-items:center}.vh-logo-mobile-icon{display:block;width:20px;height:20px;background-color:var(--vh-hdr-fg);-webkit-mask:var(--vh-icon-mobile) center/contain no-repeat;mask:var(--vh-icon-mobile) center/contain no-repeat;transition:background-color .3s var(--vh-ease-out)}.vh-right-pill{inset-inline-end:var(--vh-edge);padding-inline:22px;gap:24px;z-index:230}.vh-toggle{display:grid;place-items:center;inline-size:28px;block-size:28px;padding:0;border:0;background:transparent;cursor:pointer;color:var(--vh-hdr-fg);transition:color .3s var(--vh-ease-out)}.vh-bars{position:relative;inline-size:22px;block-size:22px;display:grid;place-items:center}.vh-bars .bar{position:absolute;inset-inline:0;block-size:2px;background:currentColor;border-radius:2px;transition:transform .3s var(--vh-ease-out),inset-block-start .3s var(--vh-ease-out)}.vh-bars .bar1{inset-block-start:7px}.vh-bars .bar2{inset-block-start:13px}.vh-header.vh-open .vh-bars .bar1{inset-block-start:50%;transform:translateY(-50%) rotate(45deg)}.vh-header.vh-open .vh-bars .bar2{inset-block-start:50%;transform:translateY(-50%) rotate(-45deg)}.vh-header.vh-open .vh-left-pill{opacity:0;pointer-events:none}.vh-header.vh-open #vh-mobile-cart{display:none}.vh-header.vh-open .vh-right-pill{background-color:transparent;background-image:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.vh-menu{--vh-hdr-fg: #FFFFFC;position:fixed;inset-block-start:var(--header-top);inset-inline:var(--vh-edge);z-index:var(--vh-z-menu, 220);display:flex;flex-direction:column;gap:18px;padding:calc(var(--vh-chip-h) + 18px) 22px 20px;border-radius:30px;background:var(--vh-glass-sheen),color-mix(in srgb,var(--vh-deep) 88%,transparent);-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);box-shadow:var(--vh-glass-edge);color:var(--vh-hdr-fg);transform-origin:top center;transform:translateY(-8px) scale(.985);opacity:0;visibility:hidden;pointer-events:none;transition:transform .3s var(--vh-ease-out),opacity .2s var(--vh-ease-out),visibility 0s linear .3s}.vh-menu.is-open{transform:none;opacity:1;visibility:visible;pointer-events:auto;transition:transform .3s var(--vh-ease-out),opacity .2s var(--vh-ease-out),visibility 0s}.vh-menu__brand{position:absolute;inset-block-start:calc(var(--vh-chip-h) / 2);inset-inline-start:24px;transform:translateY(-50%);display:flex}.vh-menu__brand img{display:block;block-size:18px;inline-size:auto}.vh-menu-list{margin:0;padding:0;list-style:none;display:grid;gap:2px}.vh-mobile .vh-menu-list .vh-link{display:flex;align-items:center;justify-content:space-between;padding:10px 4px;font-size:clamp(30px,9vw,40px);font-weight:500;line-height:1.05;letter-spacing:-.02em;color:var(--vh-hdr-fg);text-decoration:none;opacity:0;transition:opacity .3s var(--vh-ease-out)}.vh-mobile .vh-menu-list .vh-link:after{content:"";inline-size:22px;block-size:22px;background-color:currentColor;opacity:.45;-webkit-mask:var(--vh-icon-mobile) center/contain no-repeat;mask:var(--vh-icon-mobile) center/contain no-repeat;transition:opacity .2s var(--vh-ease-out)}.vh-mobile .vh-menu-list .vh-link:active:after{opacity:1}.vh-menu.is-open .vh-menu-list .vh-link{opacity:1}.vh-menu.is-open .vh-menu-list li:nth-child(2) .vh-link{transition-delay:.04s}.vh-menu.is-open .vh-menu-list li:nth-child(3) .vh-link{transition-delay:.08s}.vh-menu__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block-start:16px;border-block-start:1px solid rgb(255 255 255 / .12);opacity:0;transition:opacity .35s var(--vh-ease-out)}.vh-menu.is-open .vh-menu__foot{opacity:1;transition-delay:.1s}.vh-menu__account{display:inline-flex;align-items:center;gap:10px;font-size:16px;color:var(--vh-hdr-fg);text-decoration:none}.vh-menu__account .vh-account-ico{inline-size:20px;block-size:20px}.vh-lang-switch{margin:0}.vh-lang-switch__track{display:inline-flex;gap:2px;padding:4px;border-radius:9999px;background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff14}.vh-lang-switch__btn{min-inline-size:44px;block-size:34px;padding:0 12px;border:0;border-radius:9999px;background:transparent;color:#ffffffb8;font:600 13px/1 var(--vh-font, inherit);letter-spacing:.04em;cursor:pointer;transition:background-color .25s var(--vh-ease-out),color .25s var(--vh-ease-out)}.vh-lang-switch__btn[aria-current=true]{background:#ffffffeb;color:var(--vh-deep)}@media(max-width:767.98px){.vh-mobile:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:210;background:#0a041847;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .3s var(--vh-ease-out)}.vh-header.vh-open .vh-mobile:before{opacity:1;pointer-events:auto}html:has(.vh-header.vh-open){overflow:hidden}}.vh-header :is(a,button,select,input,[tabindex]){outline:0;-webkit-tap-highlight-color:transparent}@media(any-pointer:fine){.vh-header :is(a,button,select,input,[tabindex]):focus-visible{outline:2px solid var(--vh-hdr-focus);outline-offset:3px;border-radius:8px}}@media(prefers-reduced-motion:reduce){.vh-header *,.vh-header *:before,.vh-header *:after{transition:none!important;animation:none!important}}.vh-header :is(.vh-link,.vh-locale-chip__label,.vh-locale-menu__btn,.vh-lang-switch__btn,.vh-menu__account){text-transform:lowercase;font-weight:400}.vh-lang-switch__btn{letter-spacing:.02em}.vh-locale-chip__chev{display:none}.vh-locale-chip__chev-btn{position:absolute;top:-10px;right:-12px;bottom:-10px;left:-12px;border-radius:9999px}.vh-locale-chip__chev-btn:focus-visible{outline:2px solid var(--vh-hdr-focus, rgb(255 255 255 / .7));outline-offset:0}.vh-mobile .vh-menu-list .vh-link,.vh-mobile .vh-lang-switch__btn{font-weight:400}.vh-shopcard{display:grid;gap:4px;min-inline-size:0;color:#fffffc;text-decoration:none;white-space:normal}.vh-shopcard__media{position:relative;display:block;aspect-ratio:4 / 5;margin-bottom:8px;overflow:hidden;border-radius:14px;background:#ffffff0f}.vh-shopcard__media :is(img,video){position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover}.vh-shopcard__video{opacity:0;transition:opacity .5s var(--vh-ease-out)}.vh-shopcard__video.is-playing{opacity:1}.vh-shopcard__name{font-size:15px;font-weight:500;line-height:1.2;text-transform:none}.vh-shopcard__meta{display:flex;justify-content:space-between;gap:8px;font-size:13px;line-height:1.3;color:#fffffcad}.vh-shopcard__price{color:#fffffc;font-variant-numeric:tabular-nums;white-space:nowrap}@media(hover:hover){.vh-shopcard__media :is(img,video){transition:transform .8s var(--vh-ease-out),opacity .5s var(--vh-ease-out)}.vh-shopcard:hover .vh-shopcard__media :is(img,video){transform:scale(1.04)}}.vh-shopcard:focus-visible{outline:2px solid rgb(255 255 255 / .7);outline-offset:4px;border-radius:14px}.vh-shopmenu__cards{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:14px}.vh-bar>.vh-shopmenu{position:absolute;inset-block-start:calc(100% + 10px);inset-inline-start:0;z-index:4;inline-size:max-content;padding:14px;border-radius:26px;background:var(--vh-glass-sheen),color-mix(in srgb,var(--vh-deep) 86%,transparent);-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);clip-path:inset(0 round 26px);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .25s var(--vh-ease-out),transform .3s var(--vh-ease-out),visibility 0s linear .3s}.vh-bar>.vh-shopmenu:before{content:"";position:absolute;inset:-14px 0 auto;block-size:14px}.vh-bar>.vh-shopmenu.is-open{opacity:1;visibility:visible;transform:none;transition:opacity .25s var(--vh-ease-out),transform .3s var(--vh-ease-out),visibility 0s}.vh-bar>.vh-shopmenu .vh-shopmenu__cards{grid-auto-columns:190px}.vh-header:not(:has(.vh-bar :focus-visible)) .vh-bar--left:not(.is-glassy)>.vh-shopmenu{inset-inline-start:var(--vh-bar-pad)}.vh-mobile .vh-menu-list button.vh-link--shop{inline-size:100%;margin:0;border:0;background:none;font-family:inherit;text-align:start;cursor:pointer}.vh-mobile .vh-menu-list button.vh-link--shop:after{transition:opacity .2s var(--vh-ease-out),transform .35s var(--vh-ease-out)}.vh-menu-shop.is-open button.vh-link--shop:after{opacity:1;transform:rotate(45deg)}.vh-menu-shop__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--vh-ease-out)}.vh-menu-shop.is-open .vh-menu-shop__panel{grid-template-rows:1fr}.vh-menu-shop__inner{min-block-size:0;overflow:hidden}.vh-menu-shop:not(.is-open) .vh-menu-shop__inner{visibility:hidden;transition:visibility 0s linear .4s}.vh-menu-shop .vh-shopmenu__cards{gap:10px;padding:6px 4px 14px}@media(prefers-reduced-motion:reduce){.vh-bar>.vh-shopmenu,.vh-menu-shop__panel,.vh-shopcard__video{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/vh-header.css.map */
