.cbti-quiz{--cbti-content-width: 100%;--cbti-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--cbti-card-radius: var(--corner-radius-cards-and-images, 0px);--cbti-inner-radius: var(--corner-radius-small-cards-and-containers, 0px);--cbti-surface: var(--color-text-alpha-05);--cbti-surface-hover: var(--color-text-alpha-08);--cbti-border: var(--color-text-alpha-15);--cbti-border-strong: var(--color-text-alpha-40);--cbti-muted: var(--color-text-alpha-60)}.cbti-quiz__inner{width:100%;max-width:var(--cbti-content-width);margin-inline:auto}.cbti-quiz [hidden]{display:none!important}.cbti-quiz__block-anchor{display:none}.cbti-quiz__empty{color:var(--cbti-muted);text-align:center;padding-block:var(--spacing-8)}.cbti-mono{font-family:var(--cbti-font-mono);letter-spacing:.02em}.cbti-brand{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-4);flex-wrap:wrap;margin-bottom:var(--spacing-6);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--cbti-muted)}.cbti-card{border:1px solid var(--cbti-border);border-radius:var(--cbti-card-radius);background:var(--cbti-surface);padding:var(--spacing-8) var(--spacing-7)}.cbti-card--feature{background:linear-gradient(165deg,var(--color-text-alpha-08) 0%,var(--color-text-alpha-05) 60%,var(--color-text-alpha-00) 100%)}.cbti-eyebrow{display:inline-flex;align-items:center;gap:var(--spacing-2);margin:0 0 var(--spacing-3);color:var(--cbti-muted)}.cbti-eyebrow:before{content:"";display:inline-block;width:14px;height:1px;background:currentColor;flex:none}.cbti-title{margin:0 0 var(--spacing-3);text-wrap:balance}.cbti-intro__text{color:var(--cbti-muted);max-width:52ch}.cbti-intro__text>:last-child{margin-bottom:0}.cbti-axis-legend{list-style:none;margin:var(--spacing-7) 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-3)}.cbti-axis-chip{border:1px solid var(--cbti-border);border-radius:var(--cbti-inner-radius);padding:var(--spacing-3) var(--spacing-4);background:var(--color-background);display:flex;flex-direction:column;gap:var(--spacing-1)}.cbti-axis-chip__pair{font-size:13px;letter-spacing:.06em}.cbti-axis-chip__desc{color:var(--cbti-muted);line-height:1.5}.cbti-cta-row{display:flex;align-items:center;gap:var(--spacing-4);flex-wrap:wrap;margin-top:var(--spacing-7)}.cbti-meta{font-size:12.5px;color:var(--cbti-muted)}.cbti-progress__head{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);font-size:12.5px;color:var(--cbti-muted);margin-bottom:var(--spacing-4)}.cbti-progress__head b{color:var(--color-text)}.cbti-progress__track{height:4px;border-radius:99px;background:var(--color-text-alpha-10);overflow:hidden;margin-bottom:var(--spacing-6)}.cbti-progress__fill{display:block;height:100%;width:0;border-radius:99px;background:var(--color-text);transition:width .35s ease}.cbti-axis-tag{display:inline-block;margin:0 0 var(--spacing-4);padding:4px 11px;font-size:11px;letter-spacing:.12em;border:1px solid var(--cbti-border);border-radius:999px;background:var(--color-text-alpha-08);color:var(--cbti-muted)}.cbti-question{margin:0 0 var(--spacing-6);line-height:1.45;text-wrap:pretty}.cbti-options{display:flex;flex-direction:column;gap:var(--spacing-3)}.cbti-option{display:flex;align-items:flex-start;gap:var(--spacing-3);width:100%;text-align:left;cursor:pointer;-webkit-appearance:none;appearance:none;font:inherit;color:var(--color-text);border:1px solid var(--cbti-border);border-radius:var(--cbti-inner-radius);background:var(--color-background);padding:var(--spacing-4) var(--spacing-4);transition:border-color .15s ease,background-color .15s ease,transform .1s ease}.cbti-option:hover{border-color:var(--cbti-border-strong);background:var(--cbti-surface-hover)}.cbti-option:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.cbti-option.is-picked{border-color:var(--color-text);background:var(--color-text-alpha-10)}.cbti-option__letter{flex:none;font-weight:700;color:var(--cbti-muted)}.cbti-option.is-picked .cbti-option__letter{color:var(--color-text)}.cbti-option__text{line-height:1.5}.cbti-quiz__nav{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);margin-top:var(--spacing-6);font-size:12.5px}.cbti-ghost{-webkit-appearance:none;appearance:none;font:inherit;font-family:var(--cbti-font-mono);cursor:pointer;color:var(--cbti-muted);background:none;border:1px solid var(--cbti-border);border-radius:999px;padding:9px 18px;transition:color .15s ease,border-color .15s ease}.cbti-ghost:not(:disabled):hover{color:var(--color-text);border-color:var(--cbti-border-strong)}.cbti-ghost:disabled{opacity:.35;cursor:default}.cbti-hint{color:var(--cbti-muted);text-align:right}.cbti-result{text-align:center}.cbti-shared-notice{margin:0 0 var(--spacing-3);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--cbti-muted)}.cbti-result__code{margin:0;font-size:clamp(34px,9vw,44px);font-weight:700;letter-spacing:.12em;line-height:1.1}.cbti-result__name{margin:var(--spacing-2) 0 var(--spacing-1)}.cbti-result__tagline{margin:0;font-style:italic;color:var(--cbti-muted);text-wrap:balance}.cbti-breakdown{display:grid;gap:var(--spacing-3);margin-top:var(--spacing-7);text-align:left}.cbti-breakdown__row{display:grid;grid-template-columns:86px minmax(0,1fr) 86px;align-items:center;gap:var(--spacing-3)}.cbti-breakdown__side{font-size:11.5px;color:var(--cbti-muted);line-height:1.3}.cbti-breakdown__side.is-right{text-align:right}.cbti-breakdown__side.is-win{color:var(--color-text);font-weight:700}.cbti-breakdown__bar{display:flex;height:6px;border-radius:99px;background:var(--color-text-alpha-10);overflow:hidden}.cbti-breakdown__bar i{display:block;height:100%}.cbti-breakdown__bar .is-left{background:var(--color-text)}.cbti-breakdown__bar .is-right{background:var(--color-text-alpha-20)}.cbti-tabs{display:flex;gap:var(--spacing-2);margin:var(--spacing-7) 0 var(--spacing-4)}.cbti-tab{flex:1;-webkit-appearance:none;appearance:none;font:inherit;cursor:pointer;padding:var(--spacing-3) var(--spacing-2);border:1px solid var(--cbti-border);border-radius:var(--cbti-inner-radius);background:var(--color-background);color:var(--cbti-muted);transition:background-color .15s ease,color .15s ease,border-color .15s ease}.cbti-tab:hover{border-color:var(--cbti-border-strong);color:var(--color-text)}.cbti-tab.is-active{background:var(--color-text);border-color:var(--color-text);color:var(--color-background);font-weight:700}.cbti-panel{border:1px solid var(--cbti-border);border-radius:var(--cbti-inner-radius);padding:var(--spacing-6);text-align:left;min-height:150px}.cbti-panel__label{display:block;margin-bottom:var(--spacing-3);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cbti-muted)}.cbti-panel--mixology{background:var(--cbti-surface)}.cbti-panel--mixology p{margin:0;line-height:1.7}.cbti-signature{margin-top:var(--spacing-4)!important;padding-top:var(--spacing-4);border-top:1px dashed var(--cbti-border);font-size:14px;color:var(--cbti-muted)}.cbti-signature b{color:var(--color-text)}.cbti-panel--backend{background:var(--color-text-alpha-08);font-size:13px}.cbti-term__dots{display:flex;gap:6px;margin-bottom:var(--spacing-4)}.cbti-term__dots i{display:block;width:9px;height:9px;border-radius:50%}.cbti-term__dots i:nth-child(1){background:var(--color-text-alpha-50)}.cbti-term__dots i:nth-child(2){background:var(--color-text-alpha-30)}.cbti-term__dots i:nth-child(3){background:var(--color-text-alpha-20)}.cbti-spec{display:flex;justify-content:space-between;gap:var(--spacing-4);padding:var(--spacing-2) 0;border-bottom:1px solid var(--color-text-alpha-10);line-height:1.55}.cbti-spec:last-child{border-bottom:none}.cbti-spec__k{flex:none;color:var(--cbti-muted)}.cbti-spec__v{text-align:right;color:var(--color-text)}.cbti-match{display:flex;align-items:flex-start;gap:var(--spacing-4);margin-top:var(--spacing-5);padding:var(--spacing-5);border:1px solid var(--cbti-border);border-radius:var(--cbti-inner-radius);background:var(--color-background);text-align:left}.cbti-match__code{flex:none;font-weight:700;font-size:15px;padding:8px 12px;border:1px solid var(--cbti-border-strong);border-radius:var(--cbti-inner-radius);background:var(--color-text-alpha-08);white-space:nowrap}.cbti-match__body p{margin:0;color:var(--cbti-muted);line-height:1.6}.cbti-outro{margin-top:var(--spacing-7);padding:var(--spacing-6) var(--spacing-5);border:1px solid var(--cbti-border);border-radius:var(--cbti-inner-radius);background:var(--cbti-surface);text-align:center}.cbti-outro__heading{margin:0 0 var(--spacing-2);text-wrap:balance}.cbti-outro__text{color:var(--cbti-muted);margin-bottom:var(--spacing-5)}.cbti-outro__text>:last-child{margin-bottom:0}.cbti-outro__actions{display:flex;gap:var(--spacing-3);justify-content:center;flex-wrap:wrap}.cbti-disclaimer{margin-top:var(--spacing-5);text-align:center;font-size:11.5px;line-height:1.6;color:var(--cbti-muted)}.cbti-disclaimer>:last-child{margin-bottom:0}@media(max-width:719px){.cbti-card{padding:var(--spacing-6) var(--spacing-5)}.cbti-axis-legend{grid-template-columns:minmax(0,1fr)}.cbti-breakdown__row{grid-template-columns:68px minmax(0,1fr) 68px;gap:var(--spacing-2)}.cbti-quiz__nav{flex-direction:column;align-items:stretch;gap:var(--spacing-2)}.cbti-hint{text-align:center}.cbti-spec{flex-direction:column;gap:2px}.cbti-spec__v{text-align:left}.cbti-match{flex-direction:column}.cbti-outro__actions .btn{width:100%}}@media(prefers-reduced-motion:reduce){.cbti-progress__fill,.cbti-option,.cbti-tab{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-cbti-quiz.css.map */