body {
  background: #F8F9FA;
}

@keyframes libraryFadeUp {
  from {
    opacity: 0;
    transform: translate3d(0, 28px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes libraryBannerFloat {
  0% {
    transform: scale(1.02) translateY(0);
  }
  50% {
    transform: scale(1.06) translateY(-8px);
  }
  100% {
    transform: scale(1.02) translateY(0);
  }
}

.uw-library {
  padding-bottom: clamp(35px, 5.7142857143vw, 80px);
}
.uw-swiper__media {
  overflow: hidden;
}
.uw-swiper__media img {
  animation: libraryBannerFloat 9s ease-in-out infinite;
  transform-origin: center center;
}
.uw-library__menu,
.uw-library__list .item,
.uw-library__pagination {
  opacity: 0;
  transform: translate3d(0, 28px, 0);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.uw-library__menu.is-visible,
.uw-library__list .item.is-visible,
.uw-library__pagination.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.uw-library__menu {
  background: #FFFFFF;
  box-shadow: 4px 10px 12px 0px rgba(174, 194, 231, 0.3);
  border-radius: 0px 0px 0px 0px;
  border: 1px solid #FFFFFF;
  gap: clamp(12px, 1.7142857143vw, 24px);
  padding: clamp(22px, 3.1428571429vw, 44px);
  position: relative;
  top: calc(-1 * clamp(22px, 3.1428571429vw, 44px));
}
@media (max-width: 991px) {
  .uw-library__menu {
    justify-content: flex-start;
  }
}
.uw-library__menu a {
  padding: clamp(9px, 1.2857142857vw, 18px) clamp(24px, 3.4285714286vw, 48px);
  border: 2px solid #333333;
  flex-shrink: 0;
  font-weight: 500;
  font-size: clamp(14px, 1.2857142857vw, 18px);
  color: #333333;
  display: flex;
  align-items: center;
  transition: transform 0.35s ease, box-shadow 0.35s ease, background-color 0.35s ease, color 0.35s ease, border-color 0.35s ease;
}
.uw-library__menu a img {
  display: block;
}
.uw-library__menu a img.selsec {
  display: none;
}
.uw-library__menu a img {
  margin-right: clamp(6px, 0.8571428571vw, 12px);
}
.uw-library__menu a.active {
  background: #0070F2;
  color: #FFF;
  border-color: #0070F2;
}
.uw-library__menu a.active img {
  display: none;
}
.uw-library__menu a.active img.selsec {
  display: block;
}
.uw-library__menu a:hover {
  background: #0070F2;
  color: #FFF;
  border-color: #0070F2;
  transform: translateY(-4px);
  box-shadow: 0 14px 24px rgba(0, 112, 242, 0.18);
}
.uw-library__menu a:hover img {
  display: none;
}
.uw-library__menu a:hover img.selsec {
  display: block;
}
.uw-library__menu {
  overflow-x: auto;
}
.uw-library__menu::-webkit-scrollbar {
  display: none;
}
.uw-library__list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: clamp(12px, 1.7142857143vw, 24px);
}
.uw-library__list .item {
  background-color: #fff;
  padding: clamp(18px, 2.5714285714vw, 36px) clamp(24px, 4vw, 56px);
  border: 1px solid transparent;
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}
.uw-library__list .item:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 36px rgba(24, 62, 110, 0.12);
  border-color: rgba(0, 112, 242, 0.18);
}
.uw-library__list .item .pdf {
  width: clamp(52px, 5.7142857143vw, 80px);
  height: clamp(52px, 5.7142857143vw, 80px);
  margin-right: clamp(12px, 1.7142857143vw, 24px);
  transition: transform 0.35s ease;
}
.uw-library__list .item:hover .pdf {
  transform: translateY(-4px) scale(1.04);
}
.uw-library__list .item .right {
  flex: 1;
}
.uw-library__list .item .in h2 {
  font-weight: 500;
  font-size: clamp(14px, 1.7142857143vw, 24px);
  color: #333333;
  transition: color 0.3s ease;
}
.uw-library__list .item:hover .in h2 {
  color: #0070F2;
}
.uw-library__list .item .in div {
  gap: clamp(16px, 2.2857142857vw, 32px);
  margin-top: clamp(12px, 1.4285714286vw, 20px);
}
.uw-library__list .item .in div span {
  font-weight: 400;
  font-size: clamp(12px, 1vw, 14px);
  color: #9CA3AF;
}
.uw-library__list .item .down {
  margin-left: auto;
  width: clamp(100px, 10.1428571429vw, 142px);
  height: clamp(36px, 3.4285714286vw, 48px);
  background: #0070F2;
  font-weight: 500;
  font-size: clamp(12px, 1.1428571429vw, 16px);
  color: #FFFFFF;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
}
.uw-library__list .item:hover .down {
  transform: translateY(-2px);
  box-shadow: 0 12px 22px rgba(0, 112, 242, 0.22);
  background: #0A7BFF;
}
.uw-library__list .item .down img {
  margin-right: clamp(3px, 0.4285714286vw, 6px);
  transition: transform 0.3s ease;
}
.uw-library__list .item:hover .down img {
  transform: translateY(2px);
}
@media (max-width: 767px) {
  .uw-library__list .item {
    align-items: flex-start;
    padding: 16px 12px;
  }
  .uw-library__list .item .right {
    flex-direction: column;
    align-items: flex-start;
  }
  .uw-library__list .item .right .in div {
    margin-top: 10px;
  }
  .uw-library__list .item .right .in div span {
    font-size: 13px;
  }
  .uw-library__list .item .right .down {
    margin-left: 0;
    width: 96px;
    height: 36px;
    margin-top: 16px;
  }
}
.uw-library__pagination {
  gap: clamp(8px, 1.4285714286vw, 20px);
  margin-top: clamp(24px, 3.4285714286vw, 48px);
}
.uw-library__pagination a {
  width: clamp(28px, 2.7142857143vw, 38px);
  height: clamp(28px, 2.7142857143vw, 38px);
  line-height: clamp(28px, 2.7142857143vw, 38px);
  text-align: center;
  font-weight: 400;
  font-size: 12px;
  color: #333333;
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}
.uw-library__pagination a:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(24, 62, 110, 0.12);
  border-color: #0070F2;
  color: #0070F2;
}
.uw-library__pagination a.active {
  background: #0070F2;
  color: #FFF;
  border-color: #0070F2;
}
.uw-library__pagination a.per, .uw-library__pagination a.next {
  width: clamp(48px, 4.7142857143vw, 66px);
  height: clamp(28px, 2.7142857143vw, 38px);
  line-height: clamp(28px, 2.7142857143vw, 38px);
}

@media (prefers-reduced-motion: reduce) {
  .uw-swiper__media img {
    animation: none;
  }
  .uw-library__menu,
  .uw-library__list .item,
  .uw-library__pagination {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .uw-library__menu a,
  .uw-library__list .item,
  .uw-library__list .item .pdf,
  .uw-library__list .item .in h2,
  .uw-library__list .item .down,
  .uw-library__list .item .down img,
  .uw-library__pagination a {
    transition: none;
  }
}
/*# sourceMappingURL=library.css.map */