.vf-circles{--vfc-navy: var(--vf-navy, #2e2f88);--vfc-yellow: var(--vf-yellow, #fece00);--vfc-ink: var(--vf-ink, #1a1b2e);--vfc-disc: var(--vf-disc, #efece6);--vfc-line: var(--vf-line, #e6e3dc);--vfc-cell: 96px;--vfc-disc-size: 84px;--vfc-gutter: 16px;padding-block:var(--vfc-pt, 16px) var(--vfc-pb, 16px)}.vf-circles__heading{margin:0 0 12px;font-size:21px;line-height:30px;font-weight:600;text-align:start}.vf-circles__scroller{position:relative}.vf-circles__list{display:flex;flex-wrap:nowrap;margin:0;margin-inline:calc(-1 * var(--vfc-gutter));padding:6px var(--vfc-gutter);list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--vfc-gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch}.vf-circles__list::-webkit-scrollbar{display:none}.vf-circles__item{flex:0 0 var(--vfc-cell);width:var(--vfc-cell);margin:0;padding:0;scroll-snap-align:start}.vf-circles__item:before,.vf-circles__item:after{content:none}.vf-circle{display:flex;flex-direction:column;align-items:center;padding-inline:4px;color:var(--vfc-ink);text-decoration:none;-webkit-tap-highlight-color:transparent}.vf-circle__media{position:relative;display:block;width:var(--vfc-disc-size);height:var(--vfc-disc-size);transition:transform .2s cubic-bezier(.2,.8,.2,1)}.vf-circle__disc{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background:var(--vfc-disc);overflow:hidden;transition:box-shadow .2s cubic-bezier(.2,.8,.2,1)}.vf-circle__img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}.vf-circle__letter{font-size:32px;line-height:1;font-weight:700;color:var(--vfc-navy)}.vf-circle__label{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-block-start:8px;max-width:100%;font-size:13px;line-height:18px;font-weight:500;text-align:center;overflow-wrap:anywhere}.vf-circle__badge{position:absolute;inset-block-end:-2px;inset-inline-end:-2px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;box-sizing:border-box;border:2px solid #fff;border-radius:50%;background:var(--vfc-navy);color:#fff}[dir=rtl] .vf-circle__badge svg,[dir=rtl] .vf-circles__arrow svg{transform:scaleX(-1)}.vf-circle.is-current .vf-circle__disc{box-shadow:0 0 0 3px var(--vfc-yellow)}.vf-circle.is-current .vf-circle__label{font-weight:700;color:var(--vfc-navy)}.vf-circle:active .vf-circle__media{transform:scale(.97)}.vf-circle:active .vf-circle__disc{box-shadow:0 0 0 2px var(--vfc-navy)}.vf-circle:focus{outline:none}.vf-circle:focus-visible .vf-circle__disc{outline:2px solid var(--vfc-navy);outline-offset:4px}@media(hover:hover){.vf-circle:hover .vf-circle__label{color:var(--vfc-navy)}.vf-circle:hover .vf-circle__disc{box-shadow:0 0 0 2px #2e2f8833}.vf-circle.is-current:hover .vf-circle__disc{box-shadow:0 0 0 3px var(--vfc-yellow)}}.vf-circles__arrow,.vf-circles--desktop-only{display:none}@media(min-width:768px){.vf-circles{--vfc-cell: 160px;--vfc-disc-size: 140px;--vfc-gutter: 0px}.vf-circles--desktop-only{display:block}.vf-circles__heading{margin-block-end:20px;font-size:28px;line-height:36px;text-align:center}.vf-circles__list{flex-wrap:nowrap;justify-content:safe center;overflow-x:auto;padding-block:6px;scroll-snap-type:x proximity;scrollbar-width:none}.vf-circles__list::-webkit-scrollbar{display:none}.vf-circle__letter{font-size:48px}.vf-circle__label{margin-block-start:10px;font-size:14px;line-height:20px}.vf-circles.is-scroll .vf-circles__arrow{position:absolute;inset-block-start:calc(6px + var(--vfc-disc-size) / 2 - 20px);z-index:1;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--vfc-line);border-radius:50%;background:#fff;color:var(--vfc-navy);box-shadow:0 10px 30px #1a1b2e24;cursor:pointer;transition:opacity .2s cubic-bezier(.2,.8,.2,1)}.vf-circles.is-scroll .vf-circles__arrow[hidden]{display:none}.vf-circles.is-scroll .vf-circles__arrow:disabled{opacity:0;pointer-events:none}.vf-circles__arrow--prev{inset-inline-start:-12px}.vf-circles__arrow--next{inset-inline-end:-12px}.vf-circles__arrow:focus-visible{outline:2px solid var(--vfc-navy);outline-offset:2px}}@media(prefers-reduced-motion:reduce){.vf-circle__media,.vf-circle__disc,.vf-circles__arrow{transition:none}.vf-circle:active .vf-circle__media{transform:none}}.vf-cindex{padding-block:var(--vfc-pt, 24px) var(--vfc-pb, 40px)}.vf-cindex__title{margin:0 0 8px;font-size:26px;line-height:36px;font-weight:700;color:var(--vf-navy, #2e2f88);text-align:start}.vf-cindex .vf-circles{padding-block:12px}.vf-cindex__group{border-block-start:1px solid var(--vf-line, #e6e3dc)}.vf-cindex__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-block-end:10px}.vf-cindex .vf-circles__heading{margin:0;font-size:19px;line-height:28px;text-align:start}.vf-cindex .vf-circles__heading a{color:inherit;text-decoration:none}.vf-cindex__all{flex:none;display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:600;color:var(--vf-navy, #2e2f88);text-decoration:underline;text-underline-offset:3px}@media(min-width:768px){.vf-cindex__title{margin-block-end:16px;font-size:32px;line-height:44px}.vf-cindex .vf-circles{--vfc-cell: 136px;--vfc-disc-size: 116px;padding-block:18px}.vf-cindex .vf-circles__heading{font-size:22px;line-height:32px}.vf-cindex .vf-circles__list{justify-content:safe start}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/vf-collection-children.css.map */
