.yp-nav{position:fixed;top:0;left:0;right:0;z-index:500;font-size:var(--yp-em);pointer-events:none;color:var(--yp-ink)}.yp-nav[data-theme=dark]{color:var(--yp-paper)}.yp-nav,.yp-nav *{transition:color .4s ease}.yp-nav>*{pointer-events:auto}.yp-nav__inner{max-width:146.667em;margin-inline:auto;padding:.75em .75em 0}.yp-nav__bar{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:1em;align-items:center;height:4.333em;padding:.5em .5em .5em 0;border-radius:.6em;overflow:visible}.yp-nav__bg{border-radius:.6em;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--yp-paper);transform:scaleY(0);transform-origin:50% 100%;transition:transform .18s cubic-bezier(.625,.05,0,1),background-color .4s ease}.yp-nav[data-theme=dark] .yp-nav__bg{background:var(--yp-ink)}.yp-nav[data-navhover=true] .yp-nav__bg{transform:scaleY(1);transition:transform .22s cubic-bezier(.625,.05,0,1),background-color .4s ease}.yp-nav__left,.yp-nav__logo,.yp-nav__right{position:relative;z-index:1}.yp-nav__left{display:flex;align-items:center;min-width:0}.yp-nav__right{display:flex;align-items:center;justify-content:flex-end;gap:2em}.yp-nav__chip{display:flex;align-items:center;gap:1em;height:3.333em;padding:0 1em 0 1.5em;border:0;background:none;color:inherit;cursor:pointer}.yp-nav__index{display:flex;font-family:var(--yp-mono);font-size:var(--yp-p-xs);line-height:1;letter-spacing:-.01em}.yp-nav__chip-label{font-family:var(--yp-sans);font-size:var(--yp-p-r);line-height:1;letter-spacing:-.01em;white-space:nowrap}.yp-nav__chip-icon{width:1.5em;height:1.5em;display:grid;place-items:center;transition:transform .35s cubic-bezier(.625,.05,0,1)}.yp-nav__chip-icon svg{width:100%;height:100%;display:block}.yp-nav[data-chapters=open] .yp-nav__chip-icon{transform:rotate(180deg)}.yp-nav__divider{flex:none;width:1px;height:2em;background:currentColor;opacity:.6}.yp-nav__link{font-family:var(--yp-sans);font-size:var(--yp-p-r);line-height:1.244;letter-spacing:-.01em;font-weight:500;color:inherit;text-decoration:none;white-space:nowrap;cursor:pointer;transition:opacity .15s linear}.yp-nav__link:hover{opacity:.6}.yp-nav__left .yp-nav__link{margin-left:1em}.yp-nav__logo{justify-self:center;display:block;width:11em;color:inherit}.yp-nav__logo svg{width:100%;height:auto;display:block}.yp-nav__icons{display:flex;align-items:center;gap:.125em;margin-left:.5em}.yp-nav__icon{position:relative;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;background:none;color:inherit;cursor:pointer;opacity:.82;transition:opacity .25s ease,transform .25s ease}.yp-nav__icon svg{width:21px;height:21px;display:block}.yp-nav__icon:hover{opacity:1;transform:translateY(-1px)}.yp-nav__icon:focus-visible{opacity:1;outline:2px solid var(--yp-yellow);outline-offset:2px;border-radius:50%}.yp-nav__count{position:absolute;top:.3em;right:.25em;min-width:1.15em;height:1.15em;padding:0 .3em;border-radius:1em;background:var(--yp-yellow);color:var(--yp-ink);font-family:var(--yp-mono);font-size:var(--yp-p-xs);line-height:1.15em;font-weight:500;text-align:center}.yp-nav__icon[data-count="0"] .yp-nav__count{display:none}.yp-nav__burger{display:none;width:2.5em;height:2.5em;flex-direction:column;align-items:center;justify-content:center;gap:.5em;border:0;background:none;cursor:pointer}.yp-nav__burger span{display:block;width:1.875em;height:1.5px;background:currentColor;transition:transform .3s ease,opacity .3s ease}.yp-nav:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:#12171466;opacity:0;pointer-events:none;transition:opacity .4s ease}.yp-nav[data-mega=open]:before{opacity:1}.yp-nav__mega{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.625,.05,0,1)}.yp-nav[data-mega=open] .yp-nav__mega{grid-template-rows:1fr}.yp-nav__mega-in{overflow:hidden;min-height:0;background:var(--yp-paper);color:var(--yp-ink);border-radius:.6em;box-shadow:0 2.5em 4em -2em #12171459}.yp-nav[data-mega=open]{color:var(--yp-ink)}.yp-nav[data-mega=open] .yp-nav__bg{background:var(--yp-paper)}.yp-nav__mega-head{display:grid;grid-template-columns:1fr auto;gap:.25em 2em;align-items:end;padding:2em 2.5em 0}.yp-nav__mega-eyebrow{grid-column:1;display:flex;align-items:center;gap:.5em;font-family:var(--yp-mono);font-size:var(--yp-p-xs);line-height:1.2}.yp-nav__mega-eyebrow i{width:.5em;height:.5em;background:currentColor}.yp-nav__mega-title{grid-column:1;font-size:var(--yp-h-s);line-height:1.05;font-family:var(--yp-display);font-weight:600;letter-spacing:0;text-transform:uppercase}.yp-nav__mega-count{grid-column:2;grid-row:1 / span 2;align-self:end;font-family:var(--yp-mono);font-size:var(--yp-p-xs);line-height:1.2;opacity:.5}.yp-nav__mega-grid{list-style:none;margin:0;padding:1.75em 2.5em 2.5em;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5em}.yp-nav__mega-item{display:flex;flex-direction:column;gap:.375em;opacity:0;transform:translateY(.75em);transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1)}.yp-nav[data-mega=open] .yp-nav__mega-item{opacity:1;transform:none}.yp-nav[data-mega=open] .yp-nav__mega-item:nth-child(2){transition-delay:.05s}.yp-nav[data-mega=open] .yp-nav__mega-item:nth-child(3){transition-delay:.1s}.yp-nav[data-mega=open] .yp-nav__mega-item:nth-child(4){transition-delay:.15s}.yp-nav[data-mega=open] .yp-nav__mega-grid:hover .yp-nav__mega-item{opacity:.4;transition-delay:0s}.yp-nav[data-mega=open] .yp-nav__mega-grid .yp-nav__mega-item:hover{opacity:1}.yp-nav__mega-img{display:block;aspect-ratio:4 / 3;overflow:hidden;margin-bottom:.75em}.yp-nav__mega-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.22,1,.36,1)}.yp-nav__mega-item:hover .yp-nav__mega-img img{transform:scale(1.04)}.yp-nav__mega-cap{font-family:var(--yp-mono);font-size:var(--yp-p-xs);line-height:1.4;opacity:.5}.yp-nav__mega-name{font-size:var(--yp-p-m);line-height:1.25;font-family:var(--yp-sans);font-weight:500;letter-spacing:-.01em;text-transform:none}.yp-nav__mega-price{font-family:var(--yp-sans);font-size:var(--yp-p-r);line-height:1.2;font-weight:500}.yp-nav__mega-price s{margin-left:.4em;font-weight:400;opacity:.45}@media(max-width:991px){.yp-nav__mega{display:none}}@media(prefers-reduced-motion:reduce){.yp-nav:before,.yp-nav__mega,.yp-nav__mega-item,.yp-nav__mega-img img{transition:none}}.yp-nav__chapters{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.625,.05,0,1)}.yp-nav[data-chapters=open] .yp-nav__chapters{grid-template-rows:1fr}.yp-nav__chapters>ul{overflow:hidden;min-height:0;list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;background:var(--yp-paper);border-radius:.6em;transition:background-color .4s ease}.yp-nav[data-theme=dark] .yp-nav__chapters>ul{background:var(--yp-ink)}.yp-nav__chapter{display:flex;align-items:center;gap:0;opacity:.4;transition:opacity .35s cubic-bezier(.22,1,.36,1);height:3em;padding:0 1em;font-family:var(--yp-sans);font-size:var(--yp-p-r);line-height:1;letter-spacing:-.01em;color:inherit;text-decoration:none;background:none;border:0;cursor:pointer;white-space:nowrap}.yp-nav__chapter:before{content:"";width:.5em;height:.5em;border-radius:50%;background:currentColor;flex:none;transform:scale(0);transform-origin:center;margin-right:0;transition:transform .45s cubic-bezier(.625,.05,0,1),margin-right .4s cubic-bezier(.625,.05,0,1)}.yp-nav__chapter[aria-current=true]:before{transform:scale(1);margin-right:.625em}.yp-nav__chapter:hover,.yp-nav__chapter[aria-current=true]{opacity:1}.yp-nav__menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:6em 2em;background:var(--yp-ink);color:var(--yp-paper);transform:translate(100%);visibility:hidden;transition:transform .5s cubic-bezier(.625,.05,0,1),visibility 0s .5s}.yp-nav[data-menu=open] .yp-nav__menu{transform:translate(0);visibility:visible;transition:transform .5s cubic-bezier(.625,.05,0,1)}.yp-nav__menu ul{list-style:none;margin:0 0 3em;padding:0;display:flex;flex-direction:column;gap:1em}.yp-nav__menu a:not(.yp-btn){font-size:var(--yp-h-m);line-height:1.1;color:inherit;text-decoration:none;transition:opacity .15s linear;font-family:var(--yp-display);font-weight:600;letter-spacing:0;text-transform:uppercase}.yp-nav__menu a:not(.yp-btn):hover{opacity:.6}.yp-nav__close{position:absolute;top:1.5em;right:1.5em;width:2.5em;height:2.5em;display:grid;place-items:center;border:0;background:none;color:inherit;cursor:pointer}.yp-nav__close svg{width:1.25em;height:1.25em;display:block}@media screen and (max-width:991px){.yp-nav__bar{grid-template-columns:auto 1fr auto;gap:.5em;height:5.25em}.yp-nav__left .yp-nav__link,.yp-nav__right .yp-nav__link,.yp-nav__divider{display:none}.yp-nav__burger{display:flex}.yp-nav__chip{padding:0 .5em;gap:.5em}.yp-nav__logo{width:8.833em}.yp-nav__right{gap:.5em}}@media screen and (max-width:767px){.yp-nav__icons{margin-left:.25em}.yp-nav__icon{width:38px;height:38px}.yp-nav__icon svg{width:20px;height:20px}}@media screen and (max-width:479px){.yp-nav__chip-label,.yp-nav__icon--wide{display:none}.yp-nav__chapters>ul{flex-direction:column}}@media(prefers-reduced-motion:reduce){.yp-nav__chapters,.yp-nav__menu,.yp-nav__chip-icon{transition:none}}.yp-nav__drop{position:relative;display:inline-flex;align-items:center}.yp-nav__link--drop{display:inline-flex;align-items:center;gap:.3em}.yp-nav__link--drop svg{width:.85em;height:.85em;display:block;transition:transform .3s cubic-bezier(.625,.05,0,1)}.yp-nav__drop:hover .yp-nav__link--drop,.yp-nav__drop:focus-within .yp-nav__link--drop{opacity:1}.yp-nav__drop:hover .yp-nav__link--drop svg,.yp-nav__drop:focus-within .yp-nav__link--drop svg{transform:rotate(180deg)}.yp-nav__drop-panel{position:absolute;top:100%;left:50%;z-index:2;min-width:14em;padding:.5em;display:flex;flex-direction:column;gap:.1em;background:var(--yp-paper);color:var(--yp-ink);border-radius:.6em;box-shadow:0 2.5em 4em -2em #12171459;opacity:0;visibility:hidden;transform:translate(-50%,.4em);transition:opacity .2s linear,transform .3s cubic-bezier(.625,.05,0,1),visibility 0s .3s}.yp-nav__drop-panel:before{content:"";position:absolute;left:0;right:0;top:-1.2em;height:1.2em}.yp-nav__drop:hover .yp-nav__drop-panel,.yp-nav__drop:focus-within .yp-nav__drop-panel{opacity:1;visibility:visible;transform:translate(-50%,1em);transition:opacity .2s linear,transform .3s cubic-bezier(.625,.05,0,1)}.yp-nav__drop-a{display:block;padding:.65em .9em;border-radius:.4em;white-space:nowrap;font-family:var(--yp-sans);font-size:var(--yp-p-r);line-height:1.25;font-weight:500;letter-spacing:-.01em;color:inherit;text-decoration:none;transition:background .15s linear}.yp-nav__drop-a:hover,.yp-nav__drop-a:focus-visible{background:#12171412;outline:none}@media screen and (max-width:991px){.yp-nav__drop{display:none}}.yp-nav__menu ul.yp-nav__menu-sub{margin:.6em 0 0;gap:.45em;padding-left:.1em}.yp-nav__menu ul.yp-nav__menu-sub a:not(.yp-btn){font-family:var(--yp-sans);font-size:var(--yp-p-m);font-weight:500;text-transform:none;letter-spacing:-.01em;opacity:.75}.yp-nav__mega-more{margin-left:auto;display:inline-flex;align-items:center;gap:.4em;font-family:var(--yp-sans);font-size:var(--yp-p-r);font-weight:500;letter-spacing:-.01em;color:inherit;text-decoration:none;white-space:nowrap;transition:opacity .15s linear}.yp-nav__mega-more svg{width:1em;height:1em;display:block;transition:transform .3s cubic-bezier(.625,.05,0,1)}.yp-nav__mega-more:hover{opacity:.6}.yp-nav__mega-more:hover svg{transform:translate(.25em)}.yp-nav__prog,.yp-nav__menu-util{display:none}@media screen and (max-width:991px){.yp-nav__inner{padding:0}.yp-nav .yp-nav__bar{grid-template-columns:44px 1fr 44px;gap:0;height:60px;padding:0 8px;border-radius:0;overflow:visible}.yp-nav .yp-nav__bg{transform:none!important;border-radius:0;transition:background-color .4s ease}.yp-nav__right{display:contents}.yp-nav .yp-nav__burger{grid-column:1;grid-row:1;width:44px;height:44px;justify-self:start;gap:.45em}.yp-nav .yp-nav__logo{grid-column:2;grid-row:1;justify-self:center;width:8.5em}.yp-nav .yp-nav__icons{grid-column:3;grid-row:1;justify-self:end;margin:0}.yp-nav a.yp-nav__icon[aria-label=Search],.yp-nav a.yp-nav__icon--wide{display:none}.yp-nav .yp-nav__burger,.yp-nav .yp-nav__icons,.yp-nav .yp-nav__logo{position:relative;z-index:1}.yp-nav .yp-nav__icon{width:44px;height:44px}.yp-nav__prog{display:block;position:absolute;left:0;right:0;bottom:0;height:2px;z-index:1;background:#1217141a}.yp-nav[data-theme=dark] .yp-nav__prog{background:#f5f3ef24}.yp-nav__prog i{display:block;height:100%;width:var(--yp-nav-prog, 0%);background:var(--yp-yellow);transition:width .12s linear}.yp-nav .yp-nav__left{position:absolute;left:12px;top:calc(100% + 8px);z-index:1}.yp-nav .yp-nav__chip{display:inline-flex;align-items:center;gap:.5em;height:auto;padding:.5em .7em .5em .9em;border-radius:999px;background:#12171412;color:var(--yp-ink);font-size:var(--yp-p-xs);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.yp-nav[data-theme=dark] .yp-nav__chip{background:#f5f3ef1f;color:var(--yp-paper)}.yp-nav .yp-nav__chip-label{display:inline;font-size:1em;font-weight:500}.yp-nav .yp-nav__index{opacity:.55;font-size:1em}.yp-nav .yp-nav__chip-icon{width:1.1em;height:1.1em}.yp-nav .yp-nav__chapters{padding:50px 12px 0}.yp-nav__menu-util{display:grid;grid-template-columns:1fr 1fr;gap:.75em;margin:0 0 1.25em;padding-top:1.5em;border-top:1px solid rgba(245,243,239,.15)}.yp-nav__menu .yp-nav__menu-util a:not(.yp-btn){display:inline-flex;align-items:center;gap:.6em;color:inherit;text-decoration:none;font-family:var(--yp-sans);font-size:var(--yp-p-r);font-weight:500;text-transform:none;letter-spacing:-.01em;opacity:.85}.yp-nav__menu-util a svg{width:1.25em;height:1.25em}.yp-nav__menu{justify-content:flex-start;padding-top:5.5em}.yp-nav__menu ul{margin-bottom:auto}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/yp-nav.css.map */
