@import "root.css";
@import "font_definitions.css";
@import "global_styles.css";

body#form-annotation-page {
    background-color: var(--off-white-color);
    min-width: 880px;
    /* these are new */
    /*height: 100vh !important;*/
    /*width: 100vw!important;*/
}

#annotation-root {
    /* these are new */
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

#form-annotation .ant-slider .ant-slider-handle {
    background-color: var(--medium-purple-color);
    border: solid 2px var(--medium-purple-color);
    box-shadow: none;
}

#form-annotation .ant-slider .ant-slider-track {
    background-color: var(--medium-purple-color);
}

#form-annotation  .ant-slider .ant-slider-rail {
    background-color: var(--medium-gray-color);
}

#form-annotation .ant-slider:hover .ant-slider-rail {
    background-color: var(--medium-gray-color);
}