#MainContent #categories.cmosaic{display:block;box-sizing:border-box;max-width:1440px;width:100%;margin:0 auto;padding:42px 48px!important;scroll-margin-top:140px;background:transparent;color:#111}#MainContent #categories .cmosaic-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:0 0 22px;padding:0}#MainContent #categories .cmosaic-heading h2{font:400 46px/1.1 Anton,Impact,sans-serif!important;letter-spacing:-.5px;margin:0;padding:0;color:#111}#MainContent #categories .cmosaic-heading h2:after{content:"";display:block;width:120px;height:5px;background:#ef6a32;clip-path:polygon(0 0,100% 0,96% 100%,2% 80%);margin-top:13px}#MainContent #categories .cmosaic-heading p{font:400 11px/1.5 Roboto Mono,monospace!important;margin:0 0 6px;color:#111}#MainContent #categories .cmosaic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:228px 228px;gap:12px}#MainContent #categories .cmosaic-card{display:block;position:relative;overflow:hidden;min-width:0;background:#252521;color:#fff;text-decoration:none;border:0;border-radius:0;isolation:isolate}#MainContent #categories .cmosaic-card:first-child,#MainContent #categories .cmosaic-card:last-child{grid-column:span 2}#MainContent #categories .cmosaic-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;margin:0;padding:0}#MainContent #categories .cmosaic-card:first-child img{object-position:center 43%}#MainContent #categories .cmosaic-card:nth-child(2) img,#MainContent #categories .cmosaic-card:last-child img{object-position:center top}#MainContent #categories .cmosaic-card:after{content:"";position:absolute;top:45%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#000b);pointer-events:none;z-index:1}#MainContent #categories .cmosaic-number{position:absolute;left:16px;top:14px;z-index:2;color:#fff;font:400 10px/1.5 Roboto Mono,monospace!important;background:#1118;padding:2px 6px}#MainContent #categories .cmosaic-label{position:absolute;z-index:2;bottom:18px;left:20px;right:20px;display:flex;align-items:end;justify-content:space-between;gap:8px;color:#fff}#MainContent #categories .cmosaic-name{font:400 29px/1.12 Anton,Impact,sans-serif!important;color:#fff}#MainContent #categories .cmosaic-card:first-child .cmosaic-name,#MainContent #categories .cmosaic-card:last-child .cmosaic-name{font-size:38px!important}#MainContent #categories .cmosaic-arrow{font:400 25px/1.2 Roboto Mono,monospace!important;color:#ef6a32}#MainContent #categories .cmosaic-card:focus-visible{outline:3px solid #111;outline-offset:4px}@media(hover:hover)and (pointer:fine){#MainContent #categories .cmosaic-arrow{transition:transform .16s ease}#MainContent #categories .cmosaic-card:hover .cmosaic-arrow{transform:translate(4px)}#MainContent #categories .cmosaic-card:hover .cmosaic-name{text-decoration:underline;text-decoration-color:#ef6a32;text-underline-offset:7px;text-decoration-thickness:3px}}@media(max-width:700px){#MainContent #categories.cmosaic{padding:28px 16px!important}#MainContent #categories .cmosaic-heading{display:block}#MainContent #categories .cmosaic-heading h2{font-size:34px!important}#MainContent #categories .cmosaic-heading p{margin:14px 0 0;font-size:10px!important}#MainContent #categories .cmosaic-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,190px);gap:8px}#MainContent #categories .cmosaic-label{left:12px;right:12px}#MainContent #categories .cmosaic-name{font-size:23px!important}#MainContent #categories .cmosaic-card:first-child .cmosaic-name,#MainContent #categories .cmosaic-card:last-child .cmosaic-name{font-size:30px!important}}@media(prefers-reduced-motion:reduce){#MainContent #categories .cmosaic-arrow{transition:none!important;transform:none!important}}html[lang] body #MainContent #categories.cmosaic .cmosaic-name{font-family:Anton,Impact,sans-serif!important;font-weight:400!important}#MainContent #categories.cmosaic:not(#cmosaic-priority){padding:42px 48px!important}@media(max-width:700px){#MainContent #categories.cmosaic:not(#cmosaic-priority){padding:28px 16px!important}}html[lang] body #MainContent #categories.cmosaic .cmosaic-name{font:400 27px/1.12 Anton,Impact,sans-serif!important;text-decoration:none!important;letter-spacing:0;color:#fff}html[lang] body #MainContent #categories.cmosaic .cmosaic-label{bottom:20px;left:20px;right:20px;align-items:center;justify-content:space-between;gap:12px}html[lang] body #MainContent #categories.cmosaic .cmosaic-arrow{display:flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;height:26px;color:#ef6a32;transform:none!important;transition:none}#MainContent #categories .cmosaic-arrow svg{display:block;width:22px;height:22px;transition:transform .16s ease}#MainContent #categories .cmosaic-card[data-category=scooter] img{object-position:50% 0%}#MainContent #categories .cmosaic-card[data-category=bmx] img{object-position:50% 8%}#MainContent #categories .cmosaic-card[data-category=protection] img{object-position:50% 43%}#MainContent #categories .cmosaic-card[data-category=roller] img{object-position:50% 0%}#MainContent #categories .cmosaic-card[data-category=hockey] img{object-position:35% 50%}#MainContent #categories .cmosaic-card[data-category=skate] img{object-position:50% 0%}@media(hover:hover)and (pointer:fine){#MainContent #categories .cmosaic-card:hover .cmosaic-arrow svg{transform:translate(2px,-2px)}}@media(prefers-reduced-motion:reduce){#MainContent #categories .cmosaic-arrow svg{transition:none!important;transform:none!important}}@media(max-width:700px){html[lang] body #MainContent #categories.cmosaic .cmosaic-label{bottom:14px;left:12px;right:12px;gap:7px}html[lang] body #MainContent #categories.cmosaic .cmosaic-name{font-size:21px!important}html[lang] body #MainContent #categories.cmosaic .cmosaic-arrow{flex-basis:18px;width:18px}#MainContent #categories .cmosaic-arrow svg{width:18px;height:18px}#MainContent #categories .cmosaic-card[data-category=protection] img{object-position:40% 50%}#MainContent #categories .cmosaic-card[data-category=hockey] img{object-position:30% 50%}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/nr-categories-mosaic.css.map */
