.cpap-mask-finder{--navy: var(--cdw-navy);--navy-90: #1a4458;--navy-12: rgba(4, 49, 70, .12);--navy-08: rgba(4, 49, 70, .08);--navy-04: rgba(4, 49, 70, .04);--yellow: var(--cdw-gold);--yellow-deep: var(--cdw-amber);--yellow-pale: #fff6db;--yellow-border: #f3c43a;--sky: var(--cdw-sky);--sky-pale: #e6f2f9;--sky-deep: #5fa9c7;--white: #ffffff;--grey-50: #fafafa;--grey-100: #f4f4f4;--grey-150: #eeeeee;--grey-200: #e4e4e4;--grey-300: #d4d4d4;--grey-500: #8a8a8a;--grey-700: #4a4a4a;--ink: #0c1e26;--success: var(--cdw-success);--warn: var(--cdw-warn);--danger: var(--cdw-sale);--r-card: 4px;--r-input: 4px;--r-pill: 100px;--shadow-card: 0 1px 2px rgba(4,49,70,.04);--shadow-hover: 0 6px 18px rgba(4,49,70,.1), 0 2px 4px rgba(4,49,70,.05);--shadow-pop: 0 16px 48px rgba(4,49,70,.18), 0 2px 8px rgba(4,49,70,.08);--font: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.cpap-mask-finder .app{min-height:100vh;display:flex;flex-direction:column;background:var(--white)}.cpap-mask-finder .topbar{position:sticky;top:0;z-index:30;background:var(--white);border-bottom:1px solid var(--grey-150)}.cpap-mask-finder .topbar-inner{max-width:1280px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:16px}.cpap-mask-finder .brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy);font-weight:600;font-size:15px;white-space:nowrap}.cpap-mask-finder .brand-mark{width:32px;height:32px;background:var(--navy);color:var(--yellow);display:grid;place-items:center;border-radius:6px;font-weight:700;font-size:14px;letter-spacing:.5px}.cpap-mask-finder .brand-mark svg{display:block}.cpap-mask-finder .brand-tag{font-size:11px;color:var(--grey-500);font-weight:500;text-transform:uppercase;letter-spacing:.08em}.cpap-mask-finder .topbar-spacer{flex:1}.cpap-mask-finder .topbar-help{font-size:13px;color:var(--grey-700);text-decoration:none;display:inline-flex;align-items:center;gap:6px}.cpap-mask-finder .topbar-help:hover{color:var(--navy)}.cpap-mask-finder .stepper{background:var(--white);border-bottom:1px solid var(--grey-150);position:sticky;top:60px;z-index:20}.cpap-mask-finder .stepper-inner{max-width:1280px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:8px;overflow-x:auto}.cpap-mask-finder .step{display:flex;align-items:center;gap:10px;flex-shrink:0;font-size:13px;color:var(--grey-500);font-weight:500}.cpap-mask-finder .step-dot{width:26px;height:26px;border-radius:50%;background:var(--grey-150);color:var(--grey-700);font-weight:600;font-size:12px;display:grid;place-items:center;border:1.5px solid transparent;transition:all .2s}.cpap-mask-finder .step.active .step-dot{background:var(--navy);color:var(--white);border-color:var(--navy);box-shadow:0 0 0 4px var(--yellow-pale)}.cpap-mask-finder .step.done .step-dot{background:var(--white);color:var(--navy);border-color:var(--navy)}.cpap-mask-finder .step.active .step-label{color:var(--navy);font-weight:600}.cpap-mask-finder .step.done .step-label{color:var(--navy)}.cpap-mask-finder .step-sep{flex-shrink:0;width:28px;height:2px;background:var(--grey-150);border-radius:2px}.cpap-mask-finder .step.done+.step-sep{background:var(--navy)}@media(max-width:720px){.cpap-mask-finder .step-label{display:none}.cpap-mask-finder .step.active .step-label{display:inline}.cpap-mask-finder .step-sep{width:16px}}.cpap-mask-finder .canvas{flex:1;max-width:1280px;width:100%;margin:0 auto;padding:32px 20px 120px}@media(max-width:720px){.cpap-mask-finder .canvas{padding:20px 16px 140px}}.cpap-mask-finder .trustbar{background:var(--navy);color:var(--white)}.cpap-mask-finder .trustbar-inner{max-width:1280px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:24px;font-size:12.5px;font-weight:500;overflow-x:auto}.cpap-mask-finder .trustbar-item{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;flex-shrink:0}.cpap-mask-finder .trustbar-item svg{flex-shrink:0;color:var(--yellow)}.cpap-mask-finder .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 22px;border-radius:var(--r-pill);font-weight:600;font-size:15px;border:1.5px solid transparent;transition:transform .06s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease;white-space:nowrap;text-decoration:none}.cpap-mask-finder .btn:active{transform:translateY(1px)}.cpap-mask-finder .btn:disabled{opacity:.5;cursor:not-allowed}.cpap-mask-finder .btn-primary{background:var(--navy);color:var(--white);border-color:var(--navy)}.cpap-mask-finder .btn-primary:hover:not(:disabled){background:var(--navy-90);box-shadow:var(--shadow-hover)}.cpap-mask-finder .btn-secondary{background:var(--white);color:var(--navy);border-color:var(--navy)}.cpap-mask-finder .btn-secondary:hover:not(:disabled){background:var(--navy-04)}.cpap-mask-finder .btn-accent{background:var(--yellow);color:var(--navy);border-color:var(--yellow)}.cpap-mask-finder .btn-accent:hover:not(:disabled){background:var(--yellow-deep);border-color:var(--yellow-deep)}.cpap-mask-finder .btn-ghost{background:transparent;color:var(--navy);border-color:transparent}.cpap-mask-finder .btn-ghost:hover{background:var(--navy-04)}.cpap-mask-finder .btn-sm{height:38px;padding:0 16px;font-size:13.5px}.cpap-mask-finder .btn-lg{height:56px;padding:0 28px;font-size:16px}.cpap-mask-finder .btn-block{width:100%}.cpap-mask-finder .btn-icon-only{padding:0;width:48px}.cpap-mask-finder .btn-icon-only.btn-sm{width:38px}.cpap-mask-finder .link-btn{background:transparent;border:0;padding:0;color:var(--navy);font-weight:600;font-size:14px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.cpap-mask-finder .link-btn:hover{color:var(--navy-90)}.cpap-mask-finder .chip{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:var(--r-pill);background:var(--white);border:1.5px solid var(--grey-200);color:var(--grey-700);font-size:13.5px;font-weight:500;cursor:pointer;transition:all .15s ease}.cpap-mask-finder .chip:hover{border-color:var(--navy);color:var(--navy)}.cpap-mask-finder .chip.active{background:var(--navy);color:var(--white);border-color:var(--navy)}.cpap-mask-finder .chip.active .chip-x{opacity:.85}.cpap-mask-finder .chip-x{width:14px;height:14px;display:inline-grid;place-items:center;font-size:12px;line-height:1;opacity:0}.cpap-mask-finder .chip.active .chip-x{opacity:1}.cpap-mask-finder .chip-group-label{font-size:12px;font-weight:600;color:var(--grey-500);text-transform:uppercase;letter-spacing:.06em;margin-right:6px}.cpap-mask-finder .card{background:var(--white);border:1px solid var(--grey-200);border-radius:var(--r-card);box-shadow:var(--shadow-card);transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}.cpap-mask-finder .card:hover{box-shadow:var(--shadow-hover)}.cpap-mask-finder .card.selected{border-color:var(--yellow-border);background:var(--yellow-pale);box-shadow:0 0 0 1px var(--yellow-border) inset,var(--shadow-hover)}.cpap-mask-finder .badge{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 9px;border-radius:var(--r-pill);font-size:11.5px;font-weight:600;letter-spacing:.02em;background:var(--grey-150);color:var(--grey-700);white-space:nowrap}.cpap-mask-finder .badge-bestseller{background:var(--yellow);color:var(--navy)}.cpap-mask-finder .badge-sale{background:#fce8e6;color:#a4271e}.cpap-mask-finder .badge-bundle{background:var(--sky-pale);color:var(--navy);border:1px solid var(--sky)}.cpap-mask-finder .badge-accessory{background:var(--navy-04);color:var(--navy)}.cpap-mask-finder .badge-recommended{background:var(--navy);color:var(--yellow);height:26px;padding:0 12px;font-size:12px}.cpap-mask-finder .badge-type{background:var(--white);color:var(--navy);border:1px solid var(--navy-12);font-weight:500}.cpap-mask-finder .stars{display:inline-flex;align-items:center;gap:2px}.cpap-mask-finder .stars svg{width:13px;height:13px}.cpap-mask-finder .stars-meta{font-size:12.5px;color:var(--grey-500);margin-left:4px}.cpap-mask-finder .prod-img{background:radial-gradient(60% 50% at 50% 55%,rgba(143,203,229,.18),transparent 75%),var(--white);border-bottom:1px solid var(--grey-150);display:grid;place-items:center;position:relative;overflow:hidden}.cpap-mask-finder .prod-img-placeholder{width:70%;aspect-ratio:1.4;position:relative}.cpap-mask-finder .prod-img-caption{position:absolute;bottom:8px;left:8px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;color:var(--grey-500);background:#fffc;padding:2px 6px;border-radius:3px;letter-spacing:.02em}.cpap-mask-finder .hero{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;margin-bottom:40px}.cpap-mask-finder .hero-eyebrow{font-size:12px;font-weight:600;color:var(--navy);text-transform:uppercase;letter-spacing:.1em;display:inline-flex;align-items:center;gap:8px;margin-bottom:16px}.cpap-mask-finder .hero-eyebrow:before{content:"";width:24px;height:2px;background:var(--yellow);border-radius:2px}.cpap-mask-finder .hero h1{font-size:clamp(32px,4.4vw,52px);font-weight:600;line-height:1.08;letter-spacing:-.015em;margin:0 0 18px;color:var(--navy);text-wrap:balance}.cpap-mask-finder .hero h1 em{font-style:normal;background:linear-gradient(transparent 62%,var(--yellow) 62%,var(--yellow) 92%,transparent 92%);padding:0 2px}.cpap-mask-finder .hero-sub{font-size:17px;color:var(--grey-700);margin:0 0 28px;max-width:56ch;text-wrap:pretty}.cpap-mask-finder .hero-q{font-size:15px;font-weight:600;color:var(--navy);margin:28px 0 14px;display:flex;align-items:center;gap:10px}.cpap-mask-finder .hero-q-num{width:24px;height:24px;background:var(--yellow);color:var(--navy);border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700}.cpap-mask-finder .hero-choices{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cpap-mask-finder .choice-card{padding:22px 22px 24px;display:flex;flex-direction:column;gap:10px;text-align:left;background:var(--white);border:1.5px solid var(--grey-200);border-radius:6px;cursor:pointer;transition:all .18s ease;position:relative}.cpap-mask-finder .choice-card:hover{border-color:var(--navy);transform:translateY(-1px);box-shadow:var(--shadow-hover)}.cpap-mask-finder .choice-card.selected{border-color:var(--yellow-border);background:var(--yellow-pale);box-shadow:0 0 0 1px var(--yellow-border) inset}.cpap-mask-finder .choice-card-icon{width:44px;height:44px;background:var(--sky-pale);border-radius:10px;display:grid;place-items:center;color:var(--navy);margin-bottom:6px}.cpap-mask-finder .choice-card-title{font-size:16px;font-weight:600;color:var(--navy);display:flex;align-items:center;gap:8px}.cpap-mask-finder .choice-card-sub{font-size:13.5px;color:var(--grey-700)}.cpap-mask-finder .choice-card-meta{margin-top:10px;font-size:12px;color:var(--grey-500);font-weight:500;display:inline-flex;align-items:center;gap:6px}.cpap-mask-finder .choice-card-check{position:absolute;top:14px;right:14px;width:22px;height:22px;border:1.5px solid var(--grey-300);border-radius:50%;background:var(--white);display:grid;place-items:center}.cpap-mask-finder .choice-card.selected .choice-card-check{background:var(--navy);border-color:var(--navy);color:var(--yellow)}.cpap-mask-finder .hero-reassure{margin-top:18px;font-size:13px;color:var(--grey-500);display:inline-flex;align-items:center;gap:8px}.cpap-mask-finder .hero-visual{background:radial-gradient(120% 80% at 100% 0%,rgba(255,207,76,.22),transparent 60%),linear-gradient(180deg,#052e42 0%,var(--cdw-navy) 60%,#052639 100%);border-radius:14px;padding:36px;color:var(--white);min-height:460px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.cpap-mask-finder .hero-visual:before{content:"";position:absolute;inset:-40% -40% auto auto;width:360px;height:360px;background:radial-gradient(closest-side,rgba(143,203,229,.18),transparent);border-radius:50%}.cpap-mask-finder .hero-stat{position:relative;display:flex;flex-direction:column;gap:4px}.cpap-mask-finder .hero-stat-num{font-size:56px;font-weight:600;color:var(--yellow);letter-spacing:-.02em;line-height:1}.cpap-mask-finder .hero-stat-label{font-size:14px;color:#ffffffd9}.cpap-mask-finder .hero-quote{position:relative;font-size:15px;line-height:1.5;color:#ffffffeb;border-top:1px solid rgba(255,255,255,.15);padding-top:18px;margin-top:24px}.cpap-mask-finder .hero-quote-byline{margin-top:10px;font-size:12.5px;color:var(--sky);font-weight:500}.cpap-mask-finder .hero-mini-trust{position:relative;display:flex;flex-wrap:wrap;gap:10px 18px;font-size:12.5px;color:#ffffffd9}.cpap-mask-finder .hero-mini-trust span{display:inline-flex;align-items:center;gap:6px}.cpap-mask-finder .hero-mini-trust svg{color:var(--yellow)}@media(max-width:900px){.cpap-mask-finder .hero{grid-template-columns:1fr;gap:24px}.cpap-mask-finder .hero-visual{min-height:220px;padding:24px;order:-1}.cpap-mask-finder .hero-stat-num{font-size:40px}.cpap-mask-finder .hero-quote{display:none}}@media(max-width:480px){.cpap-mask-finder .hero-choices{grid-template-columns:1fr}}.cpap-mask-finder .step-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:22px}.cpap-mask-finder .step-header h2{font-size:clamp(26px,3vw,34px);font-weight:600;margin:0 0 6px;color:var(--navy);letter-spacing:-.01em}.cpap-mask-finder .step-header p{margin:0;font-size:15px;color:var(--grey-700);max-width:60ch}.cpap-mask-finder .step-header-meta{font-size:13px;color:var(--grey-500);display:flex;align-items:center;gap:14px}.cpap-mask-finder .step-header-meta b{color:var(--navy);font-weight:600}.cpap-mask-finder .filter-bar{background:var(--grey-50);border:1px solid var(--grey-150);border-radius:8px;padding:14px;margin-bottom:24px}.cpap-mask-finder .filter-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cpap-mask-finder .filter-row+.filter-row{margin-top:10px}.cpap-mask-finder .filter-results{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 22px;font-size:14px;color:var(--grey-700)}.cpap-mask-finder .filter-results b{color:var(--navy)}.cpap-mask-finder .machine-group{margin-bottom:30px}.cpap-mask-finder .machine-group-title{font-size:13px;font-weight:600;color:var(--grey-500);text-transform:uppercase;letter-spacing:.08em;margin:0 0 14px;display:flex;align-items:center;gap:10px}.cpap-mask-finder .machine-group-title:after{content:"";flex:1;height:1px;background:var(--grey-150)}.cpap-mask-finder .machine-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.cpap-mask-finder .prod-card{display:flex;flex-direction:column;background:var(--white);border:1.5px solid var(--grey-200);border-radius:6px;overflow:hidden;cursor:pointer;transition:all .2s ease;position:relative}.cpap-mask-finder .prod-card:hover{border-color:var(--navy-12);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.cpap-mask-finder .prod-card.selected{border-color:var(--yellow-border);background:var(--yellow-pale);box-shadow:0 0 0 1px var(--yellow-border) inset,var(--shadow-hover)}.cpap-mask-finder .prod-card .prod-img{aspect-ratio:4 / 3}.cpap-mask-finder .prod-card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}.cpap-mask-finder .prod-card-flags{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;z-index:1}.cpap-mask-finder .prod-card-select-marker{position:absolute;top:10px;right:10px;width:24px;height:24px;border-radius:50%;background:var(--white);border:1.5px solid var(--grey-300);display:grid;place-items:center;z-index:1}.cpap-mask-finder .prod-card.selected .prod-card-select-marker{background:var(--navy);border-color:var(--navy);color:var(--yellow)}.cpap-mask-finder .prod-card-brand{font-size:12px;color:var(--grey-500);font-weight:500}.cpap-mask-finder .prod-card-name{font-size:15.5px;font-weight:600;color:var(--navy);line-height:1.25}.cpap-mask-finder .prod-card-desc{font-size:13px;color:var(--grey-700);line-height:1.4}.cpap-mask-finder .prod-card-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:8px}.cpap-mask-finder .prod-card-price{font-size:18px;font-weight:600;color:var(--navy)}.cpap-mask-finder .prod-card-price-compare{font-size:13px;color:var(--grey-500);text-decoration:line-through;margin-left:6px;font-weight:500}.cpap-mask-finder .prod-card-cta-row{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.cpap-mask-finder .prod-card-cta-row .btn{flex:1}.cpap-mask-finder .prod-card-bundle-hint{margin-top:8px;font-size:12px;color:var(--navy);background:var(--yellow-pale);border:1px solid var(--yellow-border);padding:6px 10px;border-radius:4px;display:flex;align-items:center;gap:6px;font-weight:500}.cpap-mask-finder .prod-card-tags{display:flex;gap:6px;flex-wrap:wrap}.cpap-mask-finder .skip-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border:1px dashed var(--grey-300);border-radius:8px;margin-top:28px;background:var(--grey-50)}.cpap-mask-finder .skip-row p{margin:0;font-size:14px;color:var(--grey-700)}.cpap-mask-finder .empty-state{text-align:center;padding:60px 20px;background:var(--grey-50);border:1px dashed var(--grey-200);border-radius:8px}.cpap-mask-finder .empty-state h3{margin:12px 0 6px;color:var(--navy);font-weight:600;font-size:18px}.cpap-mask-finder .empty-state p{margin:0 0 18px;color:var(--grey-500);font-size:14px}.cpap-mask-finder .help-panel{background:linear-gradient(120deg,var(--sky-pale) 0%,#f1faff 100%);border:1px solid var(--sky);border-radius:10px;padding:22px 24px;margin-bottom:28px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.cpap-mask-finder .help-panel-icon{width:52px;height:52px;background:var(--navy);color:var(--yellow);border-radius:12px;display:grid;place-items:center;flex-shrink:0}.cpap-mask-finder .help-panel-text{flex:1;min-width:220px}.cpap-mask-finder .help-panel-text h3{margin:0 0 4px;font-size:18px;color:var(--navy);font-weight:600}.cpap-mask-finder .help-panel-text p{margin:0;font-size:14px;color:var(--grey-700)}.cpap-mask-finder .mask-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media(max-width:900px){.cpap-mask-finder .mask-type-grid{grid-template-columns:1fr}}.cpap-mask-finder .mask-type-card{display:flex;flex-direction:column;background:var(--white);border:1.5px solid var(--grey-200);border-radius:8px;overflow:hidden;transition:all .2s ease;position:relative}.cpap-mask-finder .mask-type-card:hover{border-color:var(--navy);box-shadow:var(--shadow-hover)}.cpap-mask-finder .mask-type-card.selected{border-color:var(--yellow-border);box-shadow:0 0 0 1px var(--yellow-border) inset,var(--shadow-hover)}.cpap-mask-finder .mask-type-card.recommended{border-color:var(--navy)}.cpap-mask-finder .mask-type-card.recommended:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;pointer-events:none;box-shadow:0 0 0 3px var(--yellow);z-index:2}.cpap-mask-finder .mask-type-img{aspect-ratio:16 / 9;background:radial-gradient(60% 80% at 50% 55%,rgba(143,203,229,.25),transparent 75%),linear-gradient(180deg,#fbfcfd,#f3f6f8);display:grid;place-items:center;border-bottom:1px solid var(--grey-150);position:relative}.cpap-mask-finder .mask-type-rec-flag{position:absolute;top:12px;left:12px;z-index:3}.cpap-mask-finder .mask-type-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:10px;flex:1}.cpap-mask-finder .mask-type-name{font-size:18px;font-weight:600;color:var(--navy);display:flex;align-items:center;gap:8px}.cpap-mask-finder .mask-type-tagline{font-size:14px;color:var(--grey-700);line-height:1.5}.cpap-mask-finder .mask-type-pros{display:flex;flex-direction:column;gap:6px;margin:4px 0}.cpap-mask-finder .mask-type-pros li{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--grey-700);list-style:none}.cpap-mask-finder .mask-type-pros li svg{color:var(--success);flex-shrink:0;margin-top:2px}.cpap-mask-finder .mask-type-tradeoff{font-size:12.5px;color:var(--grey-500);font-style:italic;padding-top:8px;border-top:1px dashed var(--grey-200)}.cpap-mask-finder .mask-type-tradeoff b{font-style:normal;font-weight:600;color:var(--grey-700)}.cpap-mask-finder .mask-type-foot{margin-top:auto;padding-top:14px;border-top:1px solid var(--grey-150)}.cpap-mask-finder .mask-type-mini{display:flex;align-items:center;gap:12px;padding:12px;background:var(--grey-50);border-radius:6px;margin-top:12px}.cpap-mask-finder .mask-type-mini-thumb{width:56px;height:56px;background:radial-gradient(60% 70% at 50% 55%,rgba(143,203,229,.25),transparent 70%),var(--white);border:1px solid var(--grey-200);border-radius:4px;display:grid;place-items:center;flex-shrink:0;position:relative}.cpap-mask-finder .mask-type-mini-thumb .stripes{width:70%;height:70%}.cpap-mask-finder .mask-type-mini-body{flex:1;min-width:0}.cpap-mask-finder .mask-type-mini-eyebrow{font-size:10.5px;color:var(--grey-500);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.cpap-mask-finder .mask-type-mini-name{font-size:13.5px;font-weight:600;color:var(--navy);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cpap-mask-finder .mask-type-mini-price{font-size:13.5px;font-weight:600;color:var(--navy);margin-top:2px}.cpap-mask-finder .q-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#043146a6;z-index:100;display:grid;place-items:center;padding:20px;animation:fadeIn .18s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.cpap-mask-finder .q-modal{width:100%;max-width:640px;max-height:calc(100vh - 40px);background:var(--white);border-radius:14px;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-pop);animation:slideUp .22s ease}.cpap-mask-finder .q-head{padding:18px 24px;border-bottom:1px solid var(--grey-150);display:flex;align-items:center;gap:14px}.cpap-mask-finder .q-head-title{font-size:14px;font-weight:600;color:var(--navy)}.cpap-mask-finder .q-head-close{margin-left:auto;background:transparent;border:0;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--grey-500);cursor:pointer}.cpap-mask-finder .q-head-close:hover{background:var(--grey-100);color:var(--navy)}.cpap-mask-finder .q-progress{height:4px;background:var(--grey-150);position:relative}.cpap-mask-finder .q-progress-fill{position:absolute;left:0;top:0;bottom:0;background:var(--yellow);transition:width .3s ease}.cpap-mask-finder .q-body{padding:32px 32px 28px;flex:1;overflow-y:auto}.cpap-mask-finder .q-step-meta{font-size:12px;color:var(--grey-500);font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.cpap-mask-finder .q-question{font-size:22px;font-weight:600;color:var(--navy);line-height:1.25;margin:0 0 22px;text-wrap:balance}.cpap-mask-finder .q-options{display:grid;gap:10px}.cpap-mask-finder .q-option{padding:16px 18px;background:var(--white);border:1.5px solid var(--grey-200);border-radius:8px;text-align:left;font-size:15px;font-weight:500;color:var(--navy);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:12px}.cpap-mask-finder .q-option:hover{border-color:var(--navy);background:var(--navy-04)}.cpap-mask-finder .q-option.selected{border-color:var(--yellow-border);background:var(--yellow-pale)}.cpap-mask-finder .q-option-dot{width:22px;height:22px;border:1.5px solid var(--grey-300);border-radius:50%;display:grid;place-items:center;flex-shrink:0}.cpap-mask-finder .q-option.selected .q-option-dot{border-color:var(--navy);background:var(--navy);color:var(--yellow)}.cpap-mask-finder .q-caution{margin-top:16px;padding:12px 14px;background:#fef7e6;border:1px solid var(--yellow-border);border-radius:6px;font-size:13px;color:var(--grey-700);display:flex;gap:10px}.cpap-mask-finder .q-caution svg{color:var(--warn);flex-shrink:0;margin-top:2px}.cpap-mask-finder .q-foot{padding:14px 24px;border-top:1px solid var(--grey-150);display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--grey-50)}.cpap-mask-finder .match-hero{text-align:center;padding:16px 0 8px}.cpap-mask-finder .match-eyebrow{font-size:12px;font-weight:600;color:var(--navy);text-transform:uppercase;letter-spacing:.1em;display:inline-flex;align-items:center;gap:6px}.cpap-mask-finder .match-eyebrow:before,.cpap-mask-finder .match-eyebrow:after{content:"";width:24px;height:2px;background:var(--yellow);border-radius:2px}.cpap-mask-finder .match-title{font-size:28px;font-weight:600;color:var(--navy);margin:8px 0 4px;letter-spacing:-.01em}.cpap-mask-finder .match-rec-card{margin:20px 0;padding:22px;background:var(--white);border:2px solid var(--navy);border-radius:12px;position:relative}.cpap-mask-finder .match-rec-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:12px;box-shadow:0 0 0 4px var(--yellow);pointer-events:none}.cpap-mask-finder .match-rec-card-row{display:flex;gap:18px;align-items:center}.cpap-mask-finder .match-rec-thumb{width:96px;height:96px;background:radial-gradient(60% 70% at 50% 55%,rgba(143,203,229,.3),transparent 70%),var(--white);border:1px solid var(--grey-200);border-radius:8px;display:grid;place-items:center;flex-shrink:0}.cpap-mask-finder .match-rec-info{flex:1;min-width:0}.cpap-mask-finder .match-rec-flag{display:inline-flex;align-items:center;gap:6px;margin-bottom:6px}.cpap-mask-finder .match-rec-name{font-size:20px;font-weight:600;color:var(--navy);margin:0 0 6px}.cpap-mask-finder .match-rec-why{font-size:14px;color:var(--grey-700);line-height:1.5;text-wrap:pretty;background:var(--grey-50);padding:12px 14px;border-radius:6px;margin-top:10px}.cpap-mask-finder .match-rec-why b{color:var(--navy)}.cpap-mask-finder .match-alt{margin-top:14px;padding:14px 16px;background:var(--grey-50);border:1px solid var(--grey-150);border-radius:8px;display:flex;align-items:center;gap:12px}.cpap-mask-finder .match-alt-icon{width:36px;height:36px;background:var(--white);border:1px solid var(--grey-200);border-radius:6px;display:grid;place-items:center;flex-shrink:0}.cpap-mask-finder .match-alt-text{flex:1;min-width:0}.cpap-mask-finder .match-alt-eyebrow{font-size:11px;color:var(--grey-500);font-weight:600;text-transform:uppercase;letter-spacing:.08em}.cpap-mask-finder .match-alt-name{font-size:14px;color:var(--navy);font-weight:600}.cpap-mask-finder .match-reassure{text-align:center;font-size:12.5px;color:var(--grey-500);margin-top:16px}.cpap-mask-finder .pref-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-bottom:24px}.cpap-mask-finder .pref-card{padding:20px 22px;background:var(--white);border:1.5px solid var(--grey-200);border-radius:8px}.cpap-mask-finder .pref-card h4{margin:0 0 4px;font-size:15px;font-weight:600;color:var(--navy);display:flex;align-items:center;gap:8px}.cpap-mask-finder .pref-card-sub{font-size:12.5px;color:var(--grey-500);margin:0 0 14px}.cpap-mask-finder .pref-options{display:flex;flex-wrap:wrap;gap:8px}.cpap-mask-finder .pref-option{padding:10px 14px;background:var(--white);border:1.5px solid var(--grey-200);border-radius:6px;font-size:13.5px;font-weight:500;color:var(--grey-700);cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:6px}.cpap-mask-finder .pref-option:hover{border-color:var(--navy);color:var(--navy)}.cpap-mask-finder .pref-option.selected{background:var(--yellow-pale);border-color:var(--yellow-border);color:var(--navy)}.cpap-mask-finder .pref-option-note{display:block;font-size:11px;color:var(--grey-500);font-weight:400;margin-top:2px}.cpap-mask-finder .recs-head{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;margin-bottom:24px;align-items:center}@media(max-width:900px){.cpap-mask-finder .recs-head{grid-template-columns:1fr}}.cpap-mask-finder .recs-recap{background:var(--navy);color:var(--white);border-radius:10px;padding:18px 22px;display:flex;flex-direction:column;gap:8px}.cpap-mask-finder .recs-recap-title{font-size:12px;color:var(--yellow);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.cpap-mask-finder .recs-recap-line{font-size:14px;color:#ffffffeb}.cpap-mask-finder .recs-recap-line b{color:var(--white);font-weight:600}.cpap-mask-finder .recs-recap-foot{margin-top:4px;font-size:12.5px;color:#ffffffb3}.cpap-mask-finder .recs-recap-foot a{color:var(--yellow);text-decoration:underline}.cpap-mask-finder .mask-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.cpap-mask-finder .mask-card{display:flex;flex-direction:column;background:var(--white);border:1.5px solid var(--grey-200);border-radius:8px;overflow:hidden;position:relative;transition:all .2s ease}.cpap-mask-finder .mask-card:hover{box-shadow:var(--shadow-hover)}.cpap-mask-finder .mask-card.top-match{border-color:var(--yellow-border);box-shadow:0 0 0 1px var(--yellow-border) inset}.cpap-mask-finder .mask-card.top-match .mask-img{background:radial-gradient(60% 80% at 50% 55%,rgba(255,207,76,.18),transparent 75%),linear-gradient(180deg,#fffaea,#fff)}.cpap-mask-finder .mask-img{aspect-ratio:4 / 3;background:radial-gradient(60% 80% at 50% 55%,rgba(143,203,229,.22),transparent 75%),var(--white);border-bottom:1px solid var(--grey-150);display:grid;place-items:center;position:relative}.cpap-mask-finder .mask-flags{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:6px;align-items:flex-start;z-index:1}.cpap-mask-finder .mask-rank{position:absolute;top:12px;right:12px;background:var(--navy);color:var(--yellow);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:13px;z-index:1}.cpap-mask-finder .mask-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:10px;flex:1}.cpap-mask-finder .mask-brand-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.cpap-mask-finder .mask-brand{font-size:12px;color:var(--grey-500);font-weight:500}.cpap-mask-finder .mask-name{font-size:17px;font-weight:600;color:var(--navy);line-height:1.25}.cpap-mask-finder .mask-rating-row{display:flex;align-items:center;gap:10px}.cpap-mask-finder .mask-price-row{display:flex;align-items:baseline;gap:8px;margin-top:2px}.cpap-mask-finder .mask-price{font-size:22px;font-weight:600;color:var(--navy);letter-spacing:-.01em}.cpap-mask-finder .mask-price-compare{font-size:14px;color:var(--grey-500);text-decoration:line-through}.cpap-mask-finder .mask-save{font-size:12px;color:var(--danger);font-weight:600}.cpap-mask-finder .fit-why{font-size:13.5px;color:var(--grey-700);background:var(--yellow-pale);border-left:3px solid var(--yellow);padding:10px 12px;border-radius:4px;line-height:1.5}.cpap-mask-finder .fit-why b{color:var(--navy);font-weight:600}.cpap-mask-finder .size-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cpap-mask-finder .size-label{font-size:12px;color:var(--grey-500);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.cpap-mask-finder .size-pills{display:inline-flex;gap:6px}.cpap-mask-finder .size-pill{width:34px;height:34px;border:1.5px solid var(--grey-200);border-radius:50%;background:var(--white);font-size:12.5px;font-weight:600;color:var(--grey-700);cursor:pointer;transition:all .15s ease}.cpap-mask-finder .size-pill:hover{border-color:var(--navy);color:var(--navy)}.cpap-mask-finder .size-pill.selected{background:var(--navy);border-color:var(--navy);color:var(--white)}.cpap-mask-finder .size-pill.disabled{opacity:.4;cursor:not-allowed}.cpap-mask-finder .size-guide-link{font-size:12px;color:var(--navy);font-weight:600;text-decoration:underline;text-underline-offset:3px;margin-left:auto}.cpap-mask-finder .promo-stack{display:flex;flex-direction:column;gap:6px}.cpap-mask-finder .promo{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:6px;font-size:13px;font-weight:500;border:1px solid transparent}.cpap-mask-finder .promo svg{flex-shrink:0}.cpap-mask-finder .promo b{font-weight:600}.cpap-mask-finder .promo-bundle{background:var(--yellow-pale);border-color:var(--yellow-border);color:var(--navy)}.cpap-mask-finder .promo-bundle svg{color:var(--yellow-deep)}.cpap-mask-finder .promo-sale{background:#fef2f1;border-color:#f4c5bf;color:#a4271e}.cpap-mask-finder .promo-accessory{background:var(--sky-pale);border-color:var(--sky);color:var(--navy)}.cpap-mask-finder .mask-cta-row{display:flex;gap:8px;margin-top:8px}.cpap-mask-finder .mask-cta-row .btn-primary{flex:1}.cpap-mask-finder .crosssell{margin-top:36px;padding-top:28px;border-top:1px solid var(--grey-150)}.cpap-mask-finder .crosssell h3{font-size:15px;font-weight:600;color:var(--navy);margin:0 0 14px;display:flex;align-items:center;gap:10px}.cpap-mask-finder .crosssell h3 .badge{font-weight:500}.cpap-mask-finder .crosssell-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.cpap-mask-finder .xs-card{display:flex;align-items:center;gap:12px;padding:12px;background:var(--white);border:1px solid var(--grey-200);border-radius:6px}.cpap-mask-finder .xs-thumb{width:56px;height:56px;background:radial-gradient(60% 70% at 50% 55%,rgba(143,203,229,.25),transparent 70%),var(--white);border:1px solid var(--grey-200);border-radius:4px;flex-shrink:0;display:grid;place-items:center}.cpap-mask-finder .xs-body{flex:1;min-width:0}.cpap-mask-finder .xs-name{font-size:13px;font-weight:600;color:var(--navy);line-height:1.2}.cpap-mask-finder .xs-price{font-size:13px;color:var(--grey-700);margin-top:2px}.cpap-mask-finder .xs-add{background:var(--white);border:1.5px solid var(--navy);color:var(--navy);width:34px;height:34px;border-radius:50%;font-size:18px;line-height:1;flex-shrink:0;cursor:pointer}.cpap-mask-finder .xs-add:hover{background:var(--navy);color:var(--white)}.cpap-mask-finder .bundle-strip{margin-top:26px;display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,var(--cdw-navy) 0%,#0a4960 100%);color:var(--white);padding:18px 22px;border-radius:10px;position:relative;overflow:hidden}.cpap-mask-finder .bundle-strip:before{content:"";position:absolute;right:-40px;top:-40px;width:160px;height:160px;background:radial-gradient(closest-side,rgba(255,207,76,.4),transparent);border-radius:50%}.cpap-mask-finder .bundle-strip-icon{width:46px;height:46px;background:var(--yellow);color:var(--navy);border-radius:10px;display:grid;place-items:center;flex-shrink:0;z-index:1}.cpap-mask-finder .bundle-strip-text{flex:1;min-width:0;z-index:1}.cpap-mask-finder .bundle-strip-text h4{margin:0 0 4px;font-size:16px;font-weight:600}.cpap-mask-finder .bundle-strip-text p{margin:0;font-size:13.5px;color:#ffffffd9}.cpap-mask-finder .bundle-strip .btn{z-index:1}@media(max-width:600px){.cpap-mask-finder .bundle-strip{flex-wrap:wrap}}.cpap-mask-finder .foot-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:36px;padding-top:24px;border-top:1px solid var(--grey-150)}.cpap-mask-finder .foot-nav-meta{font-size:13px;color:var(--grey-500)}.cpap-mask-finder .sticky-mobile{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--white);border-top:1px solid var(--grey-200);padding:12px 16px;z-index:25;box-shadow:0 -4px 14px #0000000a}.cpap-mask-finder .sticky-mobile-inner{display:flex;align-items:center;gap:10px}.cpap-mask-finder .sticky-mobile-inner .btn{flex:1}@media(max-width:720px){.cpap-mask-finder .sticky-mobile{display:block}.cpap-mask-finder .foot-nav{display:none}}.cpap-mask-finder .skeleton{background:linear-gradient(90deg,var(--grey-100) 0%,var(--grey-150) 50%,var(--grey-100) 100%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cpap-mask-finder .divider{height:1px;background:var(--grey-150);margin:24px 0}.cpap-mask-finder .toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--navy);color:var(--white);padding:12px 20px;border-radius:var(--r-pill);font-size:14px;font-weight:500;box-shadow:var(--shadow-pop);display:flex;align-items:center;gap:10px;z-index:200;animation:slideUp .2s ease}.cpap-mask-finder .toast svg{color:var(--yellow)}@media(max-width:720px){.cpap-mask-finder .toast{bottom:88px}}.cpap-mask-finder{font-family:var(--font);color:var(--ink);display:block}.cpap-mask-finder .app{min-height:auto;background:transparent}.cpap-mask-finder :where(button,a,[role=button],[role=radio],input,[tabindex]):focus-visible{outline:3px solid var(--yellow);outline-offset:2px;border-radius:4px}.cpap-mask-finder *,.cpap-mask-finder *:before,.cpap-mask-finder *:after{box-sizing:border-box}.cpap-mask-finder ul{margin:0;padding:0}.cpap-mask-finder button{font-family:inherit;cursor:pointer}.cpap-mask-finder.is-loading{opacity:.6}@media(prefers-reduced-motion:reduce){.cpap-mask-finder *,.cpap-mask-finder *:before,.cpap-mask-finder *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.cpap-mask-finder .sticky-mobile{display:block}.cpap-mask-finder .sticky-mobile-inner{max-width:1280px;margin:0 auto;justify-content:space-between}.cpap-mask-finder .sticky-mobile-inner .btn{flex:initial}.cpap-mask-finder .sticky-mobile-right{display:flex;align-items:center;gap:10px}@media(max-width:720px){.cpap-mask-finder .sticky-mobile-inner>.mf-bar-back,.cpap-mask-finder .sticky-mobile-inner>span{display:none}.cpap-mask-finder .sticky-mobile-right,.cpap-mask-finder .sticky-mobile-right .btn{flex:1}}
/*# sourceMappingURL=/cdn/shop/t/138/assets/cpap-mask-finder.css.map */