@import url("https://fs.getcourse.ru/fileservice/file/download/a/69600/sc/263/h/3f8f6c943368fbce75ef2aa9930fa276.css");
@font-face {
  font-family: 'Geometria LF Heavy'; 
  src: url('https://fs.getcourse.ru/fileservice/file/download/h/648b58ca5672854b27eb05abb4218943.woff/a/636439/sc/53') format('woff'),
      url('https://fs.getcourse.ru/fileservice/file/download/h/90dc4da66d9c42d51cdd7de28f3e56cf.otf/a/636439/sc/396') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Geometria-Bold'; 
    
  src: url('https://fs.getcourse.ru/fileservice/file/download/h/9576cb7b24a9b43dfabb0baa985c9a2c.woff/a/69600/sc/381') format('woff'),
      url('https://fs.getcourse.ru/fileservice/file/download/h/44a087bd3e6e2cf8e726ecfaa3022125.otf/a/69600/sc/231') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Geometria-Medium'; 
  src: url('https://fs.getcourse.ru/fileservice/file/download/h/241f9df42990497b423dd98f82900740.woff/a/69600/sc/484') format('woff'),
      url('https://fs.getcourse.ru/fileservice/file/download/h/a30df1a24eb0158ee648d4e2322a9bfe.otf/a/69600/sc/276') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Geometria-Regular'; 
  src: url('https://fs.getcourse.ru/fileservice/file/download/h/0e62272870268723a66fb551a9217b15.woff/a/69600/sc/415') format('woff'),
      url('https://fs.getcourse.ru/fileservice/file/download/h/c08b34c7ac75c6ab89f5c1fdfde9b4fe.otf/a/69600/sc/493') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Geometria-Light'; 
  src:  url('https://fs.getcourse.ru/fileservice/file/download/h/45bc50b7daf70c3fc16f6da881633077.woff/a/69600/sc/192') format('woff'),
      url('https://fs.getcourse.ru/fileservice/file/download/h/eaba26d9fab78050a2dda94dd37d8064.otf/a/69600/sc/332') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}


:root{
    --r: 4px;
    --b: #353535;
    --w: #fff;
    --blue: #3A5DAE;
    --orange: #F96714;
    --sr: 'Geometria';
    --sb: 'Geometria LF Heavy';
    --transform: translatey(-3px) scale(1.02);
        /* обычный урок - нет дз */ 
    --StatusText1: 'Доступен';
    /* обычный урок - есть дз, либо ответ не принят */   
    --StatusText2: 'Есть задание'; 
   /* стоп, важный урок - есть дз */
    --StatusText3: 'Стоп-урок';   
    /* ответ отправлен - не проверен */ 
    --StatusText4: 'На проверке';  
   /* ответ отправлен - принят */ 
    --StatusText5: 'Принят'; /* есть дз - ответ отправлен - задание принято */ 
    /* урок недоступен - расписание или после стоп-урока */ 
    --StatusText6: 'Закрыт'; 
      --imgwidth:clamp(120px, 30vw , 300px);
}
/*-----------❌ правая панель-----------*/

/* вернуть кнопку траты бонусов  */
.new-bonus__link{
    display: none!important;
}
/* вернуть кнопку траты бонусов  */



/* user-info */
.user{
    background: #fff;
    border-radius: 16px;
    margin-bottom: 24px;
    padding: 20px;
}


.user-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  
}
.user-info__avatar-wrap {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #505050;
}
.user-info__avatar {
  display: block;
  width: 100%;
  height: auto;
}
.user-info_text{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 16px;
}
.rightblock_header {
   text-decoration: none;
   font-family: 'Geometria-Medium'!important;
   font-weight: 500!important;
   color: var(--b);
   display: flex;
   flex-direction: column;
   justify-content: center;
   margin-bottom: 4px;
   font-size: 20px!important;
   font-style: normal;
   line-height: 120%;
}

.user-info__email {
  text-decoration: none;
  font-style: normal;
  font-size: 14px!important;
  font-family: 'Geometria-Regular'!important;
  color: #22222260;
  font-weight: 400!important;
     margin-bottom: 4px;
}
 .profile{
    color: #35353570;
    font-family: 'Geometria-Medium'!important;
    text-decoration: none;
  font-style: normal;
  font-size: 12px!important;
     font-weight: 500!important;
     transition: all .3s;
    
}
.user .profile:hover{
    transform: var(--transform);
 color: #35353570;
 text-decoration: none;
}


/*сроки*/
.new-access {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  max-width: 100%;
  margin: 0 auto;
  margin-bottom: 24px;
 border-radius: 16px;
 background: var(--blue);
    line-height: 110%;
}
.user-progress__scale {
   position: relative;
    display: inline-block;
  width: 60px;
  height: 60px;
  flex-shrink: 0;
  margin-left: 10px;
}
.user-progress__scale svg {
  width: 100%;
  height: 100%;
  display: block;
}

.user-progress__scale-text{
    position: absolute;
    font-size: 16px!important;
    font-family: 'Geometria-Medium'!important;
    font-weight: 500!important;
     line-height: 110%;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.new-access .rightblock_header,
.new-access .profile{
 color: #fff;
}

.new-access .profile:hover{
     color: #fff;
}
.new-access__data {
  width: 100%;
  text-decoration: none;
  font-style: normal;
  font-family: 'Geometria-Medium';
  font-size: 16px!important;
  color: var(--w);
  font-weight: 500!important;
  line-height: 110%;
  margin-top: 10px;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  align-content: center;
    
}
.new-access__time {
  text-decoration: none;
  font-style: normal;
  font-family: 'Geometria-Regular'!important;
  font-size: 16px!important;
  color: var(--w);
  background: #FFFFFF15;
  border-radius: 4px;
  padding: 7px 10px 5px 10px;
  margin-left: auto;
}






/*поддержка*/
.support{
    background: #fff;
    border-radius: 16px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.support .rightblock_header{
   color: var(--blue); 
}
.support-time,
.support-desc{
    font-size: 16px!important;
    color: var(--b);
    font-weight: 400!important;
    font-family: 'Geometria-Regular'!important;
}
.support-time strong,
.support-desc strong{
      font-weight: 500!important;
     font-family: 'Geometria-Medium'!important;
}

.support-desc{
    font-size: 16px!important;
    color: var(--b);
    font-family: 'Geometria-Regular'!important;
     font-weight: 400!important;
}


.support-btn{
    border-radius: 4px;
    background: var(--orange);
    border: none;
    color: var(--w);
    font-family: 'Geometria-Bold'!important;
    font-weight: 600!important;
    padding: 8px 10px;
    transition: all .3s;
    width: 100%;
}
.support-btn:hover{
    transform: var(--transform);
}


/* new-bonus */
.new-bonus {
  --nb-color-bg: #F96714;
  --nb-color-title: #ffffff;
  --nb-color-link: #FFFFFF80;
  --nb-color-bonus-bg: #ffffff;
  --nb-color-bonus-text: #F96714;
  --nb-color-bonus-units: #353535;
  width: 100%;
  height: 100px;
  background: var(--nb-color-bg);
  border-radius: 16px;
  max-width: 100%;
  margin: 0 auto;
  margin-bottom: 24px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  overflow: hidden;
}
.new-bonus__title {
  text-decoration: none;
    font-family: 'Geometria-Medium'!important;
    font-weight: 500;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 4px;
    font-size: 20px!important;
    font-style: normal;
    line-height: 120%;
  color: var(--nb-color-title);
}
.new-bonus__link {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-style: normal;
  font-family: 'Geometria-Medium'!important;
    font-style: normal;
    font-size: 12px!important;
    font-weight: 500!important;
    transition: all .3s;
  color: var(--nb-color-link);
  margin-top: 4px;
}
.new-bonus__link:hover,
.new-bonus__link:active,
.new-bonus__link:link,
.new-bonus__link:visited {
  text-decoration: none;
  color: var(--nb-color-link);
}
.new-bonus__link svg {
  margin-left: 4px;
}
.new-bonus__link svg path {
  fill: var(--nb-color-link);
}
.new-bonus__count {
  width: 137px;
  height: 137px;
  background-color: var(--nb-color-bonus-bg);
  border-radius: 147px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 32px!important;
  line-height: 28px;
  color: var(--nb-color-bonus-text);
  font-weight: 600!important;
  right: -13px;
  top: 50%;
  font-family: 'Geometria-Bold'!important;
  transform: translate(0, -50%);
  position: absolute;
}
.new-bonus__units {
  font-style: normal;
  font-weight: 500!important;
  font-size: 12px!important;
  line-height: 14px;
        font-family: 'Geometria-Medium'!important;
  color: var(--nb-color-bonus-units);
  text-align: center;
}


.links{
  background: var(--blue);
    padding: 20px;
    border-radius: 16px;
    margin-bottom: 24px;
    color: #fff;
    transition: all .3s;
}
 
.links:hover{
    transform: var(--transform);
}
.links a{
   color: #fff;
    text-decoration: none;
    font-family: 'Geometria-Medium'!important;
    font-weight: 500!important;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 20px!important;
    font-style: normal;
    line-height: 120%;
}
.links a:hover{
 color: #fff;  
    text-decoration: none;
}


@media(max-width: 1160px){
    .new-bonus__title{
      padding-right: 130px;}
}


@media(max-width: 1044px) 
    and (min-width: 992px) {
    .new-access__data{
            align-items: flex-start;
    justify-content: flex-start;
        flex-direction: column;
        gap: 0px;
        margin-top: 8px;
        
    }
    .new-access__time{
        margin-left: 0px;
    }
}
@media(max-width: 991px){
.new-access {
    margin-bottom: 20px;}

}
@media(max-width: 640px){
   .rightblock_header,
    .new-bonus__title,
   .links a {
        font-size: 18px!important;
    }
}


@media(max-width: 380px){
    .user-info{
        flex-direction: column;
        align-items: center;
    justify-content: flex-start;
        gap: 8px;
}
    .user-info_text{
        align-items: center;
    }
}
@media(max-width: 320px){
    .new-access__data{
            align-items: flex-start;
    justify-content: flex-start;
        flex-direction: column;
        gap: 0px;
        margin-top: 8px;
        
    }
    .new-access__time{
        margin-left: 0px;
    }
    .new-access__title{
        font-size: 18px!important;
    }
    .new-access__data,
    .new-access__time{
        font-size: 14px!important;
    }
    .new-access__time{
margin-bottom: 14px;}
}