.tociki-inner{position:relative;max-width:100%;font-size:14px;color:#000;background-color:rgba(165 165 165 / 10%);overflow:hidden;line-height:23px;border:1px solid #a0a0a0;border-radius:5px}
a.tociki-title{position:relative;display:flex;align-items:center;justify-content:space-between;height:38px;font-size:16px;font-weight:600;color:#000;padding:0 15px;margin:0}
.tociki-title-text{display:flex}code-box
/*----- Table of Content (TOC). -----*/
.tociki-pro{display:flex;width:100%;clear:both;margin:0}
.tociki-inner{position:relative;max-width:100%;font-size:14px;color:#000;background-color:rgba(165 165 165 / 10%);overflow:hidden;line-height:23px;border:1px solid #a0a0a0;border-radius:5px}
a.tociki-title{position:relative;display:flex;align-items:center;justify-content:space-between;height:38px;font-size:16px;font-weight:600;color:#000;padding:0 15px;margin:0}
.tociki-title-text{display:flex}
.tociki-title-text:before{content:'\f0cb';font-family:'Font Awesome 5 Free';font-size:14px;font-weight:900;margin:0 5px 0 0}
.tociki-title:after{content:'\f078';font-family:'Font Awesome 5 Free';font-size:12px;font-weight:900;margin:0 0 0 25px}
.tociki-title.opened:after{content:'\f077'}
a.tociki-title:hover{text-decoration:none}
#tociki{display:none;padding:0 15px 10px;margin:0}
#tociki ol{padding:0 0 0 15px}
#tociki li{font-size:14px;margin:10px 0}
#tociki li a{color:$(main.color)}
#tociki li a:hover{color:$(main.hover);text-decoration:underline}
/*----- Table of Content (TOC). -----*/ code-box
<audio controls><source src="url-of-audio-file" /></audio>
<form><textarea rows="5" cols="40" onClick=select() readonly>Your Text Here {codeBox}
