.marble-score-explorer{display:block;color:var(--COLOR-TEXT);font-family:var(--FONT-STACK-BODY)}.marble-score-explorer__scale-title,.marble-score-explorer__category,.marble-score-explorer__score-label,.marble-score-explorer__card h4,.marble-score-explorer__guide-link{font-family:var(--FONT-STACK-HEADING);font-style:var(--FONT-STYLE-HEADING);text-transform:uppercase}.marble-score-explorer__scale-title{margin:0 0 1rem;color:var(--COLOR-TEXT-LIGHT);font-size:clamp(1rem,3vw,1.25rem);letter-spacing:.12em}.marble-score-explorer__choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.marble-score-explorer__choice{display:grid;min-width:0;min-height:44px;padding:0;border:0;background:transparent;color:var(--COLOR-TEXT);cursor:pointer;gap:.4rem;place-items:center}.marble-score-explorer__thumb{display:block;width:min(100%,6rem);overflow:hidden;border:2px solid transparent;border-radius:50%;aspect-ratio:1;transition:border-color .18s ease,transform .18s ease}.marble-score-explorer__thumb img,.marble-score-explorer__static-image img{display:block;width:100%;height:100%;object-fit:cover}.marble-score-explorer__choice:hover .marble-score-explorer__thumb,.marble-score-explorer__choice:focus-visible .marble-score-explorer__thumb,.marble-score-explorer__choice.is-active .marble-score-explorer__thumb{border-color:var(--COLOR-PRIMARY);transform:translateY(-.2rem)}.marble-score-explorer__choice:focus-visible{outline:2px solid var(--COLOR-PRIMARY);outline-offset:.25rem}.marble-score-explorer__choice-label{color:var(--COLOR-TEXT);font-size:1rem;font-weight:var(--FONT-WEIGHT-BODY-BOLD);line-height:1}.marble-score-explorer__rail{position:relative;height:.4rem;margin-top:1.75rem;border-radius:1rem;background:linear-gradient(90deg,var(--COLOR-A20),var(--COLOR-PRIMARY))}.marble-score-explorer__marker{position:absolute;top:50%;width:1.1rem;height:1.1rem;border:3px solid var(--COLOR-PRIMARY);border-radius:50%;background:var(--COLOR-BG);transform:translate(-50%,-50%);transition:left .24s ease}.marble-score-explorer__rail-labels{display:flex;justify-content:space-between;margin-top:.7rem;color:var(--COLOR-TEXT-LIGHT);font-family:var(--FONT-STACK-HEADING);font-size:1rem;letter-spacing:.08em;text-transform:uppercase}.marble-score-explorer__panel{margin-top:1.5rem;padding:clamp(1rem,4vw,1.75rem);border:1px solid var(--COLOR-A20);border-radius:var(--RADIUS-LG);background:var(--COLOR-BG)}.marble-score-explorer__readout{display:grid;gap:1rem}.marble-score-explorer__score-label{margin:0;color:var(--COLOR-TEXT);font-size:clamp(3.5rem,16vw,6rem);font-weight:var(--FONT-WEIGHT-HEADING);line-height:.85}.marble-score-explorer__category{display:inline-block;margin-bottom:.65rem;color:var(--COLOR-PRIMARY);font-size:1rem;letter-spacing:.1em}.marble-score-explorer__summary{max-width:56ch;font-size:1rem;line-height:1.5}.marble-score-explorer__summary p{margin:0}.marble-score-explorer__cards{display:grid;gap:1rem;margin-top:1.5rem}.marble-score-explorer__card{padding-top:.8rem;border-top:2px solid var(--COLOR-PRIMARY)}.marble-score-explorer__card h4{margin:0 0 .35rem;color:var(--COLOR-TEXT);font-size:1.1rem;letter-spacing:.08em}.marble-score-explorer__card p{margin:0;color:var(--COLOR-TEXT-LIGHT);font-size:1rem;line-height:1.45}.marble-score-explorer__static-visual{display:grid;grid-template-columns:minmax(5.5rem,7.5rem) minmax(0,1fr);gap:1rem;align-items:center}.marble-score-explorer__static-image{overflow:hidden;border-radius:50%;aspect-ratio:1}.marble-score-explorer__guide-link{display:inline-block;margin-top:1.25rem;color:var(--COLOR-PRIMARY);font-size:1rem;letter-spacing:.08em}@media(min-width:768px){.marble-score-explorer__choices{grid-template-columns:repeat(5,minmax(0,1fr))}.marble-score-explorer__readout{grid-template-columns:auto minmax(0,1fr);gap:1.5rem;align-items:center}.marble-score-explorer__cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}}@media(min-width:1024px){.marble-score-explorer__choices{grid-template-columns:repeat(10,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.marble-score-explorer__thumb,.marble-score-explorer__marker{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/marble-score-explorer.css.map */