.mcr-sm{--sm-ink: #15161c;--sm-mute: rgba(28, 43, 79, .64);--sm-line: rgba(28, 43, 79, .14);background:var(--sm-bg, #f8f4ee);color:var(--sm-ink)}.mcr-sm__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.6rem 3.2rem;margin-bottom:2.4rem}.mcr-sm__intro{max-width:64rem}.mcr-sm__eyebrow{margin:0 0 .8rem;font-size:1.2rem;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--sm-gold)}.mcr-sm__heading{margin:0;font-size:clamp(2.8rem,3vw,4.4rem);font-weight:400;line-height:1.08;letter-spacing:-.01em;color:var(--sm-ink)}.mcr-sm__sub{margin:.8rem 0 0;font-size:clamp(1.45rem,1.2vw,1.7rem);line-height:1.5;color:var(--sm-mute)}.mcr-sm__tools{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.mcr-sm__colour{display:inline-flex;align-items:center;gap:.8rem;min-height:4.4rem;padding:0 .6rem 0 1.4rem;border:1px solid var(--sm-line);border-radius:999px;background:#fff;font-size:1.3rem;color:var(--sm-mute)}.mcr-sm__colour[hidden],.mcr-sm__tone[hidden]{display:none}.mcr-sm__dot{width:1.6rem;height:1.6rem;flex:none;border-radius:50%;box-shadow:inset 0 0 0 1px #0000002e}.mcr-sm__dot.is-empty{background:repeating-linear-gradient(45deg,#ddd 0 3px,#fff 3px 6px)!important}.mcr-sm__colour select{min-height:4rem;padding:0 2.8rem 0 .4rem;border:0;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315161c' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right .6rem center / 1.4rem no-repeat;-webkit-appearance:none;appearance:none;font:inherit;font-size:1.4rem;font-weight:600;color:var(--sm-ink);cursor:pointer}.mcr-sm__tone{display:inline-flex;align-items:center;gap:.8rem;min-height:4.4rem;padding:0 1.8rem;border:1px solid var(--sm-accent);border-radius:999px;background:#fff;font:inherit;font-size:1.35rem;font-weight:600;color:var(--sm-accent);cursor:pointer;transition:background-color .2s ease,color .2s ease}@media(hover:hover){.mcr-sm__tone:hover{background:var(--sm-accent);color:#fff}}.mcr-sm__tone:focus-visible,.mcr-sm__colour select:focus-visible{outline:2px solid var(--sm-gold);outline-offset:2px}.mcr-sm__tabs{display:flex;gap:.8rem;margin:0 -1.6rem 2.4rem;padding:0 1.6rem .4rem;overflow-x:auto;scrollbar-width:none}.mcr-sm__tabs::-webkit-scrollbar{display:none}@media screen and (min-width:750px){.mcr-sm__tabs{flex-wrap:wrap;margin:0 0 2.8rem;padding:0;overflow:visible}}.mcr-sm__tab{flex:none;min-height:4.4rem;padding:0 2rem;border:1px solid var(--sm-line);border-radius:999px;background:#fff;font:inherit;font-size:1.4rem;font-weight:500;color:var(--sm-ink);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.mcr-sm__tab[aria-selected=true]{border-color:var(--sm-accent);background:var(--sm-accent);color:#fff}@media(hover:hover){.mcr-sm__tab:not([aria-selected=true]):hover{border-color:var(--sm-accent);color:var(--sm-accent)}}.mcr-sm__tab:focus-visible{outline:2px solid var(--sm-gold);outline-offset:2px}.mcr-sm__board{display:grid;gap:2rem;transition:opacity .25s ease}.mcr-sm__board.is-busy{opacity:.55;pointer-events:none}@media screen and (min-width:990px){.mcr-sm__board{grid-template-columns:minmax(0,1fr) clamp(28rem,24vw,34rem);align-items:start;gap:2.8rem}}.mcr-sm__board.is-loading{grid-template-columns:repeat(2,minmax(0,1fr))}@media screen and (min-width:750px){.mcr-sm__board.is-loading{grid-template-columns:repeat(4,minmax(0,1fr))}}.mcr-sm__skel{aspect-ratio:4 / 6;border-radius:.8rem;background:linear-gradient(100deg,#eee8df 30%,#f7f2ea,#eee8df 70%) 0 0 / 300% 100%;animation:mcr-sm-shine 1.4s linear infinite}.mcr-sm__skel--sum{display:none}@media screen and (min-width:750px){.mcr-sm__skel--sum{display:block}}@keyframes mcr-sm-shine{to{background-position:-150% 0}}@media(prefers-reduced-motion:reduce){.mcr-sm__skel{animation:none}}.mcr-sm__pieces{display:flex;gap:1.2rem;margin:0 -1.6rem;padding:0 1.6rem .6rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}@media screen and (min-width:750px){.mcr-sm__pieces{display:grid;grid-template-columns:repeat(auto-fit,minmax(19rem,1fr));margin:0;padding:0;overflow:visible;gap:1.6rem}}.mcr-sm__card{position:relative;display:flex;flex-direction:column;flex:0 0 min(66vw,26rem);scroll-snap-align:start;padding:1.2rem;border:1px solid var(--sm-line);border-radius:1rem;background:#fff;transition:opacity .25s ease,border-color .25s ease}.mcr-sm__card--hero{border-color:color-mix(in srgb,var(--sm-gold) 55%,transparent);box-shadow:0 10px 30px -18px #1b1a1766}.mcr-sm__card.is-off .mcr-sm__media,.mcr-sm__card.is-off .mcr-sm__title,.mcr-sm__card.is-off .mcr-sm__price{opacity:.4}.mcr-sm__card-top{display:flex;align-items:center;justify-content:space-between;gap:.8rem;min-height:3.2rem;margin-bottom:.8rem}.mcr-sm__slot{font-size:1.1rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--sm-gold)}.mcr-sm__chipc{display:inline-flex;align-items:center;gap:.5rem;font-size:1.2rem;color:var(--sm-mute)}.mcr-sm__chipc i,.mcr-sm__why i{width:1.1rem;height:1.1rem;flex:none;border-radius:50%;box-shadow:inset 0 0 0 1px #0003}.mcr-sm__swap{display:inline-flex;align-items:center;gap:.2rem}.mcr-sm__swap em{min-width:3.4rem;font-size:1.15rem;font-style:normal;text-align:center;color:var(--sm-mute)}.mcr-sm__swap button{display:grid;place-items:center;width:3.2rem;height:3.2rem;padding:0;border:1px solid var(--sm-line);border-radius:50%;background:#fff;font-size:1.9rem;line-height:1;color:var(--sm-ink);cursor:pointer}@media(hover:hover){.mcr-sm__swap button:hover{border-color:var(--sm-accent);color:var(--sm-accent)}}.mcr-sm__swap button:focus-visible{outline:2px solid var(--sm-gold);outline-offset:1px}.mcr-sm__media{position:relative;display:block;aspect-ratio:4 / 5;overflow:hidden;border-radius:.6rem;background:#fbfaf7}.mcr-sm__media img{width:100%;height:100%;object-fit:contain;transition:transform .8s var(--mcr-ease-out, ease)}@media(hover:hover){a.mcr-sm__media:hover img{transform:scale(1.03)}}.mcr-sm__why{position:absolute;left:.8rem;right:.8rem;bottom:.8rem;display:inline-flex;align-items:center;gap:.6rem;width:fit-content;max-width:calc(100% - 1.6rem);padding:.5rem 1rem;border-radius:999px;background:#ffffffeb;box-shadow:0 2px 10px #00000014;font-size:1.15rem;font-weight:600;line-height:1.3;color:var(--sm-ink)}.mcr-sm__title{margin:1rem 0 0;font-size:1.45rem;line-height:1.35;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:3.915rem}.mcr-sm__title a{color:inherit;text-decoration:none}.mcr-sm__title a:hover{text-decoration:underline;text-underline-offset:.3rem}.mcr-sm__price{margin:.4rem 0 0;font-size:1.6rem;font-weight:600;color:var(--sm-ink)}.mcr-sm__select select{width:100%;min-height:4.4rem;margin-top:.8rem;padding:0 3.2rem 0 1.2rem;border:1px solid rgba(28,43,79,.3);border-radius:.5rem;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315161c' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 1rem center / 1.4rem no-repeat;-webkit-appearance:none;appearance:none;font:inherit;font-size:1.35rem;color:var(--sm-ink);cursor:pointer}.mcr-sm__select select:focus-visible{outline:2px solid var(--sm-gold);outline-offset:2px}.mcr-sm__inc{display:inline-flex;align-items:center;gap:.8rem;min-height:4.4rem;margin-top:auto;padding-top:.6rem;font-size:1.3rem;color:var(--sm-mute);cursor:pointer}.mcr-sm__inc input{width:2rem;height:2rem;margin:0;accent-color:var(--sm-accent);cursor:pointer}.mcr-sm__sum{display:grid;gap:1.4rem;padding:2.4rem;border:1px solid color-mix(in srgb,var(--sm-gold) 45%,transparent);border-radius:1rem;background:#fff}@media screen and (min-width:990px){.mcr-sm__sum{position:sticky;top:calc(var(--mcr-header-h, 8rem) + 2rem)}}.mcr-sm__note{margin:0;font-family:var(--font-heading-family);font-size:clamp(1.7rem,1.4vw,2rem);line-height:1.35;color:var(--sm-ink)}.mcr-sm__toneon{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0;padding:.8rem .8rem .8rem 1.4rem;border-radius:.6rem;background:color-mix(in srgb,var(--sm-gold) 14%,#fff);font-size:1.3rem;font-weight:600;color:var(--sm-ink)}.mcr-sm__toneon button{width:3.2rem;height:3.2rem;border:0;border-radius:50%;background:transparent;font-size:2rem;line-height:1;color:var(--sm-ink);cursor:pointer}.mcr-sm__total{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-top:1.4rem;border-top:1px solid var(--sm-line);font-size:1.5rem}.mcr-sm__total small{display:block;margin-top:.2rem;white-space:nowrap;font-size:1.25rem;color:var(--sm-mute)}.mcr-sm__total strong{white-space:nowrap;font-size:clamp(2.4rem,2vw,3rem);font-weight:600;color:var(--sm-accent)}.mcr-sm__add{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:5.4rem;border:0;border-radius:.6rem;background:var(--sm-accent);color:#fff;font:inherit;font-size:1.7rem;font-weight:600;cursor:pointer;transition:filter .2s ease}@media(hover:hover){.mcr-sm__add:hover{filter:brightness(.85)}}.mcr-sm__add:focus-visible{outline:2px solid var(--sm-gold);outline-offset:3px}.mcr-sm__add[disabled]{opacity:.5;cursor:not-allowed}.mcr-sm__add.is-loading{opacity:.7;cursor:progress}.mcr-sm__msg{margin:0;font-size:1.35rem;font-weight:600;color:#1d6b3c}.mcr-sm__msg.is-error{color:var(--sm-accent)}.mcr-sm__links{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem}.mcr-sm__link{min-height:4.4rem;padding:0;border:0;background:none;font:inherit;font-size:1.35rem;font-weight:600;color:var(--sm-ink);text-decoration:underline;text-underline-offset:.35rem;cursor:pointer}@media(hover:hover){.mcr-sm__link:hover{color:var(--sm-accent)}}.mcr-sm__empty{margin:0;padding:3.2rem;border:1px dashed var(--sm-line);border-radius:1rem;text-align:center;color:var(--sm-mute)}.mcr-sm__ask{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.6rem;margin-top:2.8rem;padding-top:2rem;border-top:1px solid var(--sm-line)}.mcr-sm__ask-label{margin:0;font-size:1.2rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--sm-gold)}.mcr-sm__chips{display:flex;flex-wrap:wrap;gap:.8rem}.mcr-sm__chip{display:inline-flex;align-items:center;min-height:4rem;padding:0 1.6rem;border:1px solid var(--sm-line);border-radius:999px;background:#fff;font-size:1.35rem;color:var(--sm-ink);text-decoration:none;transition:border-color .2s ease,color .2s ease}@media(hover:hover){.mcr-sm__chip:hover{border-color:var(--sm-accent);color:var(--sm-accent)}}.mcr-sm__chip:focus-visible{outline:2px solid var(--sm-gold);outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/28/assets/section-mcr-style-match.css.map */