.category-menu{padding:24px 0}.category-menu__scroller{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 24px 12px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.category-menu__scroller::-webkit-scrollbar{height:6px}.category-menu__scroller::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.category-tile{flex:0 0 auto;width:200px;scroll-snap-align:start}.category-tile__trigger{width:100%;aspect-ratio:1 / 1;border:none;padding:0;position:relative;display:flex;align-items:flex-end;overflow:hidden;background:none;color:inherit;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.category-tile__trigger img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease;pointer-events:none}.category-tile__trigger:hover img{transform:scale(1.05)}.category-tile__trigger:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000b3,#0000 60%);pointer-events:none}.category-tile__trigger:disabled{cursor:default;opacity:.7}.category-tile__title{position:relative;z-index:2;width:100%;padding:14px 10px;color:#fff;font-weight:700;font-size:1rem;line-height:1.2;letter-spacing:.03em;text-transform:uppercase;text-align:center;pointer-events:none}@media(max-width:480px){.category-tile{width:150px}.category-tile__title{font-size:.85rem}}.category-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;opacity:1;transition:opacity .22s ease;isolation:isolate;pointer-events:auto}.category-panel[hidden]{display:none}.category-panel.is-closing{opacity:0}.category-panel__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#00000080;opacity:0;transition:opacity .22s ease;cursor:pointer}.category-panel.is-open .category-panel__backdrop{opacity:1}.category-panel__content{position:absolute;top:50%;left:50%;width:50vmin;height:50vmin;min-width:280px;min-height:280px;max-width:640px;max-height:640px;transform:translate(-50%,-50%);perspective:1800px;z-index:2;isolation:isolate}.category-panel__flip{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotateY(0);transform-style:preserve-3d;-webkit-transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;pointer-events:none}.category-panel__flip.is-flipped{transform:rotateY(180deg)}.category-panel__face{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;pointer-events:none}.category-panel__face--front{display:flex;align-items:flex-end;transform:rotateY(0);background:#000}.category-panel__face--front img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.category-panel__face--front:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000b3,#0000 60%);pointer-events:none}.category-panel__flip.is-flipped .category-panel__face--front .category-tile__title{visibility:hidden}.category-panel__face--back{background:#fff;transform:rotateY(180deg);display:flex;flex-direction:column;box-sizing:border-box;padding:40px 32px 32px;overflow-y:auto;pointer-events:none}.category-panel__interaction{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;box-sizing:border-box;background:#fff;display:flex;flex-direction:column;padding:40px 32px 32px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;opacity:0;visibility:hidden;pointer-events:none;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.category-panel.is-interactive .category-panel__interaction{opacity:1;visibility:visible;pointer-events:auto}.category-panel__close{position:absolute;top:16px;right:16px;width:36px;height:36px;padding:0;border:none;border-radius:50%;background:#f4f4f4;color:#1a1a1a;font-family:inherit;font-size:1.4rem;font-weight:400;line-height:36px;text-align:center;cursor:pointer;z-index:30;pointer-events:auto;-webkit-tap-highlight-color:transparent}.category-panel__close:hover{background:#e8e8e8}.category-panel__title{margin:0 0 24px;color:#1a1a1a;font-family:inherit;font-size:1.6rem;font-weight:700;line-height:1.2;letter-spacing:.03em;text-transform:uppercase}.category-panel__list{list-style:none;margin:0;padding:0;flex:1;display:flex;flex-direction:column}.category-panel__list li{margin:0;padding:0;border-bottom:1px solid #eee}.category-panel__list li:last-child{border-bottom:none}.category-panel__face--back .category-panel__list li span{display:block;width:100%;box-sizing:border-box;padding:18px 4px;color:#1a1a1a;font-family:inherit;font-size:1.15rem;font-weight:600;line-height:1.3}.category-panel__interaction .category-panel__list a{display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;padding:18px 4px;margin:0;color:#1a1a1a;font-family:inherit;font-size:1.15rem;font-weight:600;line-height:1.3;text-decoration:none;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:padding-left .2s ease,color .2s ease}.category-panel__interaction .category-panel__list a span{display:block;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}.category-panel__interaction .category-panel__list a:after{content:"\2192";flex:0 0 auto;margin-left:12px;opacity:0;transform:translate(-4px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.category-panel__interaction .category-panel__list a:hover{padding-left:10px;color:#000}.category-panel__interaction .category-panel__list a:hover:after{opacity:1;transform:translate(0)}.category-panel__face--back .category-panel__all{display:block;width:100%;box-sizing:border-box;text-align:center;font-family:inherit;font-size:.85rem;font-weight:700;line-height:1.2;text-transform:uppercase;letter-spacing:.04em;padding:14px 8px;margin-top:16px;background:#e77817;color:#fff}.category-panel__interaction .category-panel__all{display:block;width:100%;box-sizing:border-box;text-align:center;font-family:inherit;font-size:.85rem;font-weight:700;line-height:1.2;text-transform:uppercase;letter-spacing:.04em;padding:14px 8px;margin-top:16px;background:#e77817;color:#fff;text-decoration:none;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:background .2s ease}.category-panel__interaction .category-panel__all:hover{background:#cf6a13}@media(max-width:480px){.category-panel__content{width:78vmin;height:78vmin;min-width:260px;min-height:260px}.category-panel__face--back,.category-panel__interaction{padding:40px 20px 24px}.category-panel__title{font-size:1.35rem;line-height:1.2;margin-bottom:18px}.category-panel__face--back .category-panel__list li span,.category-panel__interaction .category-panel__list a{padding:14px 4px;font-size:1rem;line-height:1.3}.category-panel__face--back .category-panel__all,.category-panel__interaction .category-panel__all{margin-top:12px;padding:13px 8px}}@media(min-width:769px){.category-tile{flex:1 1 200px;min-width:200px;max-width:280px}.category-menu__scroller:before,.category-menu__scroller:after{content:"";flex:0 0 0}.category-menu__scroller:before{margin-left:auto}.category-menu__scroller:after{margin-right:auto}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/category-submenu.css.map */