.kame-menu{--kame-menu-speed: .3s;--kame-menu-ease: cubic-bezier(.4, 0, .2, 1);--kame-menu-top: 23px;--kame-menu-line: color-mix(in srgb, var(--kame-white) 8%, transparent);--kame-menu-text: var(--kame-cream);position:fixed;inset:var(--kame-menu-top) 0 auto;width:calc(100% - 18px);max-width:529px;max-height:calc(100vh - var(--kame-menu-top) - 12px);max-height:calc(100dvh - var(--kame-menu-top) - 12px);margin:0 auto;padding:0;overflow:hidden;overscroll-behavior:contain;interpolate-size:allow-keywords;border:1px solid var(--kame-menu-line);border-radius:16px;background-color:color-mix(in srgb,var(--kame-c-raised) 86%,transparent);background-image:linear-gradient(140deg,color-mix(in srgb,var(--kame-blue) 16%,transparent),transparent 50%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 24px 48px color-mix(in srgb,var(--kame-c-ink) 50%,transparent);color:var(--kame-menu-text);font-family:var(--kame-font-body);translate:0 -100%;opacity:0}.kame-menu[open]{display:block;translate:0 0;opacity:1}.kame-menu::backdrop{background-color:color-mix(in srgb,var(--kame-ink) 78%,transparent);opacity:0}.kame-menu[open]::backdrop{opacity:1}.kame-menu__inner{display:flex;flex-direction:column;max-height:calc(100vh - var(--kame-menu-top) - 14px);max-height:calc(100dvh - var(--kame-menu-top) - 14px)}.kame-menu__bar{display:flex;flex:0 0 auto;align-items:center;gap:2px;min-height:64px;padding:5px 7px;border-bottom:1px solid var(--kame-menu-line)}.kame-menu__bar-side{display:flex;flex:1 1 0;align-items:center;gap:2px;min-width:min-content}.kame-menu__bar-side--end{justify-content:flex-end}.kame-menu__btn{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:50px;height:50px;padding:0;border:0;border-radius:10px;background:none;color:inherit;cursor:pointer;transition:opacity .2s ease,background-color .2s ease}.kame-menu__btn:hover,.kame-menu__btn:focus-visible{opacity:.75;background-color:color-mix(in srgb,var(--kame-white) 6%,transparent)}.kame-menu__icon,.kame-menu__plus,.kame-menu__arrow{fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.kame-menu__icon{width:23px;height:23px}.kame-menu__icon--close{width:19.5px;height:19.5px}.kame-menu__logo{display:inline-flex;flex:0 1 auto;align-items:center;justify-content:center;min-width:0;padding:2px 7px;color:inherit;line-height:0;text-decoration:none}.kame-menu__logo-img{display:block;width:auto;height:auto;max-width:100%;max-height:46px;filter:brightness(0) invert(1)}.kame-menu__logo-text{font-family:var(--kame-font-heading);font-size:20.7px;font-weight:700;line-height:1;white-space:nowrap}.kame-menu__scroll{flex:1 1 auto;min-height:0;padding:7px 18.4px 20.7px;overflow:hidden auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--kame-cream) 18%,transparent) transparent}.kame-menu__grid{display:flex;flex-direction:column}.kame-menu__list,.kame-menu__sub,.kame-menu__small{margin:0;padding:0;list-style:none}.kame-menu__nav{margin:7px 0 5px}.kame-menu__item{border-bottom:1px solid color-mix(in srgb,var(--kame-white) 6%,transparent)}.kame-menu__link{display:flex;align-items:center;justify-content:space-between;gap:11.5px;width:100%;min-height:52.9px;padding:11.5px 4.6px;color:var(--kame-menu-text);font-family:var(--kame-font-heading);font-size:18.4px;font-weight:600;line-height:1.2;letter-spacing:-.01em;text-decoration:none;list-style:none;cursor:pointer;transition:color .2s ease,translate .2s ease}.kame-menu__link>span{transition:translate .2s ease}.kame-menu__link::-webkit-details-marker{display:none}a.kame-menu__link:is(:hover,:focus-visible),:is(summary,button).kame-menu__link:is(:hover,:focus-visible)>span{translate:5.75px 0}.kame-menu__link:hover,.kame-menu__link:focus-visible{color:var(--kame-white)}.kame-menu__link[aria-current=page]{color:var(--kame-amber)}.kame-menu__plus{flex:0 0 auto;width:19.5px;height:19.5px;color:color-mix(in srgb,var(--kame-cream) 75%,transparent);transition:transform .3s cubic-bezier(.22,1,.36,1)}.kame-menu__more-toggle[aria-expanded=true] .kame-menu__plus,.kame-menu__group[open] .kame-menu__plus{transform:rotate(135deg)}.kame-menu__group::details-content{block-size:0;overflow:hidden;transition:block-size .3s cubic-bezier(.22,1,.36,1),content-visibility .3s allow-discrete}.kame-menu__group[open]::details-content{block-size:auto}.kame-menu__sub{padding:2.3px 0 9.2px}.kame-menu__sublink{display:block;padding:10.9px 4.6px 10.9px 18.4px;border-inline-start:2px solid color-mix(in srgb,var(--kame-white) 10%,transparent);color:color-mix(in srgb,var(--kame-cream) 82%,transparent);font-size:17.8px;font-weight:500;text-decoration:none;transition:color .2s ease,border-color .2s ease,padding-inline-start .2s ease}.kame-menu__sublink:hover,.kame-menu__sublink:focus-visible,.kame-menu__sublink[aria-current=page]{padding-inline-start:23px;border-color:color-mix(in srgb,var(--kame-orange) 70%,transparent);color:var(--kame-cream)}.kame-menu__sub--nested{margin-inline-start:18.4px}.kame-menu__sub--nested .kame-menu__sublink{font-size:15.5px}.kame-menu__cards{display:grid;grid-template-columns:1fr 1fr;gap:11.5px;margin:18.4px 0}.kame-menu__card{position:relative;display:block;aspect-ratio:4 / 5;overflow:hidden;isolation:isolate;border:1px solid var(--kame-menu-line);border-radius:14px;background-color:color-mix(in srgb,var(--kame-white) 4%,transparent);text-decoration:none}.kame-menu__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,color-mix(in srgb,var(--kame-ink) 78%,transparent),color-mix(in srgb,var(--kame-ink) 12%,transparent) 55%,transparent)}.kame-menu__card-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.22,1,.36,1)}.kame-menu__card-img--contain{padding:10% 8% 22%;object-fit:contain}.kame-menu__card:hover .kame-menu__card-img,.kame-menu__card:focus-visible .kame-menu__card-img{transform:scale(1.06)}.kame-menu__card-label{position:absolute;inset-inline-start:13.8px;bottom:12.65px;z-index:2;color:var(--kame-cream);font-family:var(--kame-font-heading);font-size:17.25px;font-weight:600;letter-spacing:.01em;text-shadow:0 1px 8px color-mix(in srgb,var(--kame-c-ink) 50%,transparent)}.kame-menu__promos{display:grid;gap:11.5px;margin:5px 0 11.5px}.kame-menu__promo{display:flex;align-items:center;gap:11.5px;padding:15px 16px;border:1px solid color-mix(in srgb,var(--kame-cream) 18%,transparent);border-radius:14px;background-color:color-mix(in srgb,var(--kame-white) 5%,transparent);color:var(--kame-cream);font-size:18.4px;font-weight:600;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.kame-menu__promo--orange{border-color:color-mix(in srgb,var(--kame-orange-energy) 35%,transparent);background-image:linear-gradient(120deg,color-mix(in srgb,var(--kame-orange) 92%,transparent),color-mix(in srgb,var(--kame-orange-energy) 92%,transparent));box-shadow:0 8px 22px color-mix(in srgb,var(--kame-orange) 28%,transparent);color:var(--kame-on-accent)}a.kame-menu__promo:hover,a.kame-menu__promo:focus-visible{transform:translateY(-1px);background-color:color-mix(in srgb,var(--kame-white) 9%,transparent)}.kame-menu__promo-icon{flex:0 0 auto;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.kame-menu__promo-body{display:flex;flex:1 1 auto;flex-direction:column;gap:2px;min-width:0}.kame-menu__promo-text{font-size:14px;font-weight:400;opacity:.8}.kame-menu__arrow{flex:0 0 auto;width:18.4px;height:18.4px;stroke-width:1.6;transition:transform .2s ease}a.kame-menu__promo:hover .kame-menu__arrow{transform:translate(3px)}.kame-menu__small{display:grid;grid-template-columns:1fr 1fr;gap:2.3px 18.4px;margin:5px 0;padding-top:13.8px;border-top:1px solid var(--kame-menu-line)}.kame-menu__small-link{display:block;padding:11.5px 2.3px;color:var(--kame-orange);font-size:16.1px;font-weight:500;text-decoration:none;transition:color .2s ease}.kame-menu__small-link:hover,.kame-menu__small-link:focus-visible{color:var(--kame-orange-energy)}.kame-menu :is(a,summary,button):focus-visible{outline:2px solid color-mix(in srgb,var(--kame-cream) 85%,transparent);outline-offset:2px;border-radius:6px}@media screen and (min-width:750px){.kame-menu{width:460px;max-width:460px}}@media screen and (min-width:990px){.kame-menu{width:90vw;max-width:1472px}.kame-menu__scroll{padding:13.8px 34.5px 29.9px}.kame-menu__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:20.7px;row-gap:18.4px;align-items:start;padding-top:16.1px}.kame-menu__grid>*{grid-column:1 / -1;margin:0}.kame-menu__grid--cards>.kame-menu__nav{grid-column:1 / span 3;margin-inline-end:18.4px}.kame-menu__grid--cards>.kame-menu__cards{grid-column:4 / span 3;align-self:stretch;gap:18.4px}.kame-menu__card{aspect-ratio:auto;min-height:240px}.kame-menu__promos{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:20.7px}.kame-menu__link{min-height:57.5px;font-size:21.85px}.kame-menu__small{display:flex;justify-content:space-between;gap:18.4px}}@media(prefers-reduced-motion:no-preference){.kame-menu{transition:translate var(--kame-menu-speed) var(--kame-menu-ease),opacity var(--kame-menu-speed) ease,display var(--kame-menu-speed) allow-discrete,overlay var(--kame-menu-speed) allow-discrete}.kame-menu::backdrop{transition:opacity var(--kame-menu-speed) ease,display var(--kame-menu-speed) allow-discrete,overlay var(--kame-menu-speed) allow-discrete}@starting-style{.kame-menu[open]{translate:0 -100%;opacity:0}.kame-menu[open]::backdrop{opacity:0}}}@media(prefers-reduced-motion:reduce){.kame-menu,.kame-menu *,.kame-menu::backdrop,.kame-menu__group::details-content{transition:none}}.kame-menu__btn,.kame-menu__plus,.kame-menu__arrow,.kame-menu__promo-icon{color:var(--kame-orange)}.kame-menu__promo--orange :is(.kame-menu__arrow,.kame-menu__promo-icon){color:currentColor}.kame-menu__more-toggle{border:0;background:none;text-align:start}.kame-menu__more-toggle[aria-expanded=true]{color:var(--kame-white)}.kame-menu__more{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .28s var(--kame-ease-out),opacity .2s ease,visibility 0s linear .28s}.kame-menu__more.is-open{grid-template-rows:1fr;opacity:1;visibility:visible;transition-delay:0s}.kame-menu__more-inner{min-height:0;overflow:hidden}.kame-menu__more-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:2px 20px;margin:0;padding:6px 0 14px;list-style:none;border-bottom:1px solid var(--kame-menu-line)}.kame-menu__more-list li{opacity:0;translate:0 6px;transition:opacity .22s ease,translate .26s var(--kame-ease-out)}.kame-menu__more.is-open .kame-menu__more-list li{opacity:1;translate:0 0;transition-delay:calc(min(var(--kame-more-i, 0),12)*18ms + 60ms)}.kame-menu__more-link{display:block;padding:10px 2px;color:color-mix(in srgb,var(--kame-cream) 82%,transparent);font-size:16.5px;font-weight:500;text-decoration:none;transition:color .2s ease,translate .2s ease}.kame-menu__more-link:is(:hover,:focus-visible),.kame-menu__more-link[aria-current=page]{color:var(--kame-orange);translate:4px 0}@media screen and (min-width:990px){.kame-menu__grid--cards>.kame-menu__cards{align-self:center}.kame-menu__card{min-height:0;height:clamp(220px,19vw,290px)}.kame-menu__more-list{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));column-gap:20.7px}}@media(prefers-reduced-motion:reduce){.kame-menu__more,.kame-menu__more-list li{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/kame-menu-panel.css.map */