.table{width:100%;padding:0;margin:0 auto;color:#222;display:flex;flex-direction:column;box-shadow:0 2px 8px rgba(0,0,0,.1);border-top:2px solid #bfbfbf}.table>.element{font-size:18px;display:flex;border-bottom:2px solid #bfbfbf;transition:background-color .3s ease;cursor:pointer;padding:0 8px}.wordsDescription{width:100%;padding:16px;word-wrap:break-word;word-break:break-word;white-space:normal;line-height:1.4;color:black;margin:0 auto 12px}.element-section{background-color:#cccccc;color:#000000;font-size:20px!important}.element-subtopic{background-color:#cccccc;font-size:18px!important}.element-topic{background-color:#e7e7e7;color:#000000}.topic-note{padding-left:20px;margin-top:8px;width:100%;font-size:18px}.text-topic-note{display:flex;align-items:center;cursor:pointer;font-size:20px;font-weight:700}.element-subtopic{background-color:#e7e7e7;color:#000000}.element-task{background-color:#e0e0e0;color:#000000;font-size:18px}.not-finished{background-color:#d8c4c4}.element-frequency{display:flex;align-items:center;justify-content:center;text-align:center;min-width:40px;max-width:40px;margin:8px 4px}.element-percent{padding:5px;border:1px solid grey}.message.human.started,.message.robot.started{background-color:#c0c0c0;color:#000000}.started{background-color:transparent;color:#000000}.completed,.message.human.completed,.message.robot.completed{background-color:#8aa887;color:#000000}.success{background-color:#8c9f7e!important;color:#000000}.vocabluary{background-color:#4d7a4d!important;color:#000000}.vocabluary-progress{background-color:#B9AE68!important;color:#000000}.error{background-color:#d98d8d!important;color:#000000}.message.human.progress,.message.robot.progress,.progress{background-color:#cbbf7f;color:#000000}.completed.error{background:linear-gradient(90deg,#8aa887 50%,#d98d8d 0)}.element-subject-options{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;word-wrap:break-word;word-break:break-word;white-space:normal;line-height:1.4;font-size:20px}.text-audio{width:100%;margin:12px auto;padding:16px}.element-icon{display:block;width:150px;height:auto;object-fit:contain;margin-right:16px;flex-shrink:0;border-radius:12px}.element-name{display:flex;align-items:center;flex:1 1 auto;white-space:normal;word-break:break-word;margin:8px}.date{font-size:18px}.element-word{display:flex;flex:1 1 auto;white-space:normal;word-break:break-word;padding:8px}.element-options{display:flex;align-items:center;white-space:nowrap;flex-shrink:0;word-break:normal;word-wrap:normal;margin:8px 4px;gap:6px}.element-word:first-child{flex:2 1 auto}.element:last-child{border-bottom:none}.stats-column{flex:0 0 auto;width:fit-content;text-align:center;min-width:40px;justify-content:center;align-items:center;white-space:nowrap}.checkBox{width:20px;height:20px;cursor:pointer;position:relative;transition:all .2s}.element-subject{background-color:#e0e0e0;align-items:flex-start;padding:12px!important}.element-subject:hover{background-color:#b9b0cc}.element-title{font-weight:700}.element-title-container{display:flex;justify-content:space-between;align-items:flex-start;width:100%;box-sizing:border-box}.word-default{background-color:#e7e7e7}.btnSubjectOptionsEdit{align-self:flex-end;padding:6px 8px!important}.element-title-container>div{white-space:nowrap}.percent{font-weight:700}.btnElement{cursor:pointer;flex-shrink:0}@media (max-width:768px){.table#subject{margin-top:0}.element-icon{width:150px}.button,.date,.element-subject-options,.element-task,.text-topic-note{font-size:18px}}