.vg-colour{--vg-colour-ease: var(--vg-ease, cubic-bezier(.22, .61, .36, 1));--vg-colour-accent-font: var(--vg-font-accent, var(--font-body-family));--vg-colour-gap-ring: var(--vg-pearl, #fbf7f2);--vg-colour-line: var(--vg-line, rgba(140, 106, 58, .28));--vg-colour-ring: var(--vg-gold, #b08d57)}.vg-colour.color-scheme-3,.vg-colour.color-scheme-5{--vg-colour-gap-ring: rgb(var(--color-background));--vg-colour-ring: var(--vg-gold-light, #d9bf8c)}.vg-colour .vg-section-header{margin-bottom:var(--vg-header-gap, 3.2rem)}.vg-colour__slider{--vg-slide-w: 22%;--vg-slide-gap: 1.2rem}.vg-colour__list{padding-top:.8rem;padding-bottom:.8rem}.vg-colour__slide{display:flex;justify-content:center;scroll-snap-align:start}.vg-colour__item{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:14rem;padding:.4rem 0 .6rem;color:rgb(var(--color-foreground));text-align:center;text-decoration:none;-webkit-tap-highlight-color:transparent}.vg-colour__coin{position:relative;display:block;width:100%;aspect-ratio:1;padding:.3rem;border-radius:50%;background:var(--vg-foil, linear-gradient(135deg, #8c6a3a 0%, #d9bf8c 38%, #b08d57 55%, #ebd9b0 72%, #8c6a3a 100%));box-shadow:0 .8rem 2rem #2e071224;transition:transform .6s var(--vg-colour-ease),box-shadow .6s var(--vg-colour-ease)}.vg-colour--line .vg-colour__coin{padding:.1rem;background:var(--vg-colour-ring);box-shadow:none}.vg-colour__coin:after{content:"";position:absolute;top:-.6rem;right:-.6rem;bottom:-.6rem;left:-.6rem;border-radius:50%;border:1px solid var(--vg-colour-ring);opacity:0;transform:scale(.94);transition:opacity .5s var(--vg-colour-ease),transform .6s var(--vg-colour-ease);pointer-events:none}.vg-colour__swatch{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:50%;border:.3rem solid var(--vg-colour-gap-ring);background-color:var(--vg-swatch, #b08d57);background-image:radial-gradient(circle at 32% 26%,#ffffff75 0,#fff0 44%),radial-gradient(circle at 74% 82%,#00000042 0,#0000 58%),repeating-linear-gradient(135deg,#ffffff0d 0 2px,#fff0 2px 5px);box-shadow:inset 0 0 0 1px #2e07121a}.vg-colour__swatch--duo{background-image:radial-gradient(circle at 32% 26%,#ffffff6b 0,#fff0 44%),radial-gradient(circle at 74% 82%,#00000038 0,#0000 58%),linear-gradient(135deg,var(--vg-swatch, #b08d57) 0 50%,var(--vg-swatch-2, #4a0e1f) 50% 100%)}.vg-colour__swatch--image{background-image:none;background-color:rgba(var(--color-foreground),.06)}.vg-colour__img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--vg-colour-ease)}.vg-colour__name{font-family:var(--vg-colour-accent-font);font-size:1.2rem;line-height:1.35;letter-spacing:.12em;text-transform:uppercase;color:rgb(var(--color-foreground));background-image:linear-gradient(var(--vg-colour-ring),var(--vg-colour-ring));background-size:0 1px;background-position:50% 100%;background-repeat:no-repeat;padding-bottom:.3rem;transition:background-size .5s var(--vg-colour-ease);margin-right:-.2em}.vg-colour__count{margin-top:-.6rem;font-size:1.15rem;line-height:1.3;font-variant-numeric:tabular-nums;color:var(--vg-muted-text, rgba(var(--color-foreground), .8))}@media(hover:hover){.vg-colour__item:hover .vg-colour__coin{transform:translateY(-.4rem);box-shadow:0 1.4rem 2.8rem #2e071233}.vg-colour--line .vg-colour__item:hover .vg-colour__coin{box-shadow:none}.vg-colour__item:hover .vg-colour__coin:after{opacity:1;transform:scale(1)}.vg-colour__item:hover .vg-colour__img{transform:scale(1.06)}.vg-colour__item:hover .vg-colour__name{background-size:60% 1px}}.vg-colour__item:active .vg-colour__coin{transform:scale(.97)}.vg-colour__item:focus-visible{outline:none}.vg-colour__item:focus-visible .vg-colour__coin:after{opacity:1;transform:scale(1);border-width:2px;border-color:var(--vg-focus, var(--vg-gold-deep, #8c6a3a))}.vg-colour__item:focus-visible .vg-colour__name{background-size:100% 1px}.vg-colour__empty{margin:0 auto;max-width:56rem;padding:2rem;text-align:center;font-size:1.35rem;border:1px dashed var(--vg-colour-line);color:rgba(var(--color-foreground),.8)}@media screen and (max-width:749px){.vg-colour__slider--grid .vg-slider__track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem 1.2rem;margin-inline:0;padding-inline:0;overflow:visible;scroll-snap-type:none}.vg-colour__slider--grid .vg-slider__track>*{max-width:none}.vg-colour__slider--grid .vg-slider__btn{display:none}}@media screen and (max-width:359px){.vg-colour__slider{--vg-slide-w: 24%}.vg-colour__name{font-size:1.2rem;letter-spacing:.11em;margin-right:-.16em}}@media screen and (min-width:750px){.vg-colour__slider{--vg-slide-w: calc((100% - 6 * 1.6rem) / 7);--vg-slide-gap: 1.6rem}.vg-colour__name{font-size:1.2rem}}@media screen and (min-width:990px){.vg-colour__slider .vg-slider__track{display:grid;grid-template-columns:repeat(var(--vg-colour-cols, 6),minmax(0,1fr));justify-content:center;gap:3.2rem 2.4rem;overflow:visible;scroll-snap-type:none;max-width:calc(var(--vg-colour-cols, 6) * 16rem);margin-inline:auto}.vg-colour__slider .vg-slider__track>*{max-width:none}.vg-colour .vg-colour__slider .vg-slider__btn{display:none}.vg-colour__item{gap:1.2rem}}@media(prefers-reduced-motion:reduce){.vg-colour__coin,.vg-colour__coin:after,.vg-colour__img,.vg-colour__name{transition:none}.vg-colour__item:hover .vg-colour__coin,.vg-colour__item:hover .vg-colour__img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/vg-shop-by-colour.css.map */