.nosht-collection-mosaic{--nosht-mosaic-gap: 16px;--nosht-mosaic-short-height: 320px;--nosht-mosaic-mobile-height: 500px;--nosht-mosaic-mobile-width: 86%;--nosht-mosaic-radius: 0;--nosht-mosaic-overlay-opacity: .3;--nosht-mosaic-text: #fff;--nosht-mosaic-accent: var(--nosht-focus-yellow, #fce300);--nosht-mosaic-accent-text: #111;--nosht-mosaic-background: #1c1c1c}.nosht-collection-mosaic__grid{display:flex;gap:var(--nosht-mosaic-gap);margin:0;padding:6px var(--container-margin);overflow-x:auto;overscroll-behavior-inline:contain;scroll-padding-inline:var(--container-margin);scroll-snap-type:x mandatory;list-style:none;scrollbar-width:none}.nosht-collection-mosaic__grid::-webkit-scrollbar{display:none}.nosht-collection-mosaic__item{flex:0 0 min(var(--nosht-mosaic-mobile-width),520px);height:min(var(--nosht-mosaic-mobile-height),68svh);min-height:360px;scroll-snap-align:start}.nosht-collection-mosaic__card{position:relative;display:block;width:100%;height:100%;overflow:hidden;isolation:isolate;border:1px solid var(--nosht-focus-black, #111111);border-radius:var(--nosht-mosaic-radius);background:var(--nosht-mosaic-background);color:var(--nosht-mosaic-text);text-decoration:none}.nosht-collection-mosaic__media-wrap{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.nosht-collection-mosaic__media{width:100%;height:100%;margin:0;background:var(--nosht-mosaic-background)}.nosht-collection-mosaic__media picture,.nosht-collection-mosaic__media img,.nosht-collection-mosaic__media svg{display:block;width:100%;height:100%}.nosht-collection-mosaic__media img{object-fit:cover;transition:transform .45s cubic-bezier(.22,1,.36,1)}.nosht-collection-mosaic__shade{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000014,#0000002e 45%,#00000094),rgb(0 0 0 / var(--nosht-mosaic-overlay-opacity));transition:background-color .25s ease}.nosht-collection-mosaic__content{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;padding:clamp(24px,4vw,48px);color:inherit}.nosht-collection-mosaic__card--top-left .nosht-collection-mosaic__content{justify-content:flex-start}.nosht-collection-mosaic__card--bottom-left .nosht-collection-mosaic__content{justify-content:flex-end}.nosht-collection-mosaic__card--center .nosht-collection-mosaic__content{align-items:center;text-align:center}.nosht-collection-mosaic__count{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border-radius:var(--badge-border-radius, 0);background:var(--nosht-mosaic-accent);color:var(--nosht-mosaic-accent-text);font-family:var(--font-button-family);font-size:1.2rem;font-style:var(--font-button-style);font-weight:var(--font-button-weight);line-height:1;letter-spacing:var(--font-button-letter-spacing);text-transform:var(--font-button-text-transform)}.nosht-collection-mosaic__title{max-width:14ch;margin:0;color:inherit;font-size:clamp(2.8rem,7vw,4.6rem);line-height:.95;overflow-wrap:anywhere;text-wrap:balance}.nosht-collection-mosaic__card:focus-visible{outline-offset:4px}@media only screen and (min-width:768px){.nosht-collection-mosaic__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(220px,24vw,var(--nosht-mosaic-short-height));gap:var(--nosht-mosaic-gap);padding:0;overflow:visible;scroll-snap-type:none}.nosht-collection-mosaic__item{grid-column:span 2;height:auto;min-height:0}.nosht-collection-mosaic__item--short{grid-row:span 1}.nosht-collection-mosaic__item--tall{grid-row:span 2}.nosht-collection-mosaic__title{font-size:clamp(3rem,3.4vw,5.4rem)}.nosht-collection-mosaic__item--short .nosht-collection-mosaic__title{font-size:clamp(2.6rem,2.7vw,4.2rem)}}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.nosht-collection-mosaic__card:hover .nosht-collection-mosaic__media img{transform:scale(1.06)}}@media(prefers-reduced-motion:reduce){main .section--nosht-collection-mosaic{opacity:1!important;transform:none!important;transition:none!important}.nosht-collection-mosaic__media img,.nosht-collection-mosaic__shade{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/102/assets/section-nosht-collection-mosaic.css.map */