@use 'service/fikoyt-ui/src/lib/theme';
@import '@angular/cdk/overlay-prebuilt.css';


/* You can add global styles to this file, and also import other style files */
html {
    font-size: 0.75rem;
}

html,
body {
    padding: 0;
    margin: 0;
    background: #e6e6e6 !important;
}

.hoverable {
    transition: all ease-in-out 200ms !important;
}

.hover\:zipla-5:hover {
    transform: translateY(-5px);
    box-shadow: 0 2px 10px 0 rgba(34, 36, 38, .15) !important;
}

.active\:zipla-5:active {
    transform: translateY(-3px);
    box-shadow: 0 2px 5px 0 rgba(34, 36, 38, .15) !important;
}

/** */
.buyut {
    transition: all ease-in-out 200ms !important;
}

.hover\:buyut-2:hover {
    transform: scale(1.20);
    box-shadow: 0 2px 10px 0 rgba(34, 36, 38, .15) !important;
}

.active\:buyut-2:active {
    transform: scale(1.10);
    box-shadow: 0 2px 5px 0 rgba(34, 36, 38, .15) !important;
}

.hover\:buyut-1:hover {
    transform: scale(1.10);
    box-shadow: 0 2px 10px 0 rgba(34, 36, 38, .15) !important;
}

.active\:buyut-1:active {
    transform: scale(1.05);
    box-shadow: 0 2px 5px 0 rgba(34, 36, 38, .15) !important;
}