.so-cs{padding-block-start:var(--so-cs-pad-top);padding-block-end:var(--so-cs-pad-bottom)}.so-cs__head{margin-block-end:20px}.so-cs__head--center{text-align:center}.so-cs__head--start{text-align:start}.so-cs__head--end{text-align:end}.so-cs__title{position:relative;display:inline-block;margin:0}.so-cs__accent{display:block;width:42px;height:3px;margin-block-start:6px;margin-inline:auto;border-radius:999px;background:currentColor;opacity:.85}.so-cs__head--start .so-cs__accent{margin-inline-start:0}.so-cs__head--end .so-cs__accent{margin-inline-end:0}.so-cs__sub{margin-block-start:6px}.so-cs__grid{display:grid;grid-template-columns:repeat(var(--so-cs-cols-dk),minmax(0,1fr));gap:var(--so-cs-gap-dk);margin:0;padding:0;list-style:none}.so-cs__item{min-width:0}.so-cs__tile{display:block;text-decoration:none;color:inherit;border-radius:var(--so-cs-radius);transition:transform .28s ease,box-shadow .28s ease}.so-cs__media{position:relative;display:block;aspect-ratio:var(--so-cs-ratio);overflow:hidden;border-radius:var(--so-cs-radius);background:var(--so-cs-media-bg);box-shadow:var(--so-cs-shadow)}.so-cs__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:var(--so-cs-border-w) solid var(--so-cs-border-c);border-radius:inherit;pointer-events:none}.so-cs__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s cubic-bezier(.2,.7,.3,1)}.so-cs--blend .so-cs__img{mix-blend-mode:multiply}.so-cs--contain .so-cs__img{object-fit:contain;padding:var(--so-cs-pad-inline)}.so-cs__ph{display:grid;place-items:center;width:100%;height:100%;font-size:3.2rem;font-weight:600;opacity:.25;text-transform:uppercase}.so-cs__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--so-cs-scrim-strong) 0%,var(--so-cs-scrim) var(--so-cs-scrim-stop));pointer-events:none}.so-cs__label{display:flex;align-items:center;gap:8px;font-size:var(--so-cs-label-size-dk);font-weight:var(--so-cs-label-weight);line-height:1.25;letter-spacing:-.01em;text-transform:var(--so-cs-label-transform)}.so-cs__label-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--so-cs-label-lines);line-clamp:var(--so-cs-label-lines);overflow:hidden}.so-cs__label--overlay-bottom,.so-cs__label--overlay-center{position:absolute;inset-inline:0;padding:var(--so-cs-pad-inline);color:var(--so-cs-label-color)}.so-cs__label--overlay-bottom{inset-block-end:0}.so-cs__label--overlay-center{inset-block:0;justify-content:center;text-align:center}.so-cs__label--below{margin-block-start:10px;justify-content:center;color:var(--so-cs-label-color-below)}.so-cs--panel .so-cs__tile{overflow:hidden;background:var(--so-cs-media-bg);border:var(--so-cs-border-w) solid var(--so-cs-border-c);box-shadow:var(--so-cs-shadow)}.so-cs--panel .so-cs__media{background:none;box-shadow:none;border-radius:0}.so-cs--panel .so-cs__media:after{border:0}.so-cs--panel .so-cs__img{object-fit:contain;padding:var(--so-cs-pad-inline);transform-origin:center}.so-cs__label--strip{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;padding:var(--so-cs-strip-pad);background:var(--so-cs-strip-bg);color:var(--so-cs-strip-text);text-align:start}.so-cs__label--strip .so-cs__count{position:static;inset:auto}.so-cs__count{flex:0 0 auto;font-size:var(--so-cs-count-size);font-weight:600;line-height:1;color:var(--so-cs-count-text);background:var(--so-cs-count-bg);border-radius:var(--so-cs-count-radius);padding:.45em .7em;font-variant-numeric:tabular-nums}.so-cs--count-frosted .so-cs__count{background:#0000006b;-webkit-backdrop-filter:blur(10px) saturate(160%);backdrop-filter:blur(10px) saturate(160%);color:#fff;box-shadow:inset 0 0 0 .5px #ffffff2e}.so-cs__count--top-end,.so-cs__count--top-start,.so-cs__count--bottom-end,.so-cs__count--bottom-start{position:absolute;z-index:1}.so-cs__count--top-end{inset-block-start:var(--so-cs-count-inset);inset-inline-end:var(--so-cs-count-inset)}.so-cs__count--top-start{inset-block-start:var(--so-cs-count-inset);inset-inline-start:var(--so-cs-count-inset)}.so-cs__count--bottom-end{inset-block-end:var(--so-cs-count-inset);inset-inline-end:var(--so-cs-count-inset)}.so-cs__count--bottom-start{inset-block-end:var(--so-cs-count-inset);inset-inline-start:var(--so-cs-count-inset)}@media(hover:hover){.so-cs--hover-zoom .so-cs__tile:hover .so-cs__img,.so-cs--hover-both .so-cs__tile:hover .so-cs__img{transform:scale(var(--so-cs-zoom))}.so-cs--hover-lift .so-cs__tile:hover,.so-cs--hover-both .so-cs__tile:hover{transform:translateY(var(--so-cs-lift))}}.so-cs__tile:focus-visible{outline:2px solid currentColor;outline-offset:3px}@media(prefers-reduced-motion:reduce){.so-cs__tile,.so-cs__img{transition:none}.so-cs--hover-zoom .so-cs__tile:hover .so-cs__img,.so-cs--hover-both .so-cs__tile:hover .so-cs__img,.so-cs--hover-lift .so-cs__tile:hover,.so-cs--hover-both .so-cs__tile:hover{transform:none}}.so-cs--chips .so-cs__grid{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding-block-end:2px}.so-cs--chips .so-cs__grid::-webkit-scrollbar{display:none}.so-cs--chips .so-cs__item{scroll-snap-align:start}.so-cs--chips .so-cs__tile{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;padding-inline:8px 14px;border-radius:999px;background:var(--so-cs-tile-bg);border:var(--so-cs-border-w) solid var(--so-cs-border-c);white-space:nowrap}.so-cs--chips .so-cs__media{flex:0 0 auto;width:34px;height:34px;aspect-ratio:1;border-radius:50%;box-shadow:none}.so-cs--chips .so-cs__media:after{border:0}.so-cs--chips .so-cs__scrim{display:none}.so-cs--chips .so-cs__label{position:static;padding:0;color:var(--so-cs-label-color-below)}.so-cs--chips .so-cs__label-text{-webkit-line-clamp:1;line-clamp:1}.so-cs--cards .so-cs__tile{display:flex;align-items:center;gap:14px;padding:var(--so-cs-pad-inline);border-radius:var(--so-cs-radius);background:var(--so-cs-tile-bg);border:var(--so-cs-border-w) solid var(--so-cs-border-c);box-shadow:var(--so-cs-shadow)}.so-cs--cards .so-cs__media{flex:0 0 auto;width:56px;height:56px;aspect-ratio:1;border-radius:50%;box-shadow:none}.so-cs--cards .so-cs__media:after{border:0}.so-cs--cards .so-cs__scrim{display:none}.so-cs--cards .so-cs__label{position:static;padding:0;color:var(--so-cs-label-color-below);justify-content:flex-start;text-align:start}.so-cs--rail-dk .so-cs__grid{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;scroll-padding-inline-start:0}.so-cs--rail-dk .so-cs__grid::-webkit-scrollbar{display:none}.so-cs--rail-dk .so-cs__item{flex:0 0 calc((100% - (var(--so-cs-gap-dk) * (var(--so-cs-cols-dk) - 1))) / var(--so-cs-cols-dk));scroll-snap-align:start}@media(max-width:1149px){.so-cs{padding-block-start:calc(var(--so-cs-pad-top) * var(--so-cs-pad-rate));padding-block-end:calc(var(--so-cs-pad-bottom) * var(--so-cs-pad-rate))}.so-cs__grid{grid-template-columns:repeat(var(--so-cs-cols-tb),minmax(0,1fr))}.so-cs--rail-dk .so-cs__item{flex:0 0 calc((100% - (var(--so-cs-gap-dk) * (var(--so-cs-cols-tb) - 1))) / var(--so-cs-cols-tb))}}@media(max-width:767px){.so-cs__grid{grid-template-columns:repeat(var(--so-cs-cols-mb),minmax(0,1fr));gap:var(--so-cs-gap-mb)}.so-cs__label{font-size:var(--so-cs-label-size-mb)}.so-cs--rail-mb .so-cs__grid{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(var(--so-cs-gap-mb) * -1);padding-inline:var(--so-cs-gap-mb)}.so-cs--rail-mb .so-cs__grid::-webkit-scrollbar{display:none}.so-cs--rail-mb .so-cs__item{flex:0 0 calc((100% - (var(--so-cs-gap-mb) * (var(--so-cs-cols-mb) - 1))) / var(--so-cs-cols-mb));scroll-snap-align:start}}.so-cs__empty{padding:24px;text-align:center;opacity:.6}
/*# sourceMappingURL=/cdn/shop/t/68/assets/so-css-category-showcase.css.map */