@keyframes cvcSnapshotSpin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}.course-interface-client-challenge{--challenge-difficulty-icon:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 20V10' stroke='%23AAAAAA' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M12 20V4' stroke='%23AAAAAA' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M18 20V14' stroke='%23AAAAAA' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M4 20H20' stroke='%23AAAAAA' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");--challenge-category-icon:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 7.5C3 6.67157 3.67157 6 4.5 6H9L11 8H19.5C20.3284 8 21 8.67157 21 9.5V18.5C21 19.3284 20.3284 20 19.5 20H4.5C3.67157 20 3 19.3284 3 18.5V7.5Z' stroke='%23AAAAAA' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");--goal-icon:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 21V4' stroke='%23302683' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M5 5H18L16 9.5L18 14H5V5Z' stroke='%23302683' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M5 5H11V9.5H5V5Z' fill='%23302683'/%3E%3Cpath d='M11 9.5H17V14H11V9.5Z' fill='%23302683'/%3E%3C/svg%3E");--my-result-icon:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21C12 21 18 14.9 18 9.8C18 6.5 15.3 4 12 4C8.7 4 6 6.5 6 9.8C6 14.9 12 21 12 21Z' stroke='%23302683' stroke-width='2' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='10' r='2.4' fill='%23302683'/%3E%3C/svg%3E");--check-result-icon:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='7' stroke='%23302683' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='3' stroke='%23302683' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='1' fill='%23302683'/%3E%3Cpath d='M12 2V5' stroke='%23302683' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M12 19V22' stroke='%23302683' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M2 12H5' stroke='%23302683' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M19 12H22' stroke='%23302683' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");--task-mobile-menu-challenge-icon:url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 4H18V7.8C18 10.56 15.76 12.8 13 12.8C10.24 12.8 8 10.56 8 7.8V4Z' stroke='%231a213d' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M10 21H16' stroke='%231a213d' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M13 13V21' stroke='%231a213d' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M8 6H4V8.5C4 10.43 5.57 12 7.5 12H9' stroke='%231a213d' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M18 6H22V8.5C22 10.43 20.43 12 18.5 12H17' stroke='%231a213d' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");--task-mobile-menu-code-icon:url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 7L5 13L10.5 19' stroke='%231a213d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.5 7L21 13L15.5 19' stroke='%231a213d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--task-mobile-menu-preview-icon:url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 13C5.35 8.7 8.7 6.5 13 6.5C17.3 6.5 20.65 8.7 23 13C20.65 17.3 17.3 19.5 13 19.5C8.7 19.5 5.35 17.3 3 13Z' stroke='%231a213d' stroke-width='2' stroke-linejoin='round'/%3E%3Ccircle cx='13' cy='13' r='3.6' stroke='%231a213d' stroke-width='2'/%3E%3C/svg%3E");--task-mobile-menu-play-icon:url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 5.8V20.2L20 13L8.5 5.8Z' fill='white' stroke='white' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E");--target-icon:url("data:image/svg+xml,%3Csvg width='96' height='96' viewBox='0 0 96 96' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='48' cy='48' r='42' fill='%23ffffff'/%3E%3Cpath d='M68.5 44.5 A21 21 0 1 1 51.5 27.3' stroke='%23FF8E72' stroke-width='5' stroke-linecap='round'/%3E%3Ccircle cx='48' cy='48' r='12.5' stroke='%23FF8E72' stroke-width='5'/%3E%3Ccircle cx='48' cy='48' r='4.5' fill='%23FF8E72'/%3E%3Cpath d='M48 48L66 30' stroke='%23FF8E72' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M66 30L66 22' stroke='%23FF8E72' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M66 30L74 30' stroke='%23FF8E72' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E")}.course-interface-client-challenge .course-theory:not(.course-theory--collapsed){position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;justify-content:center;width:auto;padding:30px 40px;background-color:transparent;border:0}.course-interface-client-challenge .course-theory:not(.course-theory--collapsed) .course-theory__inner{position:relative;width:1100px;min-width:0;max-width:none;height:auto;min-height:650px;max-height:700px;background-color:#fff;box-shadow:0 18px 48px rgba(13,21,53,.22);overflow:hidden}.course-interface-client-challenge .course-theory:not(.course-theory--collapsed) .course-theory__inner--left-stub::before{content:none}.course-interface-client-challenge .course-theory:not(.course-theory--collapsed) .course-theory__content{padding:0}.course-interface-client-challenge .course-theory:not(.course-theory--collapsed) .course-theory__content-inner{min-height:0}.course-interface-client-challenge .course-theory:not(.course-theory--collapsed) .course-theory__close{top:0;right:-40px;z-index:2;display:block;width:40px;height:40px}.course-interface-client-challenge .course-theory--collapsed .course-tab__title{transform:rotate(-90deg) translate(-75px,-5px)}.cvc-overview{display:flex;flex-direction:column;padding-bottom:0}.cvc-overview__lead{font-size:14px;line-height:18px}.cvc-overview__meta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center;margin-bottom:30px;padding:40px 40px 0}.cvc-overview__intro{min-width:0}.cvc-overview__heading{margin:0 0 4px}.cvc-overview__meta-list{display:grid;grid-template-columns:repeat(2,180px)}.cvc-overview__meta-item{position:relative;padding:0 30px 0 50px;color:#15152a}.cvc-overview__meta-icon{position:absolute;top:-5;left:15px;width:24px;height:24px;background-repeat:no-repeat;background-position:center;background-size:24px 24px}.cvc-overview__meta-item:nth-child(1) .cvc-overview__meta-icon{background-image:var(--challenge-difficulty-icon)}.cvc-overview__meta-item:nth-child(2) .cvc-overview__meta-icon{background-image:var(--challenge-category-icon)}.cvc-overview__meta-title{display:block;color:#aaa;font-size:14px;line-height:18px}.cvc-overview__meta-text{color:#15152a;font-size:14px;line-height:18px}.cvc-overview__snapshots{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:0 0 30px;padding:0 40px}.cvc-overview__snapshot{min-width:0}.cvc-overview__snapshot-header{position:relative;padding-left:40px;margin-bottom:14px}.cvc-overview__snapshot-icon{position:absolute;top:-2px;left:0;width:24px;height:24px;background-repeat:no-repeat;background-position:center;background-size:24px 24px}.cvc-overview__snapshot:nth-child(1) .cvc-overview__snapshot-icon{background-image:var(--my-result-icon)}.cvc-overview__snapshot:nth-child(2) .cvc-overview__snapshot-icon{background-image:var(--goal-icon)}.cvc-overview__snapshot-title{display:inline;margin-bottom:6px;font-size:16px;line-height:20px;font-weight:700;color:#15152a}.cvc-overview__snapshot-text{margin-left:5px;font-size:14px;line-height:20px;color:#aaa;text-transform:lowercase;white-space:nowrap;text-overflow:ellipsis}.cvc-overview__snapshot-frame{position:relative;display:flex;align-items:flex-start;justify-content:center;aspect-ratio:4/3;height:auto;min-height:0;margin:0;background-color:#fff;border:1px solid #d9dce7;border-radius:3px;overflow:hidden}.cvc-overview__snapshot-frame::before{content:"";position:absolute;top:50%;left:50%;display:none;width:32px;height:32px;border:3px solid #e6e6f1;border-top-color:#2f23b9;border-radius:50%;transform:translate(-50%,-50%);animation:cvcSnapshotSpin .8s linear infinite}.cvc-overview__snapshot-frame.is-loading::before{display:block}.cvc-overview__snapshot-image{display:block;width:100%;height:100%;object-fit:contain;opacity:1;transition:opacity .22s ease}.cvc-overview__snapshot-frame.is-changing .cvc-overview__snapshot-image,.cvc-overview__snapshot-frame.is-loading .cvc-overview__snapshot-image{opacity:0}.cvc-overview__snapshot-image:not([src]),.cvc-overview__snapshot-image[src=""]{height:100%;opacity:0}.cvc-overview__footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:36px;align-items:center;margin-top:auto;padding:30px 40px 40px;border-top:1px solid #d9dce7}.cvc-overview__result{min-width:0}.cvc-overview__result-info{position:relative;display:flex;gap:20px;align-items:center;padding-left:40px}.cvc-overview__result-icon{position:absolute;top:3px;left:0;width:24px;height:24px;background-image:var(--check-result-icon);background-repeat:no-repeat;background-position:center;background-size:24px 24px}.cvc-overview__result-title{font-size:16px;line-height:20px;font-weight:700;color:#15152a}@property --progress-value{syntax:"";inherits:false;initial-value:0%}.cvc-progress{--progress-value:0%;--progress-color:#e8e8e8;width:400px;height:30px;background-color:#e8e8e8;line-height:30px;text-align:center;font-size:14px;color:#999;background-image:linear-gradient(to right,var(--progress-color) 0% var(--progress-value),transparent var(--progress-value) 100%);transition:--progress-value .45s ease}.cvc-progress--active{color:#fff}.cvc-progress-tip--mobile{display:none}.cvc-overview__actions{display:flex;gap:18px;align-items:center}.cvc-overview__button{min-width:170px;min-height:38px;padding:9px 20px;font-size:14px;line-height:20px}.course-browser__zoomer--compare-mode{background-image:repeating-linear-gradient(45deg,#f8f8f8,#fff 20px);align-items:center;justify-content:center}.course-browser__comparer--compare-mode{position:relative}.course-browser__comparer--compare-mode::before{content:"Preview size: " attr(data-capture-width) "x" attr(data-capture-height);position:absolute;right:-10px;bottom:-10px;left:-10px;top:-30px;z-index:0;padding-top:5px;padding-right:10px;font-size:10px;line-height:20px;color:#ccc;text-align:right;background:#fff;border:1px solid #eee;border-radius:5px}.course-browser__comparer--compare-mode::after{content:"";position:absolute;z-index:1;top:-25px;left:0;padding-left:20px;font-size:12px;line-height:20px;color:#333;background-image:none;background-repeat:no-repeat;background-size:18px}.course-browser__comparer--attempt::after{content:"Мой результат";background-image:var(--my-result-icon)}.course-browser__comparer--reference::after{content:"Образец";background-image:var(--goal-icon)}.course-browser__comparer--compare-mode .course-browser__zoomer-element{position:static;display:block;box-shadow:0 0 3px #ccc}.course-browser__reference-image{position:absolute;top:0;left:0;z-index:2;display:block;opacity:0;background-position:0 0;pointer-events:none;transition:opacity 500ms ease}.course-interface-client-challenge .course-challenge-controls__button--active{color:#666;background-color:#eee}.course-interface-client-challenge .course-challenge-controls__button--active:active,.course-interface-client-challenge .course-challenge-controls__button--active:focus,.course-interface-client-challenge .course-challenge-controls__button--active:hover{background-color:#ddd}.cvc-compare-settings{position:absolute;top:-50px;left:0;right:0;display:flex;justify-content:center}.cvc-compare-settings__group{position:relative;box-shadow:0 0 5px #ccc}.cvc-compare-settings__group .radio-button__text{min-width:150px;text-align:center}.cvc-compare-settings__group .radio-button:last-child{position:absolute;right:-50px;transform:scale(.8)}.cvc-compare-settings__group .radio-button:last-child .radio-button__text{min-width:0}.course-interface-client-challenge .course-browser__course-challenge-controls .course-task-stats--left-aligned{border-top-width:0}.task-mobile-menu{display:none}@media (max-width:768px){.course-interface,body{background-color:#fcfaf9}.course-interface{min-width:360px;min-height:610px}.course-container{position:fixed;left:0;right:0;top:45px;bottom:70px;min-height:510px;height:auto;background-color:#fcfaf9!important}.course-container__inner{box-shadow:none}.course-layout{flex-direction:column;height:auto;background-color:#fcfaf9!important;overflow:hidden}.page-header{position:fixed;top:0;left:0;right:0;height:45px}.course-layout__sidebar{display:none}.course-layout__column{flex-basis:calc(100vh - 100px)!important;width:auto}.course-separator-control{display:none}.course-layout__column--left,.course-layout__column--right,.course-theory{display:none!important}.course-layout--mobile-screen-editor .course-layout__column--left,.course-layout--mobile-screen-preview .course-layout__column--right,.course-layout--mobile-screen-task .course-theory{display:flex!important}.course-browser__menu{padding-left:0}.course-interface-client-challenge .course-theory,.course-interface-client-challenge .course-theory:not(.course-theory--collapsed){position:relative;flex-basis:auto!important;flex-grow:1;width:auto;padding:0;overflow-y:auto}.course-interface-client-challenge .course-theory:not(.course-theory--collapsed) .course-theory__inner{box-shadow:none;background-color:#fcfaf9}.course-theory__inner{min-height:0!important}.course-interface__overlay{display:none!important}.main-nav__course-nav{min-width:300px!important}.main-menu__course-nav{min-width:0}.course-nav__list{width:150px;flex-grow:0!important;justify-content:center;pointer-events:none}.main-nav__course-list{justify-content:center!important;pointer-events:none}.course-nav__list::before,.main-nav__course-list::before{content:"№";font-size:12px;line-height:18px;color:#9696a2}.course-nav__title,.main-nav__course-title{display:none}.course-nav__title::after,.course-nav__title::before{content:none}.course-nav__stat,.main-nav__course-stat{margin-left:10px}.page-footer{display:none}.cvc-overview{padding-bottom:0}.cvc-overview__meta{display:block;padding-top:10px;padding-bottom:10px;margin-top:auto;margin-bottom:0;border-bottom:1px solid #e6e6f1;background-color:#f8f8f8}.cvc-overview__intro{position:relative;padding-left:35px;margin-bottom:0;font-size:12px;line-height:18px}.cvc-overview__intro::before{content:"";position:absolute;top:-5px;left:0;width:30px;height:30px;background-image:var(--target-icon);background-repeat:no-repeat;background-position:center;background-size:30px 30px;border-radius:50%}.cvc-overview__heading{display:none}.cvc-overview__lead{font-size:12px;line-height:18px;color:#333;text-transform:lowercase}.cvc-overview__lead::before{content:"Задача";font-weight:700;font-size:14px;margin-right:5px;text-transform:none}.cvc-overview__meta-list{display:none}.cvc-overview__snapshots{display:flex;flex-direction:column;flex-grow:1;justify-content:center;margin:0;padding:10px;gap:15px}.cvc-overview__snapshot{position:relative;margin:0 auto;padding:6px;background:#fff;border-radius:12px;box-shadow:0 0 3px rgba(21,24,65,.12)}.cvc-overview__snapshot:first-child::after{content:"";position:absolute;right:50%;bottom:-6px;z-index:3;width:10px;height:10px;border-right:3px solid #ffa181;border-bottom:3px solid #ffa181;transform:translateX(50%) rotate(45deg);pointer-events:none;border-radius:1px;box-shadow:2px 2px #fcfaf9,5px 5px #ffa181;opacity:.7}.cvc-overview__snapshot-header{position:absolute;left:-10px;top:-5px;z-index:1;padding:5px 8px 5px 35px;background:#fff;border-radius:8px;box-shadow:0 0 3px rgba(21,24,65,.12)}.cvc-overview__snapshot-icon{position:absolute;top:4px;left:5px;z-index:1;width:26px;height:26px;background-color:#f0edf9;background-repeat:no-repeat;background-position:center;background-size:14px 14px;border-radius:50%}.cvc-overview__snapshot-title{color:#151841;font-size:12px;line-height:16px;font-weight:400}.cvc-overview__snapshot-text{display:none}.cvc-overview__snapshot-frame{width:266px;height:200px;background:#f6f1e9;border:1px solid #ddd7cf;border-radius:7px;overflow:hidden}.cvc-overview__snapshot-image{object-fit:cover}.cvc-overview__footer{display:block;padding:10px 20px;border-top:none}.cvc-overview__result-info{position:relative;display:block;max-width:300px;padding:0;margin:0 auto}.cvc-overview__result-title{position:absolute;top:-10px;left:-10px;z-index:2;padding:5px 8px 5px 35px;font-size:12px;line-height:25px;font-weight:400;color:#151841;background:#fff;border-radius:8px;box-shadow:0 0 3px rgba(21,24,65,.12)}.cvc-overview__result-icon{position:absolute;top:-6px;left:-5px;z-index:3;width:26px;height:26px;background-color:#f0edf9;background-repeat:no-repeat;background-position:center;background-size:14px 14px;border-radius:50%}.cvc-progress{display:block;width:auto;height:35px;font-size:12px;line-height:35px;color:#fff;text-align:center;background-color:#e8e8e8;border-radius:6px;box-shadow:0 0 3px rgba(21,24,65,.12),inset 0 0 1px rgba(21,24,65,.12)}.cvc-progress-tip{display:none}.cvc-progress-tip--mobile{display:inline;font-size:12px;line-height:35px;color:#999}.cvc-overview__actions{display:none}.course-layout__column{flex-basis:auto!important;flex-grow:1;border-bottom-color:#f5f5f5!important}.course-editor__label{background-color:#fff}.course-editor-controls__item--save{display:none}.course-browser__menu-item{border-left:0}.course-layout__browser{border-bottom:none!important}.course-browser__menu{display:none}.course-browser__comparer{flex-shrink:0}.course-challenge-controls{height:0}.course-browser__menu-button--autorun,.course-browser__results-restriction,.course-challenge-controls__button,.course-task-stats{display:none}.cvc-compare-settings__group .radio-button:last-child{display:none}.task-mobile-menu{position:fixed;left:10px;right:10px;bottom:12px;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:10px;height:45px;padding:10px 5px;border-radius:10px;background:#f8f8f8;box-shadow:0 0 2px #ccc,0 0 0 5px #fff,0 0 5px 5px #ccc}.task-mobile-menu__group{flex-wrap:nowrap}.task-mobile-menu .radio-button{position:relative;height:40px}.task-mobile-menu .radio-button::before{content:'';position:absolute;top:10px;left:5px;width:20px;height:20px;background-repeat:no-repeat;background-position:center;background-size:20px 20px;background-image:var(--task-mobile-menu-challenge-icon)}.task-mobile-menu .radio-button::after{content:none;position:absolute;right:5px;bottom:4px;left:5px;height:3px;background:#ffa181;border-radius:999px}.task-mobile-menu__group .radio-button__text{padding-left:30px;font-size:12px;line-height:30px;color:#1a213d;background:0 0;border:0}.task-mobile-menu .radio-button:nth-child(1)::before{background-image:var(--task-mobile-menu-challenge-icon)}.task-mobile-menu .radio-button:nth-child(2)::before{background-image:var(--task-mobile-menu-code-icon)}.task-mobile-menu .radio-button:nth-child(3)::before{background-image:var(--task-mobile-menu-preview-icon)}.task-mobile-menu__group .radio-button:has(:checked)::after{content:""}.task-mobile-menu__group .radio-button__input:checked+.radio-button__text{color:#1a213d;background:0 0;box-shadow:none}.task-mobile-menu__check{position:relative;height:36px;padding:0 15px 0 32px;font-size:12px;line-height:30px;color:#fff;background:#302683;border:0;border-radius:8px}.task-mobile-menu__check.button--inactive{opacity:.5}.task-mobile-menu__check::before{content:"";position:absolute;top:8px;left:8px;width:20px;height:20px;background-image:var(--task-mobile-menu-play-icon);background-repeat:no-repeat;background-position:center;background-size:20px 20px}.task-mobile-menu__check:focus,.task-mobile-menu__check:hover{background:#3b2da4}}@media (max-width:420px){.cvc-overview__snapshot-frame{width:240px;height:180px}.task-mobile-menu__group .radio-button__text{padding-left:1.05em}.task-mobile-menu__check{padding-left:15px}.task-mobile-menu .radio-button::before,.task-mobile-menu__check::before{content:none}}@media (max-width:520px){.course-browser__modal{overflow:hidden}.course-browser__comparer{transform:scale(.9)}}@media (max-width:480px){.course-browser__comparer{transform:scale(.7)}}