.momo-categories{display:block;margin-bottom:26px}.momo-categories__tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-width:900px;padding:0;margin:0 auto 16px;list-style:none}.momo-categories__tile{height:100%;min-height:68px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;padding:6px 8px;color:rgb(var(--color-foreground));text-decoration:none;text-align:left;background:#f9f1ff;border:1px solid rgba(var(--color-foreground),.09);border-radius:var(--media-radius);transition:border-color .18s,background-color .18s}.momo-categories__tile:hover,.momo-categories__tile.is-active{background:#fff0fa;border-color:#ff77ca}.momo-categories__tile.is-active{box-shadow:inset 0 0 0 1px #ff77ca}.momo-categories__tile:focus-visible,.momo-categories summary:focus-visible,.momo-categories select:focus-visible,.momo-categories__options a:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:4px}.momo-categories__photo{display:block;flex:0 0 40px;width:40px;height:54px;overflow:hidden;border-radius:8px;background:rgb(var(--color-background))}.momo-categories__photo img{display:block;width:100%;height:100%;object-fit:cover}.momo-categories__name{display:flex;align-items:center;justify-content:space-between;gap:4px;flex:1;min-width:0;font-size:12px;line-height:1.35;font-weight:500}.momo-categories__arrow{display:inline-flex;flex:0 0 auto}.momo-categories__arrow svg{width:12px;height:12px}.momo-categories__toolbar{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:18px 24px;padding:16px 0;border-top:1px solid rgba(var(--color-foreground),.12);border-bottom:1px solid rgba(var(--color-foreground),.12);scroll-margin-top:155px}.momo-categories__filter,.momo-categories__sort{display:flex;align-items:center;gap:12px;min-width:0}.momo-categories__label{font-size:13px;white-space:nowrap;color:rgba(var(--color-foreground),.7)}.momo-categories__dropdown{position:relative;width:276px}.momo-categories__dropdown summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:9px 14px;border:1px solid rgba(var(--color-foreground),.18);border-radius:var(--buttons-radius);background:rgb(var(--color-background));font-size:13px;line-height:1.5;cursor:pointer;list-style:none}.momo-categories__dropdown summary::-webkit-details-marker{display:none}.momo-categories__dropdown summary .icon-caret{position:static;width:10px;height:7px;flex:0 0 auto}.momo-categories__dropdown[open] summary{border-color:#ff77ca}.momo-categories__options{position:absolute;z-index:5;left:0;top:calc(100% + 8px);width:max(100%,304px);max-width:calc(100vw - 32px);margin:0;padding:8px;list-style:none;border:1px solid rgba(var(--color-foreground),.15);border-radius:var(--media-radius);background:rgb(var(--color-background));box-shadow:0 8px 24px rgba(var(--color-foreground),.08)}.momo-categories__options a{display:block;position:relative;min-height:44px;padding:12px 12px 12px 32px;color:rgb(var(--color-foreground));text-decoration:none;font-size:13px;line-height:1.5;border-radius:8px}.momo-categories__options a:hover,.momo-categories__options a[aria-current]{background:#f9f1ff}.momo-categories__options a[aria-current]:before{content:"\2713";position:absolute;left:12px;font-weight:600}.momo-categories__result{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:13px}.momo-categories__result .link{font-size:12px}.momo-categories__sort{margin-left:auto}.momo-categories__select{position:relative}.momo-categories__select select{-webkit-appearance:none;appearance:none;min-height:44px;max-width:190px;width:100%;padding:8px 28px 8px 0;border:0;background:transparent;color:rgb(var(--color-foreground));font:inherit;font-size:13px;cursor:pointer}.momo-categories__select .icon-caret{position:absolute;right:4px;top:calc(50% - 3px);width:10px;height:7px;pointer-events:none}.momo-categories__view{display:flex;gap:8px}.momo-categories__view button{min-width:30px;min-height:44px}@media screen and (max-width:1199px){.momo-categories__tiles{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:184px;max-width:none;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#ff77ca transparent;scroll-snap-type:x proximity;padding:4px 2px 10px}.momo-categories__tiles li{scroll-snap-align:start}.momo-categories__tiles::-webkit-scrollbar{height:4px}.momo-categories__tiles::-webkit-scrollbar-thumb{background:#ff77ca;border-radius:4px}.momo-categories__tiles::-webkit-scrollbar-track{background:transparent}}@media screen and (max-width:991px){.momo-categories__tiles{gap:8px}.momo-categories__toolbar{gap:12px 20px}.momo-categories__result{margin-left:auto}.momo-categories__sort{margin-left:0}}@media screen and (max-width:767px){.momo-categories{margin-bottom:20px}.momo-categories__tiles{grid-auto-columns:184px;margin-bottom:12px}.momo-categories__tile{min-height:62px;padding:6px 8px;gap:8px}.momo-categories__photo{flex-basis:36px;width:36px;height:48px}.momo-categories__name{font-size:12px}.momo-categories__toolbar{padding:14px 0;gap:12px 16px;scroll-margin-top:110px}.momo-categories__filter{flex:1 1 100%;display:block}.momo-categories__filter>.momo-categories__label{display:block;margin-bottom:7px}.momo-categories__dropdown,.momo-categories__options{width:100%}.momo-categories__result{flex:1 1 100%;margin:0}.momo-categories__sort{flex:1;gap:8px}.momo-categories__select{flex:1}.momo-categories__select select{max-width:100%;font-size:12px}.momo-categories__view{gap:5px}}.momo-categories{margin-bottom:32px}.momo-categories__tiles{max-width:1120px;gap:12px;margin-bottom:24px}.momo-categories__tile{min-height:84px;gap:12px;padding:10px 12px;border:1px solid #ead7e5;border-radius:18px;background:#fffcfe}.momo-categories__tile:hover,.momo-categories__tile.is-active{border-color:#f45db3;background:#fbeaf7}.momo-categories__tile.is-active{box-shadow:inset 0 0 0 1px #f45db3}.momo-categories__photo{flex:0 0 58px;width:58px;height:58px;border:1px solid #ead7e5;border-radius:14px;background:#fff}.momo-categories__photo img,.momo-categories__photo .motion-reduce{width:100%;height:100%;object-fit:contain!important;object-position:center}.momo-categories__name{font-size:13px;font-weight:600}.momo-categories__toolbar{border-color:#ead7e5}.momo-categories__dropdown summary,.momo-categories__options{border-color:#ead7e5;border-radius:14px}.momo-categories__options a:hover,.momo-categories__options a[aria-current]{background:#fbeaf7}@media screen and (max-width:1199px){.momo-categories__tiles{grid-auto-columns:218px}}@media screen and (max-width:767px){.momo-categories__tiles{grid-auto-columns:204px}.momo-categories__tile{min-height:76px;padding:8px 10px}.momo-categories__photo{flex-basis:52px;width:52px;height:52px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/momo-collection-categories.css.map */