:root{--sv-ink: #111111;--sv-sand: #fff9f2;--sv-mint: #8AC8B3;--sv-coral: #F49CA8;--sv-purple: #6B4D79;--sv-orange: #ff6b00;--sv-white: #ffffff;--sv-grey-l: #f2f2f0;--sv-grey-m: #e0e0dc}.sv-tiles{background:var(--sv-white);padding:28px 40px 36px;border-bottom:1px solid var(--sv-grey-m)}.sv-tiles__label{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#999;margin:0 0 14px;font-family:var(--font-body-family, inherit)}.sv-tiles__grid--cards{display:flex;gap:12px;flex-wrap:wrap}.sv-tile{position:relative;border-radius:14px;overflow:hidden;text-decoration:none;color:var(--sv-white);flex:1 1 200px;min-width:160px;max-width:280px;height:220px;display:flex;align-items:flex-end;transition:transform .22s ease,box-shadow .22s ease}.sv-tile:hover{transform:translateY(-4px);box-shadow:0 18px 44px #0000002e}.sv-tile__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:transform .4s ease}.sv-tile:hover .sv-tile__bg{transform:scale(1.05)}.sv-tile__bg--fallback{opacity:.9}.sv-tile__bg--mint{background:linear-gradient(135deg,#1a4a3a,#8ac8b3)}.sv-tile__bg--coral{background:linear-gradient(135deg,#5a2030,#f49ca8)}.sv-tile__bg--purple{background:linear-gradient(135deg,#2a1a38,#6b4d79)}.sv-tile__bg--orange{background:linear-gradient(135deg,#4a1a00,#ff6b00)}.sv-tile__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.72) 0%,rgba(0,0,0,.12) 55%,transparent 100%)}.sv-tile__accent-bar{position:absolute;bottom:0;left:0;right:0;height:3px;opacity:0;transition:opacity .22s ease}.sv-tile:hover .sv-tile__accent-bar{opacity:1}.sv-tile--mint .sv-tile__accent-bar{background:var(--sv-mint)}.sv-tile--coral .sv-tile__accent-bar{background:var(--sv-coral)}.sv-tile--purple .sv-tile__accent-bar{background:var(--sv-purple)}.sv-tile--orange .sv-tile__accent-bar{background:var(--sv-orange)}.sv-tile__content{position:relative;z-index:2;padding:16px 18px;width:100%}.sv-tile__tag{display:block;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#fff9;margin-bottom:4px}.sv-tile__name{font-size:18px;font-weight:800;letter-spacing:-.025em;line-height:1.15;color:var(--sv-white)}.sv-tile__cta{display:flex;align-items:center;gap:5px;margin-top:8px;font-size:12px;font-weight:600;color:#ffffffb3;transition:color .2s}.sv-tile:hover .sv-tile__cta{color:var(--sv-white)}.sv-tile__cta svg{transition:transform .2s;flex-shrink:0}.sv-tile:hover .sv-tile__cta svg{transform:translate(3px)}.sv-tile--ghost{background:var(--sv-grey-l);border:1.5px solid var(--sv-grey-m);flex:0 0 auto;min-width:130px;max-width:150px;justify-content:center;align-items:center;transition:background .2s ease,border-color .2s ease,transform .22s ease,box-shadow .22s ease}.sv-tile--ghost:hover{background:var(--sv-ink);border-color:var(--sv-ink)}.sv-tile__content--ghost{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;padding:20px 14px;color:#aaa;transition:color .2s}.sv-tile--ghost:hover .sv-tile__content--ghost{color:var(--sv-white)}.sv-tile__name--ghost{font-size:13px;font-weight:700;line-height:1.3;color:var(--sv-ink);margin-top:8px;transition:color .2s}.sv-tile--ghost:hover .sv-tile__name--ghost{color:var(--sv-white)}.sv-tile__cta--ghost{justify-content:center;margin-top:10px;color:#888}.sv-tile--ghost:hover .sv-tile__cta--ghost{color:var(--sv-white)}.sv-tiles--pills{padding:20px 40px 24px}.sv-tiles__grid--pills{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.sv-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:100px;background:var(--sv-white);border:1.5px solid var(--sv-grey-m);font-size:13px;font-weight:600;color:var(--sv-ink);text-decoration:none;transition:background .18s,border-color .18s,color .18s;font-family:var(--font-body-family, inherit)}.sv-pill:hover{background:var(--sv-ink);border-color:var(--sv-ink);color:var(--sv-white)}.sv-pill__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:background .18s}.sv-pill--mint .sv-pill__dot{background:var(--sv-mint)}.sv-pill--coral .sv-pill__dot{background:var(--sv-coral)}.sv-pill--purple .sv-pill__dot{background:var(--sv-purple)}.sv-pill--orange .sv-pill__dot{background:var(--sv-orange)}.sv-pill--ghost .sv-pill__dot{background:var(--sv-grey-m)}.sv-pill:hover .sv-pill__dot{background:#ffffff80}.sv-pill--ghost{background:var(--sv-grey-l)}@media screen and (max-width:768px){.sv-tiles{padding:20px 16px 24px}.sv-tiles--pills{padding:16px 16px 20px}.sv-tiles__grid--cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sv-tile{max-width:100%;min-width:unset;height:160px;border-radius:10px}.sv-tile--ghost{display:none}.sv-tile__name{font-size:15px}.sv-tiles__grid--pills{gap:8px}.sv-pill{font-size:12px;padding:8px 14px}}@media screen and (max-width:480px){.sv-tiles__grid--cards{grid-template-columns:1fr}.sv-tile{height:140px}}.sv-tiles--colour{padding:24px 40px 32px}.sv-tiles__grid--colour{display:flex;gap:10px;flex-wrap:wrap}.sv-swatch{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:90px;height:90px;border-radius:14px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;border:2px solid transparent;overflow:hidden}.sv-swatch:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0000002e}.sv-swatch--active{border-color:var(--sv-ink);box-shadow:0 0 0 3px #1111111f}.sv-swatch--light .sv-swatch__name{color:var(--sv-white)}.sv-swatch--dark .sv-swatch__name{color:var(--sv-ink)}.sv-swatch__name{font-size:11px;font-weight:700;letter-spacing:.04em;text-align:center;text-transform:uppercase;font-family:var(--font-body-family, inherit)}.sv-swatch__active-dot{position:absolute;bottom:8px;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.6}a.sv-swatch[style*="#f0f0ee"]{border-color:var(--sv-grey-m)}@media screen and (max-width:768px){.sv-tiles--colour{padding:20px 16px 24px}.sv-swatch{width:72px;height:72px;border-radius:10px}.sv-swatch__name{font-size:10px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/sv-subcollection-tiles.css.map */