.syx-side{
  --sa-bg:#ffffff;
  --sa-alt:#f1f2f7;
  --sa-line:#e6e7ee;
  --sa-text:#0d112e;
  --sa-text2:#5a5f7a;
  --sa-muted:#abafc6;
  --sa-accent:#1bb9d8;
  --sa-accent2:#0c1f57;
  --sa-green:#41b78e;
  --sa-red:#bf2696;
  --sa-radius:14px;
  color:var(--sa-text);
  width:100%;
  background:#fff;
  border:1px solid var(--sa-line);
  border-radius:var(--sa-radius);
  padding:18px;
  font-family:"korolev",sans-serif;
}
.syx-side *{box-sizing:border-box}

.syx-side__header{margin-bottom:12px}
.syx-side__title{font-family:'Happy Season',sans-serif;font-size:20px;font-weight:700;color:var(--sa-accent2)!important;margin:0!important;text-transform:none;line-height:1.1}

.syx-side__list{display:flex;flex-direction:column;gap:8px}

.syx-side__row{display:flex;gap:12px;padding:12px;background:#fff;border:1px solid var(--sa-line);border-radius:12px;transition:.18s ease}
.syx-side__row:hover{border-color:var(--sa-accent);box-shadow:0 6px 16px rgba(12,31,87,.07)}
.syx-side__row.active{border-color:var(--sa-accent);box-shadow:0 0 0 3px rgba(27,185,216,.16)}

.syx-side__row-date{flex-shrink:0;width:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--sa-alt);border-radius:10px;padding:6px 0;line-height:1.1}
.syx-side__row-wd{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--sa-text2)}
.syx-side__row-num{font-size:20px;font-weight:800;color:var(--sa-accent2)}
.syx-side__row-mo{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--sa-text2)}

.syx-side__row-times{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-content:center;gap:6px}
.syx-side__row-today{width:100%;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--sa-accent)}
.syx-side__time{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;background:var(--sa-alt);border-radius:999px;font-size:12px;font-weight:700;color:var(--sa-text)}

.syx-side .syx-side__badge{display:inline-block;width:auto;padding:1px 7px;border-radius:999px;font-size:10px;font-weight:700;line-height:1.6}
.syx-side .syx-side__badge.available{background:rgba(65,183,142,.16);color:var(--sa-green)}
.syx-side .syx-side__badge.full{background:rgba(191,38,150,.14);color:var(--sa-red)}

.syx-side__more-btn{display:block;width:100%;margin-top:12px;padding:10px;background:#fff;border:1px solid var(--sa-line);border-radius:10px;font:600 13px "korolev",sans-serif;color:var(--sa-accent2);cursor:pointer;transition:.18s ease}
.syx-side__more-btn:hover{background:var(--sa-accent);border-color:var(--sa-accent);color:#fff}

.syx-side__loading,.syx-side__empty{display:flex;align-items:center;justify-content:center;gap:10px;padding:30px 14px;color:var(--sa-text2);font-size:13px;text-align:center}
.syx-side__spinner{width:24px;height:24px;border:3px solid var(--sa-line);border-top-color:var(--sa-accent);border-radius:50%;animation:ssideSpin .7s linear infinite}
@keyframes ssideSpin{to{transform:rotate(360deg)}}