.calc{background-color:var(--calc-bg,transparent);-webkit-user-select:none;user-select:none;cursor:grabbing;z-index:7;border-radius:5px;flex-direction:column;justify-content:space-evenly;width:100%;height:100%;display:flex;overflow:hidden}.calc__display{flex-direction:column;justify-content:center;align-items:center;display:flex}.calc__history,.calc__output{text-align:right;-webkit-user-select:none;user-select:none;cursor:grabbing;color:#f8fbff;width:100%;min-height:40px;padding-right:10px;line-height:36px;overflow:hidden}.calc__output{border-bottom:1px solid #ffffff1a;font-size:34px}.calc__history{opacity:.7;font-size:24px}.calc__keyboard{grid-template-columns:repeat(4,1fr);width:100%;padding:7px;display:grid}.calc__key{color:#fff;-webkit-user-select:none;user-select:none;cursor:pointer;background:0 0;border:none;border-radius:0;min-width:60px;height:50px;padding:0;font-family:inherit;font-size:20px;font-weight:600;transition:all .25s;position:relative;transform:scale(1)}.calc__key:not(.calc__key--flat-bottom){border-bottom:1px solid #ffffff1a}.calc__key:not(.calc__key--flat-right){border-right:1px solid #ffffff1a}.calc__key:hover:before{content:"";opacity:.3;background-color:currentColor;position:absolute;inset:0}.calc__key:active{transform:scale(.9)}.calc__key--off,.calc__key--flip,.calc__key--copy{font-size:22px;font-weight:400}