.condition-title--has-guide{display:flex;align-items:center;gap:var(--space-2)}.condition-guide__opener{display:inline-flex}.condition-guide__trigger{display:inline-flex;align-items:center;justify-content:center;margin:calc(var(--space-1) * -1);padding:var(--space-1);background:transparent;border:0;border-radius:var(--radius);color:inherit;font-size:inherit;cursor:pointer;transition:opacity var(--dur-hover) var(--ease)}.condition-guide__trigger .icon{width:1.25em;height:1.25em}.condition-guide__trigger:hover,.condition-guide__close:hover{opacity:var(--alpha-link-hover)}.condition-guide__trigger:active,.condition-guide__close:active{opacity:var(--alpha-link-active)}.condition-guide__trigger:focus-visible,.condition-guide__close:focus-visible{outline:var(--bw) solid currentColor;outline-offset:0;box-shadow:none}.condition-guide{--condition-guide-overlay: color-mix(in srgb, var(--black), transparent 60%);--condition-guide-measure: 600px;box-sizing:border-box;width:calc(100% - 2 * var(--gutter-mobile));max-width:var(--condition-guide-measure);max-height:calc(100% - 2 * var(--gutter-mobile));margin:auto;padding:0;border:0;border-radius:var(--radius);background:var(--white);color:var(--fg);font-family:var(--font-sans);text-align:left;overflow-y:auto;overscroll-behavior:contain}.condition-guide::backdrop{background:var(--condition-guide-overlay)}.condition-guide[open]{opacity:1;transform:none;transition:opacity var(--dur-hover) var(--ease),transform var(--dur-hover) var(--ease)}.condition-guide[open]::backdrop{opacity:1;transition:opacity var(--dur-hover) var(--ease)}@starting-style{.condition-guide[open]{opacity:0;transform:translateY(var(--space-2))}.condition-guide[open]::backdrop{opacity:0}}html:has(.condition-guide[open]){overflow:hidden}.condition-guide:focus,.condition-guide:focus-visible{outline:none;box-shadow:none}.condition-guide__bar{position:sticky;top:0;z-index:1;display:flex;justify-content:flex-end;background:var(--white)}.condition-guide__close{display:flex;align-items:center;justify-content:center;width:var(--space-7);height:var(--space-7);padding:0;background:transparent;border:0;border-radius:var(--radius);color:var(--fg);cursor:pointer;transition:opacity var(--dur-hover) var(--ease)}.condition-guide__close:focus-visible{outline-offset:calc(var(--space-1) * -1)}.condition-guide__close .icon{width:var(--space-4);height:var(--space-4)}.condition-guide__body{padding:0 var(--space-5) var(--space-6)}.condition-guide__title{margin:0 0 var(--space-4);font-family:var(--font-sans);font-size:var(--fs-h3);font-weight:var(--fw-bold);line-height:var(--lh-heading);letter-spacing:var(--track-display);text-transform:uppercase;color:var(--fg)}.condition-guide__intro{margin:0;font-size:var(--fs-body-sm);font-weight:var(--fw-light);line-height:var(--lh-body);color:var(--fg)}.condition-guide__grades{margin:var(--space-6) 0 0;padding:0}.condition-guide__grade{padding:var(--space-5) 0;border-top:var(--bw) solid var(--hairline)}.condition-guide__grade:last-child{padding-bottom:0}.condition-guide__name{margin:0 0 var(--space-2);font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);line-height:var(--lh-caption);letter-spacing:var(--track-nav);text-transform:uppercase;color:var(--fg)}.condition-guide__summary,.condition-guide__detail{margin:0;font-size:var(--fs-body-sm);line-height:var(--lh-body);color:var(--fg)}.condition-guide__summary{font-weight:var(--fw-regular)}.condition-guide__detail{margin-top:var(--space-1);font-weight:var(--fw-light)}@media screen and (min-width:750px){.condition-guide{width:calc(100% - 2 * var(--gutter-desktop));max-height:calc(100% - 2 * var(--gutter-desktop))}.condition-guide__body{padding:var(--space-4) var(--space-7) var(--space-7)}.condition-guide__title{font-size:var(--fs-h2)}}@media(prefers-reduced-motion:reduce){.condition-guide[open],.condition-guide[open]::backdrop,.condition-guide__trigger,.condition-guide__close{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/component-condition-guide.css.map */
