.pkc-punctuation .int-content{padding:0}.pkc-punctuation .pkc-punctuation-header{display:flex;justify-content:space-between;padding:15px}.pkc-punctuation .pkc-punctuation-content__image-solved{position:relative;bottom:14px}.pkc-punctuation .pkc-punctuation-content{display:flex;justify-content:center;flex-wrap:wrap;margin:40px 10px 50px 10px;font-size:24px;line-height:18px}.pkc-punctuation .pkc-punctuation-content--align-left{justify-content:flex-start;padding-left:15px}.pkc-punctuation .pkc-punctuation-content__item{display:flex;flex-direction:row;padding-bottom:20px}.pkc-punctuation .pkc-punctuation-content__text--submitted{position:relative}.pkc-punctuation .pkc-punctuation-content__text--submitted:after{position:absolute;bottom:100%;left:20%}.pkc-punctuation .pkc-punctuation-content__text--correct:after{content:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="11"><path fill="green" fill-rule="evenodd" d="M13.17 0L5.08 8.09 1.41 4.41 0 5.82l5.09 5.09 9.49-9.5z"/></svg>')}.pkc-punctuation .pkc-punctuation-content__text--wrong:after{content:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10"><path fill="red" fill-rule="evenodd" d="M10 8.59L8.59 10 5 6.41 1.41 10 0 8.59 3.59 5 0 1.41 1.41 0 5 3.59 8.59 0 10 1.41 6.41 5z"/></svg>')}.pkc-punctuation .pkc-punctuation-content__item--breakline{flex-basis:100%;visibility:hidden;padding-bottom:0;margin:0;border:0;height:0}.pkc-punctuation .pkc-punctuation-content__item div:last-child{width:13px}.pkc-punctuation .pkc-punctuation-caption{display:flex;justify-content:center;font-size:12px;margin-bottom:10px}.pkc-punctuation .pkc-punctuation-items{width:100%;height:60px;background-color:#fafafa;display:flex;align-items:center;justify-content:center;border-top:1px solid #d6d6d6}.pkc-punctuation .pkc-punctuation-items__item{width:22px;height:40px;background-color:#fff;border:1px solid #cacaca;border-radius:3px;outline:0;display:flex;align-items:center;justify-content:center;margin:0 5px}.pkc-punctuation .pkc-punctuation-items__item:focus:not(.pkc-punctuation-items__item--dragged){outline:2px solid #c99300}.pkc-punctuation .pkc-punctuation-items__item.pkc-punctuation-items__item--selected{outline:2px solid #1763a6}.pkc-punctuation .pkc-punctuation-items__item--dragged{background:transparent}.pkc-punctuation .pkc-punctuation-content__dropzone{width:13px;height:26px;position:relative;bottom:3px}.pkc-punctuation .pkc-punctuation-content__dropzone:focus{outline:2px solid #c99300}.pkc-punctuation .pkc-punctuation-content__dropzone--hovered{background-color:#d6ebf5}.pkc-punctuation .pkc-punctuation-content__dropzone--active{background-color:#f7fbfd;border:1px dashed #99a5b3;box-sizing:border-box;border-radius:2px}.pkc-punctuation .pkc-punctuation-content__dropzone--idle{background-color:transparent}.dark-mode .pkc-punctuation .pkc-punctuation-items{background-color:#2b2b2b;border-top:1px solid #000}.dark-mode .pkc-punctuation .pkc-punctuation-items__item{background-color:#1a1a1a}.dark-mode .pkc-punctuation .pkc-punctuation-items__item--dragged{background:transparent}.dark-mode .pkc-punctuation .pkc-punctuation-content__dropzone--hovered{background-color:#2b2b2b;border:1px dashed #8a8a8a}.dark-mode .pkc-punctuation .pkc-punctuation-content__dropzone--active{background-color:#596071;border:1px dashed #8a8a8a;box-sizing:border-box;border-radius:2px}.dark-mode .pkc-punctuation .pkc-punctuation-content__dropzone--idle{background-color:transparent}