.tss-quiz{background-color:var(--section-bg);padding:var(--ss-section-y) 0;overflow:clip;position:relative;color:var(--section-bg-text, var(--section-text))}.tss-quiz__app{max-width:1280px;margin:0 auto;padding:0 var(--ss-section-x);min-height:650px}.tss-quiz__loading{display:flex;align-items:center;justify-content:center;min-height:650px}.tss-quiz__spinner{width:28px;height:28px;border:2.5px solid var(--section-border);border-top-color:var(--section-text);border-radius:50%;animation:tssQuizSpin .6s linear infinite}@keyframes tssQuizSpin{to{transform:rotate(360deg)}}.tss-quiz__atc-spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:tssQuizSpin .5s linear infinite;vertical-align:middle}.tss-quiz__header{text-align:center;margin-bottom:var(--ss-gap-xl);display:flex;flex-direction:column;align-items:center}.tss-quiz__eyebrow{font-family:var(--ss-font-sans);font-size:var(--ss-text-eyebrow);font-weight:var(--ss-weight-bold);text-transform:uppercase;letter-spacing:var(--ss-text-eyebrow-spacing);color:var(--section-bg-text, var(--section-body));margin:0 0 var(--ss-gap-sm) 0}.tss-quiz__title{font-family:var(--ss-font-serif);font-size:var(--ss-text-h2);font-weight:var(--ss-weight-bold);color:var(--section-bg-text, var(--section-text));margin:0 0 var(--ss-space-4) 0;line-height:1.1;letter-spacing:-.04em;text-wrap:balance;outline:none}.tss-quiz__title em{font-style:italic;font-weight:var(--ss-weight-normal)}.tss-quiz__subtext{font-family:var(--ss-font-sans);font-size:var(--ss-text-body-md);color:var(--section-bg-text, var(--section-body));margin:0;max-width:52ch;line-height:1.6;text-wrap:pretty}.tss-quiz__welcome{text-align:center;display:flex;justify-content:center;align-items:center;padding:var(--ss-space-8) var(--ss-space-4);min-height:40vh}.tss-quiz__welcome-card{background:var(--ss-white);border-radius:var(--ss-radius-xl);padding:var(--ss-space-12) var(--ss-space-8);box-shadow:var(--ss-shadow-xl);display:flex;flex-direction:column;align-items:center;max-width:600px;width:100%;animation:tssQuizFadeUp .6s cubic-bezier(.16,1,.3,1) both}.tss-quiz__cinematic{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--ss-space-8);background-size:cover;background-position:center;background-color:var(--ss-navy);color:var(--ss-white);overflow:hidden}.tss-quiz__cinematic:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#131f694d,#131f69cc);z-index:1}.tss-quiz__cinematic-content{position:relative;z-index:2;max-width:800px;display:flex;flex-direction:column;align-items:center;animation:tssQuizCinematicReveal 1.2s cubic-bezier(.16,1,.3,1) both}.tss-quiz__welcome-icon{font-size:clamp(48px,6vw,72px);margin-bottom:var(--ss-space-4);line-height:1;animation:tssQuizFloat 3s ease-in-out infinite}.tss-quiz__welcome-eyebrow{font-family:var(--ss-font-sans);font-size:var(--ss-text-eyebrow);font-weight:var(--ss-weight-bold);text-transform:uppercase;letter-spacing:var(--ss-text-eyebrow-spacing);color:var(--ss-navy);background:var(--ss-subtle);padding:var(--ss-space-1) var(--ss-space-3);border-radius:var(--ss-radius-pill);margin:0 0 var(--ss-space-6) 0}.tss-quiz__cinematic .tss-quiz__welcome-eyebrow{color:var(--ss-white);background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tss-quiz__welcome-title{font-family:var(--ss-font-serif);font-size:var(--ss-text-display);font-weight:var(--ss-weight-bold);color:var(--ss-navy);margin:0 0 var(--ss-space-4) 0;line-height:1.1;text-wrap:balance;outline:none;letter-spacing:-.02em}.tss-quiz__cinematic .tss-quiz__welcome-title{color:var(--ss-white)}.tss-quiz__welcome-title em{font-style:italic;font-weight:var(--ss-weight-normal);color:inherit}.tss-quiz__cinematic .tss-quiz__welcome-title em{color:inherit}.tss-quiz__welcome-subtext{font-family:var(--ss-font-sans);font-size:var(--ss-text-body-lg);color:var(--ss-navy-light);margin:0 0 var(--ss-space-8) 0;max-width:48ch;line-height:1.6;text-wrap:pretty}.tss-quiz__cinematic .tss-quiz__welcome-subtext{color:var(--ss-off-white)}.tss-quiz__start-btn{max-width:240px;width:100%;font-size:var(--ss-text-body-lg);padding:var(--ss-space-4) var(--ss-space-6);border-radius:var(--ss-radius-pill);box-shadow:0 4px 12px #76acdb40;transition:transform .2s var(--ss-ease),box-shadow .2s var(--ss-ease)}.tss-quiz__cinematic .tss-quiz__start-btn{background:var(--ss-white);color:var(--ss-navy);box-shadow:0 4px 16px #0000004d}.tss-quiz__start-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #76acdb59}.tss-quiz__cinematic .tss-quiz__start-btn:hover{box-shadow:0 8px 24px #0006}@keyframes tssQuizFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes tssQuizFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes tssQuizCinematicReveal{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.tss-quiz__cinematic-exit{animation:tssQuizCinematicExit .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes tssQuizCinematicExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px);pointer-events:none}}.tss-quiz__progress{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:320px;margin:0 auto var(--ss-gap-xl) auto;padding:0}@media(max-width:749px){.tss-quiz__progress{margin-bottom:var(--ss-gap-md)}}.tss-quiz__progress-node{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid color-mix(in srgb,var(--section-bg-text, var(--section-text)) 25%,transparent);background:transparent;color:var(--section-bg-text, var(--section-body));transition:all var(--ss-dur-md) var(--ss-ease);position:relative}.tss-quiz__progress-node svg{width:14px;height:14px}.tss-quiz__progress-node.is-completed{background:#f59e0b!important;border-color:#f59e0b!important;color:var(--ss-white)}.tss-quiz__progress-node.is-active{border-color:#f59e0b!important;background:var(--section-surface);box-shadow:0 0 0 4px #f59e0b33!important}.tss-quiz__progress-node-dot{width:8px;height:8px;border-radius:50%;background:#f59e0b!important}.tss-quiz__progress-line{flex-grow:1;width:10px;height:2px!important;min-height:2px!important;background:color-mix(in srgb,var(--section-bg-text, var(--section-text)) 15%,transparent)!important;transition:background var(--ss-dur-md) var(--ss-ease);margin:0;font-size:0;line-height:0;color:transparent;overflow:hidden}.tss-quiz__progress-line.is-completed{background:#f59e0b!important}.tss-quiz__step-counter{font-family:var(--ss-font-sans);font-size:var(--ss-text-eyebrow);font-weight:var(--ss-weight-medium, 500);color:var(--section-bg-text, var(--section-body));opacity:.7;text-transform:uppercase;letter-spacing:.05em;text-align:center;margin:0 0 var(--ss-space-2) 0;line-height:1.2}.tss-quiz__card{background:var(--section-surface);border:1px solid var(--section-border);box-shadow:0 24px 48px #09224f14;border-radius:var(--ss-radius-xl);padding:var(--ss-space-8) var(--ss-space-6);max-width:1280px;margin:0 auto;min-height:600px;display:flex;flex-direction:column}@media(min-width:768px){.tss-quiz__card{padding:var(--ss-space-10) var(--ss-space-10)}}.tss-quiz__step:not(.is-cinematic){animation:tssQuizFadeIn .5s cubic-bezier(.2,.8,.2,1) both}@keyframes tssQuizFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.tss-quiz__step:not(.is-cinematic).is-exiting{animation:tssQuizFadeOut .3s cubic-bezier(.2,.8,.2,1) both}@keyframes tssQuizFadeOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.98)}}.tss-quiz__question{font-family:var(--ss-font-serif);font-size:var(--ss-text-h2);font-weight:var(--ss-weight-semibold);color:var(--section-text);text-align:center;margin:0 0 var(--ss-space-4) 0;line-height:1.1;letter-spacing:-.02em;text-wrap:balance;outline:none}.tss-quiz__question-hint{font-family:var(--ss-font-sans);font-size:var(--ss-text-body-sm);color:var(--section-body);text-align:center;margin:0 0 var(--ss-gap-lg) 0}.tss-quiz__options{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--ss-gap-md);margin-bottom:var(--ss-gap-xl);max-width:100%;margin-left:auto;margin-right:auto}.tss-quiz__options--5-cols{grid-template-columns:repeat(5,1fr)}@media(min-width:750px){.tss-quiz__options--purpose{display:flex;flex-wrap:wrap;justify-content:center;max-width:1000px}.tss-quiz__options--purpose .tss-quiz__option-wrapper{flex:0 0 252px;height:260px}}.tss-quiz__option-wrapper{display:flex;flex-direction:column;align-items:stretch;height:100%;gap:var(--ss-space-4);opacity:0;animation:tssQuizOptionEnter .4s var(--ss-ease) forwards}.tss-quiz__option{-webkit-appearance:none;appearance:none;background:var(--section-subtle, var(--ss-subtle, #F5F7FA));border:1px solid rgba(0,0,0,.03);border-radius:var(--ss-radius-lg);width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:var(--ss-space-6);gap:var(--ss-space-4);cursor:pointer;position:relative;text-align:center;transition:all var(--ss-dur-md) var(--ss-ease)}.tss-quiz__option-icon-box{width:100%;aspect-ratio:1 / 1;background:color-mix(in srgb,var(--section-text) 4%,transparent);border-radius:var(--ss-radius-md);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0}@keyframes tssQuizOptionEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.tss-quiz__option-emoji{font-size:64px;flex-shrink:0;line-height:1}@media(hover:hover)and (pointer:fine){.tss-quiz__option:hover{transform:translateY(-4px);box-shadow:var(--ss-shadow-md);background:color-mix(in srgb,var(--section-text) 3%,transparent)}}@media(pointer:coarse){.tss-quiz__option:active{transform:scale(.98);transition-duration:.1s}}@media(hover:hover){.tss-quiz__option:active{transform:scale(.98) translateY(0);box-shadow:var(--ss-shadow-sm);transition-duration:.1s}}.tss-quiz__option.is-selected{background:color-mix(in srgb,var(--section-accent) 6%,transparent);box-shadow:inset 0 0 0 2px var(--section-accent);transform:translateY(-2px)}.tss-quiz__option.is-selected .tss-quiz__option-radio{background:var(--section-accent);color:var(--section-btn-text);border:none}.tss-quiz__option.is-selected .tss-quiz__option-label{color:var(--section-text);font-weight:var(--ss-weight-bold)}.tss-quiz__option-check{position:absolute;top:var(--ss-space-3);right:var(--ss-space-3);width:24px;height:24px;background:var(--section-accent);color:var(--section-btn-text);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:tssQuizCheckPop .3s var(--ss-ease-spring) both}.tss-quiz__option-check svg{width:14px;height:14px}@keyframes tssQuizCheckPop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.tss-quiz__option-img{width:100%;height:100%;object-fit:cover;flex-shrink:0}.tss-quiz__option-placeholder{width:100%;height:100%;border-radius:var(--ss-radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tss-quiz__option-placeholder:after{content:"";width:48px;height:48px;border-radius:var(--ss-radius-sm);background:color-mix(in srgb,var(--section-text) 8%,transparent)}.tss-quiz__option-label{font-family:var(--ss-font-sans);font-size:var(--ss-text-body-sm);font-weight:var(--ss-weight-bold);color:var(--section-text);line-height:1.3;margin:0;letter-spacing:.02em}.tss-quiz__nav{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:var(--ss-gap-xl)}.tss-quiz__btn-back{-webkit-appearance:none;appearance:none;background:transparent;border:none;font-family:var(--ss-font-sans);font-size:var(--ss-text-body-sm);font-weight:var(--ss-weight-semibold);color:var(--section-body);cursor:pointer;padding:var(--ss-space-3) 0;display:inline-flex;align-items:center;gap:var(--ss-space-2);transition:color var(--ss-dur-sm) var(--ss-ease);letter-spacing:var(--ss-text-eyebrow-spacing);text-transform:uppercase}.tss-quiz__btn-back svg{width:16px;height:16px;transition:transform var(--ss-dur-sm) var(--ss-ease)}@media(hover:hover)and (pointer:fine){.tss-quiz__btn-back:hover{color:var(--section-text)}.tss-quiz__btn-back:hover svg{transform:translate(-3px)}}.tss-quiz__btn-next{font-size:var(--ss-text-body-sm)!important;padding:var(--ss-btn-y) var(--ss-btn-x)!important;gap:var(--ss-space-2);letter-spacing:var(--ss-text-eyebrow-spacing);text-transform:uppercase}.tss-quiz__btn-next:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.tss-quiz__card--lead{display:flex;flex-direction:column;align-items:center}.tss-quiz__lead-header{display:flex;flex-direction:column;align-items:center;gap:var(--ss-space-6);margin-bottom:var(--ss-space-8);width:100%}.tss-quiz__lead-icon-wrapper{display:flex;justify-content:center}.tss-quiz__lead-icon{width:56px;height:56px;color:var(--section-text);opacity:.9;background:var(--section-surface);padding:var(--ss-space-3);border-radius:var(--ss-radius-md);box-shadow:0 4px 12px #0000000d}.tss-quiz__title--serif{font-family:var(--ss-font-serif);font-weight:var(--ss-weight-normal);font-size:calc(var(--ss-text-h3) * 1.1);max-width:520px;margin:0 auto;line-height:1.1;letter-spacing:-.01em;color:var(--section-text);text-align:center;text-wrap:balance}.tss-quiz__lead-body{width:100%;display:flex;justify-content:center;margin-bottom:var(--ss-space-8)}.tss-quiz__lead-form{display:flex;flex-direction:column;gap:var(--ss-space-4);width:100%;max-width:440px}.tss-quiz__lead-input{width:100%;background:var(--section-surface);border:1px solid color-mix(in srgb,var(--section-text) 15%,transparent);border-radius:var(--ss-radius-md);color:var(--section-text);padding:var(--ss-space-4) var(--ss-space-5);font-family:var(--ss-font-sans);font-size:16px!important;-webkit-appearance:none;outline:none;text-align:left;box-shadow:inset 0 2px 4px #00000005;transition:border-color var(--ss-dur-md) var(--ss-ease),box-shadow var(--ss-dur-md) var(--ss-ease)}.tss-quiz__lead-input::placeholder{color:var(--section-body);font-weight:var(--ss-weight-normal);opacity:.6}.tss-quiz__lead-input:focus{border-color:var(--section-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--section-accent) 15%,transparent)}.tss-quiz__lead-input.has-error{border-color:#d94f4f;box-shadow:0 0 0 3px #d94f4f1a}.tss-quiz__lead-error{font-family:var(--ss-font-sans);font-size:var(--ss-text-body-xs);font-weight:var(--ss-weight-medium);color:#d94f4f;text-align:left;margin:var(--ss-space-2) 0 0}.tss-quiz__lead-btn{width:100%;background:var(--section-btn-bg)!important;border:none;color:var(--section-btn-text)!important;font-family:var(--ss-font-sans);font-weight:var(--ss-weight-bold);font-size:var(--ss-text-body-md);padding:var(--ss-space-4) var(--ss-space-5);border-radius:var(--ss-radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 4px 12px color-mix(in srgb,var(--section-btn-bg) 30%,transparent);transition:transform var(--ss-dur-sm) var(--ss-ease),filter var(--ss-dur-sm) var(--ss-ease),box-shadow var(--ss-dur-sm) var(--ss-ease)}@media(hover:hover)and (pointer:fine){.tss-quiz__lead-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px color-mix(in srgb,var(--section-btn-bg) 40%,transparent);filter:brightness(1.05)}}.tss-quiz__lead-footer{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--ss-space-6);margin-top:auto;padding-top:var(--ss-gap-xl)}.tss-quiz__lead-actions{display:flex;flex-direction:column;align-items:center;gap:var(--ss-space-2)}.tss-quiz__lead-skip,.tss-quiz__btn-back{-webkit-appearance:none;appearance:none;background:transparent;border:none;font-family:var(--ss-font-sans);font-size:var(--ss-text-body-md);font-weight:var(--ss-weight-medium);color:var(--section-text);cursor:pointer;padding:var(--ss-space-3) var(--ss-space-4);margin:0;text-decoration:underline;text-underline-offset:6px;transition:color var(--ss-dur-sm) var(--ss-ease),opacity var(--ss-dur-sm) var(--ss-ease)}@media(hover:hover)and (pointer:fine){.tss-quiz__lead-skip:hover,.tss-quiz__btn-back:hover{opacity:.7}}.tss-quiz__lead-disclaimer{font-family:var(--ss-font-sans);font-size:var(--ss-text-body-xs);color:var(--section-body);opacity:.7;max-width:480px;margin:0 auto;line-height:1.5;text-align:center;text-wrap:pretty}.tss-quiz__lead-disclaimer a{color:inherit;text-decoration:underline}@media(max-width:749px){.tss-quiz__title--serif{font-size:calc(var(--ss-text-h3) * .95);padding:0 var(--ss-space-4)}.tss-quiz__lead-form{padding:0 var(--ss-space-4)}}.tss-quiz__skeleton-results{display:flex;flex-direction:column;gap:var(--ss-gap-xl);animation:tssQuizFadeIn .3s var(--ss-ease) both}.tss-quiz__skeleton-card{border:1px solid var(--section-border);border-radius:var(--ss-radius-xl);overflow:hidden;background:var(--section-surface)}.tss-quiz__skeleton-media{width:100%;aspect-ratio:4/3;background:color-mix(in srgb,var(--section-text) 5%,transparent);position:relative;overflow:hidden}.tss-quiz__skeleton-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:tssQuizShimmer 1.5s infinite}.tss-quiz__skeleton-body{padding:var(--ss-space-8);display:flex;flex-direction:column;gap:var(--ss-space-3)}.tss-quiz__skeleton-line{height:16px;background:color-mix(in srgb,var(--section-text) 8%,transparent);border-radius:var(--ss-radius-xs);width:100%;position:relative;overflow:hidden}.tss-quiz__skeleton-line:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:tssQuizShimmer 1.5s infinite}.tss-quiz__skeleton-line.short{width:40%;height:24px;margin-bottom:var(--ss-gap-xs)}.tss-quiz__skeleton-line.medium{width:70%}.tss-quiz__skeleton-line.pill{width:30%;height:32px;border-radius:var(--ss-radius-md);margin-top:var(--ss-space-4)}@keyframes tssQuizShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.tss-quiz__results{animation:tssQuizFadeIn var(--ss-dur-lg) var(--ss-ease) both}.tss-quiz__global-header{text-align:center;margin-bottom:var(--ss-gap-xl)}.tss-quiz__global-title{font-family:var(--ss-font-serif);font-size:var(--ss-text-h2);font-weight:var(--ss-weight-bold);color:var(--section-bg-text, var(--section-text));margin:0 0 var(--ss-space-4) 0;line-height:1.1;letter-spacing:-.02em;text-wrap:balance}.tss-quiz__global-subtitle{font-family:var(--ss-font-serif);font-size:var(--ss-text-h3);color:var(--section-bg-text, var(--section-text));margin:0;text-wrap:pretty}.tss-quiz__hero-showcase{display:flex;flex-direction:column;background:var(--section-surface);border:none;border-radius:var(--ss-radius-xl);overflow:hidden;margin-bottom:var(--ss-gap-xl)}.tss-quiz__showcase-header{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--ss-space-8)}@media(max-width:749px){.tss-quiz__showcase-header{padding:var(--ss-space-6) var(--ss-space-4) 0}}.tss-quiz__showcase-badge{display:inline-flex;align-items:center;margin-bottom:var(--ss-space-4);gap:var(--ss-space-3)}.tss-quiz__showcase-badge-icon{width:32px;height:32px;object-fit:contain;flex-shrink:0}svg.tss-quiz__showcase-badge-icon{width:24px;height:24px}.tss-quiz__showcase-badge-text{position:relative;font-family:var(--ss-font-sans);font-size:var(--ss-badge-font-size, 12px);font-weight:var(--ss-weight-bold);text-transform:uppercase;letter-spacing:var(--ss-text-eyebrow-spacing);padding:4px 12px;color:var(--section-text);z-index:1}.tss-quiz__showcase-badge-text:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:color-mix(in srgb,var(--section-text) 25%,transparent);border-radius:4px;transform:skew(-15deg);z-index:-1}.tss-quiz__showcase-title-link{text-decoration:none;color:inherit;display:inline-block;margin-bottom:var(--ss-space-2)}.tss-quiz__showcase-title{font-family:var(--ss-font-serif);font-size:var(--ss-text-display);font-weight:var(--ss-weight-bold);color:var(--section-text);margin:0 0 var(--ss-space-4);line-height:1.1;letter-spacing:-.02em;text-decoration:underline;text-decoration-color:#55a;text-underline-offset:8px;text-decoration-thickness:2px;text-wrap:balance}.tss-quiz__showcase-subtitle{font-family:var(--ss-font-sans);font-size:var(--ss-text-body-sm);color:var(--section-body);margin:0 auto var(--ss-space-6);line-height:1.5;max-width:600px;text-wrap:pretty}@media(max-width:749px){.tss-quiz__showcase-subtitle{margin-bottom:var(--ss-space-2)}}.tss-quiz__showcase-body{display:flex;flex-direction:row}@media(max-width:749px){.tss-quiz__showcase-body{flex-direction:column}}.tss-quiz__showcase-media{flex:1;position:relative;background:transparent;padding:var(--ss-space-8);min-width:0;min-height:0;max-width:100%}@media(max-width:749px){.tss-quiz__showcase-media{padding:var(--ss-space-2) var(--ss-space-4) var(--ss-space-6)}}.tss-quiz__showcase-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--ss-radius-md)}.tss-quiz__media-badge{position:absolute;top:var(--ss-space-4);left:var(--ss-space-8);z-index:var(--z-elevated);font-family:var(--ss-font-sans);font-size:var(--ss-badge-font-size, 11px);font-weight:var(--ss-weight-bold);padding:var(--ss-badge-padding);text-transform:uppercase;background:var(--section-accent);color:var(--section-btn-text);border-radius:var(--ss-radius-sm);box-shadow:var(--ss-shadow-sm)}@media(max-width:749px){.tss-quiz__media-badge{left:var(--ss-space-6)}}.tss-quiz-gallery-swiper{border-radius:var(--ss-radius-md);overflow:hidden;aspect-ratio:1 / 1;touch-action:pan-y}.tss-quiz-gallery-slide{height:100%}.tss-quiz-gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;background:color-mix(in srgb,var(--ss-white) 90%,transparent);border:1px solid var(--section-border, var(--ss-cream-border));border-radius:var(--ss-radius-full);display:flex;align-items:center;justify-content:center;z-index:var(--z-elevated, 10);cursor:pointer;color:var(--section-text, var(--ss-navy));box-shadow:var(--ss-shadow-card, var(--ss-shadow-sm));padding:0}.tss-quiz-gallery-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tss-quiz-gallery-arrow.prev{left:12px}.tss-quiz-gallery-arrow.next{right:12px}.tss-quiz-gallery-dots.swiper-pagination{position:absolute!important;bottom:16px!important;left:0!important;right:0!important;display:flex!important;justify-content:center;align-items:center;gap:10px!important;margin:0!important;width:100%!important;z-index:var(--z-elevated, 10)!important;visibility:visible!important;opacity:1!important;pointer-events:none!important}.tss-quiz-gallery-dots .swiper-pagination-bullet{width:10px!important;height:10px!important;min-width:10px!important;min-height:10px!important;flex-shrink:0!important;display:block!important;border-radius:50%!important;background-color:var(--section-text, var(--ss-navy))!important;opacity:.3!important;transition:all .2s!important;cursor:pointer!important;pointer-events:auto!important;box-shadow:none!important;margin:0!important}.tss-quiz-thumbs-swiper{border-radius:var(--ss-radius-sm);overflow:hidden;touch-action:pan-y}.tss-quiz-thumb-slide{border-radius:var(--ss-radius-sm);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .2s ease;aspect-ratio:1/1;opacity:.7}.tss-quiz-thumb-slide.swiper-slide-thumb-active{border-color:var(--section-text, var(--ss-navy));opacity:1}.tss-quiz__thumb-img{width:100%;height:100%;object-fit:cover;display:block}.tss-quiz-gallery-dots .swiper-pagination-bullet-active{opacity:1!important;transform:scale(1.3)!important}.tss-quiz__showcase-details{flex:1;padding:var(--ss-space-8);display:flex;flex-direction:column;justify-content:flex-start;min-width:0;min-height:0}@media(max-width:749px){.tss-quiz__showcase-details{padding:var(--ss-space-6)}}.tss-quiz__card--lead{text-align:center;margin:0 auto;padding:var(--ss-space-10) var(--ss-space-8);background:var(--section-surface);border-radius:var(--ss-radius-xl);box-shadow:var(--ss-shadow-lg);border:none}.tss-quiz__card--lead .tss-quiz__header{margin-bottom:var(--ss-gap-md)!important}.tss-quiz__card--lead .tss-quiz__title{font-size:var(--ss-text-display);font-weight:var(--ss-weight-normal);color:var(--section-text);margin-bottom:var(--ss-space-2)}.tss-quiz__card--lead .tss-quiz__subtext{font-size:var(--ss-text-body-md);color:var(--section-body)}.tss-quiz__showcase-price-block{display:flex;align-items:baseline;gap:var(--ss-space-2);margin-bottom:var(--ss-space-6);font-family:var(--ss-font-sans)}.tss-quiz__showcase-price-label{font-size:var(--ss-text-body-sm);color:var(--section-text);font-weight:var(--ss-weight-semibold);margin-right:var(--ss-space-1)}.tss-quiz__showcase-price{font-size:var(--ss-text-h2);font-weight:var(--ss-weight-bold);color:var(--section-text);line-height:1}.tss-quiz__showcase-compare{font-size:var(--ss-text-body-md);color:var(--section-body);text-decoration:line-through;margin-left:var(--ss-space-1)}.tss-quiz__showcase-options{display:flex;flex-direction:column;gap:var(--ss-space-3);margin-bottom:var(--ss-space-6)}.tss-quiz__option-group{display:flex;align-items:center;justify-content:space-between}.tss-quiz__option-label{font-family:var(--ss-font-sans);font-size:var(--ss-text-body-xs);font-weight:var(--ss-weight-bold);color:var(--section-body);text-transform:uppercase;letter-spacing:.05em}.tss-quiz__select-wrapper{position:relative;width:50%}.tss-quiz__select-wrapper:after{content:"\2304";position:absolute;right:var(--ss-space-3);top:50%;transform:translateY(-50%);font-size:var(--ss-text-body-lg);pointer-events:none;color:var(--section-text)}.tss-quiz__option-select{appearance:none;-webkit-appearance:none;width:100%;background:#f7f7f7;border:1px solid rgba(0,0,0,.05);border-radius:var(--ss-radius-md);padding:var(--ss-space-3) var(--ss-space-6) var(--ss-space-3) var(--ss-space-4);font-family:var(--ss-font-sans);font-size:var(--ss-text-body-sm);font-weight:var(--ss-weight-semibold);color:var(--section-text);cursor:pointer;height:48px}.tss-quiz__option-select:focus{outline:none;border-color:var(--section-accent)}.tss-quiz__showcase-actions{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ss-space-2);margin-top:var(--ss-space-6);width:100%}.tss-quiz__addon-total{font-family:var(--ss-font-sans);font-size:var(--ss-text-body-sm);font-weight:var(--ss-weight-semibold);color:var(--section-text)}.tss-quiz__addon-inline{border-top:1px solid color-mix(in srgb,var(--section-text) 10%,transparent);padding-top:var(--ss-space-4);margin-bottom:var(--ss-space-2)}.tss-quiz__addon-inline-label{font-family:var(--ss-font-sans);font-size:var(--ss-text-body-xs);font-weight:var(--ss-weight-bold);color:var(--section-body);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--ss-space-3) 0}.tss-quiz__addon-inline-item{display:flex;align-items:center;gap:var(--ss-space-3);cursor:pointer;padding:var(--ss-space-2) 0}.tss-quiz__addon-checkbox{position:absolute;opacity:0;width:20px;height:20px;margin:0;cursor:pointer}.tss-quiz__addon-inline-check{width:20px;height:20px;flex-shrink:0;border:1.5px solid color-mix(in srgb,var(--section-text) 30%,transparent);border-radius:5px;position:relative;transition:background var(--ss-dur-sm) var(--ss-ease),border-color var(--ss-dur-sm) var(--ss-ease)}.tss-quiz__addon-checkbox:checked+.tss-quiz__addon-inline-check{background:var(--section-text);border-color:var(--section-text)}.tss-quiz__addon-checkbox:checked+.tss-quiz__addon-inline-check:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid var(--section-bg, #fff);border-width:0 2px 2px 0;transform:rotate(45deg)}.tss-quiz__addon-inline-img{width:44px;height:44px;object-fit:cover;border-radius:var(--ss-radius-sm, 6px);flex-shrink:0}.tss-quiz__addon-inline-info{display:flex;align-items:baseline;justify-content:space-between;flex:1;gap:var(--ss-space-2)}.tss-quiz__addon-inline-name{font-family:var(--ss-font-sans);font-size:var(--ss-text-body-sm);font-weight:var(--ss-weight-semibold);color:var(--section-text)}.tss-quiz__addon-inline-price{font-family:var(--ss-font-sans);font-size:var(--ss-text-body-sm);color:var(--section-body);white-space:nowrap}.tss-quiz__qty{display:inline-flex;align-items:center;justify-content:center;gap:var(--ss-space-2);background:#f7f7f7;border:1px solid rgba(0,0,0,.05);border-radius:var(--ss-radius-md);height:48px;padding:0 var(--ss-space-2);width:auto}.tss-quiz__qty-btn{background:transparent;border:none;color:var(--section-text);font-size:var(--ss-text-heading-lg);width:32px;height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center}.tss-quiz__qty-input{width:40px;text-align:center;border:none;background:transparent;font-family:var(--ss-font-sans);font-size:var(--ss-text-body-sm);font-weight:var(--ss-weight-semibold);color:var(--section-text);-moz-appearance:textfield}.tss-quiz__qty-input::-webkit-outer-spin-button,.tss-quiz__qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tss-quiz__showcase-atc{width:100%;height:56px;padding:0 var(--ss-space-5);box-sizing:border-box;background:#f59e0b!important;color:#fff!important;font-family:var(--ss-font-sans);font-size:var(--ss-text-body-md);font-weight:var(--ss-weight-bold);text-transform:uppercase;letter-spacing:.05em;border:none;border-radius:var(--ss-radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--ss-space-2);box-shadow:inset 0 1px #fff3,0 8px 24px #f59e0b66!important;transition:all .3s ease}@media(hover:hover)and (pointer:fine){.tss-quiz__showcase-atc:hover{transform:scale(1.02)}}.tss-quiz__showcase-atc:active{transform:scale(.98)}.tss-quiz__showcase-atc:disabled{background:#e5e7eb!important;background:color-mix(in srgb,var(--section-text) 15%,transparent)!important;color:#0e1b4d73!important;color:color-mix(in srgb,var(--section-text) 45%,transparent)!important;cursor:not-allowed;opacity:1!important}.tss-quiz__showcase-atc.is-success{background:var(--ss-success);color:var(--ss-white)}.tss-quiz__breakdown{background-color:var(--ss-subtle);margin:var(--ss-section-y) calc(-50vw + 50%);padding:var(--ss-section-y) calc(50vw - 50%)}.tss-quiz__breakdown-title{text-align:center;font-family:var(--ss-font-serif);font-size:var(--ss-text-display);font-weight:var(--ss-weight-normal);color:var(--section-bg-text, var(--section-text));margin:0 0 var(--ss-gap-lg) 0;line-height:1.1;letter-spacing:-.04em;text-wrap:balance}.tss-quiz__breakdown-zig-zag{display:flex;flex-direction:column;gap:var(--ss-gap-xl);max-width:var(--ss-container-wide, 1000px);margin:0 auto}.tss-quiz__breakdown-row{display:flex;align-items:center;justify-content:center;gap:var(--ss-gap-lg)}.tss-quiz__breakdown-row--reverse{flex-direction:row-reverse}.tss-quiz__breakdown-image{flex:.5;max-width:360px;border-radius:var(--ss-radius-xl, var(--ss-radius-lg));overflow:hidden;aspect-ratio:1/1;box-shadow:var(--ss-shadow-md);border:1px solid color-mix(in srgb,var(--section-text) 5%,transparent);background:var(--section-surface-subtle)}.tss-quiz__breakdown-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--ss-dur-md) var(--ss-ease)}.tss-quiz__breakdown-row:hover .tss-quiz__breakdown-img{transform:scale(1.05)}.tss-quiz__breakdown-content{flex:1;max-width:560px;padding:var(--ss-space-4) 0}.tss-quiz__breakdown-col-title{font-family:var(--ss-font-serif);font-size:var(--ss-text-h2);color:var(--section-bg-text, var(--section-text));margin:0 0 var(--ss-space-3) 0;line-height:1.1;letter-spacing:-.02em;text-wrap:balance}.tss-quiz__breakdown-col-text{font-family:var(--ss-font-sans);font-size:var(--ss-text-body-lg);color:var(--section-bg-text, var(--section-body));opacity:.9;line-height:1.6;margin:0;text-wrap:pretty}@media(max-width:749px){.tss-quiz__breakdown-zig-zag{gap:var(--ss-space-8)}.tss-quiz__breakdown-row,.tss-quiz__breakdown-row--reverse{flex-direction:column;text-align:left;gap:var(--ss-space-6)}.tss-quiz__breakdown-image{width:100%;max-width:360px;margin:0 auto;aspect-ratio:1/1}.tss-quiz__breakdown-content{padding:0;width:100%;max-width:360px;margin:0 auto;text-align:left}}.tss-quiz__secondary-heading{font-family:var(--ss-font-serif);font-size:var(--ss-text-display);font-weight:var(--ss-weight-normal);color:var(--section-text);text-align:center;margin:var(--ss-gap-xl) 0 var(--ss-gap-lg) 0;line-height:1.1;letter-spacing:-.02em;text-wrap:balance}.tss-quiz__secondary-grid{display:flex;flex-direction:row;justify-content:center;gap:var(--ss-gap-md);flex-wrap:wrap}@media(min-width:768px){.tss-quiz__secondary-grid{flex-wrap:nowrap}}@media(max-width:767px){.tss-quiz__secondary-grid{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;justify-content:flex-start;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:var(--ss-space-4);margin-left:calc(var(--ss-space-4) * -1);margin-right:calc(var(--ss-space-4) * -1);padding-left:var(--ss-space-4);padding-right:var(--ss-space-4)}.tss-quiz__secondary-grid::-webkit-scrollbar{display:none}.tss-quiz__sec-card{flex:0 0 85%;scroll-snap-align:center}}.tss-quiz__sec-card{display:flex;flex-direction:column;position:relative;height:100%;text-decoration:none;background:var(--ss-white, var(--ss-white));border-radius:var(--ss-radius-lg, 20px);padding:16px;box-shadow:var(--ss-shadow-sm);border:1px solid var(--ss-color-border);transition:transform var(--ss-dur-md, .4s) var(--ss-ease, cubic-bezier(.25, 1, .5, 1)),box-shadow var(--ss-dur-md, .4s) var(--ss-ease, ease);width:100%;max-width:280px}.tss-quiz__sec-card:only-child{margin-left:auto;margin-right:auto}@media(hover:hover)and (pointer:fine){.tss-quiz__sec-card:hover{transform:translateY(-4px);box-shadow:var(--ss-shadow-md)}}@media(pointer:coarse){.tss-quiz__sec-card:active{transform:scale(.97);transition-duration:.1s}}.tss-quiz__sec-media{width:100%;aspect-ratio:1/1;background-color:transparent;border-radius:var(--ss-radius-md, 12px);overflow:hidden;position:relative}.tss-quiz__sec-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--ss-dur-lg, .6s) ease}@media(hover:hover)and (pointer:fine){.tss-quiz__sec-card:hover .tss-quiz__sec-media img{transform:scale(1.05)}}.tss-quiz__sec-body{display:flex;flex-direction:column;flex-grow:1;padding:0;margin-top:12px;gap:4px;text-align:center}.tss-quiz__sec-title{margin:0;font-family:var(--ss-font-sans);font-size:var(--ss-text-body-sm);font-weight:var(--ss-weight-semibold);color:var(--ss-color-text);line-height:1.3;text-decoration:underline;text-decoration-style:wavy;text-decoration-color:var(--ss-navy-35);text-decoration-thickness:1px;text-underline-offset:4px;text-wrap:balance;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tss-quiz__sec-price{font-family:var(--ss-font-sans);font-size:var(--ss-text-label);margin:4px 0 0;color:var(--ss-color-text-muted);line-height:1.5}.tss-quiz__sec-cta{display:none}.tss-quiz__recap{display:flex;align-items:center;justify-content:center;gap:var(--ss-space-3);flex-wrap:wrap;text-align:center;margin-bottom:var(--ss-space-8)}.tss-quiz__recap-text{font-family:var(--ss-font-sans);font-size:12px;font-weight:var(--ss-weight-medium);letter-spacing:.01em;color:var(--section-body);opacity:.8}.tss-quiz__recap-edit{-webkit-appearance:none;appearance:none;background:transparent;border:1px solid color-mix(in srgb,var(--section-text) 18%,transparent);border-radius:999px;display:inline-flex;align-items:center;gap:4px;padding:3px 10px 3px 8px;font-family:var(--ss-font-sans);font-size:11px;font-weight:var(--ss-weight-semibold);color:var(--section-text);cursor:pointer;transition:border-color var(--ss-dur-sm) var(--ss-ease),color var(--ss-dur-sm) var(--ss-ease)}@media(hover:hover)and (pointer:fine){.tss-quiz__recap-edit:hover{border-color:color-mix(in srgb,var(--section-text) 40%,transparent)}}.tss-quiz__recap-edit svg{width:11px;height:11px}.tss-quiz__note{display:flex;flex-direction:column;align-items:center;width:100%;text-align:center;margin:var(--ss-space-9) 0}.tss-quiz__note-icon{color:color-mix(in srgb,var(--section-text) 35%,transparent);margin-bottom:var(--ss-space-3)}.tss-quiz__note p{width:100%;max-width:640px;font-family:var(--ss-font-serif);font-style:italic;font-weight:var(--ss-weight-normal);font-size:var(--ss-text-h2);color:var(--section-text);line-height:1.35;margin:0;text-wrap:pretty}.tss-quiz__oos-notice{font-family:var(--ss-font-sans);font-size:var(--ss-text-body-sm);font-weight:var(--ss-weight-semibold);color:var(--section-body);padding:var(--ss-space-3) 0}.tss-quiz__alternate{margin-top:var(--ss-space-12)}.tss-quiz__alternate-label,.tss-quiz__cross-sell-label{font-family:var(--ss-font-sans);font-size:var(--ss-text-eyebrow);font-weight:var(--ss-weight-bold);text-transform:uppercase;letter-spacing:var(--ss-text-eyebrow-spacing);color:var(--section-body);text-align:center;margin:0 0 var(--ss-space-5) 0}.tss-quiz__alternate{max-width:220px;margin-left:auto;margin-right:auto}.tss-quiz__cross-sell-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--ss-space-5)}.tss-quiz__cross-sell{margin-top:var(--ss-space-12);padding-top:var(--ss-space-10)}.tss-quiz__cross-sell-grid .tss-quiz__sec-title{text-decoration:none}.tss-quiz__hero-showcase--bundle .tss-quiz__bundle-items{display:grid;grid-template-columns:1fr 1fr;gap:var(--ss-space-4);margin:var(--ss-space-2) 0 var(--ss-space-6);border-top:1px solid color-mix(in srgb,var(--section-text) 10%,transparent);padding-top:var(--ss-space-5)}.tss-quiz__bundle-item{display:flex;gap:var(--ss-space-3);align-items:flex-start}.tss-quiz__bundle-item-img{width:64px;height:64px;object-fit:cover;border-radius:var(--ss-radius-sm, 6px);flex-shrink:0}.tss-quiz__bundle-item-title{font-family:var(--ss-font-sans);font-size:var(--ss-text-body-md);font-weight:var(--ss-weight-bold);color:var(--section-text);line-height:1.3}.tss-quiz__bundle-item-reason{font-family:var(--ss-font-sans);font-size:var(--ss-text-body-sm);color:var(--section-body);margin-top:4px;line-height:1.5}@media(max-width:640px){.tss-quiz__hero-showcase--bundle .tss-quiz__bundle-items{grid-template-columns:1fr}}.tss-quiz__travel-exit{text-align:center;margin-top:var(--ss-space-6)}.tss-quiz__travel-exit a{font-family:var(--ss-font-sans);font-size:var(--ss-text-body-sm);font-weight:var(--ss-weight-medium);color:var(--section-body);text-decoration:underline;text-underline-offset:5px;transition:color var(--ss-dur-sm) var(--ss-ease)}@media(hover:hover)and (pointer:fine){.tss-quiz__travel-exit a:hover{color:var(--section-text)}}.tss-quiz__restart{text-align:center;margin-top:var(--ss-gap-xl)}.tss-quiz__question:focus,.tss-quiz__title:focus{outline:none}.tss-quiz__option:focus-visible{outline:2px solid var(--ss-steel, #6b7f9e);outline-offset:3px}.tss-quiz__btn-back:focus-visible,.tss-quiz__lead-skip:focus-visible,.tss-quiz__lead-btn:focus-visible{outline:2px solid var(--ss-steel, #6b7f9e);outline-offset:3px}@media(max-width:749px){.tss-quiz__options,.tss-quiz__options--purpose{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--ss-gap-sm)}.tss-quiz__option{flex-direction:column;justify-content:flex-start;text-align:center;padding:var(--ss-space-3);height:100%;align-items:center;gap:var(--ss-space-3)}.tss-quiz__option-icon-box{width:100%;height:auto;aspect-ratio:1/1;flex-shrink:0}.tss-quiz__option-img,.tss-quiz__option-placeholder{width:100%;height:100%}.tss-quiz__option-placeholder:after{width:24px;height:24px}.tss-quiz__option-emoji{font-size:32px}.tss-quiz__hero-body{padding:var(--ss-space-5)}.tss-quiz__hero-actions{flex-direction:column}.tss-quiz__hero-showcase{border-radius:var(--ss-radius-lg)}.tss-quiz__secondary-grid{grid-template-columns:repeat(2,1fr);gap:var(--ss-space-3)}.tss-quiz__card{padding:var(--ss-space-6) var(--ss-space-5);border-radius:var(--ss-radius-lg)}.tss-quiz__progress-node{width:24px;height:24px}.tss-quiz__progress-node svg{width:12px;height:12px}.tss-quiz__progress-node-dot{width:6px;height:6px}.tss-quiz__nav{flex-direction:row}.tss-quiz__btn-next{padding:var(--ss-btn-y) var(--ss-space-6)!important}.tss-quiz__breakdown-col{display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;column-gap:var(--ss-space-4);row-gap:var(--ss-space-1);padding:var(--ss-space-4);align-items:start}.tss-quiz__breakdown-icon{grid-column:1;grid-row:1 / span 2;margin-bottom:0;width:48px;height:48px}.tss-quiz__breakdown-col-title{grid-column:2;grid-row:1;margin-bottom:0}.tss-quiz__breakdown-col-text{grid-column:2;grid-row:2}}@media(prefers-reduced-motion:reduce){.tss-quiz__step,.tss-quiz__step.is-exiting,.tss-quiz__results,.tss-quiz__option-check{animation-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/73/assets/tss-quiz.css.map */