.solor-gang{display:block;width:100%;padding-block:var(--gang-pad-top) var(--gang-pad-bottom);overflow:hidden;background:var(--color-background);color:var(--color-foreground)}.solor-gang__inner{display:grid;width:100%;gap:34px}.solor-gang__inner--full{max-width:none;padding-inline:var(--page-margin)}.solor-gang__header{display:grid;max-width:760px;gap:10px}.solor-gang__header h2,.solor-gang__eyebrow{margin:0}.solor-gang__eyebrow{color:var(--color-muted);font-size:var(--type-caption-size);letter-spacing:.08em;text-transform:uppercase}.solor-gang__header .rte :is(p,ul,ol){margin:0}.solor-gang__rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gang-gap)}.solor-gang-card{min-width:0;padding:10px 10px 16px;background:var(--gang-polaroid-background,#FFFFFF);box-shadow:0 10px 34px #00000014;transform:rotate(var(--gang-rotate));transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .45s ease;will-change:transform}.solor-gang-card:hover{transform:rotate(0) translateY(-4px);box-shadow:0 18px 48px #0000001f}.solor-gang-card__photo{position:relative;aspect-ratio:4/5;background:var(--color-surface-soft)}.solor-gang-card__photo:before{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;box-shadow:inset 0 0 0 1px #00000006}.solor-gang-card__image{display:block;width:100%;height:100%;object-fit:cover;clip-path:inset(0);transition:transform .75s cubic-bezier(.22,1,.36,1)}.solor-gang-card:hover .solor-gang-card__image{transform:scale(1.025)}.solor-gang-card__caption{display:grid;padding:12px 4px 0;gap:4px}.solor-gang-card__caption span{color:var(--color-muted);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.solor-gang-card__caption strong{font-family:var(--font-accent--family);font-size:22px;font-weight:var(--font-accent--weight);line-height:1}.solor-gang-card__hotspot{position:absolute;z-index:4;left:var(--hotspot-x);top:var(--hotspot-y);display:flex;width:26px;height:26px;align-items:center;justify-content:center;color:#111;text-decoration:none;transform:translate(-50%,-50%);outline:none}.solor-gang-card__dot{display:grid;width:26px;height:26px;border:1px solid rgb(0 0 0/.08);border-radius:50%;background:#fffffff5;color:#111;box-shadow:0 4px 16px #0000002e;place-items:center;font-size:16px;font-weight:500;line-height:1;transition:transform .28s cubic-bezier(.22,1,.36,1),background .28s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.solor-gang-card__product-pill{position:absolute;z-index:6;top:50%;left:34px;display:grid;width:228px;max-width:min(228px,calc(100vw - 56px));min-height:76px;padding:7px;border:1px solid rgb(0 0 0/.08);background:#fffffff7;color:#111;grid-template-columns:56px minmax(0,1fr) 22px;align-items:center;gap:9px;box-shadow:0 12px 34px #0000002e;opacity:0;pointer-events:none;transform:translate(7px,-50%) scale(.97);transform-origin:left center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.solor-gang-card__hotspot--left .solor-gang-card__product-pill{right:34px;left:auto;transform:translate(-7px,-50%) scale(.97);transform-origin:right center}.solor-gang-card__product-pill img{display:block;width:56px;height:64px;object-fit:cover;background:#f4f4f2}.solor-gang-card__product-meta{display:grid;min-width:0;gap:3px;text-align:left}.solor-gang-card__product-kicker{color:#777;font-size:7px;font-weight:700;line-height:1;letter-spacing:.09em;text-transform:uppercase}.solor-gang-card__product-title{display:-webkit-box;overflow:hidden;font-size:11px;font-weight:700;line-height:1.15;-webkit-box-orient:vertical;-webkit-line-clamp:2}.solor-gang-card__product-price{font-size:10px;font-weight:600;line-height:1.1}.solor-gang-card__product-arrow{display:grid;width:22px;height:22px;place-items:center;font-size:15px;font-weight:500;transition:transform .25s cubic-bezier(.22,1,.36,1)}.solor-gang-card__hotspot:is(:hover,:focus-visible,.is-open) .solor-gang-card__dot{transform:rotate(45deg) scale(.94);background:#fff}.solor-gang-card__hotspot:is(:hover,:focus-visible,.is-open) .solor-gang-card__product-pill{opacity:1;transform:translateY(-50%) scale(1)}.solor-gang-card__hotspot:is(:hover,:focus-visible,.is-open) .solor-gang-card__product-arrow{transform:translate(2px)}@media(max-width:749px){.solor-gang{padding-block:60px}.solor-gang__inner{gap:26px}.solor-gang__rail{display:flex;width:100%;padding:8px 0 18px;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.solor-gang__rail::-webkit-scrollbar{display:none}.solor-gang-card{min-width:78vw;flex:0 0 78vw;scroll-snap-align:start}.solor-gang-card__product-pill{width:210px;grid-template-columns:50px minmax(0,1fr) 20px}.solor-gang-card__product-pill img{width:50px;height:58px}.solor-gang-card__product-title{font-size:10px}}@media(prefers-reduced-motion:reduce){.solor-gang-card,.solor-gang-card__image,.solor-gang-card__product-pill{transition:none}}.solor-gang{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.solor-gang-card__product-pill{top:50%;left:34px;width:max-content;min-width:142px;max-width:205px;min-height:0;padding:9px 12px;border:0;border-radius:7px;background:#fff;color:#3b1c17;grid-template-columns:minmax(0,1fr);gap:2px;box-shadow:0 3px 14px #0000002e;opacity:0;visibility:hidden;transform:translate(6px,-50%);transform-origin:left center;backdrop-filter:none;-webkit-backdrop-filter:none;transition:opacity .18s ease,visibility .18s ease,transform .24s cubic-bezier(.22,1,.36,1)}.solor-gang-card__hotspot--left .solor-gang-card__product-pill{right:34px;left:auto;transform:translate(-6px,-50%);transform-origin:right center}.solor-gang-card__product-pill img,.solor-gang-card__product-kicker,.solor-gang-card__product-arrow{display:none!important}.solor-gang-card__product-meta{display:grid;gap:2px}.solor-gang-card__product-title{display:block;overflow:hidden;font-size:11px;font-weight:600;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.solor-gang-card__product-price{color:#666;font-size:10px;font-weight:400;line-height:1.2}.solor-gang-card__hotspot:is(:hover,:focus-visible,.is-open) .solor-gang-card__product-pill{opacity:1;visibility:visible;transform:translateY(-50%)}.solor-gang-card__hotspot:is(:hover,:focus-visible,.is-open) .solor-gang-card__dot{transform:rotate(45deg) scale(.96)}@media(max-width:749px){.solor-gang-card__product-pill{width:max-content;min-width:136px;max-width:min(185px,calc(100vw - 72px));grid-template-columns:minmax(0,1fr)}}.solor-gang{width:100%;max-width:none;margin-inline:0}.solor-gang--page{width:min(calc(100% - (2 * var(--page-margin))),var(--page-width));margin-inline:auto}.solor-gang--page .solor-gang__inner{width:100%;max-width:none;padding-inline:var(--page-margin)}.solor-gang--full{width:100%;margin-inline:0}.solor-gang--full .solor-gang__inner{width:100%;max-width:none;padding-inline:var(--page-margin)}.solor-gang-card__product-pill{width:fit-content!important;min-width:0!important;max-width:min(205px,calc(100vw - 72px))!important;grid-template-columns:max-content!important}.solor-gang-card__product-meta{width:max-content;max-width:100%}@media(max-width:749px){.solor-gang--page{width:calc(100% - (2 * var(--page-margin)))}.solor-gang-card__product-pill{width:fit-content!important;min-width:0!important;max-width:min(185px,calc(100vw - 64px))!important}}.solor-gang--full{position:relative;left:50%;width:100vw!important;max-width:none!important;margin-left:-50vw!important;margin-right:-50vw!important}.solor-gang--full .solor-gang__inner{width:100%;max-width:none;padding-inline:var(--page-margin);box-sizing:border-box}.solor-gang--page{width:min(calc(100% - (2 * var(--page-margin))),var(--page-width));margin-inline:auto!important}@media(min-width:750px){.solor-gang--carousel .solor-gang__rail{display:flex;width:100%;padding:8px 0 24px;gap:var(--gang-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--page-margin);scrollbar-width:none}.solor-gang--carousel .solor-gang__rail::-webkit-scrollbar{display:none}.solor-gang--carousel .solor-gang-card{flex:0 0 clamp(280px,27vw,390px);scroll-snap-align:start}.solor-gang--carousel .solor-gang-card__photo{aspect-ratio:4/5}}.solor-gang-card__video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-solor-gang.css.map */