.cc-category-browser{margin-block:0}.catalog-category-browser{display:block;background:#f5f8fd;color:#10213c;padding:30px 0 20px}.catalog-category-browser *{box-sizing:border-box}.catalog-category-browser[hidden],.catalog-category-browser [hidden]{display:none!important}.catalog-category-browser .catalog-category-tile:not([data-category-image-state=ready]){display:none!important}.catalog-category-browser--mixed[aria-busy=false] .catalog-categories__groups:has(>[hidden]){grid-template-columns:minmax(0,1fr)}.catalog-categories__container{max-width:1536px;margin-inline:auto;padding-inline:24px}.catalog-categories__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.catalog-categories__heading h2{margin:0;color:#10213c;font-size:clamp(23px,2vw,32px);font-weight:750;line-height:1.2}.catalog-categories__heading p{margin:6px 0 0;color:#536784;font-size:14px;line-height:1.5}.catalog-categories__best{display:inline-flex;flex:0 0 auto;align-items:center;gap:7px;color:#2455ae;text-decoration:none;font-size:14px;font-weight:700}.catalog-categories__best svg{width:17px;height:17px;fill:#efb400}.catalog-categories__groups{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}.catalog-category-browser--mixed .catalog-categories__groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.catalog-categories__group{min-width:0}.catalog-categories__group-heading{display:flex;align-items:center;gap:10px;margin-bottom:14px}.catalog-categories__group-heading h3{margin:0;color:#536784;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.catalog-categories__group-heading>span{flex:1;height:1px;background:#d8e2ef}.catalog-categories__group-heading a{font-size:12px;color:#2455ae;font-weight:700;text-decoration:none}.catalog-categories__rail{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:12px;padding:8px 0 6px}.catalog-category-browser--mixed .catalog-categories__rail{grid-template-columns:repeat(5,minmax(0,1fr))}.catalog-category-tile{--category-accent: #2664c5;--category-edge: #bfdbff;display:block;min-width:0;color:#173456;text-decoration:none;text-align:center}.catalog-category-tile--pink{--category-accent: #e32e91;--category-edge: #ffd0e8}.catalog-category-tile--teal{--category-accent: #009f8b;--category-edge: #bfeee6}.catalog-category-tile--indigo{--category-accent: #284fbe;--category-edge: #cfdbff}.catalog-category-tile--cyan{--category-accent: #008daf;--category-edge: #bde6f4}.catalog-category-tile--green{--category-accent: #558d2d;--category-edge: #daf0cd}.catalog-category-tile--coral{--category-accent: #e85e4b;--category-edge: #ffd1c9}.catalog-category-tile--purple{--category-accent: #8653d4;--category-edge: #e2d4ff}.catalog-category-tile--orange{--category-accent: #be6928;--category-edge: #ffe0bd}.catalog-category-tile--gold{--category-accent: #b48000;--category-edge: #f5e4b9}.catalog-category-tile--gray{--category-accent: #555;--category-edge: #e2e2df}.catalog-category-tile__media{display:block;position:relative;aspect-ratio:1;border:2px solid var(--category-edge);border-radius:20px;background:#faf7f1}.catalog-category-tile__picture{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit}.catalog-category-tile__picture img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.catalog-category-tile__placeholder{position:absolute;top:17%;right:17%;bottom:17%;left:17%;width:66%;height:66%;fill:none;stroke:#9aa9bf;stroke-width:1.5;opacity:.6}.catalog-category-tile__icon{position:absolute;z-index:1;top:-11px;right:-8px;display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#fff;color:var(--category-accent);box-shadow:0 4px 12px #172d4e15}.catalog-category-tile__icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.catalog-category-tile__label{display:block;margin-top:9px;font-size:13px;line-height:1.4;overflow-wrap:anywhere}.catalog-category-tile[aria-current=page] .catalog-category-tile__media{border-color:var(--category-accent);box-shadow:0 0 0 1px var(--category-accent)}.catalog-category-tile.is-disabled{opacity:.5}.catalog-categories__feedback{color:#6e3740;font-size:13px}.catalog-categories__feedback p{margin:12px 0 6px}.catalog-categories__feedback [data-category-loading]{color:#536784}.catalog-categories__feedback button{border:1px solid #2455ae;background:#fff;color:#2455ae;border-radius:8px;padding:8px 12px;min-height:40px}.catalog-category-browser :is(a,button):focus-visible{outline:3px solid #2455ae;outline-offset:3px}.catalog-category-browser .catalog-category-tile:focus-visible{outline-offset:-2px;border-radius:20px 20px 8px 8px}:is(ready-to-label-catalog,raw-materials-catalog) .catalog-category-browser{background:transparent;padding:0 0 24px}:is(ready-to-label-catalog,raw-materials-catalog) .catalog-categories__container{max-width:none;padding-inline:0}@media(hover:hover){.catalog-category-tile:hover .catalog-category-tile__media{border-color:var(--category-accent)}.catalog-categories__best:hover,.catalog-categories__group-heading a:hover{text-decoration:underline}}@media(max-width:1023px){.catalog-categories__rail{grid-template-columns:repeat(5,minmax(0,1fr));row-gap:20px}.catalog-category-browser--mixed .catalog-categories__groups{grid-template-columns:minmax(0,1fr)}}@media(max-width:767px){.catalog-category-browser{padding:22px 0 16px}.catalog-categories__container{padding-inline:16px}.catalog-categories__heading{align-items:flex-start;flex-wrap:wrap;gap:10px;margin-bottom:16px}.catalog-categories__heading p{font-size:13px}.catalog-categories__best{font-size:12px}.catalog-categories__rail,.catalog-category-browser--mixed .catalog-categories__rail{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:112px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:12px 8px 10px 0;scrollbar-width:thin;scrollbar-color:#cad7e9 transparent}.catalog-category-tile{scroll-snap-align:start}.catalog-category-tile__icon{width:32px;height:32px;right:-6px;top:-9px}.catalog-category-tile__icon svg{width:17px;height:17px}.catalog-category-tile__label{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/catalog-category-browser.css.map */
