.TerminalGraphic{width:301px;height:564px;overflow:hidden;border-radius:40px;background:#30455d;box-shadow:0 20px 30px -10px #26394d}.TerminalGraphic__edge{height:552px;padding:5px;border-radius:40px;background:#18324b;box-shadow:0 2px 6px 1px #0a2540,inset 0 -5px 2px 1px #0a2540,inset 0 2px 3px 1px #adbccb}.TerminalGraphic__deviceArrow{display:block;width:15px;margin:1px auto 0}.TerminalGraphic__front{height:532px;padding:15px;background:linear-gradient(#4b5f74,#273f57);box-shadow:0 1px 1px 0 rgba(6,24,44,.2),inset 0 1px 1px 0 hsla(0,0%,100%,.3);border-radius:35px}.TerminalGraphic__screenEdge{height:262px;padding:20px;background:linear-gradient(#1c354e,#0b2641);box-shadow:0 1px 1px 0 hsla(0,0%,100%,.1);border-radius:20px}.TerminalGraphic__screenContainer{position:relative;height:100%}.TerminalGraphic__keypad{display:grid;grid:auto-flow 34px/repeat(3,1fr);gap:12px;margin:13px 9px 0}.TerminalGraphic__button{border-radius:8px;background:linear-gradient(rgba(10,37,64,0),rgba(10,37,64,.25));box-shadow:0 0 0 2px rgba(6,24,44,.4),0 4px 6px -1px rgba(6,24,44,.65),inset 0 1px 0 hsla(0,0%,100%,.08)}.TerminalGraphic__button[data-js-clickable]{cursor:pointer;transition:opacity .15s}.TerminalGraphic__button[data-js-clickable]:active{opacity:.5}.TerminalGraphic__button--light{background:linear-gradient(hsla(0,0%,100%,.18),hsla(0,0%,100%,.08))}.TerminalGraphic__button--red{background:linear-gradient(#e36456,#d14a3f)}.TerminalGraphic__button--green{background:linear-gradient(#42bb90,#2f9d71)}.TerminalGraphic__button--yellow{background:linear-gradient(#fcd119,#fab000)}