.sixtk-spoiler{
  margin-block:28px;
  overflow:hidden;
  color:#211a29;
  background:#f1eaff;
  border:1px solid #2b1c34;
  border-radius:10px;
}
.sixtk-spoiler>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px 22px;
  cursor:pointer;
  list-style:none;
  font-family:Arial,Helvetica,sans-serif;
  font-size:17px;
  font-weight:800;
  line-height:1.25;
  transition:background-color .2s ease,color .2s ease;
}
.sixtk-spoiler>summary::-webkit-details-marker{display:none}
.sixtk-spoiler>summary::marker{content:""}
.sixtk-spoiler>summary:hover{background:#e6d9ff}
.sixtk-spoiler>summary:focus-visible{outline:3px solid #6c32ed;outline-offset:-4px}
.sixtk-spoiler-icon{
  display:grid;
  place-items:center;
  flex:0 0 30px;
  width:30px;
  height:30px;
  color:#fff;
  background:#6c32ed;
  border-radius:50%;
  font:700 22px/1 Arial,Helvetica,sans-serif;
  transition:transform .25s ease,background-color .2s ease;
}
.sixtk-spoiler[open]>summary{background:#e6d9ff;border-bottom:1px solid #cbb8f1}
.sixtk-spoiler[open]>summary .sixtk-spoiler-icon{transform:rotate(45deg)}
.sixtk-spoiler-content{
  padding:22px;
  overflow-x:auto;
  background:#fff;
  font-family:Arial,Helvetica,sans-serif;
}
.sixtk-spoiler-content>:first-child{margin-top:0}
.sixtk-spoiler-content>:last-child{margin-bottom:0}
.sixtk-spoiler-content table{width:100%}
html[data-sixam-theme="dark"] .sixtk-spoiler{color:#f7f2f8;background:#30263a;border-color:#655b6c}
html[data-sixam-theme="dark"] .sixtk-spoiler>summary:hover,
html[data-sixam-theme="dark"] .sixtk-spoiler[open]>summary{background:#40324e;border-color:#655b6c}
html[data-sixam-theme="dark"] .sixtk-spoiler-content{color:#ddd4df;background:#211a29}
@media(max-width:720px){
  .sixtk-spoiler{margin-block:22px}
  .sixtk-spoiler>summary{padding:16px 17px;font-size:16px}
  .sixtk-spoiler-content{padding:18px 17px}
}
@media(prefers-reduced-motion:reduce){.sixtk-spoiler-icon{transition:none}}
