/* Compact offer labels remain part of the rigid server body during a lift. */
/* Focus must scroll the page, never the clipped layers inside the illustration. */
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-robot-frame{overflow:clip}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-server-front{grid-template-rows:auto minmax(0,1fr) auto;padding:1.1cqw .7cqw 2.2cqw;row-gap:.3cqw;overflow:visible}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-server-front>strong{font-size:clamp(11px,2.45cqw,14px);padding-left:.15cqw}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-server-drives{gap:.5cqw}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-server-drive{height:.7cqw;min-height:2px}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-server-price{gap:.35cqw;align-items:center}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-server-price-line{display:flex;align-items:baseline;justify-content:center;gap:.8cqw;line-height:1.05;white-space:nowrap}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-server-standard{font-size:9px;font-weight:400;color:#c4bfce;text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:#d8d1e6;letter-spacing:-.02em}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-server-price-line>b{font-size:clamp(12px,2.6cqw,14px);font-weight:650;color:#fff;letter-spacing:-.035em}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-server-price>small{font-size:8px;line-height:1.1;color:#d5cde1}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-series-picks .ds-server-trial{position:absolute;left:50%;bottom:-3px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:68px;height:13px;padding:0 4px;border:1px solid #adc4bb70;border-radius:2px;background:#303b3e;color:#e0eee7;font-size:9px;line-height:1;font-weight:500;letter-spacing:-.025em;white-space:nowrap;box-shadow:0 1px 2px #0d122b55}
html[lang="uk"].v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-series-picks .ds-server-trial{font-size:8px;padding-inline:3px}
/* The two tools sit on the top plane of the newly raised physical shelf. */
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-series-picks>.ds-audit-pick{top:24.4cqw}
@media(max-width:700px){
 html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-wall-title{top:19%}
 html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-server-front{padding:.9cqw .6cqw 2.8cqw;row-gap:.25cqw}
 html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-server-front>strong{font-size:clamp(10px,3cqw,13px)}
 html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-server-drives{gap:.4cqw}
 html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-server-drive{height:.55cqw;min-height:1.5px}
 html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-server-standard{font-size:8px}
 html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-server-price-line{gap:3px}
 html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-server-price-line>b{font-size:clamp(11px,3.6cqw,13px)}
 html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-server-price>small{font-size:8px}
 html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-series-picks>.ds-audit-pick{top:auto;bottom:67.1cqw}
}
