:where(.gvb) [hidden]{display:none!important}.shades-sec .shades-sub{margin-top:8px;color:var(--text-2)}.shades-sec .shades-bubbles{display:grid;grid-template-columns:repeat(var(--n, 6),minmax(0,1fr));gap:6px;margin-top:20px}.shades-sec .bub{display:flex;flex-direction:column;align-items:center;gap:7px;min-height:44px;padding:0;text-align:center;-webkit-tap-highlight-color:transparent}.shades-sec .bub-img{display:block;width:100%;max-width:68px;aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--cream);box-shadow:0 0 0 1px var(--line-2);transition:box-shadow .2s var(--ease),transform .2s var(--ease)}.shades-sec .bub-img img{width:100%;height:100%;object-fit:cover}.shades-sec .bub:hover .bub-img{transform:translateY(-2px)}.shades-sec .bub[aria-selected=true] .bub-img{box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--ox)}.shades-sec .bub-name{font:500 12px/1.2 var(--sans);color:var(--text-2)}.shades-sec .bub[aria-selected=true] .bub-name{color:var(--ink);font-weight:650}.shades-sec .bub.is-soldout .bub-img{opacity:.55}.shades-sec .shade-card{margin-top:16px;border-radius:var(--r-card);overflow:hidden;background:var(--white);box-shadow:var(--shadow-1)}.shades-sec .shade-media{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--line)}.shades-sec .shade-fig{position:relative;margin:0;aspect-ratio:1;overflow:hidden;background:var(--cream)}.shades-sec .shade-fig img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s var(--ease)}.shades-sec .shade-fig .gal-tag{position:absolute;left:10px;top:auto;bottom:10px;height:auto;display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;background:#fbf5eff0;color:var(--ink)}.shades-sec .shade-body{padding:16px 16px 18px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:4px 12px}.shades-sec .shade-fam{grid-column:1 / -1;color:var(--text-2)}.shades-sec .shade-k{grid-column:1 / -1;font:600 30px/1.02 var(--serif);font-variation-settings:"SOFT" 60,"WONK" 0;letter-spacing:-.02em}.shades-sec .shade-d{grid-column:1 / -1;font-size:15px;line-height:1.45}.shades-sec .shade-pick{grid-column:1 / -1;margin-top:10px;justify-content:space-between}.shades-sec .shade-pick.is-soldout .ico{display:none}.shades-sec .shades-note{margin-top:12px}@media(min-width:1024px){.shades-sec .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:auto auto 1fr;grid-template-areas:"head card" "bubs card" "note card";column-gap:80px;align-items:start}.shades-sec .shades-head{grid-area:head}.shades-sec .shades-bubbles{grid-area:bubs}.shades-sec .shade-card{grid-area:card;margin:0}.shades-sec .shades-note{grid-area:note}.shades-sec .shades-bubbles{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 12px;margin-top:32px}.shades-sec .bub-img{max-width:96px}.shades-sec .bub-name{font-size:13.5px}.shades-sec .shade-body{padding:28px 32px 30px}.shades-sec .shade-k{font-size:44px}.shades-sec .shade-d{font-size:16px}.shades-sec .shade-fam,.shades-sec .shade-k,.shades-sec .shade-d{grid-column:1}.shades-sec .shade-pick{grid-column:2;grid-row:1 / span 3;margin:0;align-self:end}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/gvb-section-shades.css.map */