.carat-shapes{--cs-bg: #f7f7f5;--cs-text: #111111;--cs-subtext: #222222;--cs-border: rgba(17, 17, 17, .18);--cs-border-active: #222222;--cs-card-bg: transparent;--cs-transition: .22s ease;background:var(--cs-bg);color:var(--cs-text);position:relative;overflow:hidden;content-visibility:auto;contain-intrinsic-size:680px}@media screen and (max-width:749px){.carat-shapes{contain-intrinsic-size:620px}}.carat-shapes__label{font-family:var(--cb-font-body);font-size:var(--cb-body-md-1-size);line-height:var(--cb-body-md-1-line);font-weight:var(--cb-fw-regular);margin:0}.carat-shapes__item.is-active .carat-shapes__label,.carat-shapes__item.active .carat-shapes__label,.carat-shapes__item[aria-selected=true] .carat-shapes__label,.carat-shapes__item[aria-current=true] .carat-shapes__label,.carat-shapes__button.is-active .carat-shapes__label,.carat-shapes__button.active .carat-shapes__label,.carat-shapes__button[aria-selected=true] .carat-shapes__label,.carat-shapes__button[aria-current=true] .carat-shapes__label{font-family:var(--cb-font-body);font-size:var(--cb-body-md-2-size);line-height:var(--cb-body-md-2-line);font-weight:var(--cb-fw-semibold);margin:0}.carat-shapes__inner{max-width:1460px;margin:0 auto;padding:64px}.carat-shapes__header{max-width:640px;margin:0 auto 44px;text-align:center}.carat-shapes__heading{margin:0 0 10px;color:var(--cs-text)}.carat-shapes__subheading{font-family:var(--cb-font-body);font-size:var(--cb-body-md-1-size);line-height:var(--cb-body-md-1-line);font-weight:var(--cb-fw-regular);margin:0}.carat-shapes__layout{display:grid;grid-template-columns:minmax(560px,1fr) minmax(360px,560px);gap:28px 46px;align-items:center}.carat-shapes__left{min-width:0}.carat-shapes__ring-mobile{display:none}.carat-shapes__grid{display:grid;grid-template-columns:repeat(5,minmax(84px,1fr));gap:26px 18px;align-items:start}.carat-shapes__item{-webkit-appearance:none;appearance:none;background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:center;color:var(--cs-text);width:100%}.carat-shapes__item-inner{display:flex;flex-direction:column;align-items:center;gap:8px}.carat-shapes__thumb-wrap{width:100px;height:100px;border-radius:16px;border:1px solid transparent;background:var(--cs-card-bg);display:flex;align-items:center;justify-content:center;transition:border-color var(--cs-transition),transform var(--cs-transition),background-color var(--cs-transition),box-shadow var(--cs-transition)}.carat-shapes__item.is-active .carat-shapes__thumb-wrap{border-color:var(--cs-border-active)}@media(hover:hover)and (pointer:fine){.carat-shapes__item:hover .carat-shapes__thumb-wrap{border-color:var(--cs-border);transform:translateY(-1px)}}.carat-shapes__thumb{width:90%;height:90%;object-fit:contain;display:block}.carat-shapes__label{color:var(--cs-text);margin:0}.carat-shapes__right{min-width:0}.carat-shapes__ring-stage{position:relative;width:100%;aspect-ratio:1.18 / .72;min-height:300px}.carat-shapes__ring-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(.985);transition:opacity .24s ease,transform .24s ease;pointer-events:none}.carat-shapes__ring-image.is-active{opacity:1;transform:scale(1);pointer-events:auto}.carat-shapes__footer{margin-top:34px;display:flex;justify-content:center}.carat-shapes__cta{display:inline-flex;align-items:center;justify-content:center;min-width:440px;min-height:56px;padding:0 25px;border-radius:999px;border:1px solid #0f0f0f;background:transparent;color:#0f0f0f;text-decoration:none;font-family:var(--cb-font-body);font-size:var(--cb-caption-1-size);line-height:var(--cb-caption-1-line);font-weight:var(--cb-fw-bold);margin:0;text-transform:none;text-align:center;transition:transform var(--cs-transition),opacity var(--cs-transition),background-color var(--cs-transition)}.carat-shapes__cta:hover{transform:translateY(-1px)}@media screen and (max-width:1199px){.carat-shapes__layout{grid-template-columns:minmax(480px,1fr) minmax(320px,500px);gap:24px 28px}.carat-shapes__grid{gap:20px 14px}.carat-shapes__thumb-wrap{width:90px;height:90px}.carat-shapes__cta{min-width:380px}}@media screen and (max-width:1199px){.carat-shapes__inner{padding:48px}}@media screen and (max-width:989px){.carat-shapes__inner{padding:40px 32px}.carat-shapes__header{margin-bottom:24px;padding:0 18px}.carat-shapes__layout{display:block}.carat-shapes__right{display:none}.carat-shapes__ring-mobile{display:block;margin-bottom:18px}.carat-shapes__ring-mobile .carat-shapes__ring-stage{min-height:auto;aspect-ratio:1.15 / .72}.carat-shapes__grid-wrap{overflow-x:auto;overflow-y:hidden;padding:0 0 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.carat-shapes__grid-wrap::-webkit-scrollbar{display:none}.carat-shapes__grid{display:grid;grid-auto-flow:column;grid-auto-columns:104px;grid-template-columns:none;gap:0 4px;width:max-content;align-items:start;scroll-snap-type:x proximity}.carat-shapes__item{scroll-snap-align:center}.carat-shapes__thumb-wrap{width:82px;height:82px;border-radius:16px}.carat-shapes__footer{margin-top:30px;padding:0 15px 10px}.carat-shapes__cta{width:100%;min-width:0;min-height:50px;padding:0 10px}}@media screen and (max-width:749px){.carat-shapes__inner{padding:48px 16px}}@media(prefers-reduced-motion:reduce){.carat-shapes__thumb-wrap,.carat-shapes__ring-image,.carat-shapes__cta{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/119/assets/carat-shape-discovery.css.map */