.c_anchor-nav{position:fixed;right:3rem;bottom:4rem;z-index:30;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease,visibility .4s ease}.c_anchor-nav.is-visible{opacity:1;visibility:visible;pointer-events:auto}.c_anchor-nav.is-past-footer,.c_anchor-nav.is-in-hide-zone{opacity:0;visibility:hidden;pointer-events:none}@media screen and (max-width:1000px){.c_anchor-nav{right:1.6rem;bottom:1.6rem}.c_anchor-nav.is-pc{display:none!important}}.c_anchor-nav__inner{position:relative}.c_anchor-nav__panel{--c-anchor-motion-duration: .5s;--c-anchor-motion-easing: cubic-bezier(.22, 1, .36, 1);--c-anchor-width-duration: var(--c-anchor-motion-duration);--c-anchor-width-easing: var(--c-anchor-motion-easing);--c-anchor-slide-duration: var(--c-anchor-motion-duration);--c-anchor-slide-easing: var(--c-anchor-motion-easing);--c-anchor-fade-duration: var(--c-anchor-motion-duration);--c-anchor-fade-easing: var(--c-anchor-motion-easing);position:absolute;right:0;bottom:0;display:flex;align-items:center;justify-content:flex-end;width:max-content;gap:0;padding:1.1rem 2.9rem 1.1rem 3.2rem;background-color:#fff;border:1px solid #d9d9d9;border-radius:3rem;box-sizing:border-box;overflow:hidden;clip-path:inset(0 0 0 100% round 3rem);transition:clip-path var(--c-anchor-width-duration) var(--c-anchor-width-easing),border-radius var(--c-anchor-width-duration) var(--c-anchor-width-easing),padding var(--c-anchor-width-duration) var(--c-anchor-width-easing),gap var(--c-anchor-width-duration) var(--c-anchor-width-easing),border-color .2s ease}@media(hover:hover){.c_anchor-nav__inner:hover .c_anchor-nav__panel{border-color:#b3b3b3}}@media screen and (max-width:1000px){.c_anchor-nav__panel{flex-direction:column;align-items:flex-end;max-width:calc(100vw - 3.2rem);gap:1.7rem;padding:1rem 2rem;border-radius:1.7rem;clip-path:inset(100% 0 0 0 round 1.7rem);transition:clip-path var(--c-anchor-width-duration) var(--c-anchor-width-easing),padding var(--c-anchor-width-duration) var(--c-anchor-width-easing),gap var(--c-anchor-width-duration) var(--c-anchor-width-easing),border-color .2s ease}.c_anchor-nav[data-anchor-state=open] .c_anchor-nav__panel{clip-path:inset(0 0 0 0 round 1.7rem);gap:0rem}.c_anchor-nav[data-anchor-state=closed] .c_anchor-nav__panel,.c_anchor-nav[data-anchor-state=kv] .c_anchor-nav__panel{clip-path:inset(calc(100% - 4.8rem) 0 0 0 round 1.7rem)}}.c_anchor-nav__viewport{overflow:hidden;flex-shrink:0;min-width:0;display:flex;align-items:center;transition:width var(--c-anchor-width-duration) var(--c-anchor-width-easing);max-width:100%}.c_anchor-nav__track{display:inline-flex;align-items:center;transition:transform var(--c-anchor-slide-duration) var(--c-anchor-slide-easing);will-change:transform}@media screen and (max-width:1000px){.c_anchor-nav__viewport{width:auto!important;transition:none}.c_anchor-nav[data-anchor-state=closed] .c_anchor-nav__viewport,.c_anchor-nav[data-anchor-state=kv] .c_anchor-nav__viewport{display:none;visibility:hidden}.c_anchor-nav[data-anchor-state=open] .c_anchor-nav__viewport{display:flex;visibility:visible;width:100%;margin-bottom:-.5rem}.c_anchor-nav__track{transform:none!important;transition:none;will-change:auto}}.c_anchor-nav__items{display:flex;align-items:center;gap:1.6rem;margin:0;padding:0;list-style:none}@media screen and (max-width:1000px){.c_anchor-nav__items{flex-direction:column;align-items:flex-start;gap:1.2rem;padding:1.4rem .4rem 0;width:100%}}.c_anchor-nav__item-wrap{margin:0;flex-shrink:0}.c_anchor-nav__item{display:flex;align-items:center;gap:.8rem;min-height:1.8rem;text-decoration:none;transition:opacity .3s ease}@media screen and (max-width:1000px){.c_anchor-nav__item{gap:.6rem}}.c_anchor-nav__label{font-family:var(--font-base-w5);font-weight:500;font-size:1.4rem;letter-spacing:.028rem;line-height:1.5;color:#333;overflow:hidden}@media screen and (max-width:1000px){.c_anchor-nav__label{font-size:1.2rem;translate:0 .3rem;letter-spacing:.024rem}}.c_anchor-nav[data-anchor-state=kv] .c_anchor-nav__item.is-current .c_anchor-nav__label,.c_anchor-nav[data-anchor-state=closed] .c_anchor-nav__item.is-current .c_anchor-nav__label,.c_anchor-nav[data-anchor-state=open] .c_anchor-nav__item.is-current .c_anchor-nav__label{font-family:var(--font-base-w5);font-weight:500;translate:0}@media screen and (max-width:1000px){.c_anchor-nav[data-anchor-state=closed] .c_anchor-nav__item.is-current .c_anchor-nav__label,.c_anchor-nav[data-anchor-state=open] .c_anchor-nav__item.is-current .c_anchor-nav__label{translate:0 .3rem}}.c_anchor-nav[data-anchor-state=open] .c_anchor-nav__item{opacity:.4}.c_anchor-nav[data-anchor-state=open] .c_anchor-nav__item.is-current{opacity:1}@media(hover:hover){.c_anchor-nav[data-anchor-state=open] .c_anchor-nav__items:hover .c_anchor-nav__item,.c_anchor-nav[data-anchor-state=kv] .c_anchor-nav__items:hover .c_anchor-nav__item{opacity:.4}.c_anchor-nav[data-anchor-state=open] .c_anchor-nav__items:hover .c_anchor-nav__item:hover,.c_anchor-nav[data-anchor-state=kv] .c_anchor-nav__items:hover .c_anchor-nav__item:hover{opacity:1}}.c_anchor-nav__summary{font-family:var(--font-base-w5);font-weight:500;font-size:1.4rem;letter-spacing:.028rem;line-height:1.5;color:#333;white-space:nowrap;flex-shrink:0;position:relative;min-height:1.5em;max-width:0;overflow:hidden;text-overflow:ellipsis;opacity:0;transition:max-width var(--c-anchor-width-duration) var(--c-anchor-width-easing),opacity var(--c-anchor-fade-duration) var(--c-anchor-fade-easing)}.c_anchor-nav__summary.is-visible{max-width:30rem;opacity:1}.c_anchor-nav__summary-line{position:absolute;right:0;top:0;height:1.5em;display:flex;align-items:center;justify-content:flex-end;white-space:nowrap;will-change:transform,opacity}@media screen and (max-width:1000px){.c_anchor-nav__summary{font-size:1.2rem;letter-spacing:.024rem;transition:none}.c_anchor-nav__summary.is-visible{max-width:calc(100vw - 10rem);opacity:1}}@keyframes c-anchor-roll-in-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes c-anchor-roll-out-up{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes c-anchor-roll-in-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes c-anchor-roll-out-down{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@media screen and (min-width:1001px){.c_anchor-nav__summary{position:absolute;right:4.5rem;left:auto;top:50%;transform:translateY(-50%);margin:0;font-family:var(--font-base-w5);font-weight:500;transition:none}.c_anchor-nav__summary-line{font-family:var(--font-base-w5);font-weight:500;translate:0}.c_anchor-nav.is-text-rolling .c_anchor-nav__summary{max-width:none;opacity:1}.c_anchor-nav.is-text-rolling:not(.is-entering-closed)[data-anchor-state=closed] .c_anchor-nav__label{opacity:0}.c_anchor-nav.is-entering-closed[data-anchor-state=closed] .c_anchor-nav__item.is-current .c_anchor-nav__label{opacity:0}.c_anchor-nav.is-entering-closed .c_anchor-nav__panel{--c-anchor-motion-duration: .85s}.c_anchor-nav.is-entering-closed .c_anchor-nav__icon{animation:c-anchor-plus-rise var(--c-anchor-motion-duration) var(--c-anchor-motion-easing) both}.c_anchor-nav[data-anchor-state=kv] .c_anchor-nav__viewport .c_anchor-nav__item-wrap,.c_anchor-nav.is-entering-closed .c_anchor-nav__viewport .c_anchor-nav__item-wrap{opacity:0}}@media screen and (min-width:1001px){.c_anchor-nav__kv{position:absolute;right:0;bottom:0;display:flex;align-items:center;box-sizing:border-box;width:max-content;padding:1.1rem 3.2rem;border-radius:3rem;overflow:hidden;pointer-events:none;z-index:2}.c_anchor-nav__kv-inner{transform:translateY(-110%);opacity:0;transition:transform .85s cubic-bezier(.22,1,.36,1),opacity .3s cubic-bezier(.22,1,.36,1)}.c_anchor-nav[data-anchor-state=kv] .c_anchor-nav__kv-inner{transform:translateY(0);opacity:1;pointer-events:auto;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .5s cubic-bezier(.22,1,.36,1)}.c_anchor-nav__kv .c_anchor-nav__item-wrap{cursor:pointer}.c_anchor-nav.is-entering-closed .c_anchor-nav__kv .c_anchor-nav__item-wrap.is-current{opacity:0}.c_anchor-nav[data-anchor-state] .c_anchor-nav__kv .c_anchor-nav__arrow{opacity:1;width:.8rem;margin-right:0}.c_anchor-nav[data-anchor-state] .c_anchor-nav__kv .c_anchor-nav__item{gap:.8rem}.c_anchor-nav[data-anchor-state] .c_anchor-nav__kv .c_anchor-nav__item.is-current .c_anchor-nav__label{font-family:var(--font-base-w5);font-weight:500;translate:0}}@media screen and (max-width:1000px){.c_anchor-nav__kv{display:none}}@keyframes c-anchor-plus-rise{0%{transform:translateY(80%)}to{transform:translateY(0)}}.c_anchor-nav__arrow{display:flex;flex-shrink:0;align-items:center;align-self:start;width:.8rem;height:1.8rem;color:#2380be;overflow:hidden;transition:opacity var(--c-anchor-fade-duration) var(--c-anchor-fade-easing),width var(--c-anchor-width-duration) var(--c-anchor-width-easing),margin var(--c-anchor-width-duration) var(--c-anchor-width-easing);translate:0 1px}.c_anchor-nav__arrow svg{display:block;width:100%;height:100%}.c_anchor-nav__trigger{display:flex;flex-shrink:0;align-items:center;justify-content:center;align-self:center;min-height:1.8rem;padding:0;background:none;border:none;cursor:pointer;max-width:0;opacity:0;overflow:hidden;transition:max-width var(--c-anchor-width-duration) var(--c-anchor-width-easing),opacity var(--c-anchor-fade-duration) var(--c-anchor-fade-easing)}@media screen and (max-width:1000px){.c_anchor-nav__trigger{align-self:end}}.c_anchor-nav[data-anchor-state=closed] .c_anchor-nav__trigger,.c_anchor-nav[data-anchor-state=open] .c_anchor-nav__trigger{max-width:2rem;opacity:1}.c_anchor-nav__icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;color:#2380be;transform-origin:center center;transition:transform var(--c-anchor-motion-duration) var(--c-anchor-motion-easing)}.c_anchor-nav__icon svg{display:block;width:100%;height:100%}@media screen and (min-width:1001px){.c_anchor-nav[data-anchor-state=closed] .c_anchor-nav__panel,.c_anchor-nav[data-anchor-state=open] .c_anchor-nav__panel,.c_anchor-nav[data-anchor-state=kv] .c_anchor-nav__panel{clip-path:inset(0 0 0 0 round 3rem)}.c_anchor-nav[data-anchor-state=open] .c_anchor-nav__panel{gap:.7rem}}.c_anchor-nav[data-anchor-state=closed] .c_anchor-nav__panel{border-radius:999rem;gap:.2rem;padding:1.1rem 2.7rem 1.1rem 3.2rem;cursor:pointer;align-items:center}@media screen and (max-width:1000px){.c_anchor-nav[data-anchor-state=closed] .c_anchor-nav__panel{flex-direction:row;align-items:center;gap:.4rem;padding:.8rem 2rem .8rem 2.4rem}.c_anchor-nav[data-anchor-state=open] .c_anchor-nav__panel{flex-direction:column;align-items:flex-end}}@media screen and (min-width:1001px){.c_anchor-nav.is-layout-instant .c_anchor-nav__panel,.c_anchor-nav.is-layout-instant .c_anchor-nav__viewport,.c_anchor-nav.is-layout-instant .c_anchor-nav__track,.c_anchor-nav.is-layout-instant .c_anchor-nav__arrow,.c_anchor-nav.is-layout-instant .c_anchor-nav__item,.c_anchor-nav.is-layout-instant .c_anchor-nav__trigger,.c_anchor-nav.is-layout-instant .c_anchor-nav__summary{transition:none!important}}@media screen and (min-width:1001px){.c_anchor-nav[data-anchor-state=open] .c_anchor-nav__viewport,.c_anchor-nav[data-anchor-state=kv] .c_anchor-nav__viewport{width:auto;overflow:visible}.c_anchor-nav.is-layout-animating .c_anchor-nav__viewport{overflow:hidden}.c_anchor-nav[data-anchor-state=closed] .c_anchor-nav__viewport{margin-left:auto}}@media screen and (min-width:1001px){.c_anchor-nav[data-anchor-state=closed] .c_anchor-nav__arrow{opacity:0;width:0;margin-right:0}.c_anchor-nav[data-anchor-state=closed] .c_anchor-nav__item{gap:0}}.c_anchor-nav[data-anchor-state=open] .c_anchor-nav__icon{transform:rotate(45deg)}@media(hover:hover){.c_anchor-nav:not(.is-entering-closed)[data-anchor-state=closed] .c_anchor-nav__panel:hover .c_anchor-nav__icon{transform:rotate(90deg)}.c_anchor-nav[data-anchor-state=open] .c_anchor-nav__trigger:hover .c_anchor-nav__icon{transform:rotate(135deg)}}@media screen and (min-width:1001px){.c_anchor-nav[data-anchor-state=kv] .c_anchor-nav__trigger{max-width:0;opacity:0;pointer-events:none}.c_anchor-nav[data-anchor-state=kv] .c_anchor-nav__panel{padding-right:3.2rem}}@media screen and (max-width:1000px){.c_anchor-nav[data-anchor-state=kv] .c_anchor-nav__panel{border-radius:999rem;gap:.4rem;padding:.8rem 2rem .8rem 2.4rem;flex-direction:row;align-items:center;cursor:pointer}.c_anchor-nav[data-anchor-state=kv] .c_anchor-nav__viewport{display:none}.c_anchor-nav[data-anchor-state=kv] .c_anchor-nav__trigger{max-width:2rem;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/c_anchor-nav.css.map */