/* v348: toolkit tabs fit a phone without sliding + a small light travelling along the card edges (Live Sound Toolkit, Virtual Mixer) */
@media (max-width:700px){
  .kt .kt-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;overflow:visible;padding:6px 4px;scroll-snap-type:none}
  .kt .kt-tab{flex-direction:column;justify-content:flex-start;align-items:center;gap:3px;min-height:58px;padding:6px 1px;font-size:9.5px;line-height:1.15;letter-spacing:-.01em;white-space:normal;text-align:center}
  .kt .kt-tab span{display:block;overflow-wrap:anywhere}
  .kt .kt-tab svg{width:22px;height:22px}
}
@property --ks-a{syntax:"<angle>";inherits:false;initial-value:0deg}
.kt-card,.mx-card,.mx-detail{position:relative}
.kt-card::before,.mx-card::before,.mx-detail::before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1.5px;pointer-events:none;z-index:1;
  background:conic-gradient(from var(--ks-a),transparent 0 72%,#0057e0 88%,#d4a62a 96%,transparent 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);mask-composite:exclude;
  animation:ksTrim 8s linear infinite}
html[data-theme="dark"] .kt-card::before,html[data-theme="dark"] .mx-card::before,html[data-theme="dark"] .mx-detail::before{background:conic-gradient(from var(--ks-a),transparent 0 72%,#4b8dff 88%,#e0b84a 96%,transparent 100%)}
.kt-card:nth-of-type(2n)::before,.mx-card:nth-of-type(2n)::before{animation-duration:11s;animation-direction:reverse}
@keyframes ksTrim{to{--ks-a:360deg}}
@media (prefers-reduced-motion:reduce){.kt-card::before,.mx-card::before,.mx-detail::before{animation:none}}