body.yoni-header-plum{--yoni-hdr-bg: var(--purple-800);--yoni-hdr-ink: var(--purple-50);--yoni-hdr-bg-rgb: 62 45 84;--yoni-hdr-ink-rgb: 245 241 251;--yoni-hdr-pill: rgb(255 255 255 / .14);--yoni-hdr-radius: 28px;--yoni-hdr-ring: 2px solid var(--purple-300);--yoni-hdr-t: .18s}@media screen and (max-width:749px){body.yoni-header-plum{--yoni-hdr-radius: 24px}}body.yoni-header-plum #header-component .header__underlay{--color-background-top-row: var(--yoni-hdr-bg);--color-background-bottom-row: var(--yoni-hdr-bg);--color-submenu: var(--yoni-hdr-bg);border-radius:0 0 var(--yoni-hdr-radius) var(--yoni-hdr-radius)}body.yoni-header-plum #header-component .header__underlay-closed{background-color:var(--yoni-hdr-bg);transition:height var(--animation-speed-slow) var(--ease-out-cubic),box-shadow var(--yoni-hdr-t) var(--ease-soft)}body.yoni-header-plum #header-component[transparent]{--closed-underlay-height: 100%}body.yoni-header-plum #header-component[data-sticky-state=active] .header__underlay-closed{box-shadow:0 14px 30px -16px #2e274080}body.yoni-header-plum #header-component:has(header-menu[data-overflow-expanded=true]) .header__underlay-open{height:0}body.yoni-header-plum #header-component .header__row{--color-background: var(--yoni-hdr-bg);--color-background-rgb: var(--yoni-hdr-bg-rgb);--color-foreground: var(--yoni-hdr-ink);--color-foreground-rgb: var(--yoni-hdr-ink-rgb);--color-foreground-muted: rgb(var(--yoni-hdr-ink-rgb) / .78);--color-foreground-subdued: rgb(var(--yoni-hdr-ink-rgb) / .78);--color-border: rgb(255 255 255 / .16);--color-border-rgb: 255 255 255}body.yoni-header-plum #header-component :is(header-menu,.header-actions__action,.header__icon--menu){opacity:1}body.yoni-header-plum #header-component :is(.menu-list__link,.header-actions__action,.header__icon--summary,.header-logo,.yoni-header-cta,.yoni-header-drawer-account,.menu-drawer__menu-item):focus-visible{outline:var(--yoni-hdr-ring);outline-offset:2px}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){body.yoni-header-glass #header-component{border-radius:0 0 var(--yoni-hdr-radius) var(--yoni-hdr-radius);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3)}body.yoni-header-glass #header-component .header__underlay-closed{background-image:none;transition:height var(--animation-speed-slow) var(--ease-out-cubic),box-shadow .32s var(--ease-soft),background-color .32s var(--ease-soft)}body.yoni-header-glass #header-component[data-sticky-state=active] .header__underlay-closed{background-color:rgb(var(--yoni-hdr-bg-rgb) / .84)}body.yoni-header-glass #header-component:has(.menu-drawer-container[open]) .header__underlay-closed{background-color:var(--yoni-hdr-bg);animation:none}@supports (animation-timeline: scroll()){body.yoni-header-glass #header-component .header__underlay-closed{animation:yoni-hdr-glass linear both;animation-timeline:scroll(nearest block);animation-range:0px 220px}}}@keyframes yoni-hdr-glass{0%{background-color:var(--yoni-hdr-bg);box-shadow:0 14px 30px -16px #2e274000}to{background-color:rgb(var(--yoni-hdr-bg-rgb) / .84);box-shadow:0 14px 30px -16px #2e274080}}body.yoni-header-plum #header-component .header-logo{color:var(--yoni-hdr-ink);border-radius:var(--radius-sm)}body.yoni-header-plum #header-component .header__column--right{gap:12px}body.yoni-header-plum #header-component .menu-list__list-item:not([slot=overflow]){justify-content:center}body.yoni-header-plum #header-component .menu-list__link{height:48px;border-radius:var(--radius-pill);font-family:var(--font-ui);font-size:var(--text-base);font-weight:500;line-height:1;color:var(--yoni-hdr-ink);transition:background-color var(--yoni-hdr-t) var(--ease-soft)}body.yoni-header-plum #header-component .menu-list__link-title{padding-inline:18px}body.yoni-header-plum #header-component .menu-list__link:is([aria-current=page],:focus-visible){background:var(--yoni-hdr-pill)}@media(hover:hover)and (pointer:fine){body.yoni-header-plum #header-component .menu-list__link:hover{background:var(--yoni-hdr-pill)}}body.yoni-header-plum #header-component .menu-list__list-item[slot=more] .menu-list__link-title{display:inline-flex;align-items:center;gap:8px}body.yoni-header-plum #header-component .menu-list__list-item[slot=more] .menu-list__link-title:after{content:"";width:6px;height:6px;margin-top:-3px;border:solid currentcolor;border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform var(--yoni-hdr-t) var(--ease-soft)}body.yoni-header-plum #header-component .overflow-menu:has([slot=overflow] [aria-expanded=true]) .menu-list__list-item[slot=more] .menu-list__link{background:var(--yoni-hdr-pill)}body.yoni-header-plum #header-component .overflow-menu:has([slot=overflow] [aria-expanded=true]) .menu-list__list-item[slot=more] .menu-list__link-title:after{transform:translateY(3px) rotate(-135deg)}body.yoni-header-plum #header-component .overflow-menu::part(list){gap:4px;margin-inline:0}body.yoni-header-plum #header-component .overflow-menu::part(overflow){top:calc(100% + var(--header-padding) + 10px);min-width:240px;max-width:min(340px,90vw);background:var(--yoni-hdr-bg);border:1px solid rgb(255 255 255 / .14);border-radius:24px;box-shadow:0 22px 48px -16px #1e12328c}body.yoni-header-plum #header-component .overflow-menu [slot=overflow] .menu-list__link{display:flex;align-items:center;height:48px;padding:0 18px;border-radius:var(--radius-pill);font-size:var(--text-base)}@media(hover:hover)and (pointer:fine){body.yoni-header-plum #header-component .overflow-menu [slot=overflow] .menu-list__link:hover{background:var(--yoni-hdr-pill)}}body.yoni-header-plum #header-component header-actions{align-items:center;gap:4px}body.yoni-header-plum #header-component .header__column--right header-actions{margin-inline-start:0}body.yoni-header-plum #header-component .header-actions__action{border-radius:var(--radius-pill);transition:background-color var(--yoni-hdr-t) var(--ease-soft)}@media(hover:hover)and (pointer:fine){body.yoni-header-plum #header-component .header-actions__action:hover{background:var(--yoni-hdr-pill)}}body.yoni-header-plum #header-component .cart-bubble{--cart-bubble-background: var(--purple-300);--cart-bubble-text: var(--purple-900)}body.yoni-header-plum #header-component .yoni-header-cta{--yoni-cta-h: 52px;display:inline-block;height:var(--yoni-cta-h);max-width:16rem;padding:0 30px;overflow:hidden;border-radius:var(--radius-pill);background:var(--purple-300);color:var(--purple-900);font-family:var(--font-ui);font-size:var(--text-base);font-weight:600;line-height:var(--yoni-cta-h);text-align:center;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;transition:background-color var(--yoni-hdr-t) var(--ease-soft)}@media(hover:hover)and (pointer:fine){body.yoni-header-plum #header-component .yoni-header-cta:hover{background:var(--purple-200);color:var(--purple-900)}}body.yoni-header-plum #header-component .yoni-header-cta--bar{margin-inline-start:12px}@media screen and (min-width:990px)and (max-width:1339px){body.yoni-header-plum #header-component .menu-list__link-title{padding-inline:12px}}@media screen and (min-width:750px)and (max-width:989px){body.yoni-header-plum #header-component{--page-margin: 40px}}@media screen and (max-width:1180px){body.yoni-header-plum #header-component .yoni-header-cta--bar{--yoni-cta-h: 48px;padding-inline:24px}}@media screen and (max-width:749px){body.yoni-header-plum #header-component .header__columns{--header-template-columns: minmax(0, 1fr) auto auto auto;grid-template-areas:"logo search actions burger";column-gap:4px;padding-block:8px;padding-inline:var(--yoni-gutter) calc(var(--yoni-gutter) - (48px - 22px) / 2)}body.yoni-header-plum #header-component .header-logo{grid-area:logo;justify-self:start}body.yoni-header-plum #header-component .search-action{grid-area:search}body.yoni-header-plum #header-component header-actions{grid-area:actions;justify-self:end}body.yoni-header-plum #header-component .header__drawer{grid-area:burger;--header-drawer-min-height: 48px}body.yoni-header-plum #header-component .header__column--right header-actions{margin-inline-start:0}body.yoni-header-plum #header-component .account-button,body.yoni-header-plum #header-component .yoni-header-cta--bar{display:none}}body.yoni-header-plum #header-component[data-menu-style=drawer] .header__columns{--header-template-columns: minmax(0, 1fr) auto auto auto;grid-template-areas:"logo search actions burger";column-gap:4px;padding-block:8px;padding-inline:var(--yoni-gutter) calc(var(--yoni-gutter) - (48px - 22px) / 2)}body.yoni-header-plum #header-component[data-menu-style=drawer] .header-logo{grid-area:logo;justify-self:start}body.yoni-header-plum #header-component[data-menu-style=drawer] .search-action{grid-area:search}body.yoni-header-plum #header-component[data-menu-style=drawer] header-actions{grid-area:actions;justify-self:end}body.yoni-header-plum #header-component[data-menu-style=drawer] .header__drawer{grid-area:burger;--header-drawer-min-height: 48px}body.yoni-header-plum #header-component[data-menu-style=drawer] .header__column--right header-actions{margin-inline-start:0}body.yoni-header-plum #header-component[data-menu-style=drawer] .account-button,body.yoni-header-plum #header-component[data-menu-style=drawer] .yoni-header-cta--bar{display:none}@media screen and (min-width:900px){body.yoni-header-plum #header-component[data-menu-style=drawer] .yoni-header-cta--bar{display:inline-block}}body.yoni-header-plum #header-component .menu-drawer-container .header__icon--summary{width:48px;height:48px;padding:0;border-radius:var(--radius-pill);color:var(--yoni-hdr-ink);transition:background-color var(--yoni-hdr-t) var(--ease-soft)}body.yoni-header-plum #header-component .header__icon--summary .header-drawer-icon{width:22px;height:22px}body.yoni-header-plum #header-component .header__icon--summary svg{width:100%;height:100%}@media(hover:hover)and (pointer:fine){body.yoni-header-plum #header-component .header__icon--summary:hover{background:var(--yoni-hdr-pill)}}body.yoni-header-plum #header-component .menu-drawer{--color-background: var(--yoni-hdr-bg);--color-background-rgb: var(--yoni-hdr-bg-rgb);--color-foreground: var(--yoni-hdr-ink);--color-foreground-rgb: var(--yoni-hdr-ink-rgb);--color-foreground-muted: rgb(var(--yoni-hdr-ink-rgb) / .78);--color-foreground-subdued: rgb(var(--yoni-hdr-ink-rgb) / .78);--color-border: rgb(255 255 255 / .16);--color-border-rgb: 255 255 255;position:absolute;top:calc(100% - 1px);left:0;right:0;width:100%;max-width:none;height:auto;max-height:calc(100dvh - var(--header-group-height, 0px) - var(--header-height, 64px) - 12px);padding:5px var(--yoni-gutter) max(24px,env(safe-area-inset-bottom));border:0;border-radius:0 0 var(--yoni-hdr-radius) var(--yoni-hdr-radius);background-color:var(--yoni-hdr-bg);color:var(--yoni-hdr-ink);box-shadow:0 24px 48px -20px #1e123299;opacity:0;transform:translateY(-12px)}body.yoni-header-plum #header-component .menu-open>.menu-drawer{opacity:1;transform:none}body.yoni-header-plum #header-component:has(.menu-open) .header__underlay-closed{border-radius:0}body.yoni-header-plum #header-component .menu-drawer__backdrop{position:absolute;top:100%;left:0;width:100%;height:100dvh;background:#00000040;-webkit-backdrop-filter:none;backdrop-filter:none}body.yoni-header-plum #header-component details:not([open]) .menu-drawer__backdrop{height:0}@media screen and (max-width:989px){html[scroll-lock] body.yoni-header-plum .page-wrapper{overflow:visible}}body.yoni-header-plum #header-component .menu-drawer-container .header__icon--summary{display:grid;place-items:center}body.yoni-header-plum #header-component .header__icon--summary .header-drawer-icon{grid-area:1 / 1;display:flex;margin:0;transition:opacity .2s var(--ease-out),transform .2s var(--ease-out),filter .2s var(--ease-out)}body.yoni-header-plum #header-component details:not(.menu-open) .header-drawer-icon--close,body.yoni-header-plum #header-component .menu-open .header-drawer-icon--open{opacity:0;transform:scale(.6);filter:blur(3px)}body.yoni-header-plum #header-component .menu-drawer{transition:opacity .22s var(--ease-out),transform .22s var(--ease-out),visibility 0s linear .22s}body.yoni-header-plum #header-component .menu-open>.menu-drawer{transition:opacity .32s var(--ease-drawer),transform .32s var(--ease-drawer),visibility 0s}body.yoni-header-plum #header-component .menu-drawer__backdrop{transition:opacity .22s var(--ease-out)}body.yoni-header-plum #header-component .menu-open .menu-drawer__backdrop{transition:opacity .32s var(--ease-drawer)}body.yoni-header-plum #header-component .menu-drawer-container[open] .menu-drawer__animated-element{animation-duration:.28s;animation-timing-function:var(--ease-out);animation-delay:calc(60ms + (var(--menu-drawer-animation-index) - 1) * 40ms)}body.yoni-header-plum #header-component .menu-drawer .menu-drawer__close-button{display:none}body.yoni-header-plum #header-component .menu-drawer .menu-drawer__navigation{margin-top:0}body.yoni-header-plum #header-component .menu-drawer .menu-drawer__menu{padding-inline:0;margin-block-end:0}body.yoni-header-plum #header-component .menu-drawer .menu-drawer__menu>li{min-height:0;margin-block-end:4px}body.yoni-header-plum #header-component .menu-drawer .menu-drawer__menu-item--mainlist,body.yoni-header-plum #header-component .menu-drawer .yoni-header-drawer-account{display:flex;align-items:center;min-height:52px;padding:0 20px;border-radius:var(--radius-pill);font-family:var(--font-ui);font-size:var(--text-md);font-weight:500;line-height:1.2;color:var(--yoni-hdr-ink);text-decoration:none;transition:background-color var(--yoni-hdr-t) var(--ease-soft)}body.yoni-header-plum #header-component .menu-drawer .menu-drawer__menu-item--mainlist[aria-current=page]{background:var(--yoni-hdr-pill)}body.yoni-header-plum #header-component .menu-drawer .yoni-header-drawer-extras{display:flex;flex-direction:column;gap:4px;margin-top:4px}body.yoni-header-plum #header-component .menu-drawer .yoni-header-cta--drawer{--yoni-cta-h: 56px;display:block;width:100%;max-width:none;margin-top:8px;font-size:var(--text-md)}body.yoni-header-plum #header-component .menu-drawer .menu-drawer__utility-links{margin-inline-start:0}@media(hover:hover)and (pointer:fine){body.yoni-header-plum #header-component .menu-drawer :is(.menu-drawer__menu-item--mainlist,.yoni-header-drawer-account):hover{background:var(--yoni-hdr-pill)}}body.yoni-header-plum .section-background:has(+aside.announcement-bar){--color-background: var(--purple-200)}@media(prefers-reduced-motion:reduce){body.yoni-header-plum{--yoni-hdr-t: 0ms}body.yoni-header-plum #header-component .menu-drawer{transform:none}body.yoni-header-plum #header-component .header__icon--summary .header-drawer-icon{transform:none;filter:none;transition:opacity .14s var(--ease-out)}body.yoni-header-plum #header-component .menu-drawer-container[open] .menu-drawer__animated-element{animation:none}}body.yoni-motion-off.yoni-header-plum{--yoni-hdr-t: 0ms}body.yoni-motion-off.yoni-header-plum #header-component .menu-drawer{transform:none}body.yoni-motion-off.yoni-header-plum #header-component .header__icon--summary .header-drawer-icon{transform:none;filter:none;transition:none}body.yoni-motion-off.yoni-header-plum #header-component .menu-drawer-container[open] .menu-drawer__animated-element{animation:none}
/*# sourceMappingURL=/cdn/shop/t/18/assets/yoni-header.css.map */