@import url('components/textfield.css');
@import url('components/button.css');
@import url('components/radiobutton.css');
@import url('components/icon.css');
@import url('components/label.css');
@import url('components/spacing.css');
@import url('components/list.css');
@import url('components/modal.css');
@import url('components/link.css');
@import url('components/swiper.css');
@import url('components/fabButton.css');
@import url('components/spinner.css');
@import url('components/avatar.css');
@import url('components/snackbar.css');
@import url('components/tab.css');
/**/
@import url('classes/sizes.css');
@import url('classes/fonts.css');
/**/
@import url('variables/colors.css');
@import url('variables/shadows.css');
/**/
@import url('effects/ripple.css');
/**/
@import url('../lib/swiper/swiper-bundle.css');

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    scrollbar-width: none;
    scrollbar-gutter: stable both-edges;
    -webkit-tap-highlight-color: transparent;
}

.window-size {
    height: 100vh !important;
    height: calc(var(--vh, 1vh) * 100) !important;
}

div {
    background-color: var(--color-surface-container);
}

body {
    background-color: var(--color-surface-container);
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type='number'],
input[type="number"]:hover,
input[type="number"]:focus {
    appearance: none;
    -moz-appearance: textfield;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: var(--color-on-surface);
}

input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none;
}

.cropper {
    max-height: 60vh;
    max-width: 100%;
}

input[type="file"] {
    width: 100%;
    height: 100%;
    cursor: pointer
}

    input[type="file"]::file-selector-button {
        display: none;
    }