.cex{display:block;margin-block:.5rem}.cex__collapsed{border:1.5px solid rgb(var(--text-color) / .1);border-radius:0;padding:.875rem 1.25rem;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.cex__collapsed:hover{border-color:rgb(var(--text-color) / .2);box-shadow:0 2px 12px #0000000a}.cex__collapsed-inner{display:flex;align-items:center;gap:.75rem}.cex__icon{flex-shrink:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:rgb(var(--text-color) / .06);border-radius:50%}.cex__icon svg{width:1.125rem;height:1.125rem;color:rgb(var(--text-color) / .7)}.cex__collapsed-text{flex:1;min-width:0}.cex__collapsed-heading{display:block;font-family:var(--heading-font-family);font-weight:600;font-size:.875rem;letter-spacing:.04em;color:rgb(var(--text-color))}.cex__collapsed-sub{display:block;font-family:var(--text-font-family);font-size:.75rem;color:rgb(var(--text-color) / .5);margin-top:.125rem}.cex__collapsed-btn{flex-shrink:0;font-family:var(--heading-font-family);font-weight:600;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;padding:.5rem 1rem;border-radius:0;border:1.5px solid rgb(var(--text-color));background:transparent;color:rgb(var(--text-color));cursor:pointer;transition:background .2s ease,color .2s ease;white-space:nowrap}.cex__collapsed-btn:hover{background:rgb(var(--text-color));color:rgb(var(--background))}.cex__expanded{border:1.5px solid rgb(var(--text-color) / .1);border-radius:0;padding:1.25rem;display:flex;flex-direction:column;gap:0;animation:cexSlideIn .3s ease}@keyframes cexSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.cex__step{padding-block:.75rem;border-bottom:1px solid rgb(var(--text-color) / .06);animation:cexStepIn .25s ease}.cex__step:last-of-type{border-bottom:none}@keyframes cexStepIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cex__q-label{font-family:var(--heading-font-family);font-weight:600;font-size:.8125rem;letter-spacing:.04em;color:rgb(var(--text-color) / .7);margin:0 0 .5rem}.cex__pills{display:flex;flex-wrap:wrap;gap:.375rem}.cex__pill{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;border-radius:0;border:1.5px solid rgb(var(--text-color) / .12);background:transparent;font-family:var(--text-font-family);font-size:.8125rem;font-weight:400;color:rgb(var(--text-color) / .75);cursor:pointer;transition:all .15s ease;white-space:nowrap}.cex__pill:hover{border-color:rgb(var(--text-color) / .3);color:rgb(var(--text-color));background:rgb(var(--text-color) / .03)}.cex__pill.is-selected{border-color:rgb(var(--text-color));background:rgb(var(--text-color) / .07);color:rgb(var(--text-color));font-weight:500}.cex__pill--swatch:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--swatch);flex-shrink:0}.cex__step[data-answered=true] .cex__pills{display:none}.cex__step[data-answered=true] .cex__q-label{margin-bottom:0;display:flex;align-items:center;gap:.5rem}.cex__answer-tag{display:none;font-family:var(--text-font-family);font-size:.8125rem;font-weight:500;color:rgb(var(--text-color));background:rgb(var(--text-color) / .06);padding:.1875rem .625rem;border-radius:0}.cex__step[data-answered=true] .cex__answer-tag{display:inline-flex;align-items:center;gap:.25rem}.cex__answer-edit{display:none;margin-inline-start:auto;background:none;border:none;cursor:pointer;color:rgb(var(--text-color) / .35);font-size:.75rem;padding:.125rem;transition:color .15s ease}.cex__answer-edit:hover{color:rgb(var(--text-color) / .7)}.cex__step[data-answered=true] .cex__answer-edit{display:block}.cex__loading{padding:1.5rem 0;text-align:center}.cex__loading p{font-family:var(--text-font-family);font-size:.8125rem;color:rgb(var(--text-color) / .5);margin-top:.75rem}.cex__loading-bar{height:3px;background:rgb(var(--text-color) / .08);border-radius:2px;overflow:hidden;max-width:200px;margin:0 auto}.cex__loading-fill{height:100%;width:0;background:rgb(var(--text-color) / .5);border-radius:2px;animation:cexLoadBar 1.2s ease forwards}@keyframes cexLoadBar{0%{width:0}60%{width:70%}to{width:100%}}.cex__results{padding-top:.5rem;animation:cexStepIn .3s ease}.cex__results-title{font-family:var(--heading-font-family);font-weight:600;font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--text-color) / .55);margin:0 0 .75rem}.cex__results-sub{display:none}.cex__results-grid{display:grid;gap:1.25rem}.cex__product{display:flex;align-items:center;gap:1.25rem;animation:cexCardIn .35s ease backwards}.cex__product:nth-child(2){animation-delay:.08s}.cex__product:nth-child(3){animation-delay:.16s}@keyframes cexCardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cex__product-figure{flex-shrink:0;width:4rem;border-radius:0;overflow:hidden;background:transparent}.cex__product-figure img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.cex__product-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.cex__product-title{font-family:var(--text-font-family);font-size:.8125rem;font-weight:500;line-height:1.35;color:rgb(var(--text-color) / .85);text-decoration:none;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .15s ease}@media(hover:hover){.cex__product:hover .cex__product-title{color:rgb(var(--text-color))}}.cex__product-price{font-family:var(--text-font-family);font-size:.8125rem;color:rgb(var(--text-color) / .55);margin:0}.cex__atc{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;min-width:30px;min-height:30px;border-radius:50%;border:none;background:transparent;color:rgb(var(--text-color) / .35);box-shadow:none;cursor:pointer;transition:opacity .2s ease,color .15s ease;padding:0;opacity:0}@media(hover:hover){.cex__product:hover .cex__atc{opacity:1}.cex__atc:hover{color:rgb(var(--text-color))}}@media(hover:none){.cex__atc{opacity:1}}.cex__atc:active{transform:scale(.92);color:rgb(var(--text-color))}.cex__atc.is-loading{opacity:.5;pointer-events:none}.cex__atc.is-added{opacity:1;background:transparent;color:#2d8f4e;border:none;box-shadow:none;pointer-events:none}.cex__results-actions{display:flex;justify-content:center;padding-top:.75rem}.cex__restart{background:none;border:none;cursor:pointer;font-family:var(--text-font-family);font-size:.75rem;color:rgb(var(--text-color) / .45);text-decoration:underline;text-underline-offset:2px;transition:color .15s ease}.cex__restart:hover{color:rgb(var(--text-color) / .7)}@media screen and (max-width:599px){.cex__collapsed-sub{display:none}.cex__expanded{padding:1rem}.cex__product-figure{width:3.5rem}}@media(prefers-reduced-motion:reduce){.cex__expanded,.cex__step,.cex__product,.cex__results{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/117/assets/component-compact-explorer.css.map */