/* A consistent touch interface for the existing hauling calculator. */
#space>.wrap{max-width:1080px}
#simply-space-preview{padding:0;font-family:inherit}
#simply-space-preview .ssp-product{max-width:1040px;border:2px solid var(--ink,#171918);border-radius:18px;box-shadow:0 12px 32px #17191808}
#simply-space-preview .ssp-top{padding:28px 24px;background:var(--ink,#171918);border:0}
#simply-space-preview .ssp-top h2{color:#fff;font-size:calc(26px * var(--text-scale,1));line-height:1.15;margin:0 0 12px}
#simply-space-preview .ssp-top .ssp-sub{color:#e5e7e2;font-size:calc(12px * var(--text-scale,1));line-height:1.5}
#simply-space-preview .ssp-controls{padding:24px;background:var(--soft,#f5f5f0);border:0;border-bottom:1px solid var(--line,#d6d8d2)}
#simply-space-preview .ssp-selected{display:flex;flex-direction:column;gap:16px;margin:0 0 16px;font-size:calc(12px * var(--text-scale,1));font-weight:700;line-height:1.4}
#simply-space-preview .ssp-selected strong{display:inline-flex;justify-content:center;align-items:baseline;gap:8px;min-width:128px;padding:10px 18px;border-radius:10px;background:var(--ink,#171918);color:#fff;font-size:calc(30px * var(--text-scale,1));line-height:1.1;font-variant-numeric:tabular-nums}
#simply-space-preview .ssp-unit{font-size:.45em;font-weight:700}
#simply-space-preview .ssp-controls input[type=range]{appearance:none;-webkit-appearance:none;display:block;width:100%;height:44px;margin:0;padding:0;background:transparent;cursor:pointer;touch-action:pan-y}
#simply-space-preview input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:9px;background:linear-gradient(to right,var(--red,#d82719) 0 var(--space-progress,28.125%),#c8cdc5 var(--space-progress,28.125%) 100%)}
#simply-space-preview input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:26px;height:26px;margin-top:-10px;border:4px solid #fff;border-radius:50%;background:var(--red,#d82719);box-shadow:0 0 0 1px #ad2015,0 2px 6px #0002}
#simply-space-preview input[type=range]::-moz-range-track{height:6px;border-radius:9px;background:#c8cdc5}
#simply-space-preview input[type=range]::-moz-range-progress{height:6px;border-radius:9px;background:var(--red,#d82719)}
#simply-space-preview input[type=range]::-moz-range-thumb{width:18px;height:18px;border:4px solid #fff;border-radius:50%;background:var(--red,#d82719);box-shadow:0 0 0 1px #ad2015}
#simply-space-preview .ssp-range-labels{font-size:calc(9px * var(--text-scale,1));line-height:1.4;margin:0}
#simply-space-preview .ssp-controls>.ssp-space-estimate{font-size:calc(12px * var(--text-scale,1));margin:12px 0 8px;line-height:1.45}
#simply-space-preview button{font-family:inherit;border:1px solid #9ca29a;border-radius:9px;min-height:48px;padding:11px 12px;font-size:calc(11px * var(--text-scale,1));line-height:1.3;transition:background-color .15s,color .15s,border-color .15s}
#simply-space-preview .ssp-presets{gap:8px;max-width:360px;margin:20px auto 0}
#simply-space-preview .ssp-presets>button{min-height:48px;padding:11px 4px;border:1px solid #a3aaa0;background:#fff;color:var(--ink,#171918)}
#simply-space-preview .ssp-presets>button[aria-pressed=true]{background:var(--red,#d82719);border-color:#ab1e12;color:#fff}
#simply-space-preview .ssp-share-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:360px;margin:16px auto 0;padding-top:16px;border-top:1px solid #d6d8d2}
#simply-space-preview .ssp-share-tools>button{display:flex;align-items:center;justify-content:center;min-width:0;min-height:46px;padding:10px 6px;background:transparent;border:1px solid #a3aaa0;color:var(--ink,#171918);font-family:inherit;font-size:calc(10px * var(--text-scale,1));font-weight:700;line-height:1.3}
#simply-space-preview .ssp-share-tools>p,#simply-space-preview .ssp-share-tools>.copy-link-field{grid-column:1/-1;width:100%;min-width:0}
#simply-space-preview .ssp-views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;max-width:400px;margin:24px auto 8px;padding:4px;background:var(--soft,#f5f5f0);border:1px solid #c8cdc5;border-radius:12px}
#simply-space-preview .ssp-views>button{width:100%;min-width:0;min-height:46px;padding:10px 4px;border:1px solid transparent;background:transparent;color:var(--ink,#171918);font-size:calc(10px * var(--text-scale,1));border-radius:8px;overflow-wrap:normal}
#simply-space-preview .ssp-views>button[aria-pressed=true]{background:var(--ink,#171918);color:#fff;border-color:var(--ink,#171918)}
#simply-space-preview .ssp-comparisons{gap:24px;padding:12px 24px 0}
#simply-space-preview .ssp-comparisons figure{padding:12px 0 20px}
#simply-space-preview figcaption{font-size:calc(16px * var(--text-scale,1));line-height:1.35}
#simply-space-preview .ssp-comparisons .ssp-space-estimate{font-size:calc(10px * var(--text-scale,1));line-height:1.5;min-height:3em;margin:8px 0 0}
#simply-space-preview .ssp-fill-label{font-size:calc(11px * var(--text-scale,1));line-height:1.45;min-height:0}
#simply-space-preview .ssp-legend{padding:4px 24px 24px;font-size:calc(10px * var(--text-scale,1));line-height:1.65}
#simply-space-preview .ssp-summary{padding:28px 24px;background:var(--soft,#f5f5f0)}
#simply-space-preview .ssp-summary .ssp-request{width:100%;max-width:360px;min-height:52px;padding:14px 16px;margin:22px auto 16px;border:2px solid #171918;border-radius:9px;font-size:calc(12px * var(--text-scale,1));line-height:1.35}
#simply-space-preview .ssp-help{color:#0000ee;text-underline-offset:4px;font-size:calc(11px * var(--text-scale,1));line-height:1.5}
#simply-space-preview .ssp-materials{padding:20px 24px}
#simply-space-preview .ssp-detail-links{gap:12px 20px;padding:0 24px 20px}
#simply-space-preview button:focus-visible,#simply-space-preview input:focus-visible{outline:3px solid #0000ee;outline-offset:3px}
@media(min-width:900px){
 #simply-space-preview .ssp-product{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr)}
 #simply-space-preview .ssp-top{grid-column:1/-1}
 #simply-space-preview .ssp-controls{grid-column:1;grid-row:2/span 3;border-bottom:0;border-right:1px solid #d6d8d2;display:flex;flex-direction:column;justify-content:center}
 #simply-space-preview .ssp-presets,#simply-space-preview .ssp-share-tools{width:100%}
 #simply-space-preview .ssp-views{grid-column:2;grid-row:2;width:calc(100% - 48px);align-self:start}
 #simply-space-preview .ssp-comparisons{grid-column:2;grid-row:3;gap:16px}
 #simply-space-preview .ssp-legend{grid-column:2;grid-row:4}
 #simply-space-preview :is(.ssp-summary,.ssp-footnote,.ssp-materials,.ssp-detail-links,.ssp-terms-note){grid-column:1/-1}
}
@media(max-width:520px){
 #simply-space-preview .ssp-top{padding:24px 18px}
 #simply-space-preview .ssp-top h2{font-size:calc(24px * var(--text-scale,1))}
 #simply-space-preview .ssp-controls{padding:22px 18px}
 #simply-space-preview .ssp-views{width:calc(100% - 32px);margin-top:20px}
 #simply-space-preview .ssp-comparisons{grid-template-columns:1fr;gap:0;padding:8px 18px 0}
 #simply-space-preview .ssp-comparisons figure+figure{padding-top:24px;margin-top:12px}
 #simply-space-preview .ssp-summary{padding:24px 18px}
 #simply-space-preview .ssp-summary .ssp-price{font-size:calc(29px * var(--text-scale,1))}
}
@media(prefers-reduced-motion:reduce){#simply-space-preview button{transition:none}}

/* Two services, each with its own diagrams and explanation. */
#simply-space-preview .ssp-service-jump{display:inline-block;margin-top:18px;color:#fff;text-decoration:underline;text-underline-offset:4px;font-size:calc(10px * var(--text-scale,1));font-weight:700;line-height:1.6}
#simply-space-preview .ssp-rolloff{max-width:1040px;margin:32px auto 0;border:2px solid var(--ink,#171918);border-radius:18px;background:var(--soft,#f5f5f0);overflow:hidden}
#simply-space-preview .ssp-rolloff-top{display:block;position:static;padding:28px 24px;min-height:0;background:var(--soft,#f5f5f0);border-top:6px solid var(--red,#d82719);text-align:center}
#simply-space-preview .ssp-rental-eyebrow{margin:0 0 12px;color:var(--top-heading-red,#d82719);font-size:calc(10px * var(--text-scale,1));font-weight:800;letter-spacing:.08em}
#simply-space-preview .ssp-rolloff-top h2{font-size:calc(26px * var(--text-scale,1));line-height:1.2;margin:0 0 16px}
#simply-space-preview .ssp-rolloff-top>p:last-child{max-width:680px;margin:0 auto;color:#50554f;font-size:calc(12px * var(--text-scale,1));line-height:1.6}
#simply-space-preview .ssp-rental-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:20px 24px;margin:0;background:var(--ink,#171918);color:#fff;text-align:center}
#simply-space-preview .ssp-rental-steps li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;font-size:calc(11px * var(--text-scale,1));line-height:1.4}
#simply-space-preview .ssp-rental-steps li>span{display:flex;align-items:center;justify-content:center;min-width:30px;min-height:30px;border:1px solid #ffb3a9;border-radius:50%;color:#ffb3a9;font-size:14px;font-weight:700}
#simply-space-preview .ssp-rental-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:24px}
#simply-space-preview .ssp-rental-card{min-width:0;padding:24px 18px;border:2px solid var(--ink,#171918);border-radius:12px;background:#fff;text-align:center}
#simply-space-preview .ssp-rental-card:nth-child(2){background:var(--soft,#f5f5f0)}
#simply-space-preview .ssp-rental-card h3{margin:0 0 8px;font-size:calc(17px * var(--text-scale,1));line-height:1.3;letter-spacing:-.02em}
#simply-space-preview .ssp-rental-kind{margin:0;color:#50554f;font-size:calc(10px * var(--text-scale,1));line-height:1.5}
#simply-space-preview .ssp-rental-card img{display:block;width:100%;height:auto;margin:12px auto;aspect-ratio:400/255;object-fit:contain}
#simply-space-preview .ssp-rental-price{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0;color:var(--ink,#171918);font-size:calc(11px * var(--text-scale,1));line-height:1.4}
#simply-space-preview .ssp-rental-price strong{font-size:calc(30px * var(--text-scale,1));line-height:1.15;color:#ae2116;font-variant-numeric:tabular-nums}
#simply-space-preview .ssp-rental-fees{margin:16px 0;font-size:calc(10px * var(--text-scale,1));line-height:1.6;color:#50554f}
#simply-space-preview .ssp-rental-card>a,#simply-space-preview .ssp-rental-actions>a{display:inline-block;color:#0000ee;text-decoration:underline;text-underline-offset:4px;font-size:calc(11px * var(--text-scale,1));font-weight:700;line-height:1.6}
#simply-space-preview .ssp-rental-note{max-width:800px;margin:0 auto;padding:0 24px 24px;color:#50554f;font-size:calc(10px * var(--text-scale,1));line-height:1.65}
#simply-space-preview .ssp-rental-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:16px 28px;padding:24px;border-top:1px solid #c8cdc5;background:#fff;text-align:center}
@media(max-width:600px){
 #simply-space-preview .ssp-rolloff-top{padding:24px 18px}
 #simply-space-preview .ssp-rolloff-top h2{font-size:calc(24px * var(--text-scale,1))}
 #simply-space-preview .ssp-rental-steps{gap:8px;padding:20px 12px}
 #simply-space-preview .ssp-rental-grid{grid-template-columns:1fr;gap:20px;padding:20px 16px}
 #simply-space-preview .ssp-rental-actions{flex-direction:column;align-items:center;padding:20px 18px}
}

/* Legible dimensions accompany the arrows, including on narrow phones. */
#simply-space-preview .ssp-rental-card img{aspect-ratio:730/548}
#simply-space-preview .ssp-rental-dimensions{margin:0 0 24px;color:var(--ink,#171918);font-size:calc(13px * var(--text-scale,1));line-height:1.65}
#simply-space-preview .ssp-rental-dimensions strong{font-size:inherit;font-weight:700}