.okart-circles{padding-top:var(--okc-pt, 60px);padding-bottom:var(--okc-pb, 60px);background:var(--okc-bg, transparent);color:var(--okc-fg, inherit);position:relative;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.okart-circles__header{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:28px}.okart-circles--center .okart-circles__header{align-items:center;text-align:center}.okart-circles__eyebrow{font-family:var(--font-body-family, sans-serif);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;opacity:.55}.okart-circles__title{margin:0;font-family:var(--font-heading-family, inherit);font-size:clamp(20px,3vw,30px);font-weight:400;letter-spacing:.005em;line-height:1.15}.okart-circles__subtitle{margin:4px 0 0;font-size:14px;opacity:.65;line-height:1.45;max-width:56ch}.okart-circles__carousel-wrap{position:relative}.okart-circles__swiper{overflow:hidden;padding:24px 0 28px}.okart-circles__swiper .swiper-slide{width:var(--okc-size, 120px);flex-shrink:0;display:flex;justify-content:center}@media(max-width:749px){.okart-circles__swiper .swiper-slide{width:var(--okc-size-m, 90px)}}.okart-circles__item{display:flex;flex-direction:column;align-items:center;gap:12px;text-decoration:none;color:inherit;outline:none;width:100%;cursor:pointer}.okart-circles__circle{display:block;position:relative;width:var(--okc-size, 120px);height:var(--okc-size, 120px);max-width:100%;border-radius:var(--okc-radius, 50%);overflow:hidden;background:rgba(var(--color-foreground),.04);isolation:isolate;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1)}@media(max-width:749px){.okart-circles__circle{width:var(--okc-size-m, 90px);height:var(--okc-size-m, 90px)}}.okart-circles__ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1px solid rgba(0,0,0,.06);pointer-events:none;z-index:2;transition:border-color .4s ease,box-shadow .4s ease;box-shadow:inset 0 1px #ffffff2e}.okart-circles__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;transition:transform .7s cubic-bezier(.16,1,.3,1);z-index:1}.okart-circles__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.05);border-radius:inherit}.okart-circles__placeholder svg{width:42%;height:42%;opacity:.4}@media(hover:hover){.okart-circles__item:hover .okart-circles__circle{transform:translateY(-3px);box-shadow:0 14px 34px #00000021}.okart-circles__item:hover .okart-circles__ring{border-color:rgba(var(--color-foreground),.32)}.okart-circles__item:hover .okart-circles__img{transform:scale(1.06)}.okart-circles__item:hover .okart-circles__label{opacity:1}}.okart-circles__item:active .okart-circles__circle{transform:translateY(-1px);transition-duration:.15s}.okart-circles__item:focus-visible .okart-circles__ring{border-color:rgba(var(--color-foreground),.7);box-shadow:inset 0 1px #ffffff2e,0 0 0 3px rgba(var(--color-foreground),.18)}.okart-circles__label{display:block;text-align:center;font-family:var(--font-body-family, sans-serif);font-size:12.5px;font-weight:500;letter-spacing:.04em;line-height:1.25;max-width:calc(var(--okc-size, 120px) + 16px);word-break:break-word;-webkit-hyphens:auto;hyphens:auto;opacity:.85;transition:opacity .3s ease}@media(max-width:749px){.okart-circles__label{font-size:11.5px;letter-spacing:.03em;max-width:calc(var(--okc-size-m, 90px) + 12px)}}.okart-circles__nav{position:absolute;top:calc(24px + var(--okc-size, 120px) / 2);transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:rgba(var(--color-background),.85);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border:1px solid rgba(var(--color-foreground),.12);color:rgb(var(--color-foreground));cursor:pointer;display:inline-flex;align-items:center;justify-content:center;z-index:10;opacity:0;transition:opacity .3s ease,background-color .3s ease,transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,border-color .3s ease;box-shadow:0 6px 18px #00000012}.okart-circles__carousel-wrap:hover .okart-circles__nav{opacity:1}.okart-circles__nav:hover{background:rgba(var(--color-background),.98);border-color:rgba(var(--color-foreground),.32);box-shadow:0 12px 28px #00000021;transform:translateY(-50%) scale(1.06)}.okart-circles__nav:active{transform:translateY(-50%) scale(.97);transition-duration:.1s}.okart-circles__nav.swiper-button-disabled{opacity:0!important;pointer-events:none}.okart-circles__nav--prev{left:12px}.okart-circles__nav--next{right:12px}@media(max-width:749px){.okart-circles{padding-top:max(10px,calc(var(--okc-pt, 60px) * .25));padding-bottom:max(10px,calc(var(--okc-pb, 60px) * .25))}.okart-circles__header{margin-bottom:12px}.okart-circles__swiper{padding:8px 0 12px}.okart-circles__title{font-size:clamp(18px,5vw,24px)}.okart-circles__subtitle{font-size:13px}.okart-circles__nav{display:none}}@media(prefers-reduced-motion:reduce){.okart-circles__circle,.okart-circles__img,.okart-circles__nav,.okart-circles__ring{transition:none}.okart-circles__item:hover .okart-circles__circle,.okart-circles__item:hover .okart-circles__img,.okart-circles__nav:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-okart-collection-circles.css.map */