.ccq{--ccq-brand: #02638b;--ccq-brand-dark: #014e6e;--ccq-brand-rgb: 2, 99, 139;--ccq-text: rgb(var(--color-foreground));--ccq-text-soft: rgba(var(--color-foreground), .7);--ccq-text-faint: rgba(var(--color-foreground), .45);--ccq-line: rgba(var(--color-foreground), .18);--ccq-line-soft: rgba(var(--color-foreground), .08);--ccq-bg: rgb(var(--color-background));--ccq-facet-text: rgb(85, 102, 112);--ccq-facet-line: rgba(85, 102, 112, .1);--ccq-fs-display: clamp(2.4rem, 1.6rem + 2.2vw, 4rem);--ccq-fs-question: clamp(2.2rem, 1.5rem + 2.1vw, 3.8rem);--ccq-fs-lead: clamp(1.5rem, 1.32rem + .5vw, 1.9rem);--ccq-fs-card-title: clamp(1.5rem, 1.35rem + .4vw, 1.9rem);--ccq-fs-card-desc: clamp(1.4rem, 1.28rem + .35vw, 1.7rem);--ccq-fs-pill: clamp(1.35rem, 1.26rem + .25vw, 1.5rem);--ccq-fs-btn: clamp(1.25rem, 1.18rem + .2vw, 1.4rem);--ccq-fs-eyebrow: clamp(1.1rem, 1.04rem + .16vw, 1.3rem);--ccq-gap-card: clamp(3.2rem, 1.4rem + 4.6vw, 5.6rem);--ccq-gap-step: clamp(2.4rem, 1.2rem + 3vw, 3.6rem);position:relative;display:flex;flex-direction:column;align-items:center;padding-top:3.2rem;padding-bottom:8rem;color:var(--ccq-text)}.ccq:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(var(--ccq-brand-rgb),.05),transparent 70%);pointer-events:none;z-index:0}.ccq__intro{position:relative;z-index:1;width:100%;max-width:88rem;text-align:center;margin-bottom:4rem}.ccq__intro[hidden]{display:none}.ccq__intro-title{font-family:var(--font-heading-family);font-weight:700;font-size:var(--ccq-fs-display);line-height:1.1;letter-spacing:.005em;margin:0 0 1.4rem}.ccq__intro-text{color:var(--ccq-text-soft);font-size:var(--ccq-fs-lead);line-height:1.55;max-width:64rem;margin:0 auto}.ccq__rte>*:first-child{margin-top:0}.ccq__rte>*:last-child{margin-bottom:0}.ccq__rte p,.ccq__rte ul,.ccq__rte ol,.ccq__rte blockquote{margin:0 0 .75em}.ccq__rte h1,.ccq__rte h2,.ccq__rte h3,.ccq__rte h4,.ccq__rte h5,.ccq__rte h6{font-family:var(--font-heading-family);font-weight:700;line-height:1.2;letter-spacing:.005em;margin:1.2em 0 .5em}.ccq__rte h1{font-size:1.5em}.ccq__rte h2{font-size:1.3em}.ccq__rte h3{font-size:1.15em}.ccq__rte h4,.ccq__rte h5,.ccq__rte h6{font-size:1em}.ccq__rte ul,.ccq__rte ol{padding-left:1.5em;list-style-position:outside}.ccq__rte ul{list-style-type:disc}.ccq__rte ol{list-style-type:decimal}.ccq__rte li{margin-bottom:.25em}.ccq__rte li:last-child{margin-bottom:0}.ccq__rte li>ul,.ccq__rte li>ol{margin:.25em 0 0}.ccq__rte strong,.ccq__rte b{font-weight:700}.ccq__rte em,.ccq__rte i{font-style:italic}.ccq__rte a{color:var(--ccq-brand);text-underline-offset:.2em;text-decoration-thickness:1px}.ccq__rte a:hover{color:var(--ccq-brand-dark)}.ccq__rte--title h1,.ccq__rte--title h2,.ccq__rte--title h3,.ccq__rte--title h4,.ccq__rte--title h5,.ccq__rte--title h6{font-size:inherit;line-height:inherit;margin:0 0 .4em}.ccq__rte--title p{margin:0 0 .4em}.ccq__panel{position:relative;z-index:1;width:100%;background:var(--ccq-bg);border:1px solid var(--ccq-line-soft);box-shadow:0 1px 2px #00000008,0 12px 32px #0000000f,0 32px 80px rgba(var(--ccq-brand-rgb),.04);padding:clamp(3.2rem,.4rem + 7vw,7.2rem) clamp(2rem,-1.6rem + 9vw,8.8rem) clamp(2.8rem,.6rem + 5.5vw,5.6rem)}.ccq__card{display:flex;flex-direction:column;gap:var(--ccq-gap-card)}.ccq__card[hidden]{display:none}.ccq__progress{display:flex;align-items:center;gap:2.2rem}.ccq__progress>.ccq__bar{display:flex;flex:1;height:.6rem}.ccq__bar-seg{flex:1 1 0;min-width:0;margin-right:.3rem;background:var(--ccq-line-soft);transition:flex-grow .4s cubic-bezier(.2,.8,.2,1),margin-right .4s cubic-bezier(.2,.8,.2,1),opacity .25s ease,background-color .4s ease}.ccq__bar-seg:last-child{margin-right:0}.ccq__bar-seg--done{background:var(--ccq-brand)}.ccq__bar-seg--off{flex-grow:0;margin-right:0;opacity:0}.ccq__progress-text{font-size:var(--ccq-fs-eyebrow);color:var(--ccq-text-faint);letter-spacing:.1em;font-weight:700;text-transform:uppercase;white-space:nowrap}.ccq__progress-text strong{color:var(--ccq-brand);font-size:calc(var(--ccq-fs-eyebrow) * 1.38);margin-right:.4rem}.ccq__steps{display:block}.ccq__step{display:flex;flex-direction:column;gap:var(--ccq-gap-step)}.ccq__step[hidden]{display:none}.ccq__eyebrow{font-size:var(--ccq-fs-eyebrow);text-transform:uppercase;letter-spacing:.16em;color:var(--ccq-brand);font-weight:700;margin-bottom:2.2rem}.ccq__step-head{text-align:center}.ccq__question{font-family:var(--font-heading-family);font-weight:700;font-size:var(--ccq-fs-question);line-height:1.15;letter-spacing:.005em;text-wrap:balance;margin:0 0 1.2rem}.ccq__hint{color:var(--ccq-text-soft);font-size:var(--ccq-fs-lead);line-height:1.5;max-width:68rem;text-wrap:pretty;margin:0 auto}.ccq__groups{display:flex;flex-direction:column;gap:2.8rem}.ccq__group{display:flex;flex-direction:column;gap:1.4rem}.ccq__group-label{font-size:1.2rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ccq-text-faint);font-weight:700;text-align:center}.ccq__options{display:flex;flex-wrap:wrap;justify-content:center;gap:1.2rem}.ccq__options--cards{--ccq-card-min: 17rem;--ccq-card-gap: 1.6rem;--ccq-card-cols: 4;--ccq-card-shown: var(--ccq-card-cols);--ccq-card-fit: min(var(--ccq-card-shown), var(--ccq-card-cols));--ccq-card-width: max( var(--ccq-card-min), (100% - (var(--ccq-card-cols) - 1) * var(--ccq-card-gap)) / var(--ccq-card-cols) );display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--ccq-card-width),1fr));gap:var(--ccq-card-gap);max-width:calc(var(--ccq-card-width) * var(--ccq-card-fit) + (var(--ccq-card-fit) - 1) * var(--ccq-card-gap) + 1px);margin-inline:auto;width:100%}.ccq__options--cards:has(>.ccq__opt:nth-child(1):last-child){--ccq-card-shown: 1}.ccq__options--cards:has(>.ccq__opt:nth-child(2):last-child){--ccq-card-shown: 2}.ccq__options--cards:has(>.ccq__opt:nth-child(3):last-child){--ccq-card-shown: 3}.ccq__options--cards:has(.ccq__opt-desc){--ccq-card-min: 26rem}.ccq__opt{font-family:inherit;cursor:pointer;background:var(--ccq-bg);color:var(--ccq-text);border:1px solid var(--ccq-line);transition:border-color .15s ease,color .15s ease,background-color .15s ease}.ccq__opt:focus-visible{outline:2px solid var(--ccq-brand);outline-offset:2px}.ccq__opt--conflict:not(.ccq__opt--selected){opacity:.45}.ccq__opt--pill{display:inline-flex;align-items:center;gap:1rem;font-size:var(--ccq-fs-pill);padding:clamp(1.1rem,.85rem + .65vw,1.4rem) clamp(1.6rem,1.05rem + 1.4vw,2.2rem);border-radius:4rem}.ccq__opt-label{text-align:center}.ccq__opt-icon{flex:none;width:2.4rem;height:2.4rem;object-fit:contain}.ccq__opt--pill:hover:not(.ccq__opt--selected){border-color:var(--ccq-brand);color:var(--ccq-brand)}.ccq__opt--pill.ccq__opt--selected{background:var(--ccq-brand);border-color:var(--ccq-brand);color:#fff}.ccq__opt--card{padding:clamp(1.6rem,.9rem + 1.8vw,2.6rem) clamp(1.4rem,.8rem + 1.5vw,2.2rem);min-height:clamp(8rem,5rem + 7.5vw,12rem);display:flex;flex-direction:column;justify-content:flex-start;text-align:left}.ccq__opt--card:has(.ccq__opt-media){padding:clamp(1.2rem,.6rem + 1.5vw,2rem);padding-bottom:clamp(1.4rem,.7rem + 1.8vw,2.4rem)}.ccq__opt--card.ccq__opt--selected:has(.ccq__opt-media){padding:calc(clamp(1.2rem,.6rem + 1.5vw,2rem) - 1px);padding-bottom:calc(clamp(1.4rem,.7rem + 1.8vw,2.4rem) - 1px)}.ccq__opt-media{display:block;width:100%;aspect-ratio:16 / 9;margin-bottom:clamp(1rem,.55rem + 1.1vw,1.6rem);overflow:hidden;border-radius:.4rem}.ccq__opt--card.ccq__opt--heading-hidden:has(.ccq__opt-media){min-height:0;padding-bottom:clamp(1.2rem,.6rem + 1.5vw,2rem)}.ccq__opt--card.ccq__opt--heading-hidden .ccq__opt-media{margin-bottom:0}.ccq__opt--card.ccq__opt--selected.ccq__opt--heading-hidden:has(.ccq__opt-media){padding-bottom:calc(clamp(1.2rem,.6rem + 1.5vw,2rem) - 1px)}.ccq__opt-media-img{display:block;width:100%;height:100%;object-fit:contain}.ccq__opt--card:hover:not(.ccq__opt--selected){border-color:var(--ccq-brand)}.ccq__opt--card.ccq__opt--selected{border-color:var(--ccq-brand);border-width:2px;padding:calc(clamp(1.6rem,.9rem + 1.8vw,2.6rem) - 1px) calc(clamp(1.4rem,.8rem + 1.5vw,2.2rem) - 1px);background:rgba(var(--ccq-brand-rgb),.04)}.ccq__opt-title{width:100%;font-family:var(--font-heading-family);font-weight:700;font-size:var(--ccq-fs-card-title);letter-spacing:.005em;margin:0 0 .8rem;text-align:center}.ccq__opt-desc{font-size:var(--ccq-fs-card-desc);line-height:1.5;color:var(--ccq-text-soft);margin:0}.ccq__opt--locked{cursor:default}.ccq__adjustment-status{display:flex;box-sizing:border-box;align-items:flex-start;width:100%;max-width:76rem;margin:1.2rem auto 0;padding:1.6rem;gap:1rem;border-radius:1.2rem;color:#1a1a1a;background-color:#fff5eb;font-size:1.4rem;line-height:1.4}.ccq__adjustment-status[hidden]{display:none}.ccq__adjustment-status-icon{flex:0 0 auto;width:2rem;height:2rem;color:#8a6116;fill:currentColor}.ccq__adjustment-status-content{display:grid;min-width:0;gap:.4rem}.ccq__adjustment-status-heading{color:inherit;font-weight:700;line-height:1.3}.ccq__opt--swatch{width:4.8rem;height:4.8rem;border-radius:50%;padding:0;background-color:var(--ccq-swatch, transparent)}.ccq__opt--swatch.ccq__opt--selected{border:2px solid var(--ccq-brand);box-shadow:0 0 0 2px rgba(var(--ccq-brand-rgb),.15)}.ccq__nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1.4rem 2rem;border-top:1px solid var(--ccq-line-soft);padding-top:clamp(2rem,1rem + 2.5vw,3rem)}.ccq__btn{font-family:inherit;font-size:var(--ccq-fs-btn);font-weight:500;padding:clamp(1.3rem,1rem + .75vw,1.6rem) clamp(2.2rem,.9rem + 3.3vw,3.6rem);border:1px solid var(--ccq-line);background:var(--ccq-bg);color:var(--ccq-text);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;transition:all .2s ease}.ccq__btn:hover:not(:disabled){border-color:var(--ccq-text)}.ccq__btn:focus-visible{outline:2px solid var(--ccq-brand);outline-offset:2px}.ccq__btn--primary{background:var(--ccq-brand);border-color:var(--ccq-brand);color:#fff}.ccq__btn--primary:hover:not(:disabled){background:var(--ccq-brand-dark);border-color:var(--ccq-brand-dark)}.ccq__btn--ghost{background:transparent;border-color:transparent;color:var(--ccq-text-soft);padding:clamp(1.1rem,.9rem + .5vw,1.3rem) clamp(1.4rem,.9rem + 1.3vw,2rem)}.ccq__btn--ghost:hover:not(:disabled){color:var(--ccq-brand);border-color:transparent}.ccq__btn:disabled{opacity:.35;cursor:not-allowed}.ccq__result{position:relative;z-index:1;width:100%}.ccq__result[hidden]{display:none}.ccq__result-head{display:flex;align-items:flex-end;justify-content:space-between;gap:2.4rem;flex-wrap:wrap;margin:0 0 4rem}.ccq__result-intro{max-width:68rem}.ccq__result-title{font-family:var(--font-heading-family);font-weight:700;font-size:3.2rem;line-height:1.15;letter-spacing:.005em;margin:0 0 1rem}.ccq__result-note{color:var(--ccq-text-soft);font-size:1.6rem;line-height:1.5;margin:0}.ccq__btn--restart{flex:none}.ccq__result-bar{display:flex;align-items:center;justify-content:space-between;gap:2.4rem;flex-wrap:wrap;margin-bottom:2.4rem}.ccq__results-count{font-size:1.6rem;color:var(--ccq-facet-text);margin:0}.ccq__results-count[hidden],.ccq__results-status[hidden]{display:none}.ccq__layout{display:flex;align-items:flex-start}.ccq__facets{width:38rem;flex:none;padding-right:3rem}.ccq__facets-head{display:flex;align-items:baseline;justify-content:space-between;gap:1.6rem;margin-bottom:.8rem}.ccq__facets-title{font-size:1.6rem;font-weight:700;color:var(--ccq-facet-text)}.ccq__facets-reset{font-family:inherit;font-size:1.4rem;color:var(--ccq-facet-text);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:.3rem}.ccq__facets-reset:hover{color:var(--ccq-brand)}.ccq__facets-reset[hidden]{display:none}.ccq__facet{border-top:1px solid var(--ccq-facet-line)}.ccq__facet[hidden]{display:none}.ccq__facet-summary{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:1.5rem 1.75rem 1.5rem 0;cursor:pointer;list-style:none;color:var(--ccq-facet-text)}.ccq__facet-summary::-webkit-details-marker{display:none}.ccq__facet-summary:focus-visible{outline:2px solid var(--ccq-brand);outline-offset:2px}.ccq__facet-name{font-size:1.6rem;font-weight:700}.ccq__facet-caret{flex:none;transition:transform .2s ease}.ccq__facet[open] .ccq__facet-caret{transform:rotate(180deg)}.ccq__facet-list{list-style:none;margin:0 0 1.5rem;padding:0;max-height:20rem;overflow-y:auto}.ccq__facet-label{display:flex;align-items:flex-start;gap:1.2rem;cursor:pointer;font-size:1.6rem;line-height:1.8;color:var(--ccq-facet-text)}.ccq__facet-label:hover .ccq__facet-value{text-decoration:underline}.ccq__facet-input{flex:none;margin:.5rem 0 0;accent-color:var(--ccq-brand)}.ccq__facet-input[type=radio]{appearance:none;-webkit-appearance:none;width:2rem;height:2rem;border:1px solid var(--ccq-facet-text);border-radius:50%;cursor:pointer;display:grid;place-content:center}.ccq__facet-input[type=radio]:checked:after{content:"";width:1rem;height:1rem;border-radius:50%;background:var(--ccq-brand)}.ccq__facet-input:focus-visible{outline:2px solid var(--ccq-brand);outline-offset:2px}.ccq__facet-text{display:flex;justify-content:space-between;gap:1.2rem;width:100%}.ccq__facet-count{flex-shrink:0}.ccq__facet-item--empty .ccq__facet-label{opacity:.4}.ccq__facet-item--conflict:not(:has(.ccq__facet-input:checked)){opacity:.45}.ccq__facet-item--locked .ccq__facet-label{cursor:default}.ccq__facet-item--locked .ccq__facet-label:hover .ccq__facet-value{text-decoration:none}.ccq__results{flex:1;min-width:0}.ccq__results-status{color:var(--ccq-text-soft);font-size:1.6rem;margin:0}.ccq__results-status--error{color:#c0392b}.ccq__results-grid{display:flex;flex-direction:column}.ccq__results-more{display:block;margin:2.4rem auto 0;border-color:var(--ccq-line)}.ccq__results-more[hidden]{display:none}.ccq__loader{display:flex;flex-direction:column;gap:2rem}.ccq__loader[hidden]{display:none}.ccq__loader-note{display:flex;align-items:center;gap:1.2rem;margin:0;font-size:1.3rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ccq-text-faint)}.ccq__spinner{display:block;flex:none;width:1.8rem;height:1.8rem;border:2px solid rgba(var(--ccq-brand-rgb),.2);border-top-color:var(--ccq-brand);border-radius:50%;animation:ccq-spin .7s linear infinite}.ccq__skeletons{display:flex;flex-direction:column;gap:2.4rem}.ccq__skeleton{display:flex;flex-direction:column;border:1px solid var(--ccq-line-soft);opacity:0;animation:ccq-fade-in .3s ease forwards}.ccq__skeleton:nth-child(2){animation-delay:.1s}.ccq__skeleton:nth-child(3){animation-delay:.2s}.ccq__skeleton-media{display:block;height:18rem;flex:none}.ccq__skeleton-body{display:flex;flex-direction:column;justify-content:center;gap:1.4rem;flex:1;padding:2.4rem 2rem}.ccq__skeleton-line{display:block;height:1.2rem;width:100%}.ccq__skeleton-line--sm{width:18%}.ccq__skeleton-line--md{width:45%}.ccq__skeleton-line--lg{height:2rem;width:70%}.ccq__skeleton-media,.ccq__skeleton-line{background-color:rgba(var(--color-foreground),.07);background-image:linear-gradient(90deg,transparent 0%,rgba(var(--ccq-brand-rgb),.09) 45%,rgba(var(--ccq-brand-rgb),.09) 55%,transparent 100%);background-repeat:no-repeat;background-size:60% 100%;animation:ccq-shimmer 1.4s ease-in-out infinite}@keyframes ccq-spin{to{transform:rotate(360deg)}}@keyframes ccq-shimmer{0%{background-position:-80% 0}to{background-position:180% 0}}@keyframes ccq-fade-in{to{opacity:1}}@media screen and (min-width:750px){.ccq__skeleton{flex-direction:row}.ccq__skeleton-media{width:30rem;height:auto;min-height:20rem}.ccq__skeleton-body{padding:3.2rem 2.8rem}}@media(prefers-reduced-motion:reduce){.ccq__spinner,.ccq__skeleton,.ccq__skeleton-media,.ccq__skeleton-line{animation:none}.ccq__skeleton{opacity:1}.ccq__bar-seg{transition:none}}@media screen and (max-width:989px){.ccq__layout{flex-direction:column}.ccq__facets{width:100%;padding-right:0;margin-bottom:2.4rem;border-bottom:1px solid var(--ccq-facet-line)}.ccq__results{width:100%}}@media screen and (max-width:989px){.ccq__options--cards{--ccq-card-gap: 1.4rem;--ccq-card-cols: 3}.ccq__options--cards:has(.ccq__opt-desc){--ccq-card-min: 24rem}}@media screen and (max-width:749px){.ccq__options--cards{--ccq-card-min: 13.5rem;--ccq-card-gap: 1.2rem;--ccq-card-cols: 2}.ccq__options--cards:has(.ccq__opt-desc){--ccq-card-min: 24rem;--ccq-card-cols: 1}.ccq__opt-media{aspect-ratio:2 / 1}.ccq__opt--card:has(.ccq__opt-media){min-height:0}.ccq__opt-title{line-height:1.25}.ccq__nav{gap:1rem 1.2rem}}@media screen and (max-width:359px){.ccq__options--cards{--ccq-card-cols: 1}}
/*# sourceMappingURL=/cdn/shop/t/169/assets/collection-configurator-quiz.css.map */