.calc-container{background-color:var(--x-page);border-radius:6px;outline:none;width:320px}.calc-output{flex-direction:column;justify-content:flex-end;height:100px;display:flex}.calc-input{text-align:right;font-size:24px}.calc-input-char{padding-left:1px;padding-right:1px;display:inline-block}.calc-input-char.--actived{position:relative}.calc-input-char.--actived:after{content:"";background-color:var(--q-primary);width:2px;animation-name:inputCursor;animation-duration:1.2s;animation-iteration-count:infinite;position:absolute;top:0;bottom:0;right:-1px}.calc-result{text-align:right;color:var(--x-color-8);padding-top:10px;font-size:24px}.calc-keyboard{-webkit-user-select:none;user-select:none;height:320px;font-size:20px}.calc-key,.calc-symbol{background-color:var(--x-bg-0);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;display:flex}.calc-key:hover,.calc-symbol:hover{background-color:var(--q-primary--1a)}.calc-key:active,.calc-symbol:active{background-color:var(--q-primary--3a)}.calc-key:not([class*=icon-]):before,.calc-symbol:not([class*=icon-]):before{content:attr(data-key)}.calc-symbol{color:#ff5722}@keyframes inputCursor{0%{opacity:1}55%{opacity:1}60%{opacity:0}to{opacity:0}}