:root{--mac3d-ink:#1c1b19;--mac3d-mut:#6f6a63;--mac3d-line:#e6e1d9;--mac3d-bg:#f6f3ee;--mac3d-card:#fff}.mac3d-wrap,.mac3d-wrap *,.mac3d-host,.mac3d-host *{box-sizing:border-box}.mac3d-wrap{font:15px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.mac3d-wrap{container-type:inline-size;container-name:mac3d}.mac3d-wrap .app{display:grid;grid-template-columns:1fr;gap:18px;max-width:1240px;margin:0 auto;padding:0}@container mac3d (min-width:860px){.mac3d-wrap .app{grid-template-columns:minmax(0,1.15fr) minmax(320px,420px);gap:22px;padding:22px}.mac3d-stage{aspect-ratio:auto;min-height:520px}}.mac3d-stage{position:relative;background:radial-gradient(120% 90% at 50% 18%,#f7f2ea,#ece3d7 55%,#ded3c5);border:1px solid var(--mac3d-line);border-radius:16px;overflow:hidden;aspect-ratio:1/1;min-height:280px}#view{width:100%;height:100%;display:block;position:absolute;top:0;right:0;bottom:0;left:0;touch-action:pan-y}#loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--mac3d-mut);font-size:13px}.mac3d-bar{position:absolute;left:12px;bottom:12px;display:flex;gap:8px;flex-wrap:wrap;z-index:2}.mac3d-bar button{background:#ffffffeb;border:1px solid var(--mac3d-line);border-radius:999px;padding:7px 13px;font-size:12.5px;color:var(--mac3d-ink);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mac3d-bar button:hover{background:#fff}.mac3d-bar button.off{color:var(--mac3d-mut)}.mac3d-hintline{position:absolute;right:14px;top:12px;font-size:11.5px;color:var(--mac3d-mut);z-index:2}.mac3d-wrap .panel{background:var(--mac3d-card);border:1px solid var(--mac3d-line);border-radius:16px;padding:20px}.mac3d-h1{font-size:19px;margin:0 0 2px;letter-spacing:-.01em}.mac3d-wrap .sub{color:var(--mac3d-mut);font-size:13px;margin:0 0 18px}.mac3d-wrap .row{margin-bottom:20px}.mac3d-wrap .rowhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.mac3d-wrap .lab{font-size:13px;font-weight:600;letter-spacing:.01em}.mac3d-wrap .chosen{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--mac3d-mut)}.mac3d-wrap .chosen-dot{width:13px;height:13px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000029}.mac3d-wrap .sws{display:grid;grid-template-columns:repeat(9,1fr);gap:7px}.mac3d-wrap .sw{width:100%;aspect-ratio:1;border-radius:50%;border:0;cursor:pointer;padding:0;box-shadow:inset 0 0 0 1px #0000001a;transition:transform .12s}.mac3d-wrap .sw.light{box-shadow:inset 0 0 0 1px #0003}.mac3d-wrap .sw:hover{transform:scale(1.13)}.mac3d-wrap .sw.on{outline:2px solid var(--mac3d-ink);outline-offset:2px}.mac3d-wrap .presets{display:flex;flex-wrap:wrap;gap:7px;margin:2px 0 20px}.mac3d-wrap .preset{display:flex;align-items:center;gap:6px;background:#faf8f5;border:1px solid var(--mac3d-line);border-radius:999px;padding:5px 11px 5px 6px;font-size:12.5px;cursor:pointer;color:var(--mac3d-ink)}.mac3d-wrap .preset:hover{background:#fff}.mac3d-wrap .pdots{display:flex}.mac3d-wrap .pdots i{width:11px;height:11px;border-radius:50%;display:block;margin-right:-3px;box-shadow:0 0 0 1.5px #faf8f5}.mac3d-wrap .pills{display:flex;gap:7px;flex-wrap:wrap}.mac3d-wrap .pill{background:#faf8f5;border:1px solid var(--mac3d-line);border-radius:999px;padding:6px 13px;font-size:12.5px;cursor:pointer;color:var(--mac3d-ink)}.mac3d-wrap .pill:hover{background:#fff}.mac3d-wrap .pill.on{background:var(--mac3d-ink);border-color:var(--mac3d-ink);color:#fff}.mac3d-host{margin:0 0 18px}.mac3d-toggle{background:#faf8f5;border:1px solid var(--mac3d-line);border-radius:999px;padding:7px 14px;font-size:12.5px;cursor:pointer;color:var(--mac3d-ink);margin-top:10px}.mac3d-toggle:hover{background:#fff}.mac3d-wrap .foot{border-top:1px solid var(--mac3d-line);padding-top:13px;margin-top:4px}.mac3d-wrap #summary{font-size:12px;color:var(--mac3d-mut);line-height:1.7}.mac3d-wrap .note{font-size:11.5px;color:var(--mac3d-mut);margin-top:9px}.mac3d-wrap h2{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--mac3d-mut);margin:0 0 8px;font-weight:600}.mac3d-wrap,.mac3d-host{color:var(--mac3d-ink)}
/*# sourceMappingURL=/cdn/shop/t/12/assets/mac3d.css.map */