* {
    box-sizing:                         border-box;
    margin: 						    0;
    padding: 						    0;
    touch-action:                       manipulation;
    -ms-touch-action:                   manipulation;
    -webkit-font-smoothing:             antialiased;
    -moz-osx-font-smoothing:            grayscale;
}

html, body {
    font-weight:                        400;
    font-family:                        "Inter", sans-serif;
    text-underline-offset:              4px;
}

body::-webkit-scrollbar {
    display:                            none;
}



#frame {
    width:                              100%;
    height:                             100%;
    position:                           absolute;
    color:                              #0F172A;
    background:                         white;
}



input {
    width:                              100%;
    color:                              #0F172A;
    line-height:                        20px;
    font-size:                          14px;
    font-weight:                        400;
    font-family:                        "Inter", sans-serif;
    padding:                            12px 0 12px 4px;
    border:                             none;
    border-bottom:                      1px solid #D9D9D9;
    border-radius:                      0;
}

input:-webkit-autofill {
    -webkit-box-shadow:                 none;
}

input:-webkit-autofill::first-line {
    line-height:                        20px;
    font-size:                          14px;
    font-weight:                        400;
    font-family:                        "Inter", sans-serif;
}

input:focus {
    border-color:                       #0F172A;
}

input:focus-visible {
    outline:                            none;
}

::placeholder {
    color:                              #909090;
    opacity:                            1;
}

::-ms-input-placeholder {
    color:                              #909090;
}



.loader {
    border:                             3px solid #FFFFFF;
    border-top:                         3px solid #E5E7EB;
    border-radius:                      50%;
    width:                              64px;
    height:                             64px;
    animation:                          spin 1.5s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}



.library > * {
    -webkit-tap-highlight-color:        transparent;
    -webkit-touch-callout:              none;
    -webkit-user-select:                none;
    -khtml-user-select:                 none;
    -moz-user-select:                   none;
    -ms-user-select:                    none;
    user-select:                        none;
}