@import url('https://fonts.googleapis.com/css2?family=Overlock:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap');

.component_forkme { display:none;}
.component_poweredbyfilestash { display:none !important;}
:root {
    --bg-color: #fafafa;
    --color: #57595A;
    --emphasis: #466372;
    --primary: #00a9ff !important;
    --emphasis-primary: #c5e2f1;
    --emphasis-secondary: #466372;
    --light: #909090;
    --super-light: #f9fafc;
    --error: #f26d6d;
    --success: #63d9b1;
    --dark: #313538;
}
button.emphasis {
    background: #000000 !important;
    color: #fff;
}

.component_input, .component_select {
    font-family: 'OVERLOCK' !important;
}
html {
    font-family: 'OVERLOCK' !important;
 }
button {
    font-family: Overlock;
}

.component_page_connection_form .box {
    box-shadow: 10px 10px 10px rgb(0 0 0 / 20%) !important;
}

button.emphasis {
    border: 1px solid #3382ff !important;
    background: transparent !important;
    color: #3382ff !important;
    font-weight: 600;
    box-shadow: 2px 2px 2px rgb(0 0 0 / 20%) !important;
}
button.emphasis:hover {
    background: #3382ff !important;
    color: #fff !important;
}
.component_container {
    width: 95%;
    max-width: 95% !important;
    margin: 0 auto;
    padding: 10px;
}
.list>span>.component_thing.view-grid {
    width: 14% !important;
}
.component_breadcrumb .breadcrumb .ul {
    max-width: 95% !important;
}
.no-select.component_page_connection_form {
    max-width: 750px !important;
}

@media (max-width: 550px) {
    .list>span>.component_thing.view-grid .box {
        height: 80px !important;
    }
.list>span>.component_thing.view-grid .box>span>img.component_icon {
    padding: 17px !important;
}
.list>span>.component_thing.view-grid {
    width: 33% !important;
}

}

@media (max-width: 670px) {
    .list>span>.component_thing.view-grid .box {
        height: 80px !important;
    }

  .list>span>.component_thing.view-grid .box>span>img.component_icon {
    padding: 25px !important;
 }
.list>span>.component_thing.view-grid {
    width: 33% !important;
}

}