.colour-my-mood{overflow:hidden}.colour-my-mood__shell{display:grid;gap:2.8rem;max-width:var(--colour-mood-content-width);margin-inline:auto}.colour-my-mood__intro{display:grid;gap:1.2rem;max-width:76rem;margin-inline:auto;text-align:center}.colour-my-mood__eyebrow{margin:0;font-weight:700}.colour-my-mood__heading,.colour-my-mood__subtext,.colour-my-mood__question-title,.colour-my-mood__result-title,.colour-my-mood__result-tagline,.colour-my-mood__result-description,.colour-my-mood__product-title,.colour-my-mood__product-price{margin:0}.colour-my-mood__heading{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight)}.colour-my-mood__subtext{color:rgba(var(--color-foreground),.72)}.colour-my-mood__panel{display:grid;gap:2.4rem;padding:clamp(2rem,4vw,4rem);border:.1rem solid rgba(var(--color-foreground),.12);border-radius:var(--colour-mood-radius);background:rgb(var(--color-background))}.colour-my-mood__progress{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;color:rgba(var(--color-foreground),.64);font-size:1.3rem}.colour-my-mood__progress-track{flex:1 1 auto;height:.4rem;overflow:hidden;border-radius:999px;background:rgba(var(--color-foreground),.1)}.colour-my-mood__progress-bar{display:block;width:var(--progress, 0%);height:100%;border-radius:inherit;background:rgb(var(--color-foreground));transition:width var(--duration-default) ease}.colour-my-mood__question{display:grid;gap:1.8rem}.colour-my-mood__answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.colour-my-mood__answer{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1.2rem;min-height:7.6rem;padding:1.6rem;border:.1rem solid rgba(var(--color-foreground),.16);border-radius:min(var(--colour-mood-radius),1.8rem);background:rgba(var(--color-foreground),.025);color:rgb(var(--color-foreground));font:inherit;text-align:left;cursor:pointer;transition:border-color var(--duration-short) ease,background var(--duration-short) ease,transform var(--duration-short) ease}.colour-my-mood__answer-icon{display:inline-grid;width:4.4rem;height:4.4rem;place-items:center;border-radius:999px;background:rgba(var(--color-foreground),.055);font-size:2.2rem;line-height:1}.colour-my-mood__answer-label{min-width:0;font-weight:700}.colour-my-mood__answer:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.42);outline-offset:.3rem}.colour-my-mood__answer[aria-pressed=true]{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.08)}.colour-my-mood--changing-question .colour-my-mood__answer{border-color:rgba(var(--color-foreground),.16);background:rgba(var(--color-foreground),.025);transform:none}.colour-my-mood__actions{display:flex;flex-wrap:wrap;gap:1rem}.colour-my-mood__button[disabled]{opacity:.45;pointer-events:none}.colour-my-mood__result{display:grid;grid-template-columns:minmax(0,1fr) minmax(28rem,.9fr);gap:clamp(2rem,4vw,4rem);align-items:center}.colour-my-mood__photo-frame{position:relative;overflow:hidden;min-height:var(--colour-mood-image-height);border:.1rem solid rgba(var(--color-foreground),.12);border-radius:var(--colour-mood-image-radius);background:var(--colour-mood-photo-background)}.colour-my-mood__photo{width:100%;height:100%;min-height:var(--colour-mood-image-height);object-fit:var(--colour-mood-photo-fit);object-position:var(--colour-mood-image-position, center center);display:block}.colour-my-mood__placeholder{display:grid;min-height:var(--colour-mood-image-height);place-items:center;padding:3rem;background:var(--result-swatch, rgba(var(--color-foreground), .08))}.colour-my-mood__placeholder span{display:block;width:8rem;height:8rem;border-radius:999px;border:.1rem solid rgba(0,0,0,.12);background:var(--result-swatch, rgba(var(--color-foreground), .08));box-shadow:0 1.8rem 4rem #0000001f}.colour-my-mood__result-copy{display:grid;gap:1.4rem}.colour-my-mood__swatch-row{display:flex;align-items:center;gap:1rem;color:rgba(var(--color-foreground),.64);font-size:1.3rem}.colour-my-mood__swatch{width:2.4rem;height:2.4rem;border:.1rem solid rgba(var(--color-foreground),.16);border-radius:999px;background:var(--result-swatch, rgba(var(--color-foreground), .08))}.colour-my-mood__result-title{font-family:var(--font-heading-family);font-size:clamp(3.2rem,5vw,5.6rem);line-height:1}.colour-my-mood__result-tagline{font-weight:700;font-size:1.8rem}.colour-my-mood__result-description{color:rgba(var(--color-foreground),.72)}.colour-my-mood__product{display:grid;gap:.4rem;padding-top:.8rem}.colour-my-mood__product-title{font-weight:700}.colour-my-mood__product-price{color:rgba(var(--color-foreground),.72)}.colour-my-mood [hidden]{display:none!important}@media screen and (max-width:749px){.colour-my-mood__panel{padding:1.8rem}.colour-my-mood__answers,.colour-my-mood__result{grid-template-columns:1fr}.colour-my-mood__photo-frame,.colour-my-mood__photo,.colour-my-mood__placeholder{min-height:var(--colour-mood-image-height-mobile)}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/colour-my-mood.css.map */