.sb-footprint{--sb-bg: #f4f1eb;--sb-surface: rgba(255, 255, 255, .92);--sb-surface-strong: #ffffff;--sb-ink: #181614;--sb-muted: #6f675f;--sb-border: rgba(24, 22, 20, .11);--sb-accent: #8a4b2c;--sb-accent-deep: #6f361c;--sb-accent-soft: rgba(138, 75, 44, .1);--sb-cabinet: #d8cec1;--sb-playboard: #8f6944;--sb-shadow: 0 20px 50px rgba(23, 18, 13, .08);color:var(--sb-ink)}.page-width{width:min(100% - 2rem,1200px);margin:0 auto}.sb-footprint *{box-sizing:border-box}.sb-footprint__page{width:100%;max-width:960px;margin:0 auto;padding:56px 0}.sb-footprint__intro{margin-bottom:28px}.sb-footprint__eyebrow{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--sb-accent)}.sb-footprint__title,.sb-footprint__group h3,.sb-footprint__preview-head h3{margin:0;letter-spacing:-.03em;color:var(--sb-ink)}.sb-footprint__title{font-size:clamp(34px,5vw,56px);line-height:.98}.sb-footprint__copy,.sb-footprint__group-head p,.sb-footprint__preview-copy,.sb-footprint__toggle-copy small{margin:0;color:var(--sb-muted);line-height:1.6}.sb-footprint__copy{max-width:760px;margin-top:14px;font-size:17px}.sb-footprint__notes{display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:18px 0 0;list-style:none}.sb-footprint__notes li{padding:10px 14px;border:1px solid var(--sb-border);border-radius:999px;background:#ffffffa6;font-size:13px;color:var(--sb-muted)}.sb-footprint__layout{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:24px}.sb-footprint__panel{border:1px solid var(--sb-border);border-radius:28px;background:linear-gradient(180deg,#fffffffa,#fbf8f3f2);box-shadow:var(--sb-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sb-footprint__panel--controls{padding:28px}.sb-footprint__panel--preview{padding:28px;background:radial-gradient(circle at top left,rgba(138,75,44,.08),transparent 38%),linear-gradient(180deg,#fffdf9,#f7f2ea)}.sb-footprint__group+.sb-footprint__group{margin-top:24px;padding-top:24px;border-top:1px solid var(--sb-border)}.sb-footprint__group-head{margin-bottom:16px}.sb-footprint__group h3,.sb-footprint__preview-head h3{font-size:28px;margin-bottom:6px}.sb-footprint__size-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sb-footprint__size-option{position:relative;display:block}.sb-footprint__size-option input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.sb-footprint__size-option span{display:flex;align-items:center;justify-content:center;min-height:56px;padding:12px;border:1px solid var(--sb-border);border-radius:18px;background:var(--sb-surface);font-size:15px;font-weight:600;transition:border-color .16s ease,background-color .16s ease,transform .16s ease,box-shadow .16s ease}.sb-footprint__size-option input:checked+span{border-color:#8a4b2c73;background:var(--sb-accent-soft);color:var(--sb-accent-deep);transform:translateY(-1px);box-shadow:0 12px 20px #8a4b2c1f}.sb-footprint__size-option input:focus-visible+span,.sb-footprint__toggle input:focus-visible+.sb-footprint__toggle-ui{outline:3px solid rgba(138,75,44,.18);outline-offset:3px}.sb-footprint__width-card{padding:18px;border:1px solid var(--sb-border);border-radius:22px;background:#ffffffb3}.sb-footprint__toggle{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}.sb-footprint__toggle input{position:absolute;opacity:0;pointer-events:none}.sb-footprint__toggle-ui{position:relative;width:58px;height:34px;border-radius:999px;background:#1816141f;transition:background-color .16s ease}.sb-footprint__toggle-ui:after{content:"";position:absolute;top:4px;left:4px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 3px 10px #00000024;transition:transform .16s ease}.sb-footprint__toggle input:checked+.sb-footprint__toggle-ui{background:var(--sb-accent)}.sb-footprint__toggle input:checked+.sb-footprint__toggle-ui:after{transform:translate(24px)}.sb-footprint__toggle-copy{display:flex;flex-direction:column;gap:4px}.sb-footprint__toggle-copy strong{font-size:16px;color:var(--sb-ink)}.sb-footprint__toggle.is-disabled{opacity:.58}.sb-footprint__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.sb-footprint__stat{padding:18px;border:1px solid var(--sb-border);border-radius:18px;background:var(--sb-surface-strong)}.sb-footprint__stat dt{margin-bottom:8px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sb-muted)}.sb-footprint__stat dd{margin:0;font-size:20px;font-weight:700;color:var(--sb-ink)}.sb-footprint__preview-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:18px}.sb-footprint__preview-label{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sb-accent)}.sb-footprint__preview-frame{position:relative;border-radius:24px;border:1px solid rgba(24,22,20,.1);background:linear-gradient(180deg,#ffffffa6,#ffffffeb),repeating-linear-gradient(0deg,rgba(24,22,20,.025) 0,rgba(24,22,20,.025) 1px,transparent 1px,transparent 32px),repeating-linear-gradient(90deg,rgba(24,22,20,.025) 0,rgba(24,22,20,.025) 1px,transparent 1px,transparent 32px);overflow:hidden}.sb-footprint__visuals{display:grid;gap:18px}.sb-footprint__visual-head{margin-bottom:12px}.sb-footprint__visual-head h4{margin:0;font-size:24px;letter-spacing:-.03em;color:var(--sb-ink)}.sb-footprint__preview-frame--technical{background:linear-gradient(180deg,#ffffffb8,#fffffff0),repeating-linear-gradient(0deg,rgba(24,22,20,.02) 0,rgba(24,22,20,.02) 1px,transparent 1px,transparent 28px),repeating-linear-gradient(90deg,rgba(24,22,20,.02) 0,rgba(24,22,20,.02) 1px,transparent 1px,transparent 28px);display:block}.sb-footprint__preview-canvas{min-height:480px;padding:22px}.sb-footprint__preview-canvas--footprint{min-height:0;padding:10px 12px 8px}.sb-footprint__preview-canvas--technical{min-height:0;padding:8px 8px 6px}.sb-footprint__preview-canvas svg{display:block;width:100%;height:auto}.sb-footprint__technical-image{display:block;width:100%;height:auto;border-radius:12px}.sb-footprint__legend{display:flex;flex-wrap:wrap;gap:18px;margin-top:16px;font-size:14px;color:var(--sb-muted)}.sb-footprint__legend span{display:inline-flex;align-items:center;gap:8px}.sb-footprint__legend-swatch{display:inline-block;width:14px;height:14px;border-radius:4px;border:1px solid rgba(24,22,20,.18)}.sb-footprint__legend-swatch--cabinet{background:var(--sb-cabinet)}.sb-footprint__legend-swatch--playboard{background:var(--sb-playboard)}.sb-footprint__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.sb-footprint__summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.sb-footprint__summary-item{display:flex;flex-direction:column;justify-content:center;min-height:112px;padding:16px 18px;border:1px solid var(--sb-border);border-radius:18px;background:#ffffffd1}.sb-footprint__summary-label,.sb-footprint__summary-value{margin:0}.sb-footprint__summary-label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sb-muted)}.sb-footprint__summary-value{margin-top:8px;font-size:22px;font-weight:700;color:var(--sb-ink)}.sb-footprint__summary-item--link{background:#8a4b2c14}.sb-footprint__summary-link{color:var(--sb-accent-deep);font-weight:700;line-height:1.5;text-decoration:none}.sb-footprint__summary-link:hover,.sb-footprint__summary-link:focus-visible{text-decoration:underline}.sb-footprint__access{margin-top:22px;padding-top:22px;border-top:1px solid rgba(24,22,20,.1)}.sb-footprint__access-head{margin-bottom:14px}.sb-footprint__access-list{display:grid;gap:10px;margin:0}.sb-footprint__access-item{padding:14px 16px;border:1px solid var(--sb-border);border-radius:16px;background:#ffffffc7}.sb-footprint__access-item dt{margin-bottom:6px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sb-muted)}.sb-footprint__access-item dd{margin:0;color:var(--sb-ink);line-height:1.55}.sb-footprint__button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 20px;border-radius:999px;text-decoration:none;font-size:15px;font-weight:700;transition:transform .16s ease,background-color .16s ease,border-color .16s ease}.sb-footprint__button:hover,.sb-footprint__button:focus-visible{transform:translateY(-1px)}.sb-footprint__button--primary{color:#fff;background:var(--sb-accent)}.sb-footprint__button--primary:hover,.sb-footprint__button--primary:focus-visible{background:var(--sb-accent-deep)}.sb-footprint__button--secondary{color:var(--sb-ink);border:1px solid var(--sb-border);background:#ffffffc7}@media(max-width:989px){.sb-footprint__layout{grid-template-columns:1fr}.sb-footprint__preview-head{flex-direction:column}.sb-footprint__summary{grid-template-columns:1fr}}@media(max-width:749px){.sb-footprint__page{width:100%;padding:40px 0}.sb-footprint__panel--controls,.sb-footprint__panel--preview{padding:22px;border-radius:22px}.sb-footprint__size-grid,.sb-footprint__stats{grid-template-columns:repeat(2,minmax(0,1fr))}.sb-footprint__preview-canvas{min-height:360px;padding:18px}.sb-footprint__preview-canvas--technical{min-height:260px}.sb-footprint__actions{flex-direction:column}.sb-footprint__button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/shuffleboard-footprint-tool.css.map */