.demo-condition{display:flex;min-height:5.2rem;align-items:center;justify-content:space-between;gap:1.2rem;width:100%;margin:1rem 0 0;padding:.9rem 1rem .9rem 1.2rem;border:.1rem solid rgba(24,42,64,.16);border-radius:.8rem;background:#f5f7f9;color:#111318}.demo-condition__summary{display:flex;min-width:0;align-items:baseline;gap:.7rem;line-height:1.25}.demo-condition__eyebrow{flex:0 0 auto;color:#66717e;font-size:1.1rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.demo-condition__rating{color:#182a40;font-size:1.35rem;font-weight:750;letter-spacing:0}.demo-condition__info{display:inline-grid;width:2.8rem;min-width:2.8rem;height:2.8rem;padding:.4rem;place-items:center;border:0;border-radius:50%;background:transparent;color:#182a40;cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease}.demo-condition__info .icon{width:100%;height:100%;fill:currentColor}.demo-condition__info:hover,.demo-condition__info:focus-visible{background:#182a40;color:#fff;outline:none;transform:scale(1.05)}.demo-condition-dialog:not([open]){display:none}.demo-condition-dialog{width:min(48rem,calc(100% - 3rem));max-width:48rem;margin:auto;padding:0;border:0;border-radius:1rem;background:#fff;box-shadow:0 2.8rem 8rem #080b1057;color:#111318;letter-spacing:normal;text-align:left}.demo-condition-dialog[open]{display:block;animation:demo-condition-dialog-in .22s cubic-bezier(.2,.72,.2,1) both}.demo-condition-dialog::backdrop{background:#080b10ad;-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem)}.demo-condition-dialog__inner{position:relative;padding:clamp(2.8rem,5vw,4rem)}.demo-condition-dialog__kicker{margin:0 0 1.2rem;color:#425f80;font-size:1.05rem;font-weight:850;letter-spacing:.16em;line-height:1;text-transform:uppercase}.demo-condition-dialog__title{max-width:38rem;margin:0;color:#111318;font-family:var(--font-heading-family);font-size:clamp(2.8rem,5vw,4.2rem);font-weight:900;letter-spacing:-.04em;line-height:1;text-transform:uppercase}.demo-condition-dialog__grades{display:grid;gap:1rem;margin:2rem 0 0}.demo-condition-dialog__grades>div{display:grid;grid-template-columns:7.2rem 1fr;gap:1.2rem;padding:1.2rem 1.4rem;border:.1rem solid #dfe3e8;border-radius:.8rem;background:#f7f8fa}.demo-condition-dialog__grades>.demo-condition-dialog__grade--current{border-color:#235b916b;background:#eef5fb}.demo-condition-dialog__grades dt,.demo-condition-dialog__grades dd{margin:0}.demo-condition-dialog__grades dt{color:#182a40;font-size:1.35rem;font-weight:850}.demo-condition-dialog__grades dd,.demo-condition-dialog__note{color:#555f6b;font-size:1.45rem;line-height:1.5}.demo-condition-dialog__note{margin:1.8rem 0 0}.demo-condition-dialog__confirm{display:inline-flex;min-width:11rem;min-height:4.5rem;align-items:center;justify-content:center;margin-top:2.4rem;padding:1.1rem 2rem;border:0;border-radius:999px;background:#182a40;color:#fff;cursor:pointer;font:inherit;font-size:1.2rem;font-weight:850;letter-spacing:.07em;line-height:1;text-transform:uppercase;transition:background .16s ease,transform .16s ease}.demo-condition-dialog__confirm:hover,.demo-condition-dialog__confirm:focus-visible{background:#294a6d;transform:translateY(-.1rem)}.demo-condition-dialog__close{position:absolute;inset:1.4rem 1.4rem auto auto;display:grid;width:3.8rem;height:3.8rem;padding:0;place-items:center;border:.1rem solid #d7d9dd;border-radius:50%;background:#fff;color:#111318;cursor:pointer;font:inherit;font-size:2.2rem;font-weight:400;line-height:1}@keyframes demo-condition-dialog-in{0%{opacity:0;transform:translateY(1.2rem) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media screen and (max-width:749px){.demo-condition__summary{display:grid;gap:.25rem}.demo-condition-dialog__grades>div{grid-template-columns:1fr;gap:.35rem}}@media(prefers-reduced-motion:reduce){.demo-condition-dialog[open]{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/90/assets/component-demo-condition.css.map */