/* Absolute rail inherits the existing tablet tilt without moving its controls. */
.energy-format-tablet{margin-bottom:85px}
.energy-format-icons{position:absolute;top:calc(100% + 20px);left:7%;right:7%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center}
.energy-format-icons:before{content:'';position:absolute;top:24px;left:10%;right:10%;height:1px;background:#bbc3b6}
.energy-format-icon{position:relative;display:grid;place-items:center;justify-self:center;width:48px;height:48px;background:#fff;color:#596056;border:1px solid transparent;border-radius:50%;padding:0;cursor:pointer;transition:background .2s,transform .2s}
.energy-format-icon svg{width:23px;height:23px}
.energy-format-icon[aria-pressed=true]{background:#dfff00;color:#20251f;transform:translateY(-4px)}
.energy-format-icon:hover{border-color:#9ca894}
.energy-format-icon:focus-visible{outline:3px solid #20a6c5;outline-offset:4px}
.energy-format-tablet .tablet-screen img{width:100%;height:100%;object-fit:cover;object-position:center 33%;display:block}
.energy-format-tablet video[hidden]{display:none}
.energy-format-tablet .tablet-controls button:disabled{opacity:.3;cursor:default;background:transparent}
@media(max-width:600px){.energy-format-icons{left:0;right:0}.energy-format-icon{width:44px;height:44px}.energy-format-icons:before{top:22px}}
@media(prefers-reduced-motion:reduce){.energy-format-icon{transition:none}}