body {
  font-size: 12.5px;
  font-family: "Yandex_Sans_Display_Web_Regular", arial, helvetica;
  width: 1100px;
  cursor: default;
  line-height: 15px;
  color: #000000;
}


/* ЗАГОЛОВКИ */
#header {
  font-family: "Yandex_Sans_Display_Web_Bold";
  font-size: 17px;
  letter-spacing: .02em;
  line-height: 20px;
  margin-bottom: 19px;
  max-width: 775px;
}

#subheader {
  margin-bottom: 20px;
  max-width: 775px;
}


/* КНОПКИ */
.radio-group {
    position: absolute;
    top: 33px;
    right: 0;
    display: inline-flex;
    align-items: center;
}

.radio-group__label {
    margin-right: 10px;
}

.radio-group__buttons {
    display: flex;
}

.radio-group__button {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 13px;
    border: #cacaca solid 1px;
    border-right: none;
    font-family: arial, sans-serif;
    font-size: 13px;
    line-height: 26px;
    cursor: pointer;
}

.radio-group__button:first-child {
    border-radius: 3px 0 0 3px;
}

.radio-group__button:last-child {
    border-radius: 0 3px 3px 0;
    border-right: #cacaca solid 1px;
}

.radio-group__button_accent {
    background-color: #ffeba0;
    cursor: default;
}

/*#buttons-wrapper {*/
    /*position: absolute;*/
    /*top: 20px;*/
    /*right: 0;*/
/*}*/

/*.button {*/
    /*display: inline-block;*/
    /*cursor: pointer;*/
    /*font-size: 13px;*/
    /*line-height: 28px;*/
    /*font-family: arial, sans-serif;*/
    /*padding: 0 13px;*/
    /*border-radius: 2px;*/
    /*border: #cacaca solid 1px;*/
    /*margin: 0px 4px 6px 4px;*/
/*}*/

/*.button_accent {*/
    /*background-color: #ffdb4d;*/
    /*border: #ffdb4d solid 1px;*/
/*}*/


/* ОСИ */
.axis {
    font-family: "Yandex_Sans_Display_Web_Bold";
}

.axis line, .axis path {
    display: none;
}


/* КРУГИ */
.film-group_default {

}

.film-circle {
    fill: #ffa02c;
}

.film-circle_awarded {
    stroke: #ff3c1e;
    stroke-opacity: .7;
    stroke-width: 4px;
}

.film-group_default circle {
    fill-opacity: .8;
}

.film-label {
    font-size: 10px;
}

.film-label_main {
    font-family: "Yandex_Sans_Display_Web_Bold";
    font-size: 10px;
}

.film-group_main circle {
    fill: #ffe67b;
}

.film-group_passive {
    opacity: .15;
}


/* ИНФООКНО */
#infopane-tops {
    height: 290px;
    background-color: #f6f5f3;
    padding: 10px 0;
    margin-top: 10px;
    text-overflow: ellipsis;
}

/*#infopane-tops.infopane-tops_colored {*/
    /*background-color: rgba(255, 230, 123, .8);*/
/*}*/

#infopane {
    display: inline-flex;
    flex-direction: column;
    /*justify-content: space-between;*/
    width: 13.5%;
    height: 290px;
    margin: 3px 11px 0 16px;
}

.infopane-default__header {
    font-family: "Yandex_Sans_Display_Web_Bold";
    font-size: 17px;
}

.infopane-explanation {
    font-size: 10px;
    line-height: 12px;
}

.infopane-explanation__line {
    margin: 0;
}

.infopane__picture-wrapper {
    height: 120px;
}

.infopane-person .infopane__picture-wrapper {
    height: 200px;
}

.infopane__picture {
    height: 100%;
}

.star-svg {
    margin-top: 2px;
}

.infopane__rating-figure {
    font: 12.5px/16px "Yandex_Sans_Display_Web_Bold";
    color: #ffa02c;
}

.infopane__awards {
    margin-top: 5px;
    font-size: 10px;
}

.awards__line {
    display: inline-block;
    margin-bottom: 2px;
    line-height: 12px;
}

.award-name {
    color: #ff3c1e;
}

/* СПИСКИ */

#tops-container {
    display: inline-flex;
    justify-content: space-between;
    width: 83.5%;
    vertical-align: top;
    position: relative;
}

.persons-list {
    width: 16.6%;
    display: inline-block;
    padding: 0;
    list-style-type: none;
    margin: 0;
    vertical-align: top;
}

.persons-list:nth-child(7) {
    position: absolute;
    top: 180px;
    right: 1px;
}

.persons-list-header {
    padding-left: 11px;
    font-family: "Yandex_Sans_Display_Web_Bold";
    line-height: 20px;
}

.list-number {
  font-family: "Yandex_Sans_Display_Web_Bold";
  font-size: 10px;
  display: inline-block;
  margin-right: 5px;
}

.person-li {
    width: 100%;
    padding-left: 5px;
    font-size: 10px;
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.person-li_main {
    background-color: #ffe67b;
}

.person-li_hidden {
    display: none;
}

.person-li_passive {
    opacity: .2;
}

.person-li_minor {
    display: none;
}

.person-li_minor.person-li_selected {
    display: block;
}


/* ПОДПИСИ */
#caption {
  text-transform: uppercase;
  font-size: 9px;
  color: #555150;
  margin-top: 20px;
  letter-spacing: .06em;
  line-height: 13px;
}