.pkc-clickable-string .int-content{padding:0;border:0;background-color:transparent}.pkc-clickable-string .cs-container{border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;overflow-x:auto}.pkc-clickable-string .int-footer--shown{z-index:10}.pkc-clickable-string .cs-image{padding-bottom:30px;padding-top:30px;padding-left:10px;padding-right:10px}.pkc-clickable-string .cs-image__img{display:block;margin:auto}.pkc-clickable-string .cs-play-icon{display:flex;justify-content:center;padding-bottom:20px}.pkc-clickable-string .cs-play-icon .play button:focus{border:2px solid #c99300}.pkc-clickable-string .cs-task{display:flex;flex-direction:column}.pkc-clickable-string .cs-buttons{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;padding:0 10px 26px 10px;margin:auto}.pkc-clickable-string .cs-buttons__container{display:flex;margin:0;padding:0;font-size:3.6rem;line-height:2.18ch}.pkc-clickable-string .cs-buttons__container--words,.pkc-clickable-string .cs-controls{display:flex;flex-wrap:wrap;justify-content:center}.pkc-clickable-string .cs-controls{min-width:25%;flex-direction:row;order:1;padding-top:15px;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0}.pkc-clickable-string .cs-controls__button{display:flex;align-items:center;justify-content:flex-start;background:transparent;margin:0 15px 15px 15px;border:1px solid transparent;border-radius:1px;background-color:#fff;text-align:left;flex-direction:row-reverse;min-width:120px;border-radius:30px}.pkc-clickable-string .cs-controls__container{height:100%;display:flex;align-items:center;justify-content:center;border:1px solid #99a5b3;border-radius:0 30px 30px 0;border-left:0;padding-right:6px}.pkc-clickable-string .cs-controls__text{border:1px solid #99a5b3;padding:5px 15px;border-radius:30px 0 0 30px}.pkc-clickable-string .cs-controls__button--selected .cs-controls__text{color:#fff}.pkc-clickable-string .cs-buttons__button{font-size:3.6rem;line-height:2.18ch;background-color:transparent;border:2px solid #e0e0e0;outline:none;height:0;padding-bottom:2.18ch;position:relative;margin:0 2px 15px 2px}.pkc-clickable-string .cs-buttons__button:hover{border:2px solid #d6d6d6}.pkc-clickable-string .cs-buttons__button:focus{border:2px solid #c99300}.pkc-clickable-string .cs-buttons__button--letters{width:2.4ch;font-family:IBM Plex Mono,monospace}.pkc-clickable-string .cs-buttons__button--letters span{position:relative;top:-2px}.pkc-clickable-string .cs-buttons__button--empty{width:0;padding:0;border:0;margin:0}.pkc-clickable-string .cs-buttons__button--selected{border:2px solid #3584e8!important}.pkc-clickable-string .cs-underline__line1{position:absolute;bottom:-12px;left:0;width:100%;height:8px}.pkc-clickable-string .cs-underline__line2,.pkc-clickable-string .cs-underline__line3{position:absolute;bottom:-9px;left:0;width:100%;height:3px}.pkc-clickable-string .cs-underline__line4,.pkc-clickable-string .cs-underline__line5{position:absolute;bottom:-11px;left:0;width:100%;height:6px}.pkc-clickable-string .cs-buttons__button--break-line{flex-basis:100%}.pkc-clickable-string .cs-buttons__button--break-letters,.pkc-clickable-string .cs-buttons__button--break-line{visibility:hidden;padding-bottom:0;margin:0;border:0;height:0}.pkc-clickable-string .cs-buttons__button--hide-punctuation{pointer-events:none;position:relative;top:4px;text-align:left;margin:0;padding:0;border:0}.pkc-clickable-string .cs-buttons__button--hide{display:none}.pkc-clickable-string .cs-legend{padding:10px 20px}.pkc-clickable-string .cs-legend__container{display:flex;align-items:center}.pkc-clickable-string .cs-underline{width:50px;display:inline-block;margin-right:20px;position:relative;bottom:auto;left:auto}.pkc-clickable-string .cs-underline__cntrlbtn{max-width:40px;margin:auto auto auto 5px}.pkc-clickable-string .clickable-string__footer{display:flex;align-items:center;justify-content:center}.pkc-clickable-string .clickable-string__hide{display:none}.pkc-clickable-string .cs__next-step{pointer-events:auto}.dark-mode .pkc-clickable-string .cs-container{border-right:1px solid #000;border-left:1px solid #000}.dark-mode .pkc-clickable-string .cs-buttons__button{border:2px solid #8a8a8a;color:#fff}.dark-mode .pkc-clickable-string .cs-buttons__button:hover{border:2px solid #d6d6d6}.dark-mode .pkc-clickable-string .cs-buttons__button:focus{border:2px solid #c99300}.dark-mode .pkc-clickable-string .play button:hover{background-color:#000}.dark-mode .pkc-clickable-string .cs-controls{border-top:1px solid #000;border-left:1px solid #000;border-right:1px solid #000}.dark-mode .pkc-clickable-string .cs-controls__button{background-color:#1a1a1a;color:#fff}.dark-mode .pkc-clickable-string .cs-controls__button--selected{background-color:#2b2b2b;border:1px solid #8a8a8a}