:root {

    --depot-font-text: 'YS Text', Arial, Helvetica, 'Arial Unicode MS', sans-serif;
    --depot-font-title: var(--depot-font-text);
    --depot-font-size-caption: 12px / 16px;
    --depot-font-size-text-s: 14px / 18px;
    --depot-font-size-text-s-paragraph: 14px / 20px;
    --depot-font-size-text-m: 16px / 20px;
    --depot-font-size-text-m-paragraph: 16px / 22px;
    --depot-font-size-text-l: 18px / 22px;
    --depot-font-size-text-l-paragraph: 18px / 24px;
    --depot-font-size-title-s: 20px / 24px;
    --depot-font-size-title-m: 24px / 28px;
    --depot-font-size-title-l: 30px / 32px;
    --depot-font-size-title-xl: 36px / 36px;
    --depot-font-size-distribution-hint: 10px / 14px;
    --depot-font-size-adv-label: 8px / 12px;
    --depot-text-s: 12px;
    --depot-text-s-line-m: 16px;
    --depot-text-c: 14px;
    
	--depot-font-size-distribution-link-bro-text: 15px / 18px;
    --depot-text-c-line-m: 18px;
    --depot-text-m: 13px;
    --depot-text-m-line-s: 16px;
    --depot-text-m-line-m: 17px;
    --depot-text-m-line-l: 20px;
    --depot-text-xm: 15px;
    --depot-text-xm-line-m: 18px;
    --depot-text-l: 18px;
    --depot-text-l-line-m: 24px;
    --depot-text-xl: 24px;
    --depot-text-xl-line-m: 28px;
    --depot-text-xxl: 28px;
    --depot-text-xxl-line-m: 32px;    
    
    --depot-color-yellow: #fc0;
    --depot-color-red: #f33;
    --depot-color-green: #00b341;
    --depot-color-control-primary: #fc0;
    --depot-color-control-primary-active: #f2c200;
    --depot-color-control-secondary: rgba(7, 28, 71, .06);
    --depot-color-control-secondary-active: rgba(7, 28, 71, .12);
    --depot-color-control-secondary-checked: rgba(0, 0, 0, .7);
    --depot-color-link: #000080;
    --depot-color-link-visited: #551a8b;
    --depot-color-greenurl: #006000;
    --depot-color-green-text: #006000;
    --depot-color-image-fill: rgba(0, 0, 0, .03);
    --depot-color-overlay: rgba(0, 0, 0, .4);
    --depot-color-skeleton: rgba(7, 28, 71, .05);
    --depot-color-stroke: rgba(7, 28, 71, 0.12);
    --depot-color-alice: #7626ff;
    --depot-color-freshness: #d9e8ff;
    --depot-color-bg-tertiary: #fff;
    --depot-color-fill-10: rgba(0, 0, 0, .1);
    --depot-color-fill-20: rgba(0, 0, 0, .2);
    --depot-color-fill-30: rgba(0, 0, 0, .3);
    --depot-color-fill-40: rgba(0, 0, 0, .4);
    --depot-color-fill-50: rgba(0, 0, 0, .5);
    --depot-color-fill-60: rgba(0, 0, 0, .6);
    --depot-color-fill-70: rgba(0, 0, 0, .7);
    --depot-color-fill-80: rgba(0, 0, 0, .8);
    --depot-color-fill-40-solid: #999;
    --depot-color-fill-05: rgba(7, 28, 71, .05);
    --depot-color-fill-05-solid: #f3f4f6;
    --depot-color-fill-adv-label: rgba(7, 28, 71, .05);
    --depot-color-shadow-10: rgba(13, 35, 67, .1);
    --depot-color-shadow-20: rgba(13, 35, 67, .2);
    --depot-color-shadow-30: rgba(13, 35, 67, .3);
    --depot-color-shadow-40: rgba(13, 35, 67, .4);
    --depot-color-shadow-50: rgba(13, 35, 67, .5);
    --depot-color-shadow-05: rgba(13, 35, 67, .05);
    --depot-color-text-primary: #000;
    --depot-color-text-tertiary: rgba(62, 70, 94, .8);
    --depot-color-text-quaternary: rgba(84, 96, 122, .68);
    --depot-color-text-quinary: rgba(42, 54, 87, .3);
    --depot-color-cbir-viewer-bg-overflow: #f0f1f5;
    --depot-color-stroke-solid: #e5e5e5;
    --depot-shadow-lightblue-10: 0 0 0 1px rgba(13, 35, 67, 0.1), 0 2px 7px -4px rgba(13, 35, 67, 0.4);
    --depot-shadow-lightblue-20: 0 0 0 1px rgba(13, 35, 67, 0.092), 0 3.3px 10px -4px rgba(13, 35, 67, 0.4);
    --depot-shadow-lightblue-30: 0 0 0 1px rgba(13, 35, 67, 0.07), 0 5px 15px -4px rgba(13, 35, 67, 0.4);
    --depot-shadow-lightblue-40: 0 0 0 1px rgba(13, 35, 67, 0.085), 0 10px 20px -4px rgba(13, 35, 67, 0.36);
    --depot-shadow-lightblue-50: 0 0 0 1px rgba(13, 35, 67, 0.09), 0 15px 25px -4px rgba(13, 35, 67, 0.32);
    --depot-shadow-fold-button: 0 4px 12px rgba(13, 35, 67, .1);
    
    --depot-color-control-primary-hovered: #ffd633;
    --depot-color-control-secondary-hovered: rgba(7, 28, 71, 0.12);
    --depot-color-link-hovered: #d00;
    --depot-color-bg-overflow: #fbfbfb;
    --depot-color-bg-primary: #fff;
    --depot-color-bg-secondary: #fff;
    --depot-color-bg-overflow-secondary: #fff;
    --depot-color-text-secondary: #333;
    --depot-color-footer-bg: #555;
    
}

/* ---------------------------- */

.CbirPanel-Popup {
    /* width: 588px; */
}

.Popup2_view_default {
    -webkit-animation-duration: .1s;
    animation-duration: .1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    /* -webkit-box-shadow: 0 11px 14px -7px rgba(0, 0, 0, .3); */
    /* box-shadow: 0 11px 14px -7px rgba(0, 0, 0, .3); */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: -9999px 0 0 -9999px;
    visibility: hidden;
    
    background-color: #fff;
    color: #000;
    
    border-radius: 10px;
    
    
}

.Popup2 {
    /* position: absolute; */
    /* z-index: 1400; */
}

.Popup2_view_default.Popup2_visible {
    margin: 0;
    visibility: visible;
}

.CbirPanel-Popup.Popup2.Popup2_view_default {
    /* background-color: #f0f1f5; */
    /* background-color: var(--depot-color-cbir-viewer-bg-overflow); */
    border-radius: 12px;
    /* -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, .24); */
    /* box-shadow: 0 4px 30px rgba(0, 0, 0, .24); */
}

/* //?? */
.Popup2_view_default.Popup2[data-popper-placement^=bottom] {
    -webkit-animation-name: popup2_view_default_bottom;
    animation-name: popup2_view_default_bottom;
}
.Popup2_view_default.Popup2[data-popper-placement^=bottom].Popup2_visible {
    -webkit-animation-name: popup2_view_default_bottom_visible;
    animation-name: popup2_view_default_bottom_visible;
}

.Popup2_view_default:before {
    border-radius: inherit;
    bottom: 0;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .05);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .05);
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.Popup2_view_default.Popup2_visible:before {
    z-index: -1;
}

/* ---------------------------- */

.CbirPanel-FileControls {
    position: relative;
    height: 100%;
    
    border: 2px dashed rgba(7, 28, 71, .12);
    border: 2px dashed var(--depot-color-stroke);
    border-radius: 12px;
}

.CbirPanel-FileControls_active {
    border-color: rgba(0, 0, 0, .2);
    border-color: var(--depot-color-fill-20);
}

.CbirPanel-FileControls_dropped {
	border-style: solid;
	background-color: #eee;
	/* border-style: solid; */
	/* border-style: dotted; */
	/* border-style: groove; */
	/* border-style: ridge; */
}


.CbirPanel-FileControlsBackground {
    bottom: 0;
    /* cursor: pointer; */
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.CbirPanel-FileControlsContent {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 34px 16px 40px;
}

.CbirPanel-FileControlsLogo {
    margin-bottom: 14px;
}

.CbirPanel-FileControlsTitle {
    color: #000;
    color: var(--depot-color-text-primary);
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 8px;
}

.CbirPanel-FileControlsSubtitle {
    color: rgba(84, 96, 122, .68);
    color: var(--depot-color-text-quaternary);
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 16px;
}

.CbirPanel-FileControlsButtons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
}

/* ---------------------------- */

.Button2_size_m {
    font-family: YS Text, Arial, Helvetica, Arial Unicode MS, sans-serif;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
}

.Button2_view_action {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: color .15s linear, -webkit-transform .1s ease-out;
    transition: color .15s linear, -webkit-transform .1s ease-out;
    transition: transform .1s ease-out, color .15s linear;
    transition: transform .1s ease-out, color .15s linear, -webkit-transform .1s ease-out;
}

.Button2_width_auto {
    max-width: 100%;
}

.Button2 {
    cursor: pointer;
	
    -moz-user-focus: ignore;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background: transparent;
    border-width: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    overflow: visible;
    padding: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.Button2_view_action {
    color: #000;
}
.Button2.disabled {
	cursor: default;
	
}
.Button2_view_action:before

.Button2 {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

.Button2_view_action.Button2_pressed {
    -webkit-transform: scale(.96);
    transform: scale(.96);
    -webkit-transition: none;
    transition: none;
}

.CbirPanel-FileControlsButton.Button2 {
    margin-right: 12px;
}

.CbirPanel-FileControlsButton.Button2:last-child {
    margin-right: 0;
}

/* ---------------------------- */

.Button2:before {
    border-radius: 12px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

.Button2_view_action:before {
    -webkit-transition: background-color .15s linear;
    transition: background-color .15s linear;
    
    background-color: #fc0;
}

.Button2_view_action.disabled:before {
    background-color: none;
}

.Button2:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    z-index: -1;
}

.Button2-Text {
    display: inline-block;
    pointer-events: none;
    position: relative;
    resize: none;
    white-space: nowrap;
}

.Button2_size_m .Button2-Text {
    margin: 0 12px;
}

.Button2_width_auto .Button2-Text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* ---------------------------- */

.CbirAnimLogo-FrontImage, .CbirAnimLogo-Shadow {
    -webkit-transition: -webkit-transform .25s ease-in-out;
    transition: -webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
}

.CbirAnimLogo-Shadow {
    -webkit-transform: scale(.65);
    transform: scale(.65);
    -webkit-transform-origin: 57px 50px;
    transform-origin: 57px 50px;
}

.CbirAnimLogo-FrontImage {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
}

.CbirAnimLogo-LeftImage, .CbirAnimLogo-RightImage {
    -webkit-transition: -webkit-transform .25s ease-in-out;
    transition: -webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
}

.CbirAnimLogo-LeftImage {
    -webkit-transform: translateX(35px) rotate(0deg);
    transform: translateX(35px) rotate(0deg);
    -webkit-transform-origin: 21px 44px;
    transform-origin: 21px 44px;
}

.CbirAnimLogo-RightImage {
    -webkit-transform: translateX(-35px) rotate(0deg);
    transform: translateX(-35px) rotate(0deg);
    -webkit-transform-origin: 93px 44px;
    transform-origin: 93px 44px;
}

.CbirAnimLogo_active .CbirAnimLogo-Shadow {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.CbirAnimLogo_active .CbirAnimLogo-LeftImage {
    -webkit-transform: translateX(0) rotate(-8deg);
    transform: translateX(0) rotate(-8deg);
}

.CbirAnimLogo_active .CbirAnimLogo-RightImage {
    -webkit-transform: translateX(0) rotate(8deg);
    transform: translateX(0) rotate(8deg);
}

.CbirAnimLogo_active .CbirAnimLogo-FrontImage {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}




/* ---------------------------- */
/* ---------------------------- */


@media screen and (max-width: 1240px) {
	
}


@media screen and (max-width: 767px) {
	
}