ss-box-designer{display:block;--ss-red:#e73836;--ss-bg:#111214;--ss-panel:#1b1d20;--ss-line:#34373c;background:var(--ss-bg);color:#f5f3ee;font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding:30px clamp(16px,4vw,64px) 60px;color-scheme:dark}ss-box-designer *{box-sizing:border-box}ss-box-designer .ss-wrap{max-width:1440px;margin:auto}ss-box-designer .ss-brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:2px;font-size:15px;border-bottom:1px solid var(--ss-line);padding-bottom:23px}ss-box-designer .ss-mark{background:var(--ss-red);padding:4px 10px;color:#fff;font-style:italic;font-size:22px}ss-box-designer .ss-brand small{margin-left:auto;letter-spacing:1px;font-size:10px;color:#bbb}ss-box-designer .ss-intro{padding:32px 0 27px}ss-box-designer .ss-eyebrow{color:#ff6860;font-size:11px;letter-spacing:2px;font-weight:800;text-transform:uppercase}ss-box-designer h1{font-size:clamp(30px,4vw,48px);line-height:1.1;letter-spacing:-1.5px;margin:9px 0 12px;font-weight:850;color:inherit}ss-box-designer p{margin:8px 0;color:#b9bdc4}ss-box-designer .ss-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:24px;align-items:start}ss-box-designer .ss-controls{border:1px solid var(--ss-line);border-radius:14px;background:var(--ss-panel);overflow:hidden}ss-box-designer .ss-step{padding:22px;border-bottom:1px solid var(--ss-line)}ss-box-designer h2{font-size:16px;margin:0 0 16px;color:inherit}ss-box-designer h2 span{color:#ff6860;font:12px ui-monospace,monospace;margin-right:10px}ss-box-designer .ss-shapes{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}ss-box-designer button{font:inherit;cursor:pointer;border:1px solid #4a4e55;border-radius:7px;padding:10px 13px;color:inherit;background:#24272c;line-height:1.3}ss-box-designer button:hover{border-color:#ff7770}ss-box-designer button:focus-visible,ss-box-designer input:focus-visible{outline:3px solid #ffaaa4;outline-offset:3px}ss-box-designer .ss-shapes button{padding:12px 3px;font-size:11px}ss-box-designer .ss-shapes button svg{display:block;width:40px;height:30px;margin:0 auto 8px;fill:none;stroke:currentColor;stroke-width:1.6}ss-box-designer button[aria-pressed=true]{background:#432526;border-color:#f4534d;color:#ffb6ae}ss-box-designer .ss-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;margin-top:17px}ss-box-designer label{font-size:11px;color:#c4c8ce;display:block;line-height:1.4}ss-box-designer input{font:600 16px ui-monospace,monospace;display:block;width:100%;height:41px;border-radius:5px;background:#101214;border:1px solid #40434a;color:#fff;padding:8px 10px;margin-top:6px}ss-box-designer .ss-help{font-size:11px;line-height:1.55;margin-top:13px;color:#999fa8}ss-box-designer details summary{cursor:pointer;font-weight:650}ss-box-designer details{padding:18px 22px;border-bottom:1px solid var(--ss-line)}ss-box-designer .ss-stage{border:1px solid var(--ss-line);background:radial-gradient(ellipse at 65% 35%,#262a30,#191b1e 65%);border-radius:14px;overflow:hidden}ss-box-designer .ss-stage-head{display:flex;justify-content:space-between;padding:20px 24px;align-items:center;font-size:12px}ss-box-designer .ss-badge{font-size:10px;letter-spacing:1px;background:#30353b;border-radius:30px;padding:5px 10px;color:#d1d5da}ss-box-designer .ss-iso{display:block;width:100%;height:300px}ss-box-designer .ss-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ss-line);background:#17191c}ss-box-designer .ss-stat{padding:19px 22px;border-right:1px solid var(--ss-line)}ss-box-designer .ss-stat:last-child{border:0}ss-box-designer .ss-stat strong{display:block;font-size:27px;letter-spacing:-1px}ss-box-designer .ss-stat small{color:#9ea5af;font-size:11px}ss-box-designer .ss-notice{border-left:3px solid #e5b55e;background:#30291e;padding:14px 18px;border-radius:4px;font-size:12px;margin:17px 0;color:#f0d3a0}ss-box-designer .ss-notice p{color:inherit;margin:5px 0}ss-box-designer .ss-good{background:#1c2c29;border-color:#70b7a2;color:#b0dacb}ss-box-designer .ss-tabs{display:flex;gap:6px;margin-top:24px;border-bottom:1px solid var(--ss-line)}ss-box-designer .ss-tabs button{border:0;border-radius:0;background:transparent;padding:12px 15px;font-size:13px;color:#aeb3bb}ss-box-designer .ss-tabs button[aria-pressed=true]{color:#fff;border-bottom:2px solid var(--ss-red)}ss-box-designer .ss-content{padding:22px 0}ss-box-designer .ss-table-wrap{overflow:auto}ss-box-designer table{border-collapse:collapse;width:100%;font-size:12px}ss-box-designer th{text-align:left;color:#8f98a5;font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:500}ss-box-designer th,ss-box-designer td{padding:12px 10px;border-bottom:1px solid var(--ss-line);vertical-align:top}ss-box-designer td:first-child{color:#ff8378;font-weight:700;white-space:nowrap}ss-box-designer .ss-plan{display:block;background:#f7f5ee;width:100%;border-radius:8px;margin-bottom:14px}ss-box-designer .ss-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}ss-box-designer .ss-primary{background:var(--ss-red);border-color:var(--ss-red);color:#fff}ss-box-designer button:disabled{opacity:.4;cursor:not-allowed}ss-box-designer .ss-foot{margin-top:25px;font-size:11px;color:#979fa9;border-top:1px solid var(--ss-line);padding-top:17px}ss-box-designer .ss-hidden{display:none!important}ss-box-designer .ss-checklist{padding-left:20px;font-size:12px;color:#b9bdc4}ss-box-designer .ss-status{font-size:12px;color:#b7d8ca}ss-box-designer a{color:#ffaaa4}ss-box-designer .ss-mono{font-family:ui-monospace,monospace}ss-box-designer .ss-sheet-title{font-size:12px;margin:15px 0 7px}ss-box-designer .ss-legend{font-size:11px;color:#a6aeb8}@media(max-width:900px){ss-box-designer .ss-layout{grid-template-columns:290px minmax(0,1fr);gap:16px}ss-box-designer .ss-stat{padding:14px 12px}ss-box-designer .ss-stat strong{font-size:22px}}@media(max-width:700px){ss-box-designer{padding:18px 14px 40px}ss-box-designer .ss-layout{grid-template-columns:1fr}ss-box-designer .ss-brand small{display:none}ss-box-designer .ss-intro{padding:25px 0}ss-box-designer .ss-controls{order:0}ss-box-designer .ss-iso{height:250px}ss-box-designer .ss-tabs button{padding:12px 10px}ss-box-designer .ss-content{min-width:0}}
/*# sourceMappingURL=/cdn/shop/t/5/compiled_assets/styles.css.map?subset=AAAAAAAB */