font-face {
    src: url(../fonts/Ionicons.ttf);
    font-family: "Ionicons";
}

@font-face {
    src: url(../fonts/FontAwesome.ttf);
    font-family: "FontAwesome";
}

@font-face {
    src: url(../fonts/MaterialIcons.ttf);
    font-family: "MaterialIcons";
}

@font-face {
    src: url(../fonts/Feather.ttf);
    font-family: "Feather";
}

@font-face {
    src: url("../fonts/MaterialCommunityIcons.ttf");
    font-family: "MaterialCommunityIcons";
}

@font-face {
    src: url("../fonts/beon/Beon-Regular.ttf");
    font-family: "Beon-Regular";
}

@font-face {
    src: url("../fonts/beon/beon-webfont.ttf");
    font-family: "Beon-Bold";
}

@font-face {
    src: url("../fonts/ubuntu/Ubuntu-Regular.ttf");
    font-family: "Ubuntu-Regular";
}

@font-face {
    src: url("../fonts/ubuntu/Ubuntu-Bold.ttf");
    font-family: "Ubuntu-Bold";
}

@font-face {
    src: url("../fonts/ubuntu/Ubuntu-Light.ttf");
    font-family: "Ubuntu-Light";
}

@font-face {
    src: url("../fonts/ubuntu/Ubuntu-Medium.ttf");
    font-family: "Ubuntu-Medium";
}

html {
    font-feature-settings: "cv02", "cv03", "cv04", "cv11";
}

.reactEasyCrop_CropAreaRound {
    display: none;
}

.img-crop-container {
    position: relative;
    width: 200px;
}

.img-crop-container::after {
    content: "";
    width: 100%;
    height: 100%;
    background: #FFFFFF70;
    position: absolute;
    background: radial-gradient(circle at center, transparent 50%, #ffffffa0 50%);
    filter: drop-shadow(0px 0px 6px #ffffffa0);
    top: 0;
    left: 0;
}

.custom-bottom-sheet {
    z-index: 8;
    display: none;
    background-color: "white";
}

.custom-bottom-sheet__body {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

@media only screen and (max-width: 767px) {
    .custom-bottom-sheet {
        display: unset;
    }
}