mf-canvas{display:block}mf-canvas [hidden],mf-canvas[hidden]{display:none!important}.mf-b-slide{width:100%}.mf-b-frame{box-sizing:border-box;padding:1%;border-radius:1px;background:#141414;box-shadow:0 1px 2px #00000040,0 10px 28px #00000038}.mf-b-gap{padding:.8%;background:#050505;box-shadow:inset 0 0 .6rem #000000e6}.mf-b-frame[data-frame=white]{background:#f2f0ea}.mf-b-frame[data-frame=white] .mf-b-gap{background:#dcd8ce;box-shadow:inset 0 0 .6rem #00000073}.mf-b-gap .mf-b-canvas{box-shadow:0 0 .4rem #0000008c}.mf-b-canvas{display:block;width:100%;height:auto;aspect-ratio:3 / 1}.mf-b-badges{display:flex;justify-content:space-between;gap:1rem;margin:.8rem .2rem 0;font-size:1.3rem;color:var(--mf-soft, rgba(18, 18, 18, .7))}.mf-b-badges span:empty{display:none}.mf-b-family{display:grid;gap:1rem}.mf-b-family .mf-field input{text-transform:none}.mf-b-hint,.mf-b-sub{margin:-.4rem 0 0;font-size:1.25rem;color:var(--mf-soft, rgba(18, 18, 18, .7))}.mf-b-sub{margin:1.4rem 0 .6rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:1.2rem}.mf-b-row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem}.mf-b-rowlabel{min-width:8.5rem;font-size:1.3rem;color:var(--mf-soft, rgba(18, 18, 18, .7))}.mf-pills{display:flex;flex-wrap:wrap;gap:.6rem}.mf-pill{min-height:3.6rem;padding:.4rem 1.4rem;border:1px solid var(--mf-line, rgba(18, 18, 18, .2));border-radius:99rem;background:none;color:inherit;font:inherit;font-size:1.4rem;cursor:pointer}.mf-pill[aria-pressed=true]{border-color:var(--mf-ink, #121212);box-shadow:inset 0 0 0 1px var(--mf-ink, #121212)}.mf-msg[data-mf-error]{color:#a3282b}.mf-b-plates{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.8rem}.mf-b-plate{display:grid;gap:.4rem;padding:.5rem;border:1px solid var(--mf-line, rgba(18, 18, 18, .2));border-radius:.8rem;background:none;color:inherit;font:inherit;font-size:1.3rem;cursor:pointer}.mf-b-plate canvas{width:100%;height:auto;aspect-ratio:3 / 1;border-radius:.3rem;background:#111}.mf-b-plate[aria-pressed=true]{border-color:var(--mf-ink, #121212);box-shadow:inset 0 0 0 1px var(--mf-ink, #121212)}.mf-b-style{min-height:6.4rem;align-content:center}.mf-b-sample{font-size:1.7rem;line-height:1.25;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mf-b-style[data-mf-cant]{opacity:.4}.mf-b-finishes{display:flex;flex-wrap:wrap;gap:1rem 1.4rem}.mf-b-fin{display:grid;justify-items:center;gap:.4rem;padding:0;border:0;background:none;color:inherit;font:inherit;font-size:1.25rem;cursor:pointer}.mf-b-dot{width:4.8rem;height:4.8rem;border-radius:50%;border:1px solid var(--mf-line, rgba(18, 18, 18, .2))}.mf-b-fin[aria-pressed=true] .mf-b-dot{outline:2px solid var(--mf-ink, #121212);outline-offset:3px}.mf-b-fin[aria-pressed=true]{font-weight:600}.mf-b-tip{font-size:1.25rem}.mf-b-link{padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:.3rem;cursor:pointer}.mf-b-badges .mf-b-link{font-size:1.3rem}.mf-b-rec{display:block;font-size:1.05rem;letter-spacing:.06em;text-transform:uppercase;opacity:.7}.mf-b-dialog{width:min(96vw,110rem);max-height:92vh;padding:1.6rem;border:0;border-radius:.8rem}.mf-b-dialog::backdrop{background:#0009}.mf-b-dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:1.5rem}.mf-b-close{width:4.4rem;height:4.4rem;border:0;background:none;font-size:2.6rem;line-height:1;cursor:pointer;color:inherit}.mf-b-closeup-wrap{overflow-x:auto;margin-bottom:1.2rem;border-radius:.3rem;background:#111}.mf-b-closeup{display:block;width:max(100%,72rem);height:auto}.mf-b-dialog .mf-b-hint{margin-top:1rem}.mf-b-confirm{display:flex;gap:.8rem;align-items:flex-start;margin:1.6rem 0 0;font-size:1.4rem;cursor:pointer}.mf-b-confirm input{width:2rem;height:2rem;margin:.1rem 0 0;flex:none}[data-mf-blocked]{opacity:.55}.mf-b-promise{margin:.8rem 0 0;font-size:1.3rem;color:var(--mf-soft, rgba(18, 18, 18, .7))}
/*# sourceMappingURL=/cdn/shop/t/12/assets/mf-canvas.css.map */