.vs-cc{--vs-cc-circle-desktop: 110px;--vs-cc-circle-mobile: 82px;--vs-cc-gap: 28px;--vs-cc-border-width: 2px;--vs-cc-border-color: #e8dfd2;--vs-cc-shadow-opacity: .15;--vs-cc-bg: #fbf4ec;--vs-cc-heading-color: #2b2118;--vs-cc-label-color: #2b2118;--vs-cc-arrow-bg: #ffffff;--vs-cc-arrow-icon: #2b2118;--vs-cc-badge-bg: #c0392b;--vs-cc-badge-text: #ffffff;position:relative;width:100%;padding-top:var(--vs-cc-mobile-padding-top, 32px);padding-bottom:var(--vs-cc-mobile-padding-bottom, 32px);overflow:hidden}@media screen and (min-width:750px){.vs-cc{padding-top:var(--vs-cc-desktop-padding-top, 48px);padding-bottom:var(--vs-cc-desktop-padding-bottom, 48px)}}.vs-cc *,.vs-cc *:before,.vs-cc *:after{box-sizing:border-box}.vs-cc__container{max-width:1400px;margin:0 auto;padding:0 16px}@media screen and (min-width:990px){.vs-cc__container{padding:0 40px}}.vs-cc__header{margin-bottom:28px;text-align:center}.vs-cc--align-left .vs-cc__header{text-align:left}.vs-cc__heading{margin:0 0 8px;font-size:clamp(1.375rem,3vw,2rem);font-weight:700;color:var(--vs-cc-heading-color);letter-spacing:-.01em}.vs-cc__subheading{margin:0;font-size:1rem;line-height:1.5;color:var(--vs-cc-heading-color);opacity:.72}.vs-cc__subheading p{margin:0}.vs-cc__row-wrapper{position:relative}.vs-cc__row-wrapper:before,.vs-cc__row-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:36px;pointer-events:none;z-index:2;opacity:0;transition:opacity .25s ease}.vs-cc__row-wrapper:before{left:0;background:linear-gradient(to right,var(--vs-cc-bg),transparent)}.vs-cc__row-wrapper:after{right:0;background:linear-gradient(to left,var(--vs-cc-bg),transparent)}.vs-cc__row-wrapper[data-vs-scrolled=true]:before,.vs-cc__row-wrapper[data-vs-at-end=false]:after{opacity:1}.vs-cc__track{display:flex;align-items:flex-start;gap:var(--vs-cc-gap);margin:0;padding:4px 4px 12px;list-style:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.vs-cc__track::-webkit-scrollbar{display:none}.vs-cc--align-center .vs-cc__track{justify-content:center}@media screen and (max-width:989px){.vs-cc--align-center .vs-cc__track{justify-content:flex-start}}.vs-cc__track:focus-visible{outline:2px solid var(--vs-cc-heading-color);outline-offset:4px}.vs-cc__item{flex:0 0 auto;scroll-snap-align:start}.vs-cc__link{display:flex;flex-direction:column;align-items:center;gap:12px;text-decoration:none;cursor:pointer}.vs-cc__circle{position:relative;width:var(--vs-cc-circle-mobile);height:var(--vs-cc-circle-mobile);border-radius:50%;background-color:var(--vs-cc-item-bg, #e4ddcf);display:flex;align-items:center;justify-content:center;overflow:visible;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}@media screen and (min-width:750px){.vs-cc__circle{width:var(--vs-cc-circle-desktop);height:var(--vs-cc-circle-desktop)}}.vs-cc__link:hover .vs-cc__circle,.vs-cc__link:focus-visible .vs-cc__circle{transform:translateY(-4px) scale(1.045)}.vs-cc__link:focus-visible{outline:none}.vs-cc__link:focus-visible .vs-cc__circle{box-shadow:0 0 0 3px var(--vs-cc-bg),0 0 0 5px var(--vs-cc-heading-color)}.vs-cc--circle-shadow .vs-cc__circle,.vs-cc--circle-shadow-ring .vs-cc__circle{box-shadow:0 10px 24px rgba(0,0,0,var(--vs-cc-shadow-opacity)),0 2px 6px rgba(0,0,0,calc(var(--vs-cc-shadow-opacity) * .6))}.vs-cc--circle-shadow .vs-cc__link:hover .vs-cc__circle,.vs-cc--circle-shadow-ring .vs-cc__link:hover .vs-cc__circle{box-shadow:0 16px 32px rgba(0,0,0,calc(var(--vs-cc-shadow-opacity) * 1.4)),0 4px 10px rgba(0,0,0,calc(var(--vs-cc-shadow-opacity) * .8))}.vs-cc--circle-ring .vs-cc__circle,.vs-cc--circle-shadow-ring .vs-cc__circle{border:var(--vs-cc-border-width) solid var(--vs-cc-border-color)}.vs-cc__image{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:50%;pointer-events:none;-webkit-user-select:none;user-select:none}.vs-cc__image--placeholder{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:22%}.vs-cc__placeholder-svg{width:100%;height:100%;object-fit:contain}.vs-cc__badge{position:absolute;top:-6px;left:50%;transform:translate(-50%) rotate(-8deg);background-color:var(--vs-cc-badge-bg);color:var(--vs-cc-badge-text);font-size:.5625rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 10px;border-radius:999px;white-space:nowrap;z-index:1;box-shadow:0 2px 6px #0003}.vs-cc__label{font-size:15px!important;font-weight:600;color:var(--vs-cc-label-color);text-align:center;max-width:calc(var(--vs-cc-circle-mobile) + 24px);line-height:1.3;font-family:Jost,sans-serif}@media screen and (min-width:750px){.vs-cc__label{font-size:.9375rem;max-width:calc(var(--vs-cc-circle-desktop) + 24px)}}.vs-cc__arrow{position:absolute;top:calc((var(--vs-cc-circle-mobile) / 2) + 4px);transform:translateY(-50%);z-index:3;display:none;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border-radius:50%;border:none;cursor:pointer;color:var(--vs-cc-arrow-icon);background-color:var(--vs-cc-arrow-bg);box-shadow:0 6px 18px #00000024;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}@media screen and (min-width:750px){.vs-cc__arrow{display:flex;top:calc((var(--vs-cc-circle-desktop) / 2) + 4px)}}.vs-cc__arrow:hover{transform:translateY(-50%) scale(1.08);box-shadow:0 8px 22px #0003}.vs-cc__arrow:focus-visible{outline:2px solid var(--vs-cc-arrow-icon);outline-offset:2px}.vs-cc__arrow--prev{left:-6px}.vs-cc__arrow--next{right:-6px}@media screen and (min-width:1200px){.vs-cc__arrow--prev{left:-20px}.vs-cc__arrow--next{right:-20px}}.vs-cc__arrow--outline{background-color:transparent;border:1.5px solid var(--vs-cc-arrow-icon);box-shadow:none}.vs-cc__arrow--minimal{background-color:transparent;box-shadow:none}.vs-cc__arrow[data-vs-hidden=true]{opacity:0;pointer-events:none}.vs-cc__arrow[disabled]{opacity:.35;cursor:default;pointer-events:none}.vs-cc--animation-none .vs-cc__item{opacity:1;transform:none}.vs-cc--animation-fade .vs-cc__item,.vs-cc--animation-rise .vs-cc__item{opacity:0;transition:opacity .6s ease,transform .6s ease;transition-delay:var(--vs-cc-item-delay, 0ms)}.vs-cc--animation-rise .vs-cc__item{transform:translateY(18px)}.vs-cc.vs-is-visible .vs-cc__item{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.vs-cc__item{opacity:1!important;transform:none!important;transition:none!important}.vs-cc__circle,.vs-cc__arrow{transition:none!important}.vs-cc__track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/vs-collection-circles.css.map */