.gykkSlide * {user-select: none}
.gykkSlide {position: relative;overflow: hidden}
.gykkSlide .dragging {cursor: grabbing;transition: none}
.gykkSlide .gykkSlide-container {display: flex}
.gykkSlide .gykkItem {position: relative;animation-delay: 0s;animation-iteration-count: 1;animation-fill-mode: forwards}
.gykkSlide .gykkItem:has(.onScreen),.gykkSlide .gykkItem .caption {animation-delay: 0.5s;animation-fill-mode: both}
.gykkSlide .gykkItem .caption.hidden {display: none;visibility: hidden;opacity: 0}
.gykkSlide .gykkItem.active {left: 0;opacity: 1}
.gykkSlide .gykkItem.previous {left: -100%}
.gykkSlide img {display: block;width: 100%;height: auto}
.gykkSlide .gykkSlide-navs {}
.gykkSlide .nav-button {position: absolute;top: 50%;transform: translateY(-50%);background-color: rgba(0, 0, 0, 0.5);color: white;border: none;padding: 10px;cursor: pointer;z-index: 10}
.gykkSlide .nav-button.prev {left: 10px}
.gykkSlide .nav-button.next {right: 10px}
.gykkSlide .gykkSlide-dots {text-align: center;margin-top: 10px}
.gykkSlide .dot {display: inline-block;width: 10px;height: 10px;margin: 5px;background-color: gray;border-radius: 50%;cursor: pointer}
.gykkSlide .dot.active {background-color: black}
.gykkSlide .gykkSlide-thumbs-wrapper {display: flex;align-items: center;justify-content: center;gap: 8px;margin-top: 10px;width: 100%}
.gykkSlide .gykkSlide-thumbs {position: relative;overflow: hidden;flex: 1 1 auto;width: 100%;scroll-behavior: smooth}
.gykkSlide .gykkSlide-thumbs-track {display: flex;flex-wrap: nowrap;transition: transform 0.3s ease}
.gykkSlide .gykkSlide-thumbs:not(.has-scroll) .gykkSlide-thumbs-track {justify-content: center}
.gykkSlide .gykkThumb {box-sizing: border-box;padding: 5px;cursor: pointer;opacity: 0.6;transition:opacity 0.3s,border-color 0.3s;border: 2px solid transparent}
.gykkSlide .gykkThumb img {display: block;width: 100%;height: auto}
.gykkSlide .gykkThumb.active {opacity: 1;border-color: #000;box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1)}
.gykkSlide .gykkThumb-nav {background-color: rgba(0, 0, 0, 0.5);color: #fff;border: none;padding: 6px 10px;cursor: pointer;display: flex;align-items: center;justify-content: center;border-radius: 2px;transition: opacity 0.3s}
.gykkSlide .gykkThumb-nav[disabled] {opacity: 0.3;cursor: default}
.gykkSlide .gykkThumb-nav:not([disabled]):hover {opacity: 0.7}