.demo-contest{display:flex;gap:16px;flex-direction:column}.demo-contest__header{gap:16px;background-color:#fff;border-radius:8px;padding:24px;display:flex;flex-direction:column}@media only screen and (max-width: 768px){.demo-contest__header{padding:12px}}.demo-contest__header-content{display:flex;flex-direction:row;align-items:center}@media only screen and (max-width: 768px){.demo-contest__header-content{flex-direction:column;align-items:start}}.demo-contest__header-title{flex-basis:60%;max-width:651px;margin:0 0 0 18px}@media only screen and (max-width: 768px){.demo-contest__header-title{margin:0 0 24px 0}}.demo-contest__header-description{flex-basis:30%;text-align:left;max-width:80%;margin-bottom:0}.demo-contest__list{display:flex;gap:16px;flex-wrap:wrap}.demo-contest__item{width:421px;flex-shrink:0;background-color:#fff;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}@media only screen and (max-width: 1300px){.demo-contest__item{width:32.3%}}@media only screen and (max-width: 1024px){.demo-contest__item{width:49%}}@media only screen and (max-width: 768px){.demo-contest__item{width:100%}}.demo-contest__item-thumb{position:relative}.demo-contest__item-thumb img{display:block}.demo-contest__item-thumb-title{color:#262119;font-size:12px;font-weight:500;line-height:25px;background-color:#FFDFB1;top:8px;right:8px;position:absolute;padding:0 9px;border-radius:99px}.demo-contest__item-content{padding:24px;display:flex;flex-direction:column;gap:24px;flex-grow:1;justify-content:space-between}@media only screen and (max-width: 768px){.demo-contest__item-content{gap:32px}}.demo-contest__item-content-top{display:flex;flex-direction:column;gap:16px}.demo-contest__item-content-bottom{display:flex;flex-direction:column;gap:16px}.demo-contest__item-content-bottom .button{padding:8px 12px}.demo-contest__item-content-bottom .button.button_theme-white{background-color:#FAFAFA}.demo-contest__item-meta{display:flex;gap:12px;align-items:center}.demo-contest__item-status{font-size:14px;font-weight:500;line-height:21px;border-radius:4px;padding:2px 8px}.demo-contest__item-status_registration{color:#318267;background-color:#E6F5EF}.demo-contest__item-status_active{color:#004DA1;background-color:#E4EAFF}.demo-contest__item-status_finished{color:#262119;background-color:#DFDEDE}.demo-contest__item-date{font-size:14px;font-weight:400;line-height:21px}.demo-contest__item-info-list{display:flex;gap:24px}.demo-contest__item-info-item{display:flex;gap:8px}.demo-contest__item-info-item-title{font-size:16px;font-weight:400;line-height:24px}.demo-contest__item-info-item-text{font-size:16px;font-weight:500;line-height:24px;color:#45B892}.demo-contest__item-date{display:flex;gap:8px;flex-direction:column}.demo-contest__item-date-title{font-size:16px;font-weight:400;line-height:24px}.demo-contest__timer-list{display:flex;gap:8px;justify-content:flex-start}.demo-contest__timer-list .demo-contest__timer-item{width:40px;display:flex;flex-direction:column;align-items:center}.demo-contest__timer-list .demo-contest__timer-item .timer__days,.demo-contest__timer-list .demo-contest__timer-item .timer__hours,.demo-contest__timer-list .demo-contest__timer-item .timer__minutes,.demo-contest__timer-list .demo-contest__timer-item .timer__seconds{font-size:16px;font-weight:500;line-height:20px}.demo-contest__timer-list .demo-contest__timer-item .timer__title{color:#666;font-size:12px;font-weight:400;line-height:18px}.demo-contest__timer-list .demo-contest__timer-separator{content:":";font-size:12px;font-weight:400;line-height:25px}
