.hf-native-collection-document > .elementor-container,
.hf-native-collection-document > .elementor-container > .elementor-column,
.hf-native-collection-document .elementor-column > .elementor-widget-wrap,
.hf-native-collection-document .elementor-widget-hf-native-collection,
.hf-native-collection-document .elementor-widget-hf-native-collection > .elementor-widget-container {
  width: 100%; max-width: none; margin: 0; padding: 0; border: 0; gap: 0;
}
.hf-native-collection {
  width: 100%; max-width: 1340px; margin: 0 auto; padding: 0;
  color: #000; font-family: "HydroFlask Sans", sans-serif; font-size: 16px; line-height: 24px;
}
.hf-native-collection,
.hf-native-collection * { box-sizing: border-box; }
.hf-native-collection .hf-collection-intro { margin: 0 10px; padding: 0; text-align: center; }
.hf-native-collection .hf-collection-title {
  margin: 0; padding: 20px 0 8px; color: inherit;
  font: 700 28px/42px "HydroFlask Sans", sans-serif; text-align: center;
}
.hf-native-collection .hf-collection-description {
  margin: 0; padding: 0 0 12px; color: inherit;
  font: 400 16px/24px "HydroFlask Sans", sans-serif; text-align: center;
}
.hf-native-collection .hf-collection-slider { margin: 24px 8px 16px; padding: 0; }
.hf-native-collection .hf-collection-rail {
  display: flex; flex-flow: row; justify-content: normal; gap: 10px;
  width: 100%; min-width: 0; margin: 0; padding: 0 0 6px;
  overflow-x: scroll; scrollbar-width: none; scroll-snap-type: x mandatory; scroll-behavior: smooth;
}
.hf-native-collection .hf-collection-rail::-webkit-scrollbar { display: none; }
.hf-native-collection .hf-collection-card {
  display: block; flex: 0 0 120px; max-width: 120px; margin: 0; padding: 0; scroll-snap-align: start;
}
.hf-native-collection .hf-collection-link {
  display: block; width: 120px; margin: 0; padding: 0; border: 0; color: inherit; text-decoration: none;
}
.hf-native-collection .hf-collection-link:hover { box-shadow: 0 4px 4px 0 #00000040; }
.hf-native-collection .hf-collection-link:focus-visible { outline: 2px solid #000; outline-offset: -2px; }
.hf-native-collection .hf-collection-image {
  width: 120px; height: 200px; margin: 0 auto; padding: 0; background: #f0f0f0;
}
.hf-native-collection .hf-collection-image img {
  display: block; width: 120px; height: 200px; max-width: 100%; margin: 0; padding: 0; border: 0; object-fit: fill;
}
.hf-native-collection .hf-collection-caption {
  margin: 0; padding: 4px; color: #000; text-align: center;
  font: 400 15px/24px "HydroFlask Sans", sans-serif;
}
.hf-native-collection .hf-collection-card.is-active .hf-collection-caption { background: #ededed; font-weight: 700; }
.hf-native-collection .hf-collection-card.is-active .hf-collection-link { box-shadow: 0 4px 0 #000; }
.hf-native-collection .hf-collection-controls {
  display: flex; align-items: center; justify-content: center; margin: 12px 0 0; padding: 0;
}
.hf-native-collection .hf-collection-controls[hidden] { display: none; }
.hf-native-collection .hf-collection-scrollbar {
  position: relative; flex: 1 1 auto; min-width: 0; height: 3px; background: #b8b8b8;
}
.hf-native-collection .hf-collection-thumb {
  position: absolute; top: 0; bottom: 0; left: 0; background: #000; transition: left 100ms;
}
.hf-native-collection .hf-collection-arrows { display: flex; flex: 0 0 76px; }
.hf-native-collection .hf-collection-arrow {
  display: block; flex: 0 0 38px; width: 38px; height: 38px; margin: 0; padding: 0;
  border: 0; border-radius: 0; background: transparent; color: #000; cursor: pointer;
}
.hf-native-collection .hf-collection-arrow svg { display: block; width: 38px; height: 38px; }
.hf-native-collection .hf-collection-arrow:disabled { color: #b7b8b9; cursor: default; pointer-events: none; }
.hf-native-collection .hf-collection-rail.is-dragging { scroll-behavior: auto; scroll-snap-type: none; user-select: none; cursor: grabbing; }
@media (min-width: 640px) {
  .hf-native-collection .hf-collection-rail { gap: 20px; }
}
@media (min-width: 768px) {
  .hf-native-collection { padding: 0 20px; }
  .hf-native-collection .hf-collection-intro { margin: 0; padding: 0 20px; }
  .hf-native-collection .hf-collection-title { padding: 24px 0 12px; margin-bottom: 10px; }
  .hf-native-collection .hf-collection-description { padding-bottom: 16px; }
  .hf-native-collection .hf-collection-rail { justify-content: flex-start; }
  .hf-native-collection .hf-collection-controls { margin-top: 24px; }
  .hf-native-collection .hf-collection-arrows { display: none; }
}
