.meroo-shade-guide{color:var(--meroo-black);background:#fff}.meroo-shade-guide [hidden]{display:none!important}.meroo-shade-guide button,.meroo-shade-guide input{font-family:var(--meroo-font-body)}.meroo-shade-guide button{cursor:pointer}.meroo-shade-guide :is(button,a,input):focus-visible{outline:2px solid var(--meroo-burgundy);outline-offset:5px}.meroo-shade-guide__container{max-width:144rem;margin-inline:auto;padding-inline:clamp(2rem,4.3vw,6.4rem)}.meroo-shade-guide__hero{display:grid;grid-template-columns:46% 54%;background:#fff7f4;overflow:hidden}.meroo-shade-guide__hero-copy{align-self:center;padding:5rem clamp(2.4rem,5vw,7.2rem)}.meroo-shade-guide__hero-copy h1{margin:0;font:300 clamp(4.2rem,4.7vw,7rem)/1.13 var(--meroo-font-display);letter-spacing:-.055em;color:var(--meroo-burgundy)}.meroo-shade-guide__hero-copy h1 span{display:inline-block;margin-top:.6rem;font:400 1.22em/1.1 Saffron,cursive;letter-spacing:0;white-space:nowrap}.meroo-shade-guide__hero-description{max-width:38rem;margin:2.8rem 0;color:#665956;font-size:1.5rem;line-height:1.8}.meroo-shade-guide__primary,.meroo-shade-guide__secondary{display:inline-flex;align-items:center;justify-content:center;min-height:4.8rem;padding:1.2rem 2.8rem;border:1px solid var(--meroo-burgundy);border-radius:999px;font:500 1.35rem/1.5 var(--meroo-font-body);text-decoration:none;background:var(--meroo-burgundy);color:#fff;transition:background .2s,color .2s}.meroo-shade-guide__primary:hover{background:#94101b;color:#fff}.meroo-shade-guide__secondary{background:transparent;color:var(--meroo-burgundy)}.meroo-shade-guide__secondary:hover{background:var(--meroo-burgundy);color:#fff}.meroo-shade-guide__hero-note{display:flex;gap:1.8rem;margin-top:4rem;font-size:1.05rem;text-transform:uppercase;letter-spacing:.16em;color:#8c6861}.meroo-shade-guide__hero-art{position:relative;isolation:isolate;min-width:0;min-height:55rem;height:clamp(55rem,43vw,64rem);background:linear-gradient(135deg,#fff7f4,#fff5f5 48%,#f0d8cf)}.meroo-shade-guide__hero-art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:#c0131c;opacity:.34;-webkit-mask:var(--shade-guide-pattern) center / clamp(14rem,17vw,24rem) auto repeat;mask:var(--shade-guide-pattern) center / clamp(14rem,17vw,24rem) auto repeat}.meroo-shade-guide__hero-photo{position:relative;z-index:1;width:100%;height:100%;margin:0}.meroo-shade-guide__hero-photo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.meroo-shade-guide__finishes{padding-block:6rem 5rem}.meroo-shade-guide__section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:3rem;margin-bottom:3.2rem}.meroo-shade-guide__section-heading h2{margin:0;font:400 clamp(3rem,3.1vw,4.4rem)/1.15 var(--meroo-font-display);letter-spacing:-.04em}.meroo-shade-guide__section-heading h2 span{color:var(--meroo-burgundy)}.meroo-shade-guide__section-heading>p{margin:0 0 .2rem;color:#746965;font-size:1.3rem;line-height:1.7}.meroo-shade-guide__finish-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1.8rem}.meroo-shade-guide__finish{border:0;padding:0;background:transparent;color:inherit;text-align:left;min-width:0}.meroo-shade-guide__finish-image{display:block;width:100%;aspect-ratio:4/5;border-radius:.5rem;overflow:hidden;position:relative;background:#fff5f5}.meroo-shade-guide__finish:nth-child(2) .meroo-shade-guide__finish-image,.meroo-shade-guide__finish:nth-child(5) .meroo-shade-guide__finish-image{border-radius:9rem 9rem .5rem .5rem}.meroo-shade-guide__finish-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}.meroo-shade-guide__finish:hover img{transform:scale(1.035)}.meroo-shade-guide__finish[aria-pressed=true] .meroo-shade-guide__finish-image{outline:2px solid var(--meroo-burgundy);outline-offset:4px}.meroo-shade-guide__finish-name{display:block;margin-top:1.4rem;font-size:1.6rem;font-weight:500}.meroo-shade-guide__finish-caption{display:block;margin-top:.5rem;color:#746965;font-size:1.1rem;line-height:1.5}.meroo-shade-guide__image-note{margin:2.4rem 0 0;color:#817773;font-size:1.05rem;line-height:1.6}.meroo-shade-guide__library{padding-block:5.2rem 5.6rem;background:#faf7f4;scroll-margin-top:10rem}.meroo-shade-guide .meroo-shade-library__controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;padding:2.4rem;border:1px solid #e8dfd9;border-radius:.8rem;background:#fff}.meroo-shade-guide__search>label{font-size:1.15rem;color:#6f6560;margin-bottom:.8rem}.meroo-shade-guide__search-field{display:flex;align-items:center;gap:1rem;max-width:50rem;border-bottom:1px solid #bfb1a9}.meroo-shade-guide__search-field svg{width:1.9rem;height:1.9rem;flex:0 0 auto;color:#857772}.meroo-shade-guide .meroo-shade-library__controls input[type=search]{min-width:0;width:100%;max-width:none;min-height:4.4rem;margin:0;padding:.6rem 0;border:0;border-radius:0;font-size:1.45rem;box-shadow:none;background:transparent}.meroo-shade-guide .meroo-shade-library__controls input[type=search]:focus{outline:none;box-shadow:none}.meroo-shade-guide__search-field:focus-within{border-bottom-color:var(--meroo-burgundy);box-shadow:0 1px 0 var(--meroo-burgundy)}.meroo-shade-guide__search-field:focus-within svg{color:var(--meroo-burgundy)}.meroo-shade-guide .meroo-shade-library__available{align-self:center;padding:1.6rem 0 0;gap:.9rem;font-size:1.25rem;white-space:nowrap}.meroo-shade-guide .meroo-shade-library__controls fieldset{min-width:0;padding-top:1.8rem;border-top:1px solid #f0e8e3}.meroo-shade-guide [data-shade-filters]{gap:.7rem}.meroo-shade-guide [data-shade-filters] button{min-height:4rem;padding:.7rem 1.7rem;border-radius:999px;font-weight:400;background:#fff;border-color:#e7ddd7}.meroo-shade-guide [data-shade-filters] button[aria-pressed=true]{color:#fff;background:var(--meroo-burgundy);border-color:var(--meroo-burgundy)}.meroo-shade-guide__result-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;padding:3rem 0 2.4rem}.meroo-shade-guide__result-heading h3{margin:0 0 .6rem;font-size:2.2rem;font-weight:400;letter-spacing:-.025em}.meroo-shade-guide__result-heading>div>p{margin:0;font-size:1.25rem;line-height:1.6;color:#746965}.meroo-shade-guide__result-meta{display:flex;align-items:center;gap:1.8rem;flex-shrink:0}.meroo-shade-guide .meroo-shade-library__count{margin:0;font-size:1.2rem;color:#746965}.meroo-shade-guide__result-meta button{border:0;padding:.8rem 0;background:none;color:var(--meroo-burgundy);font-size:1.1rem;text-decoration:underline;text-underline-offset:.3rem}.meroo-shade-guide .meroo-shade-library__grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:3.2rem 1.6rem}.meroo-shade-guide .meroo-shade-tile{min-width:0}.meroo-shade-tile__preview{display:block;position:relative;width:100%;padding:0;border:0;background:transparent;text-align:left;color:inherit}.meroo-shade-tile__preview:after{content:"Preview";position:absolute;right:0;bottom:0;color:#817772;font-size:1rem}.meroo-shade-guide .meroo-shade-tile__swatch{display:block;width:100%;aspect-ratio:1.45;object-fit:cover;border:1px solid #37231d0d;border-radius:50% 50% .4rem .4rem/24% 24% .4rem .4rem;transition:border-radius .25s,box-shadow .25s}.meroo-shade-tile__preview:hover .meroo-shade-tile__swatch{border-radius:.4rem;box-shadow:0 6px 18px #412b1912}.meroo-shade-guide .meroo-shade-tile__code{display:block;margin-top:1rem;color:#746965;font-size:1.05rem;letter-spacing:.035em}.meroo-shade-guide .meroo-shade-tile__name{margin:.5rem 0 0;font:500 1.45rem/1.35 var(--meroo-font-body);letter-spacing:-.01em}.meroo-shade-guide .meroo-shade-tile__status{min-height:1.6rem;margin:.7rem 0 .2rem;color:#817772;font-size:1.05rem;line-height:1.5}.meroo-shade-guide .meroo-shade-tile__shop{display:inline-block;padding-block:.4rem;color:var(--meroo-burgundy);font-size:1.1rem;text-decoration:underline;text-underline-offset:.4rem}.meroo-shade-guide span.meroo-shade-tile__shop{color:#817772;text-decoration:none}.meroo-shade-guide__more{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:3.8rem}.meroo-shade-guide__more p{margin:0;font-size:1.1rem;color:#817772}.meroo-shade-guide__colour-note{max-width:72rem;margin:3.6rem auto 0;color:#817772;font-size:1.1rem;line-height:1.8;text-align:center}.meroo-shade-guide__empty{padding:6rem 2rem;text-align:center}.meroo-shade-guide__empty h3{margin:0;font-size:3.2rem;color:var(--meroo-burgundy)}.meroo-shade-guide__empty p{margin:1.4rem 0 2.4rem;font-size:1.4rem;color:#746965}.meroo-shade-guide__loading{padding:3rem;text-align:center;font-size:1.4rem;color:#746965}.meroo-shade-dialog{position:fixed;top:0;right:0;bottom:0;left:0;max-width:min(80rem,calc(100vw - 4rem));width:80rem;max-height:calc(100svh - 4rem);overflow:auto;padding:0;border:0;border-radius:1.2rem;background:#fff;color:var(--meroo-black);box-shadow:0 2rem 8rem #251b2540}.meroo-shade-dialog[open]{display:grid;grid-template-columns:.95fr 1.05fr}.meroo-shade-dialog::backdrop{background:#17213699;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.meroo-shade-dialog__close{position:absolute;top:1rem;right:1rem;z-index:2;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border:1px solid #e8dfd9;border-radius:50%;background:#fff;color:var(--meroo-black)}.meroo-shade-dialog__sample{padding:4rem 2.8rem;background:#faf7f4;display:flex;flex-direction:column;align-items:center;justify-content:center}.meroo-shade-dialog__sample>img{display:block;width:100%;max-width:28rem;height:auto;aspect-ratio:1.85;object-fit:cover;border-radius:50% 50% .6rem .6rem/28% 28% .6rem .6rem}.meroo-shade-dialog__sample>p:last-child{color:#817772;font-size:1rem;margin:1.4rem 0 0}.meroo-shade-dialog__details{padding:5rem 3.2rem 3.2rem}.meroo-shade-dialog__details h2{margin:0;font:400 3.8rem/1.1 var(--meroo-font-display);letter-spacing:-.04em}.meroo-shade-dialog__finish{font-size:1.3rem;color:var(--meroo-burgundy);margin:1.2rem 0}.meroo-shade-dialog__details>p:not(.meroo-eyebrow):not(.meroo-shade-dialog__finish){font-size:1.25rem;line-height:1.7;color:#746965}.meroo-shade-dialog__product{display:flex;align-items:center;gap:1.6rem;margin-block:2.2rem}.meroo-shade-dialog__product>img{width:9rem;height:10rem;object-fit:contain}.meroo-shade-dialog__product p{font-size:1.25rem;margin:0 0 1rem}.meroo-shade-dialog__product .meroo-shade-guide__primary{padding-inline:1.8rem;min-height:4.4rem;font-size:1.2rem}.meroo-shade-dialog__note{padding-top:1.6rem;border-top:1px solid #eee6e0;font-size:1rem!important}@media(max-width:989px){.meroo-shade-guide__hero{grid-template-columns:47% 53%}.meroo-shade-guide__hero-copy{padding:3.6rem 2.8rem}.meroo-shade-guide__hero-copy h1{font-size:4.6rem}.meroo-shade-guide__hero-art{min-height:47rem;height:47rem}.meroo-shade-guide__section-heading{align-items:flex-start}.meroo-shade-guide__section-heading>p{max-width:24rem}.meroo-shade-guide__finish-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.6rem 1.6rem}.meroo-shade-guide__finish-image{aspect-ratio:1}.meroo-shade-guide .meroo-shade-library__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.meroo-shade-guide__result-meta{gap:1rem}}@media(max-width:649px){.meroo-shade-guide__hero{grid-template-columns:1fr}.meroo-shade-guide__hero-copy{padding:3.6rem 2.4rem 2.4rem}.meroo-shade-guide__hero-copy h1{font-size:clamp(4.2rem,12vw,5.6rem)}.meroo-shade-guide__hero-description{margin:2rem 0;font-size:1.35rem;line-height:1.7}.meroo-shade-guide__hero-note{display:none}.meroo-shade-guide__hero-art{height:min(138vw,54rem);min-height:0}.meroo-shade-guide__finishes{padding-block:4rem}.meroo-shade-guide__section-heading{display:block;margin-bottom:2.4rem}.meroo-shade-guide__section-heading h2{font-size:3.2rem}.meroo-shade-guide__section-heading>p{max-width:none;margin-top:1.4rem;font-size:1.25rem}.meroo-shade-guide__finish-grid{display:flex;gap:1.4rem;overflow-x:auto;padding:.6rem .5rem 1.4rem;margin-inline:-.5rem;scroll-snap-type:x mandatory}.meroo-shade-guide__finish{flex:0 0 43%;scroll-snap-align:start}.meroo-shade-guide__finish-image{aspect-ratio:4/5}.meroo-shade-guide__finish-name{font-size:1.5rem}.meroo-shade-guide__library{padding-block:3.6rem 4rem;scroll-margin-top:8rem}.meroo-shade-guide .meroo-shade-library__controls{grid-template-columns:minmax(0,1fr);gap:1.6rem;padding:1.6rem}.meroo-shade-guide .meroo-shade-library__available{padding:0;font-size:1.2rem}.meroo-shade-guide [data-shade-filters]{flex-wrap:nowrap;overflow:auto;padding:.5rem .4rem 1rem;margin-inline:-.4rem}.meroo-shade-guide [data-shade-filters] button{white-space:nowrap;min-height:4rem;padding-inline:1.5rem;font-size:1.2rem}.meroo-shade-guide__result-heading{display:block;padding-block:2.2rem}.meroo-shade-guide__result-heading h3{font-size:2rem}.meroo-shade-guide__result-meta{justify-content:space-between;margin-top:1rem}.meroo-shade-guide .meroo-shade-library__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4rem 1.6rem}.meroo-shade-dialog{width:calc(100vw - 2.4rem);max-width:none;max-height:calc(100svh - 2.4rem)}.meroo-shade-dialog[open]{grid-template-columns:1fr}.meroo-shade-dialog__sample{padding:2.8rem 2.4rem 2.4rem}.meroo-shade-dialog__sample>img{max-width:22rem;aspect-ratio:2}.meroo-shade-dialog__sample>.meroo-eyebrow{font-size:1rem}.meroo-shade-dialog__details{padding:2.4rem}.meroo-shade-dialog__details h2{font-size:3.2rem}.meroo-shade-dialog__product{margin-block:1.6rem}}@media(prefers-reduced-motion:reduce){.meroo-shade-guide *,.meroo-shade-guide *:before{transition:none!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/meroo-shade-library.css.map */