.kh-share{padding-block:clamp(52px,7vw,104px);color:var(--kh-text, #fff8ef)}.kh-share__panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(340px,1.1fr);gap:clamp(28px,5vw,72px);align-items:center}.kh-share__eyebrow{margin:0;color:#e8c4c9;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.kh-share__heading{margin:18px 0 0;font-family:var(--font-heading--family),"Playfair Display",serif;font-size:clamp(34px,4.6vw,64px);font-weight:700;line-height:1.02;text-wrap:balance}.kh-share__copy{max-width:49ch;margin:20px 0 0;color:var(--kh-text-secondary, #e8c4c9);font-size:15px;line-height:1.7}.kh-share__controls{margin-top:30px;padding:clamp(20px,2.6vw,30px);border:1px solid rgba(232,196,201,.35);border-radius:8px;background:#722f37bf}.kh-share__result{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}.kh-share__result strong{font-family:var(--font-heading--family),"Playfair Display",serif;font-size:clamp(26px,3vw,40px);line-height:1}.kh-share__result span{color:var(--kh-text-secondary, #e8c4c9);font-size:12px;letter-spacing:.04em}.kh-share__range{width:100%;margin:24px 0 0;accent-color:#e8c4c9;cursor:pointer}.kh-share__range:focus-visible{outline:2px solid #e8c4c9;outline-offset:5px}.kh-share__presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.kh-share__preset{padding:9px 13px;border:1px solid rgba(232,196,201,.35);border-radius:4px;background:transparent;color:var(--kh-text, #fff8ef);font-family:var(--font-body--family),"Lato",sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.kh-share__preset:hover,.kh-share__preset[aria-pressed=true]{border-color:#e8c4c9;background:#e8c4c9;color:#401a20}.kh-share__preset:focus-visible{outline:2px solid #e8c4c9;outline-offset:3px}.kh-share__visual{display:grid;justify-items:center;gap:26px}.kh-orbit{position:relative;width:min(100%,510px);aspect-ratio:1}.kh-orbit:before,.kh-orbit:after{content:"";position:absolute;top:13%;right:13%;bottom:13%;left:13%;border:1px solid rgba(232,196,201,.35);border-radius:50%}.kh-orbit:after{top:24%;right:24%;bottom:24%;left:24%}.kh-orbit__center{position:absolute;top:28%;right:28%;bottom:28%;left:28%;display:grid;place-content:center;justify-items:center;gap:7px;border:1px solid rgba(232,196,201,.35);border-radius:50%;background:#722f37bf;text-align:center}.kh-orbit__center strong{font-family:var(--font-heading--family),"Playfair Display",serif;font-size:clamp(34px,5vw,66px);line-height:1}.kh-orbit__center span{color:var(--kh-text-secondary, #e8c4c9);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.kh-orbit__item{--angle: calc(360deg / var(--kh-count) * var(--kh-index));position:absolute;z-index:2;top:50%;left:50%;width:clamp(54px,7vw,76px);aspect-ratio:1;border:2px solid rgba(232,196,201,.72);border-radius:50%;background:#401a20;overflow:hidden;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(clamp(-228px,-22vw,-150px)) rotate(calc(-1 * var(--angle)));transition:border-color .2s ease,transform .25s ease}.kh-orbit__item:hover,.kh-orbit__item:focus-visible{border-color:#fff;outline:none}.kh-orbit__item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.kh-orbit__item:hover img{transform:scale(1.08)}.kh-share__plates{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.kh-share__plate{width:30px;height:30px;border:1px solid rgba(232,196,201,.35);border-radius:50%;background:#5a242b99;transition:background .2s ease,transform .2s ease}.kh-share__plate:after{content:"";display:block;width:12px;height:12px;margin:8px;border-radius:50%;background:#e8c4c9;opacity:0;transition:opacity .2s ease}.kh-share__plate.is-on{transform:translateY(-3px)}.kh-share__plate.is-on:after{opacity:1}.kh-share__note{max-width:54ch;margin:0;color:var(--kh-text-secondary, #e8c4c9);font-size:11px;line-height:1.55;text-align:center}@media(max-width:899px){.kh-share__panel{grid-template-columns:1fr}.kh-share__visual{order:-1}.kh-orbit{width:min(100%,430px)}}@media(max-width:560px){.kh-orbit__item{width:52px;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-37vw) rotate(calc(-1 * var(--angle)))}.kh-orbit__center strong{font-size:34px}}@media(prefers-reduced-motion:reduce){.kh-share *,.kh-share *:before,.kh-share *:after{transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/kpfmhi-k3-share-table.css.map */