@import "_variables";

/*!
 *
 *   simple-keyboard v2.27.41
 *   https://github.com/hodgef/simple-keyboard
 *
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef)
 *
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *
 */
body, html {
    margin: 0;
    padding: 0
}

.simple-keyboard {
    font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
    overflow: hidden;
    touch-action: manipulation
}

.simple-keyboard .hg-row {
    display: flex
}

.simple-keyboard .hg-row:not(:last-child) {
    margin-bottom: calc(5vh * var(--pxToVw));
}

.simple-keyboard .hg-row .hg-button-container, .simple-keyboard .hg-row .hg-button:not(:last-child) {
    margin-right: calc(5vh * var(--pxToVw));
}

.simple-keyboard .hg-row > div:last-child {
    margin-right: 0
}

.simple-keyboard .hg-row .hg-button-container {
    display: flex
}

.simple-keyboard .hg-button {
    display: inline-block;
    flex-grow: 1;
    cursor: pointer
}

.simple-keyboard .hg-button span {
    pointer-events: none
}

.simple-keyboard.hg-theme-default {
    background-color: rgba(0, 0, 0, .1);
    padding: calc(5vh * var(--pxToVw));
    border-radius:calc(5vh * var(--pxToVw));
}

.simple-keyboard.hg-theme-default .hg-button {
    box-shadow: 0 0 calc(3vh * var(--pxToVw)) calc(-1vh * var(--pxToVw)) rgba(0, 0, 0, .3);
    height: calc(40vh * var(--pxToVw));
    border-radius: calc(5vh * var(--pxToVw));
    box-sizing: border-box;
    padding: calc(5vh * var(--pxToVw));
    background: #fff;
    border-bottom: 1px solid #b5b5b5;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.simple-keyboard.hg-theme-default .hg-button.hg-activeButton {
    background: #efefef
}

.simple-keyboard button.hg-button {
    border-width: 0;
    outline: 0;
    font-size: inherit
}

.simple-keyboard.hg-theme-default.hg-layout-numeric .hg-button {
    width: 33.3%;
    height: calc(60vh * var(--pxToVw));
    align-items: center;
    display: flex;
    justify-content: center
}

.simple-keyboard.hg-theme-default .hg-button.hg-button-numpadadd, .simple-keyboard.hg-theme-default .hg-button.hg-button-numpadenter {
    height: calc(85vh * var(--pxToVw));
}

.simple-keyboard.hg-theme-default .hg-button.hg-button-numpad0 {
    width: calc(105vh * var(--pxToVw));
}

.simple-keyboard.hg-theme-default .hg-button.hg-button-com {
    max-width: calc(85vh * var(--pxToVw));
}

.simple-keyboard.hg-theme-default .hg-button.hg-standardBtn.hg-button-at {
    max-width: calc(45vh * var(--pxToVw));
}

.simple-keyboard.hg-theme-default .hg-button.hg-selectedButton {
    background: rgba(5, 25, 70, .53);
    color: #fff
}

.simple-keyboard.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"] {
    max-width: calc(82vh * var(--pxToVw));
}

.simple-keyboard.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"] {
    max-width: calc(60vh * var(--pxToVw));
}

/*# sourceMappingURL=index.css.map */