.shopify-app-block:has(>.diagnostic-inline){align-self:stretch}.diagnostic-inline{--diag-accent: #ceb797;--diag-accent-soft: rgba(206, 183, 151, .14);--diag-muted: rgb(var(--color-foreground-rgb) / var(--opacity-70, .7));--diag-hairline: rgb(var(--color-foreground-rgb) / var(--opacity-15, .15));--diag-radius: 0px;max-width:60rem;margin-inline:auto;font-family:var(--font-body--family);color:var(--color-foreground)}.diag-progress{height:2px;background:var(--diag-hairline);border-radius:0;overflow:hidden}.diag-progress__bar{height:100%;background:var(--diag-accent);border-radius:inherit;transition:width .45s var(--animation-easing, ease)}.diag-stepbar{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-md, 1rem);padding-block:var(--padding-lg, 1rem)}.diag-stepbar__left{display:flex;align-items:baseline;gap:var(--gap-md, 1rem);min-width:0}.diag-stepbar__back{-webkit-appearance:none;appearance:none;background:none;border:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:.375rem;font-family:inherit;font-size:var(--font-size--sm);color:var(--diag-muted);transition:color var(--animation-speed, .2s) var(--animation-easing, ease)}.diag-stepbar__back:hover{color:var(--color-foreground)}.diag-stepbar__back .arrow{transition:transform var(--animation-speed, .2s) var(--animation-easing, ease)}.diag-stepbar__back:hover .arrow{transform:translate(-3px)}.diag-stepbar__label{font-size:var(--font-size--md, 1rem);color:var(--color-foreground-heading, currentcolor);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.diag-stepbar__count{font-size:var(--font-size--xs);letter-spacing:var(--letter-spacing-sm, .06em);text-transform:uppercase;color:var(--diag-muted);flex-shrink:0}.diagnostic-inline__card{background:var(--color-background);border:1px solid var(--diag-hairline);border-radius:var(--diag-radius);padding:clamp(1.25rem,4vw,3rem)}.diag-shell{position:relative;min-height:18rem}.diag-error{margin-block-end:var(--padding-lg, 1rem);padding:var(--padding-md, .75rem) var(--padding-lg, 1rem);border:1px solid var(--color-error, #b3261e);border-radius:calc(var(--diag-radius) / 2);background:color-mix(in srgb,var(--color-error, #b3261e) 8%,transparent);color:var(--color-error, #b3261e);font-size:var(--font-size--sm)}.diag-spinner{display:flex;justify-content:center;padding-block:clamp(3rem,10vw,6rem)}.diag-spinner svg{width:44px;height:44px;animation:diag-spin 1.4s linear infinite}.diag-spinner circle{stroke:var(--diag-accent);stroke-linecap:round;stroke-dasharray:140 50}@keyframes diag-spin{to{transform:rotate(360deg)}}.diag-screen-enter{animation:diag-enter .45s var(--animation-easing, ease) both}@keyframes diag-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.diag-screen-enter{animation:none}}.diag-qcm__eyebrow,.diag-eyebrow{display:inline-flex;align-items:center;gap:.625rem;font-size:var(--font-size--xs);letter-spacing:var(--letter-spacing-md, .13em);text-transform:uppercase;color:var(--diag-muted);margin-block-end:var(--padding-md, .75rem)}.diag-qcm__eyebrow .num{color:var(--diag-accent);font-variant-numeric:tabular-nums}.diag-qcm__eyebrow .sep{width:2rem;height:1px;background:var(--diag-hairline)}.diag-qcm__title{font-size:clamp(1.5rem,3.5vw,2.125rem);line-height:1.2;color:var(--color-foreground-heading, currentcolor);margin:0 0 var(--padding-sm, .5rem)}.diag-qcm__sub{font-size:var(--font-size--sm);color:var(--diag-muted);margin:0 0 var(--padding-lg, 1rem);max-width:44ch}.diag-qcm__options{display:grid;gap:var(--gap-sm, .75rem);margin-block-start:var(--padding-xl, 1.5rem)}@media screen and (min-width:750px){.diag-qcm__options{grid-template-columns:1fr 1fr}}.diag-option{-webkit-appearance:none;appearance:none;display:flex;align-items:center;gap:var(--gap-sm, .75rem);width:100%;padding:var(--padding-md, .75rem) var(--padding-lg, 1rem);background:var(--color-background);border:1px solid var(--diag-hairline);border-radius:calc(var(--diag-radius) / 1.5);font-family:inherit;font-size:var(--font-size--md, 1rem);color:var(--color-foreground);text-align:start;cursor:pointer;transition:border-color var(--animation-speed, .2s) var(--animation-easing, ease),background-color var(--animation-speed, .2s) var(--animation-easing, ease)}.diag-option:hover{border-color:rgb(var(--color-foreground-rgb) / var(--opacity-40, .4))}.diag-option:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}.diag-option.selected{border-color:var(--color-foreground);background:var(--diag-accent-soft)}.diag-option__media{width:56px;height:56px;object-fit:cover;border-radius:calc(var(--diag-radius) / 2);flex-shrink:0}.diag-option__marker{flex-shrink:0;font-size:1.125rem}.diag-option__body{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1}.diag-option__label{line-height:1.35}.diag-option__desc{font-size:var(--font-size--xs);color:var(--diag-muted)}.diag-option .mark{flex-shrink:0;width:18px;height:18px;border:1px solid rgb(var(--color-foreground-rgb) / var(--opacity-40, .4));border-radius:50%;position:relative;transition:border-color var(--animation-speed, .2s) var(--animation-easing, ease);margin-inline-start:auto}.diag-option .mark.square{border-radius:0}.diag-option.selected .mark{border-color:var(--color-foreground)}.diag-option.selected .mark:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:inherit;background:var(--color-foreground)}.diag-option.selected .mark.square{background:var(--color-foreground);border-color:var(--color-foreground)}.diag-option.selected .mark.square:after{top:0;right:0;bottom:0;left:0;background:none;border-radius:0;width:5px;height:9px;margin:1px auto auto;border:solid var(--color-background);border-width:0 2px 2px 0;transform:rotate(45deg)}.diag-nav{display:flex;align-items:center;gap:var(--gap-md, 1rem);margin-block-start:var(--padding-2xl, 2rem);padding-block-start:var(--padding-lg, 1rem);border-block-start:1px solid var(--diag-hairline)}.diag-nav__spacer{flex:1}.nce-btn{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;cursor:pointer;text-decoration:none;font-family:var(--button-font-family-primary, var(--font-paragraph--family));text-transform:var(--button-text-case-primary, none);font-size:var(--font-paragraph--size, 1rem);line-height:var(--font-paragraph--line-height, 1.5);padding-block:var(--button-padding-block, 15px);padding-inline:var(--button-padding-inline, 16px);border-radius:var(--style-border-radius-buttons-primary, 4px);transition:color var(--animation-speed, .2s) var(--animation-easing, ease),background-color var(--animation-speed, .2s) var(--animation-easing, ease),box-shadow var(--animation-speed, .2s) var(--animation-easing, ease)}.nce-btn--primary{color:var(--color-primary-button-text);background-color:var(--color-primary-button-background);box-shadow:inset 0 0 0 var(--style-border-width-primary, 0) var(--color-primary-button-border)}.nce-btn--primary:hover:not(:disabled){color:var(--color-primary-button-hover-text);background-color:var(--color-primary-button-hover-background);box-shadow:inset 0 0 0 var(--style-border-width-primary, 0) var(--color-primary-button-hover-border)}.nce-btn:disabled{opacity:.5;cursor:not-allowed}.nce-btn svg{flex-shrink:0}.diag-camera{display:grid;gap:var(--gap-xl, 2rem)}@media screen and (min-width:750px){.diag-camera{grid-template-columns:minmax(0,5fr) minmax(0,4fr);align-items:center}}.diag-camera__stage-col{display:flex;flex-direction:column;gap:var(--gap-sm, .75rem)}.diag-camera__stage{border-radius:var(--diag-radius);background:rgb(var(--color-foreground-rgb) / var(--opacity-5, .05))}.diag-camera__placeholder{background:radial-gradient(60% 45% at 50% 42%,var(--diag-accent-soft),transparent 70%),rgb(var(--color-foreground-rgb) / var(--opacity-5, .05))}.diag-camera__status{position:absolute;top:var(--padding-md, .75rem);left:var(--padding-md, .75rem);z-index:3;display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem;border-radius:0;background:#00000073;color:#fff;font-size:var(--font-size--xs);letter-spacing:var(--letter-spacing-sm, .06em);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.diag-camera__status .dot{width:7px;height:7px;border-radius:50%;background:var(--diag-accent);animation:diag-pulse 1.6s ease-in-out infinite}@keyframes diag-pulse{50%{opacity:.35}}.diag-camera__corners{position:absolute;top:12px;right:12px;bottom:12px;left:12px;z-index:2;pointer-events:none;--c: rgb(206 183 151 / .9);background:linear-gradient(var(--c),var(--c)) top left / 22px 1.5px,linear-gradient(var(--c),var(--c)) top left / 1.5px 22px,linear-gradient(var(--c),var(--c)) top right / 22px 1.5px,linear-gradient(var(--c),var(--c)) top right / 1.5px 22px,linear-gradient(var(--c),var(--c)) bottom left / 22px 1.5px,linear-gradient(var(--c),var(--c)) bottom left / 1.5px 22px,linear-gradient(var(--c),var(--c)) bottom right / 22px 1.5px,linear-gradient(var(--c),var(--c)) bottom right / 1.5px 22px;background-repeat:no-repeat}.diag-analysis-overlay{z-index:4;background:#00000059;overflow:hidden}.diag-analysis-overlay__scan{position:absolute;inset-inline:0;height:2px;background:linear-gradient(90deg,transparent,rgb(255 232 194 / .9),transparent);box-shadow:0 0 18px 4px #ceb7978c;animation:diag-scan 2.2s ease-in-out infinite}@keyframes diag-scan{0%,to{top:12%}50%{top:86%}}.diag-analysis-overlay__text{position:absolute;inset-inline:0;bottom:var(--padding-lg, 1rem);text-align:center;color:#fff;font-size:var(--font-size--sm);letter-spacing:var(--letter-spacing-sm, .06em);text-shadow:0 1px 8px rgb(0 0 0 / .5)}.diag-camera__stats{z-index:3;grid-template-columns:repeat(4,1fr);gap:var(--gap-2xs, .25rem);padding:var(--padding-2xl, 2rem) var(--padding-md, .75rem) var(--padding-md, .75rem);background:linear-gradient(transparent,#000000a6);text-align:center;border-end-start-radius:var(--diag-radius);border-end-end-radius:var(--diag-radius)}.diag-camera__stats.visible{display:grid!important}.diag-camera__stat__label{font-size:.6875rem;letter-spacing:var(--letter-spacing-sm, .06em);text-transform:uppercase;color:#ffffffb3}.diag-camera__stat__value{font-size:1.25rem;color:var(--diag-accent)}.diag-camera__copy h2{font-size:clamp(1.5rem,3.5vw,2.125rem);line-height:1.2;color:var(--color-foreground-heading, currentcolor);margin:0 0 var(--padding-sm, .5rem)}.diag-camera__copy p{font-size:var(--font-size--sm);color:var(--diag-muted);margin:0}.diag-camera__tips{list-style:none;margin:var(--padding-lg, 1rem) 0 0;padding:0;display:grid;gap:.5rem;font-size:var(--font-size--sm);color:var(--diag-muted)}.diag-camera__tips li{display:flex;align-items:baseline;gap:.625rem}.diag-camera__tips li:before{content:"";flex-shrink:0;width:1rem;height:1px;background:var(--diag-accent);transform:translateY(-.25em)}.diag-camera__redo-link,.diag-camera__import-link{-webkit-appearance:none;appearance:none;background:none;border:none;padding:0;cursor:pointer;font-family:inherit;font-size:var(--font-size--sm);color:var(--diag-muted);text-decoration:underline;text-underline-offset:3px;transition:color var(--animation-speed, .2s) var(--animation-easing, ease);width:fit-content}.diag-camera__redo-link:hover,.diag-camera__import-link:hover{color:var(--color-foreground)}.diag-email{max-width:26rem;margin-inline:auto;display:flex;flex-direction:column;text-align:center}.diag-email .diag-eyebrow{justify-content:center}.diag-email__lock{width:44px;height:44px;margin:0 auto var(--padding-lg, 1rem);border:1px solid var(--diag-accent);border-radius:50%;position:relative}.diag-email__lock:before{content:"";position:absolute;width:14px;height:10px;left:50%;top:55%;transform:translate(-50%,-50%);border-radius:2px;background:var(--diag-accent)}.diag-email__lock:after{content:"";position:absolute;width:8px;height:8px;left:50%;top:34%;transform:translate(-50%);border:1.5px solid var(--diag-accent);border-bottom:none;border-radius:5px 5px 0 0}.diag-email h2{font-size:clamp(1.5rem,3.5vw,2rem);line-height:1.2;color:var(--color-foreground-heading, currentcolor);margin:0 0 var(--padding-sm, .5rem)}.diag-email>p{font-size:var(--font-size--sm);color:var(--diag-muted);margin:0 0 var(--padding-xl, 1.5rem)}.diag-email__field{display:flex;flex-direction:column;gap:.375rem;text-align:start;margin-block-end:var(--padding-md, .75rem)}.diag-email__field label{font-size:var(--font-size--xs);letter-spacing:var(--letter-spacing-sm, .06em);text-transform:uppercase;color:var(--diag-muted)}.diag-email__field input{width:100%;padding:.8rem 1rem;font-family:inherit;font-size:var(--font-size--md, 1rem);color:var(--color-foreground);background:var(--color-input-background);border:1px solid var(--color-input-border);border-radius:calc(var(--diag-radius) / 2);transition:border-color var(--animation-speed, .2s) var(--animation-easing, ease)}.diag-email__field input:focus{outline:none;border-color:var(--color-foreground)}.diag-email__note{font-size:var(--font-size--xs);color:var(--diag-muted);margin-block-start:var(--padding-sm, .5rem)}.diag-loc__manual{margin-block-start:var(--padding-lg, 1rem);max-width:26rem}.diag-loc__hint{margin:var(--padding-md, .75rem) 0 0;font-size:var(--font-size--sm);color:var(--diag-muted)}.diag-loc__confirm{margin-block-start:var(--padding-lg, 1rem);display:flex;align-items:center;gap:var(--gap-sm, .75rem);flex-wrap:wrap}.diag-loc__confirm-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .8rem;border-radius:0;background:var(--diag-accent-soft);border:1px solid var(--diag-accent);font-size:var(--font-size--sm)}.diag-loc__confirm-note{font-size:var(--font-size--xs);color:var(--diag-muted)}.diag-results{display:flex;flex-direction:column;gap:clamp(2rem,6vw,4rem)}.diag-cover{text-align:center;max-width:38rem;margin-inline:auto;padding-block-start:var(--padding-lg, 1rem)}.diag-cover__title{font-size:clamp(1.875rem,5vw,2.75rem);line-height:1.15;color:var(--color-foreground-heading, currentcolor);margin:0 0 var(--padding-md, .75rem)}.diag-cover__note{font-style:italic;font-size:var(--font-size--md, 1rem);color:var(--diag-muted);margin:0 0 var(--padding-md, .75rem)}.diag-cover__blurb{font-size:var(--font-size--sm);color:var(--diag-muted);margin:0}.diag-cover__context{margin-block-start:var(--padding-lg, 1rem);padding:var(--padding-lg, 1rem);border:1px solid var(--diag-hairline);border-radius:var(--diag-radius);background:var(--diag-accent-soft)}.diag-cover__context-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .7rem;border-radius:0;border:1px solid var(--diag-accent);font-size:var(--font-size--xs);letter-spacing:var(--letter-spacing-sm, .06em);margin-block-end:var(--padding-sm, .5rem)}.diag-cover__context p{margin:0;font-size:var(--font-size--sm);color:var(--diag-muted)}.diag-cover__price{margin-block-start:var(--padding-xl, 1.5rem)}.diag-cover__price-current{font-size:clamp(1.5rem,4vw,2rem);color:var(--color-foreground-heading, currentcolor)}.diag-cover__cta{margin-block-start:var(--padding-lg, 1rem)}.diag-cover__redo{-webkit-appearance:none;appearance:none;background:none;border:none;padding:0;margin-block-start:var(--padding-lg, 1rem);cursor:pointer;font-family:inherit;font-size:var(--font-size--sm);color:var(--diag-muted);text-decoration:underline;text-underline-offset:3px;transition:color var(--animation-speed, .2s) var(--animation-easing, ease)}.diag-cover__redo:hover{color:var(--color-foreground)}.diag-routine__head{display:grid;gap:var(--gap-md, 1rem);margin-block-end:var(--padding-xl, 1.5rem)}@media screen and (min-width:750px){.diag-routine__head{grid-template-columns:1fr 2fr;align-items:start}}.diag-routine__head .eyebrow{font-size:var(--font-size--xs);letter-spacing:var(--letter-spacing-md, .13em);text-transform:uppercase;color:var(--diag-muted)}.diag-routine__head p{font-size:var(--font-size--sm);color:var(--diag-muted);margin:0;max-width:52ch}.diag-routine__cathead{display:grid;align-items:center;flex-wrap:wrap;gap:var(--gap-sm, .75rem);row-gap:var(--padding-2xs, .25rem);margin-block:var(--padding-xl, 1.5rem) var(--padding-lg, 1rem);grid-template-columns:auto 1fr}.diag-routine__catnum{flex-shrink:0;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--diag-accent);border-radius:50%;font-size:var(--font-size--sm);color:var(--diag-accent);grid-column:1}.diag-routine__cattitle{font-size:1.25rem;color:var(--color-foreground-heading, currentcolor);margin:0;grid-column:2}.diag-routine__catdesc{flex-basis:100%;margin:0;font-size:var(--font-size--sm);color:var(--diag-muted);max-width:60ch;grid-row:2;grid-column:1 / 3}.diag-routine__catdesc{flex-basis:100%;margin:0;padding-inline-start:calc(28px + var(--gap-sm, .75rem));font-size:var(--font-size--sm);color:var(--diag-muted);max-width:60ch}.diag-routine__grid{display:grid;gap:var(--gap-md, 1rem)}@media screen and (min-width:600px){.diag-routine__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:990px){.diag-routine__grid{grid-template-columns:repeat(3,1fr)}}.diag-routine__card{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--color-foreground)}.diag-routine__media{aspect-ratio:1 / 1;background:rgb(var(--color-foreground-rgb) / var(--opacity-5, .05));overflow:hidden}.diag-routine__media img{width:100%;height:100%;object-fit:cover;display:block}.diag-routine__body{display:flex;flex-direction:column;gap:4px;padding-block-start:var(--padding-sm, .5rem);flex:1}.diag-routine__cat{display:none}.diag-routine__name{font-size:1.125rem;font-weight:300;line-height:1.2;text-transform:uppercase;color:var(--color-foreground);margin:0}.diag-routine__why{font-size:var(--font-size--xs);font-weight:300;line-height:1.5;color:var(--color-foreground);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.diag-routine__price{display:flex;align-items:baseline;gap:12px;margin-block-start:auto;padding-block-start:var(--padding-2xs, .25rem)}.diag-routine__price strong{font-size:var(--font-size--sm);font-weight:400}.diag-routine__price-old{font-size:var(--font-size--sm);font-weight:300;color:var(--color-foreground);text-decoration:line-through}.diag-routine__price-badge{font-size:.625rem;letter-spacing:var(--letter-spacing-sm, .06em);text-transform:uppercase;padding:2px 4px;background:var(--diag-accent);color:#fff;align-self:center}.diag-routine__rating{display:flex;align-items:center;gap:.3rem;font-size:var(--font-size--xs);color:var(--diag-muted)}.diag-routine__rating-star{display:inline-flex;color:var(--diag-accent)}.diag-routine__rating-star svg{width:14px;height:14px}.diag-routine__rating-value{color:var(--color-foreground)}.diag-routine__add{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;margin-block-start:var(--padding-sm, .5rem);padding-block:var(--button-padding-block, 15px);padding-inline:var(--button-padding-inline, 16px);color:var(--color-secondary-button-text);background-color:var(--color-secondary-button-background);border:none;box-shadow:inset 0 0 0 var(--style-border-width-secondary, 1px) var(--color-secondary-button-border);border-radius:var(--style-border-radius-buttons-secondary, 0);font-family:var(--button-font-family-secondary, var(--font-paragraph--family));text-transform:var(--button-text-case-secondary, none);font-size:var(--font-size--sm);cursor:pointer;transition:color var(--animation-speed, .2s) var(--animation-easing, ease),background-color var(--animation-speed, .2s) var(--animation-easing, ease),box-shadow var(--animation-speed, .2s) var(--animation-easing, ease)}.diag-routine__add:hover:not(:disabled){color:var(--color-secondary-button-hover-text);background-color:var(--color-secondary-button-hover-background);box-shadow:inset 0 0 0 var(--style-border-width-secondary, 1px) var(--color-secondary-button-hover-border)}.diag-routine__add:disabled{opacity:.6;cursor:default}.diag-cartbar-wrap{position:sticky;bottom:var(--padding-md, .75rem);z-index:5;padding-block-start:var(--padding-sm, .5rem)}.diag-cartbar{-webkit-appearance:none;appearance:none;display:flex;align-items:center;justify-content:space-between;gap:var(--gap-md, 1rem);width:100%;padding:1rem 1.5rem;border:none;border-radius:var(--style-border-radius-buttons-primary, 4px);background:var(--color-primary-button-background);color:var(--color-primary-button-text);font-family:var(--button-font-family-primary, var(--font-paragraph--family));font-size:var(--font-size--md, 1rem);cursor:pointer;box-shadow:0 6px 24px rgb(var(--color-shadow-rgb) / .25);transition:background-color var(--animation-speed, .2s) var(--animation-easing, ease)}.diag-cartbar:hover:not(:disabled){background:var(--color-primary-button-hover-background);color:var(--color-primary-button-hover-text)}.diag-cartbar:disabled{opacity:.6;cursor:default}@media screen and (min-width:990px){.diag-cartbar{max-width:26rem;margin-inline:auto}}
/*# sourceMappingURL=/cdn/shop/t/480/assets/diagnostic.css.map */