@import './style-dictionary.scss'

*
    outline: 0 

html, body
    background: $color-background-base
    color: $color-basic-dark
    font-family: 'Open Sans', sans-serif
    font-size: $font-base
    margin: 0
    padding: 0
    touch-action: initial !important
    // -ms-touch-action: auto !important
    // touch-action: auto !important

h1, h2, h3, h4, h5, h6, p
    margin: 0

h3
    color: $color-basic-dark
    font-size: $font-display-3

input, textarea
    font-family: inherit !important

.md-ripple-container
    background-color: transparent !important
    
    .md-ripple
        background-color: $color-cyan-dark !important
        border-color: $color-cyan-dark !important

md-bottom-sheet
    border-radius: 20px
    padding-left: 0 !important
    padding-right: 0 !important
    position: fixed !important

md-dialog
    width: 470px

md-icon
    align-items: center
    color: $color-basic-dark
    display: flex !important
    justify-content: center


md-sidenav
    box-shadow: none !important


md-tooltip
    height: fit-content !important

.progress-linear
    .md-container
        background: rgba($color-purple-medium, .2)

        .md-bar
            background: $color-purple-dark

.simplebar-scrollbar:before
    background-color: $color-basic-light !important

@media screen and (min-width: 960px)
    .md-sidenav-backdrop, .md-sidenav-left
        display: none

@media screen and ( max-width:  1366px)
    html, body
        font-size: $font-display-4