// Box Shadow
.ktv-box-shadow-sm {
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
}
.ktv-box-shadow {
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
}
.ktv-box-shadow-md {
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}
.ktv-box-shadow-lg {
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}
.ktv-box-shadow-xl {
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1),
    0 8px 10px -6px rgb(0 0 0 / 0.1);
}
.ktv-box-shadow-2xl {
  box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
}
.ktv-box-shadow-inner {
  box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
}
.ktv-box-shadow-none {
  box-shadow: 0 0 #0000;
}

// Opacity
.ktv-opacity-0 {
  opacity: 0;
}
.ktv-opacity-5 {
  opacity: 0.05;
}
.ktv-opacity-10 {
  opacity: 0.1;
}
.ktv-opacity-20 {
  opacity: 0.2;
}
.ktv-opacity-25 {
  opacity: 0.25;
}
.ktv-opacity-30 {
  opacity: 0.3;
}
.ktv-opacity-40 {
  opacity: 0.4;
}
.ktv-opacity-50 {
  opacity: 0.5;
}
.ktv-opacity-60 {
  opacity: 0.6;
}
.ktv-opacity-70 {
  opacity: 0.7;
}
.ktv-opacity-75 {
  opacity: 0.75;
}
.ktv-opacity-80 {
  opacity: 0.8;
}
.ktv-opacity-90 {
  opacity: 0.9;
}
.ktv-opacity-95 {
  opacity: 0.95;
}
.ktv-opacity-100 {
  opacity: 1;
}