.gn-color-rail{--rail-gap: 20px;--rail-card-w: 290px;--rail-img-h: 288px;--rail-card-radius: var(--gn-radius-sm);--rail-pt: 59px;padding-top:var(--rail-pt);padding-bottom:65px;overflow:hidden}.gn-color-rail__head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--gn-sp-13);margin-bottom:var(--gn-sp-11)}.gn-color-rail__head .gn-eyebrow{margin-bottom:var(--gn-sp-8)}.gn-color-rail__title{margin:0;letter-spacing:var(--gn-ls-h2)}.gn-color-rail__arrows{display:none;gap:var(--gn-sp-4)}.gn-color-rail__arrow{display:grid;place-items:center;width:var(--gn-tap-min);height:var(--gn-tap-min);padding:0;border:1px solid var(--gn-color-line-strong);border-radius:var(--gn-radius-round);background:color-mix(in srgb,var(--gn-color-card) 55%,transparent);color:var(--gn-scheme-foreground);cursor:pointer}.gn-color-rail__arrow:disabled{opacity:.3;cursor:default}@media(hover:hover){.gn-color-rail__arrow:not(:disabled):hover{background:var(--gn-color-ink);color:var(--gn-color-on-ink)}}.gn-js .gn-color-rail__arrows{display:flex}.gn-color-rail__tools{display:flex;align-items:center;justify-content:space-between;gap:var(--gn-sp-10);margin-bottom:var(--gn-sp-11)}.gn-color-rail__filters{display:none;flex-wrap:wrap;gap:var(--gn-sp-3)}.gn-js .gn-color-rail__filters{display:flex}.gn-color-rail__note{font-size:var(--gn-fs-small);color:var(--gn-scheme-muted-foreground)}.gn-color-rail__rail{display:flex;gap:var(--rail-gap);margin:0 calc(-1 * var(--gn-gutter)) 0 0;padding:var(--gn-sp-2) var(--gn-gutter) var(--gn-sp-7) var(--gn-sp-1);list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.gn-color-rail__rail::-webkit-scrollbar{display:none}.gn-color-rail__item{flex:0 0 var(--rail-card-w);scroll-snap-align:start}.gn-color-rail__item[hidden]{display:none}.gn-color-rail__card{height:100%;overflow:hidden;border:1px solid color-mix(in srgb,var(--gn-color-ink) 6%,transparent);border-radius:var(--rail-card-radius);background:var(--tint, var(--gn-color-surface))}.gn-color-rail__media{position:relative;display:block;height:var(--rail-img-h);overflow:hidden;isolation:isolate;text-decoration:none}.gn-color-rail__media:before{content:"";position:absolute;top:40px;right:13px;bottom:17px;left:13px;z-index:0;border-radius:var(--gn-radius-round);background:radial-gradient(ellipse at 50% 42%,color-mix(in srgb,var(--gn-color-white) 40%,transparent),transparent 72%);pointer-events:none}.gn-color-rail__orbits{position:absolute;top:49px;right:13px;bottom:24px;left:13px;z-index:0;border:1px solid color-mix(in srgb,var(--shade) 25%,transparent);border-radius:var(--gn-radius-round);transform:rotate(-25deg);pointer-events:none}.gn-color-rail__orbits:before{content:"";position:absolute;top:8%;right:-4%;bottom:8%;left:-4%;border:1px solid color-mix(in srgb,var(--shade) 17%,transparent);border-radius:var(--gn-radius-round);transform:rotate(42deg)}.gn-color-rail__tag{position:absolute;inset-block-start:20px;inset-inline-start:22px;z-index:3;display:flex;align-items:center;gap:var(--gn-sp-3);font-size:var(--gn-fs-eyebrow);letter-spacing:var(--gn-ls-caps);text-transform:uppercase}.gn-color-rail__img{position:absolute;top:36px;right:12px;bottom:6px;left:12px;z-index:1;display:block;width:calc(100% - 24px);height:calc(100% - 42px);object-fit:contain;filter:drop-shadow(0 9px 9px color-mix(in srgb,var(--gn-color-ink) 11%,transparent))}.gn-color-rail__item.is-selected .gn-color-rail__card{border-color:var(--shade)}@media(prefers-reduced-motion:no-preference){.gn-color-rail__img{transition:transform .45s var(--gn-ease-out)}.gn-color-rail__card:hover .gn-color-rail__img{transform:translateY(-7px) rotate(-3deg) scale(1.025)}}.gn-color-rail__info{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:var(--gn-sp-5);padding:var(--gn-sp-5) var(--gn-sp-11) var(--gn-sp-11)}.gn-color-rail__name{margin:0;font-size:var(--gn-fs-h3-card);line-height:1.2}.gn-color-rail__price{margin-top:var(--gn-sp-4);font-size:var(--gn-fs-small);color:var(--gn-color-ink-2)}.gn-color-rail__price .gn-price{font-size:inherit;font-weight:400}.gn-color-rail__go{display:grid;flex:none;place-items:center;width:var(--gn-tap-min);height:var(--gn-tap-min);border:1px solid color-mix(in srgb,var(--gn-color-ink) 19%,transparent);border-radius:var(--gn-radius-round);color:var(--gn-color-ink);text-decoration:none}@media(hover:hover){.gn-color-rail__go:hover{background:var(--gn-color-ink);color:var(--gn-color-on-ink)}}.gn-color-rail__caption{display:flex;justify-content:space-between;gap:var(--gn-sp-8);margin-top:var(--gn-sp-6);font-size:var(--gn-fs-xs);color:var(--gn-scheme-muted-foreground)}@media(min-width:1500px){.gn-color-rail{--rail-card-w: 310px;--rail-img-h: 306px}}@media(max-width:900px){.gn-color-rail{--rail-gap: 13px;--rail-card-w: 255px;--rail-img-h: 250px;--rail-card-radius: 12px;--rail-pt: 30px;padding-bottom:var(--gn-section-y)}.gn-color-rail__head{gap:var(--gn-sp-8);margin-bottom:var(--gn-sp-10)}.gn-color-rail__tools{display:block}.gn-color-rail__filters .gn-chip{padding:0 var(--gn-sp-6);font-size:var(--gn-fs-xs)}.gn-color-rail__note{margin-top:var(--gn-sp-7)}.gn-color-rail__arrow{width:var(--gn-tap-min);height:var(--gn-tap-min)}.gn-color-rail__tag{inset-block-start:18px;inset-inline-start:18px}.gn-color-rail__orbits{top:44px;right:11px;bottom:20px;left:11px}.gn-color-rail__info{padding:var(--gn-sp-4) var(--gn-sp-9) var(--gn-sp-10)}}@media(max-width:500px){.gn-color-rail{--rail-card-w: 245px}.gn-color-rail__arrows,.gn-js .gn-color-rail__arrows{display:none}}gn-color-rail{display:block}
/*# sourceMappingURL=/cdn/shop/t/60/assets/gn-color-rail.css.map */