.qb-root .qb-media{touch-action:pan-y}.qb-root .qb-media:focus-visible{outline:2px solid var(--qb-accent);outline-offset:2px}.qb-gnav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:999px;background:#fbf8f5eb;border:1px solid var(--qb-border);color:var(--qb-ink);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:background .18s ease,border-color .18s ease;z-index:2}.qb-gnav:hover{background:var(--qb-white);border-color:var(--qb-ink)}.qb-gnav--prev{left:12px}.qb-gnav--next{right:12px}.qb-gnav svg{width:15px;height:15px;display:block}.qb-gcount{position:absolute;right:14px;bottom:14px;z-index:2;background:#fbf8f5e6;border-radius:999px;padding:6px 12px;font-size:10px;letter-spacing:.12em;color:var(--qb-muted);font-variant-numeric:tabular-nums}.qb-root .qb-hero-media .qb-thumbs{max-width:100%}.qb-root .qb-hero-media .qb-thumb img{object-fit:contain}@media(max-width:899px){.qb-root .qb-hero-media .qb-thumbs{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding-bottom:4px;scrollbar-width:thin}.qb-root .qb-hero-media .qb-thumb{flex:0 0 64px;width:64px;height:64px;scroll-snap-align:start}}.qb-root .qb-colourgroup .qb-swatches{display:flex;flex-wrap:wrap;gap:10px}.qb-root .qb-colourgroup .qb-swatch{display:inline-flex;align-items:center;gap:11px;width:auto;height:auto;min-height:52px;padding:7px 20px 7px 7px;border:1px solid var(--qb-border);border-radius:999px;background:var(--qb-white);color:var(--qb-ink);font-family:inherit;font-size:15px;line-height:1.2;text-align:left;cursor:pointer;overflow:visible;box-shadow:none;transition:border-color .18s ease,box-shadow .18s ease}.qb-root .qb-colourgroup .qb-swatch:hover{border-color:var(--qb-border-4)}.qb-root .qb-colourgroup .qb-swatch[aria-checked=true]{border-color:var(--qb-ink);box-shadow:inset 0 0 0 1px var(--qb-ink)}.qb-root .qb-colourgroup .qb-swatch-dot{flex:0 0 36px;width:36px;height:36px;border-radius:999px;display:block;box-shadow:inset 0 0 0 1px #221e1c1a}.qb-root .qb-colourgroup .qb-swatch-name{white-space:nowrap}.qb-root .qb-colourgroup .qb-swatch[hidden]{display:none}.qb-finder-cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--qb-blush);border-radius:10px;padding:16px 18px}.qb-finder-cta-copy{flex:1 1 200px;display:flex;flex-direction:column;gap:3px}.qb-finder-cta-title{font-size:14px;font-weight:500;color:var(--qb-ink)}.qb-finder-cta-text{font-size:13px;line-height:1.5;color:var(--qb-ink-3)}.qb-finder-cta .qb-btn-dark{flex:0 0 auto}.qb-recbadge{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px;border:1px solid var(--qb-border);border-left:3px solid var(--qb-accent);border-radius:8px;padding:12px 14px;background:var(--qb-white)}.qb-recbadge[hidden]{display:none}.qb-recbadge-main{flex:1 1 auto;font-size:13px;color:var(--qb-ink)}.qb-recbadge-main b{font-weight:500}.qb-recbadge button{background:none;border:0;padding:0;cursor:pointer;font-size:12px;color:var(--qb-accent-deep);text-decoration:underline;text-underline-offset:3px}.qb-recbadge-why{flex:1 1 100%;margin:4px 0 0;font-size:13px;line-height:1.6;color:var(--qb-muted)}.qb-recbadge-why[hidden]{display:none}.qb-finder-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#221e1c80;display:none;align-items:flex-end;justify-content:center}.qb-finder-overlay.is-open{display:flex}.qb-finder-panel{background:var(--qb-bg);width:100%;max-width:640px;max-height:92vh;overflow-y:auto;border-radius:14px 14px 0 0;padding:26px 24px 28px;animation:qb-up .22s ease both}.qb-finder-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.qb-finder-head>div{display:flex;flex-direction:column;gap:8px}.qb-finder-head h3{font-family:var(--qb-font-display);font-weight:400;font-size:26px;line-height:1.1;margin:0}.qb-finder-step[hidden]{display:none}.qb-finder-step h4{font-family:var(--qb-font-display);font-weight:400;font-size:22px;line-height:1.2;margin:0 0 8px;color:var(--qb-ink)}.qb-finder-help{margin:0 0 16px;font-size:13px;line-height:1.6;color:var(--qb-muted);max-width:52ch}.qb-finder-step .qb-finder-help:last-of-type{margin:14px 0 0}.qb-finder-waist{display:flex;align-items:baseline;gap:10px}.qb-finder-input{width:130px;padding:15px 16px;border-radius:8px;border:1px solid var(--qb-border-3);background:var(--qb-white);color:var(--qb-ink);font-family:inherit;font-size:22px;text-align:center;font-variant-numeric:tabular-nums}.qb-finder-input:focus{outline:2px solid var(--qb-accent);outline-offset:1px}.qb-finder-unit{font-size:14px;color:var(--qb-muted-3)}.qb-finder-rec{font-family:var(--qb-font-display);font-size:clamp(40px,9vw,56px);line-height:1;margin:10px 0 12px;color:var(--qb-ink)}.qb-finder-why{margin:0 0 18px;font-size:14px;line-height:1.65;color:var(--qb-ink-3);max-width:58ch}.qb-finder-table{width:100%;border-collapse:collapse;background:var(--qb-white);border:1px solid var(--qb-border);border-radius:10px}.qb-finder-table th{text-align:left;padding:12px 14px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--qb-muted-3);font-weight:500;border-bottom:1px solid var(--qb-border-2);width:30%}.qb-finder-table td{padding:12px 14px;font-size:14px;color:var(--qb-off);border-bottom:1px solid var(--qb-border-2)}.qb-finder-table tr:last-child th,.qb-finder-table tr:last-child td{border-bottom:0}.qb-finder-table tr[data-match=true] td,.qb-finder-table tr[data-match=true] th{color:var(--qb-ink)}.qb-finder-pending{margin:16px 0 0;padding:14px 16px;border:1px dashed var(--qb-accent-soft);border-radius:8px;background:var(--qb-blush-bg);font-size:13px;line-height:1.6;color:var(--qb-accent-deep)}.qb-finder-pending[hidden]{display:none}.qb-finder-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.qb-finder-actions .qb-btn-dark{flex:1 1 200px}.qb-finder-apply[disabled]{opacity:.4;cursor:not-allowed}.qb-finder-actions .qb-btn-dark[disabled]{opacity:.35;cursor:not-allowed}@media(max-width:749px){.qb-gnav{width:36px;height:36px}.qb-gnav--prev{left:8px}.qb-gnav--next{right:8px}.qb-finder-panel{padding:22px 18px 24px}.qb-finder-actions .qb-btn-dark{flex:1 1 100%}}@media(max-width:400px){.qb-root .qb-colourgroup .qb-swatches{gap:8px}.qb-root .qb-colourgroup .qb-swatch{font-size:14px;padding:6px 16px 6px 6px;min-height:48px;gap:9px}.qb-root .qb-colourgroup .qb-swatch-dot{flex:0 0 32px;width:32px;height:32px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/quiet-brief-hero.css.map */