iframe#set-excercise {
  width: 100%;
  /* height: 550px; */
  border: none;

}

#wrap-excercise {
  width: 650px;

  margin: 10px auto;
  display: block;
}




.set-path a {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}

.set-path a.active {


  color: rgb(255, 255, 255);

  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(to right, #fbbf24, #f97316);
  border-bottom-color: rgb(229, 229, 229)
}

#comments-add label {
  display: none;
}

/* #comments-add  */
textarea,
#comments-add input[type=text],
.finish input[type=text] {
  background-color: rgb(255, 255, 255);
  border-bottom-color: oklch(0.929 0.013 255.508);
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-image-outset: 0;
  border-image-repeat: stretch;
  border-image-slice: 100%;
  border-image-source: none;
  border-image-width: 1;
  border-left-color: oklch(0.929 0.013 255.508);
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: oklch(0.929 0.013 255.508);
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: oklch(0.929 0.013 255.508);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-top-style: solid;
  border-top-width: 1px;
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px;
  box-sizing: border-box;
  color: rgb(0, 0, 0);
  margin-bottom: 12px;
  padding: 12px;
  width: 100%;

}

/* #comments-add  */

input[type=submit] {
  --tw-gradient-position: to right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: var(--color-violet-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  --tw-gradient-to: var(--color-blue-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  padding: 8px 16px;
  color: rgb(255, 255, 255);
  border-radius: var(--radius-xl);
  display: block;
  margin-left: auto;
}

.comments-list-box .comments-title,
.comments-list-box h3 {
  display: none;
}

.comments-list-box .item {
  padding: 16px;
  /* margin-bottom: 16px; */
overflow: hidden;
border-bottom: 1px solid oklch(0.929 0.013 255.508)
}

.comments-list-box .podpis {
  color: var(--color-slate-800);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
margin-bottom: 8px;
float: left;
}

.comments-list-box .minelo {
  color: var(--color-slate-500);
font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
margin-bottom: 8px;
margin-left: 8px;
float: left;

}

.comments-list-box .tekst {
color: var(--color-slate-700);
width: 100%;
float: left;
}

/* TODO */
.comments-list-box .paginator {
  display: none;
}