#svspike{--bk: #0e0e10;--ln: #e2e2e4;--mut: #6b6f76;--acc: #00b8d4;font-family:Noto Sans JP,system-ui,sans-serif;color:var(--bk);background:#fff;overflow:clip;padding:0 0 48px;text-align:left}#svspike *{box-sizing:border-box}#svspike .svbar{background:var(--bk);color:#fff}#svspike .svbar .svin{max-width:1180px;margin:0 auto;padding:14px max(16px,env(safe-area-inset-left,0px));display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}#svspike .svbar h1{font-family:Oswald,system-ui,sans-serif;font-weight:600;font-size:20px;letter-spacing:.08em;margin:0;color:#fff;text-transform:none}#svspike .svbar span{font-size:12px;color:#b9bcc2;letter-spacing:.06em}#svspike .svcard h2{color:var(--mut);text-transform:none}#svspike .svwrap{max-width:1180px;margin:0 auto;padding:18px max(16px,env(safe-area-inset-left,0px)) 0 max(16px,env(safe-area-inset-right,0px));display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:20px;align-items:start}#svspike .svright>.svcard:last-child{margin-bottom:0}@media(max-width:860px){#svspike .svwrap{grid-template-columns:1fr;gap:14px}}#svspike .svstage{position:sticky;top:8px;border:1px solid var(--ln);border-radius:14px;padding:12px;background:#fafafa}@media(min-width:861px){#svspike .svleft{position:sticky;top:8px;max-height:calc(100vh - 20px);display:flex;flex-direction:column;gap:14px;min-height:0}#svspike .svleft .svstage{position:static;flex:0 0 auto;padding:10px}#svspike .svleft .svart svg{max-height:26vh;width:auto;margin:0 auto}#svspike .svleft .svtip{display:none}#svspike .svleft .svpaint{margin-bottom:0;background:#fff;min-height:0;display:flex;flex-direction:column;overflow:visible}#svspike .svleft .svtgt,#svspike .svleft .svparts{flex:0 0 auto}#svspike .svleft .svpal{overflow-y:auto;min-height:110px;padding-right:4px;overscroll-behavior:contain}#svspike .svleft .svparts{gap:5px;margin:8px 0}#svspike .svleft .svpbtn{font-size:11px;padding:5px 8px 5px 6px;gap:5px}#svspike .svleft .svpbtn i{width:12px;height:12px}#svspike .svleft .svpal{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:5px}#svspike .svleft .svsw{font-size:10.5px;padding:5px;gap:5px}#svspike .svleft .svsw i{width:15px;height:15px}}@media(max-width:860px){#svspike .svstage{position:sticky;top:0;z-index:5;background:#fff;padding:8px;border-radius:0 0 14px 14px;border-top:0;box-shadow:0 6px 14px -12px #00000080}#svspike .svstage .svart svg{max-height:32vh;width:auto;margin:0 auto}}#svspike .svart{display:block}#svspike .svart svg{width:100%;height:auto;display:block}#svspike .svcap{text-align:center;font-size:12px;color:var(--mut);margin-top:6px}#svspike .svtip{text-align:center;font-size:11px;color:var(--mut);margin-top:2px}#svspike .svcard{border:1px solid var(--ln);border-radius:14px;padding:14px;margin-bottom:14px}#svspike .svcard h2{font-size:12px;letter-spacing:.1em;margin:0 0 10px;color:var(--mut);font-weight:700}#svspike .svrow{display:flex;flex-wrap:wrap;gap:6px}#svspike .svchip{font:inherit;font-size:12px;line-height:1.2;padding:7px 11px;border:1px solid var(--ln);border-radius:999px;background:#fff;cursor:pointer;display:inline-flex;align-items:center;gap:5px}#svspike .svchip i{font-style:normal;font-size:10px;color:var(--mut)}#svspike .svchip.on{background:var(--bk);color:#fff;border-color:var(--bk)}#svspike .svchip.on i{color:#b9bcc2}#svspike .svparts{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}#svspike .svpbtn{font:inherit;font-size:12px;padding:6px 10px 6px 7px;border:1px solid var(--ln);border-radius:8px;background:#fff;cursor:pointer;display:inline-flex;align-items:center;gap:6px}#svspike .svpbtn b{font-weight:700}#svspike .svpbtn i{width:14px;height:14px;border-radius:4px;border:1px solid #c9ccd1;display:block}#svspike .svpbtn.on{border-color:var(--bk);box-shadow:inset 0 0 0 1px var(--bk)}#svspike .svtgt{font-size:13px;margin-bottom:8px}#svspike .svtgt .svmat{font-size:11px;color:var(--mut);margin-left:8px;border:1px solid var(--ln);border-radius:999px;padding:2px 8px}#svspike .svpal{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px}#svspike .svsw{font:inherit;font-size:11px;padding:6px;border:1px solid var(--ln);border-radius:8px;background:#fff;cursor:pointer;display:flex;align-items:center;gap:6px;text-align:left;min-width:0}#svspike .svsw i{width:18px;height:18px;border-radius:4px;border:1px solid #c9ccd1;flex:0 0 auto;display:block}#svspike .svsw span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#svspike .svsw.on{border-color:var(--bk);box-shadow:inset 0 0 0 1px var(--bk)}#svspike .svpresets{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}#svspike .svpre{font:inherit;text-align:left;border:1px solid var(--ln);border-radius:10px;background:#fff;padding:9px 10px;cursor:pointer;display:block}#svspike .svpre .svdots{display:flex;gap:3px;margin-bottom:6px}#svspike .svpre .svdots i{width:13px;height:13px;border-radius:999px;border:1px solid #c9ccd1}#svspike .svpre b{display:block;font-size:12px}#svspike .svpre em{display:block;font-style:normal;font-size:11px;color:var(--mut)}#svspike .svtwo{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}#svspike .svfld{margin-bottom:10px}#svspike .svfld>label{display:block;font-size:11px;color:var(--mut);margin-bottom:5px}#svspike textarea{font:inherit;font-size:13px;width:100%;min-height:64px;padding:8px;border:1px solid var(--ln);border-radius:8px;resize:vertical}#svspike .svout{display:flex;flex-wrap:wrap;gap:6px}#svspike .svout button{font:inherit;font-size:12px;padding:9px 13px;border:1px solid var(--ln);border-radius:8px;background:#fff;cursor:pointer}#svspike .svout .svgo{background:var(--bk);color:#fff;border-color:var(--bk)}#svspike .svshot{margin-top:12px}#svspike .svshot img{width:100%;height:auto;border:1px solid var(--ln);border-radius:10px}#svspike pre{margin:12px 0 0;padding:12px;background:#f6f6f7;border-radius:10px;font:12px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-word}#svspike .svnote{font-size:11px;line-height:1.8;color:var(--mut);margin-top:10px}@media(min-width:861px){body *:has(#svspike){overflow:clip}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/spike-sim.css.map */