@property --modulo-cci-ring-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.modulo-cci{box-sizing:border-box;color:var(--modulo-cci-text, #18181b);padding-top:var(--modulo-cci-pad-top, 72px);padding-bottom:var(--modulo-cci-pad-bottom, 72px);font-family:inherit;--modulo-cci-pad-x: 48px;--modulo-cci-muted: color-mix(in srgb, var(--modulo-cci-text, #18181b) 60%, var(--modulo-cci-bg, #fff));--modulo-cci-hairline: color-mix(in srgb, var(--modulo-cci-text, #18181b) 14%, transparent);--modulo-cci-placeholder: color-mix(in srgb, var(--modulo-cci-text, #18181b) 8%, var(--modulo-cci-bg, #fff))}.modulo-cci *,.modulo-cci *:before,.modulo-cci *:after{box-sizing:border-box}@supports not (color: color-mix(in srgb,red,blue)){.modulo-cci{--modulo-cci-muted: #5f5f63;--modulo-cci-hairline: rgba(24, 24, 27, .14);--modulo-cci-placeholder: #ededee}}.modulo-cci--width-page{background:var(--modulo-cci-bg, #fff)}.modulo-cci--width-page .modulo-cci__container{max-width:var(--modulo-cci-container-max, 1200px);margin-inline:auto;padding-inline:var(--modulo-cci-pad-x)}.modulo-cci--width-boxed{padding-inline:24px}.modulo-cci--width-boxed .modulo-cci__container{max-width:1200px;margin-inline:auto;background:var(--modulo-cci-bg, #fff);border-radius:var(--modulo-cci-outer-radius, 0px);padding:clamp(28px,4vw,56px) var(--modulo-cci-pad-x)}@media(min-width:861px){.modulo-cci--hide-desktop{display:none}}@media(max-width:860px){.modulo-cci--hide-mobile{display:none}}.modulo-cci__header{margin-bottom:32px;text-align:center}.modulo-cci--align-left .modulo-cci__header{text-align:left}.modulo-cci__eyebrow{margin:0 0 10px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--modulo-cci-muted)}.modulo-cci__heading{margin:0;font-size:var(--modulo-cci-heading-size, 30px);font-weight:700;line-height:1.08;letter-spacing:-.02em;color:var(--modulo-cci-text, #18181b);text-wrap:balance}.modulo-cci__heading strong,.modulo-cci__heading b{color:var(--modulo-cci-accent, #b42870);font-weight:inherit}.modulo-cci__sub{margin:10px auto 0;max-width:54ch;font-size:15px;line-height:1.55;color:var(--modulo-cci-muted)}.modulo-cci--align-left .modulo-cci__sub{margin-inline:0}.modulo-cci__rail{display:flex;gap:var(--modulo-cci-gap, 28px);align-items:flex-start;justify-content:center;justify-content:safe center;overflow-x:auto;scroll-snap-type:x proximity;padding:12px 6px 24px;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.modulo-cci__rail::-webkit-scrollbar{display:none}.modulo-cci--align-left .modulo-cci__rail{justify-content:flex-start}.modulo-cci--layout-grid .modulo-cci__rail{flex-wrap:wrap;overflow:visible;row-gap:30px;-webkit-mask-image:none;mask-image:none}.modulo-cci__item{flex:0 0 auto;width:var(--modulo-cci-size, 132px);scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--modulo-cci-label-gap, 14px);text-decoration:none;color:inherit}.modulo-cci__ring{display:block;width:var(--modulo-cci-size, 132px);height:var(--modulo-cci-size, 132px);flex:none;border-radius:50%;padding:var(--modulo-cci-ring-w, 3px);transition:transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s ease,--modulo-cci-ring-angle .9s ease;will-change:transform}.modulo-cci--ring-gradient .modulo-cci__ring{background:conic-gradient(from var(--modulo-cci-ring-angle, 0deg),var(--modulo-cci-ring-a, #7a3ff2),var(--modulo-cci-ring-b, #e0479e),var(--modulo-cci-ring-c, #f78b3c),var(--modulo-cci-ring-a, #7a3ff2))}.modulo-cci--ring-solid .modulo-cci__ring{background:var(--modulo-cci-ring-solid, #18181b)}.modulo-cci--ring-none .modulo-cci__ring{padding:0;background:transparent}.modulo-cci__inner{display:block;width:100%;height:100%;border-radius:50%;padding:var(--modulo-cci-ring-gap, 3px);background:var(--modulo-cci-bg, #fff)}.modulo-cci--ring-none .modulo-cci__inner{padding:0}.modulo-cci__img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;background:var(--modulo-cci-hairline)}.modulo-cci--ring-none .modulo-cci__img{box-shadow:inset 0 0 0 1px var(--modulo-cci-hairline)}.modulo-cci__placeholder-svg{background:var(--modulo-cci-placeholder)}.modulo-cci__label{font-size:var(--modulo-cci-label-size, 15px);font-weight:var(--modulo-cci-label-weight, 600);letter-spacing:-.01em;line-height:1.25;text-align:center;color:var(--modulo-cci-text, #18181b);min-height:2.5em;transition:color .2s ease}.modulo-cci__item:hover .modulo-cci__ring,.modulo-cci__item:focus-visible .modulo-cci__ring{--modulo-cci-ring-angle: 360deg;transform:translateY(-4px) scale(1.03)}.modulo-cci--ring-gradient .modulo-cci__item:hover .modulo-cci__ring,.modulo-cci--ring-gradient .modulo-cci__item:focus-visible .modulo-cci__ring{box-shadow:0 12px 24px -12px color-mix(in srgb,var(--modulo-cci-ring-b, #e0479e) 55%,transparent)}.modulo-cci--ring-solid .modulo-cci__item:hover .modulo-cci__ring,.modulo-cci--ring-solid .modulo-cci__item:focus-visible .modulo-cci__ring{box-shadow:0 12px 22px -12px color-mix(in srgb,var(--modulo-cci-text, #18181b) 45%,transparent)}.modulo-cci--ring-none .modulo-cci__item:hover .modulo-cci__ring,.modulo-cci--ring-none .modulo-cci__item:focus-visible .modulo-cci__ring{box-shadow:0 12px 22px -14px #00000073}.modulo-cci__item:hover .modulo-cci__label,.modulo-cci__item:focus-visible .modulo-cci__label{color:var(--modulo-cci-accent, #b42870)}.modulo-cci--ring-none .modulo-cci__item:hover .modulo-cci__label,.modulo-cci--ring-none .modulo-cci__item:focus-visible .modulo-cci__label{color:inherit}.modulo-cci__item:focus-visible{outline:none}.modulo-cci__item:focus-visible .modulo-cci__ring{outline:3px solid var(--modulo-cci-accent, #b42870);outline-offset:4px}@media(max-width:860px){.modulo-cci{--modulo-cci-pad-x: 24px}.modulo-cci__item,.modulo-cci__ring{width:var(--modulo-cci-size-m, 92px)}.modulo-cci__ring{height:var(--modulo-cci-size-m, 92px)}.modulo-cci__heading{font-size:clamp(22px,5.2vw,var(--modulo-cci-heading-size, 30px))}}@media(max-width:480px){.modulo-cci{--modulo-cci-pad-x: 16px}.modulo-cci__header{margin-bottom:24px}}@media(prefers-reduced-motion:reduce){.modulo-cci__ring{transition:box-shadow .2s ease}.modulo-cci__item:hover .modulo-cci__ring,.modulo-cci__item:focus-visible .modulo-cci__ring{--modulo-cci-ring-angle: 0deg;transform:none}.modulo-cci__rail{scroll-behavior:auto}.modulo-cci__label{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/modulo-section-category-circles.css.map */