/******************************************************
* FM Slider Stylesheet
******************************************************/
/******************************************************
* FM Slider Components: Keyframes
******************************************************/
@keyframes fm-slider-scroll-snap-none {
  from {
    scroll-snap-align: none;
  }
  to {
    scroll-snap-align: none;
  }
}
/******************************************************
* Utilities: Mixins
******************************************************/
/******************************************************
* FM Slider Components: Core Styles
******************************************************/
/*----- Base Classes -----*/
.fm-slider,
.shopify-section:has([data-is-visual-preview-mode]) [data-fm-slider] {
  --dot-label-width: 2rem;
  --dot-label-height: 2rem;
  --_scrollport-focus-ring-offset: 0.25rem;
  contain: content;
}
.fm-slider[data-loaded=true],
.shopify-section:has([data-is-visual-preview-mode]) [data-fm-slider][data-loaded=true] {
  contain: unset;
}
.fm-slider,
.shopify-section:has([data-is-visual-preview-mode]) [data-fm-slider] {
  --_total-in-view-gaps-width: calc(round(up, var(--slides-to-show, 1) - 1, 1) * var(--slide-gap, 1.25rem));
  --_slide-width-percentage: calc((100% - var(--offset-start-width, 0%) - max(var(--_total-in-view-gaps-width, 0rem), 0rem)) / var(--slides-to-show, 1));
  width: 100%;
  position: relative;
  display: grid;
}
.fm-slider.fm-slider--will-not-scroll,
.shopify-section:has([data-is-visual-preview-mode]) [data-fm-slider].fm-slider--will-not-scroll {
  --_slide-width-percentage: calc(
  	(100% - var(--_offset-width, 0%)) / round(down, var(--slides-to-show, 1), 1) - var(--slide-gap, 1.25rem) +
  		(var(--slide-gap, 1.25rem) / round(down, var(--slides-to-show, 1), 1))
  );
}
.fm-slider.fm-slider--will-not-scroll .fm-slider__scrollport,
.shopify-section:has([data-is-visual-preview-mode]) [data-fm-slider].fm-slider--will-not-scroll .fm-slider__scrollport {
  justify-content: var(--slide-align, flex-start);
}

.fm-slider__scrollport,
.shopify-section:has([data-is-visual-preview-mode]) [data-fm-slider] .js-fm-slider-scrollport {
  scroll-snap-type: both mandatory;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  flex-direction: var(--_flex-direction, row);
  overflow-x: var(--_overflow-x, auto);
  overflow-y: var(--_overflow-y, hidden);
  overscroll-behavior-x: var(--_overscroll-behavior-x, contain);
  overscroll-behavior-y: var(--_overscroll-behavior-y, unset);
  gap: var(--slide-gap, 1.25rem);
  border: var(--_scrollport-focus-ring-offset) solid transparent;
  margin: calc(var(--_scrollport-focus-ring-offset) * -1);
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.fm-slider__scrollport::-webkit-scrollbar,
.shopify-section:has([data-is-visual-preview-mode]) [data-fm-slider] .js-fm-slider-scrollport::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
  background: transparent;
}
.fm-slider__scrollport::-moz-scrollbar,
.shopify-section:has([data-is-visual-preview-mode]) [data-fm-slider] .js-fm-slider-scrollport::-moz-scrollbar {
  display: none;
}
.fm-slider__scrollport,
.shopify-section:has([data-is-visual-preview-mode]) [data-fm-slider] .js-fm-slider-scrollport {
  scroll-padding-inline: var(--scroll-padding-inline, var(--_scrollport-focus-ring-offset));
  scroll-padding-block: var(--scroll-padding-block, var(--_scrollport-focus-ring-offset));
}

.fm-slider__scrollport--is-vertical {
  --_flex-direction: column;
  --_overflow-x: hidden;
  --_overflow-y: auto;
  --_overscroll-behavior-x: unset;
  --_overscroll-behavior-y: unset;
}
.fm-slider__scrollport--is-vertical .fm-slider__offset--start {
  margin-block-end: calc(var(--slide-gap, 1.25rem) * -1);
}
.fm-slider__scrollport--is-vertical .fm-slider__offset--end {
  margin-block-start: calc(var(--slide-gap, 1.25rem) * -1);
}

.fm-slider__slide,
.shopify-section:has([data-is-visual-preview-mode]) [data-fm-slider] .js-fm-slider-scrollport > *:not(.fm-slider__offset) {
  scroll-snap-align: var(--slide-align, start);
  flex: 0 0 var(--slide-width, var(--_slide-width-percentage));
  scroll-snap-stop: always;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  animation: var(--_slide-animation-scroll-snap);
}

.fm-slider__offset {
  margin-block: unset;
  scroll-snap-align: none;
  scroll-snap-stop: always;
}

.fm-slider__offset--start {
  flex: 0 0 var(--offset-start-width, 0);
  margin-inline-end: calc(var(--slide-gap, 1.25rem) * -1);
}

.fm-slider__offset--end {
  flex: 0 0 var(--offset-end-width, 0);
  margin-inline-start: calc(var(--slide-gap, 1.25rem) * -1);
}

/*----- Slider States -----*/
[data-fm-slider]:not(.fm-slider) .fm-slider__controls,
[data-fm-slider]:not(.fm-slider) .fm-slider__offset,
[data-fm-slider]:not(.fm-slider) .fm-slider__clone,
[data-fm-slider]:not(.fm-slider) .js-fm-slider-dots,
[data-fm-slider]:not(.fm-slider) .js-fm-slider-control-autoplay,
[data-fm-slider]:not(.fm-slider) .js-fm-slider-control-next,
[data-fm-slider]:not(.fm-slider) .js-fm-slider-control-prev,
.fm-slider--will-not-scroll .fm-slider__controls,
.fm-slider--will-not-scroll .fm-slider__offset,
.fm-slider--will-not-scroll .fm-slider__clone,
.fm-slider--will-not-scroll .js-fm-slider-dots,
.fm-slider--will-not-scroll .js-fm-slider-control-autoplay,
.fm-slider--will-not-scroll .js-fm-slider-control-next,
.fm-slider--will-not-scroll .js-fm-slider-control-prev {
  display: none !important;
}

.fm-slider:not(.fm-slider--has-autoplay) .fm-slider__control--autoplay {
  display: none;
}

.fm-slider--has-offset-start .fm-slider__offset--start {
  scroll-snap-align: var(--slide-align, start);
}

.fm-slider--has-offset-end .fm-slider__offset--end {
  scroll-snap-align: var(--slide-align, start);
}

/*----- Current Index/Total Slides Count -----*/
.fm-slider__current-index:has(.js-fm-slider-total-slides-count:empty) {
  display: none;
}

/*----- Effects -----*/
.fm-slider:has(.fm-slider__slide--is-initial):not(:has(.fm-slider__offset)) .fm-slider__slide:not(.fm-slider__slide--is-initial) {
  --_slide-animation-scoll-snap: fm-slider-scroll-snap-none 5ms;
}
.fm-slider:has(.fm-slider__slide--is-initial):has(.fm-slider__offset):has(.fm-slider__slide--is-initial[data-slide-index="0"]) .fm-slider__slide {
  --_slide-animation-scroll-snap: fm-slider-scroll-snap-none 5ms;
}
.fm-slider:has(.fm-slider__slide--is-initial):has(.fm-slider__slide--is-initial:not([data-slide-index="0"])) .fm-slider__offset {
  --_slide-animation-scroll-snap: fm-slider-scroll-snap-none 5ms;
}

/******************************************************
* FM Slider Components: Dots
******************************************************/
/*----- Dots Container -----*/
.fm-slider__dots {
  position: static;
  overflow-x: var(--_overflow-x, auto);
  overflow-y: var(--_overflow-y, unset);
  overscroll-behavior-x: var(--_overscroll-behavior-x, contain);
  overscroll-behavior-y: var(--_overscroll-behavior-y, unset);
  scroll-snap-type: both mandatory;
  margin: 0 auto;
  width: 100%;
  display: flex;
  flex-direction: var(--_flex-direction, row);
  justify-content: flex-start;
  align-items: center;
  gap: var(--dot-gap, 0rem);
}
.fm-slider__dots:empty {
  display: none !important;
}
.fm-slider__dots {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.fm-slider__dots::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
  background: transparent;
}
.fm-slider__dots::-moz-scrollbar {
  display: none;
}

.fm-slider__dots--is-vertical {
  --_flex-direction: column;
  --_overflow-x: unset;
  --_overflow-y: auto;
  --_overscroll-behavior-x: unset;
  --_overscroll-behavior-y: contain;
  margin: auto 0;
}

/*----- Individual Dot -----*/
.fm-slider__dot-wrapper {
  position: relative;
  scroll-snap-align: var(--dot-align, var(--slide-align, start));
}
.fm-slider__dot-wrapper label {
  width: var(--dot-label-width);
  height: var(--dot-label-height);
}

.fm-slider__dot {
  border: none;
  line-height: 1;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  min-width: 0;
  min-height: 0;
}

/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Utilities: Functions
******************************************************/
/******************************************************
* Functions: Units
******************************************************/
/******************************************************
* Utilities: Mixins
******************************************************/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Mixins: Accessibility
******************************************************/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Mixins: Breakpoints
******************************************************/
/******************************************************
* Mixins: Typography
******************************************************/
/*----- Named Styles -----*/
/*----- RTE Typography -----*/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Mixins: Layout
******************************************************/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Mixins: Decorations
******************************************************/
/*----- Checkmarks, Arrows, and Plus Signs -----*/
/*----- Loaders -----*/
/*----- Lists -----*/
/*----- Line-Based Decorations -----*/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Mixins: Dropdown
******************************************************/
/******************************************************
* Mixins: Accordion
******************************************************/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Mixins: Aspect Ratio
******************************************************/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Mixins: Queries
******************************************************/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Mixins: Positioning
******************************************************/
/******************************************************
* Mixins: Buttons
******************************************************/
/*----- Base Styles -----*/
/*----- Main Button Base -----*/
/*----- Primary Button -----*/
/*----- Secondary Button -----*/
/*----- Tertiary Button -----*/
/*----- Button Pill -----*/
/*----- Tab Button -----*/
/*----- Button Helpers -----*/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Utilities: Mixins
******************************************************/
/******************************************************
* Mixins: Cards
******************************************************/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Mixins: Containers
******************************************************/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Mixins: Display
******************************************************/
/*----- SR-Only/Invisible -----*/
/*----- No-Flicker -----*/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Mixins: Drawers
******************************************************/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Mixins: Grid
******************************************************/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Mixins: HTML Elements
******************************************************/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Mixins: Interactive
******************************************************/
/*----- Basic Interactive Styles -----*/
/*----- Complex Interactive Styles -----*/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Mixins: Media
******************************************************/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Mixins: Scrollbars
******************************************************/
/******************************************************
* Utilities: Mixins
******************************************************/
/******************************************************
* Mixins: Modals
******************************************************/
/*----- Base, Functional Mixin -----*/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Mixins: Name
******************************************************/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Mixins: Toggles
******************************************************/
/******************************************************
* Partials: FM Slider Theme Styles
******************************************************/
/*----- Outer Layout -----*/
.fm-slider {
  gap: 1rem;
  display: flex;
  flex-direction: column;
}
.fm-slider:has(.fm-slider__dots--is-vertical) {
  padding-left: calc(var(--dot-label-width) + 2rem);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
}
.fm-slider:has(.fm-slider__dots--is-vertical) .fm-slider__scrollport {
  flex: 1;
}
.fm-slider:has(.fm-slider__dots--is-vertical) .fm-slider__controls {
  flex-direction: column;
  margin-inline: 0;
  width: auto;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  flex-shrink: 0;
}
.fm-slider:has(.fm-slider__dots--is-vertical) .fm-slider__dots {
  flex: 1;
}
.fm-slider:has(.fm-slider__dots--is-vertical) .fm-slider__control .icon {
  transform: rotate(90deg);
}

.fm-slider:has(.fm-slider__scrollport--is-vertical) {
  width: 100%;
  height: 80vh;
}

/*----- Individual Slide -----*/
.fm-slider__slide {
  position: relative;
}
.fm-slider__slide [data-generic-load=lazy] > *,
.fm-slider__slide [data-generic-load=interaction] > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/*----- Controls -----*/
.fm-slider__controls {
  gap: 0.5rem;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
}

.fm-slider__dots {
  max-width: max-content;
}

/*----- Standard Dots -----*/
.fm-slider__dot-wrapper:has(.fm-slider__dot--standard) label {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.fm-slider__dot-wrapper:has(.fm-slider__dot--standard) label::before {
  content: "";
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50% !important;
  background-color: currentColor;
  border: 0.0625rem solid transparent;
  opacity: 0.5;
}
.fm-slider__dot-wrapper:has(.fm-slider__dot--standard):has(:checked) label::before {
  opacity: 1;
}
.fm-slider__dot-wrapper:has(.fm-slider__dot--standard):has(:focus-visible) label::before {
  outline: 0.125rem solid var(--focus-ring-color, var(--border--focus));
  outline-offset: var(--focus-ring-offset);
  border-radius: var(--border-radius, var(--focus-ring-border-radius));
}

/*----- Thumbnail Dots -----*/
.fm-slider--has-thumbnails {
  --dot-label-width: 6rem;
  --dot-label-height: 6rem;
  --dot-gap: 0.5rem;
}

.fm-slider__dot-wrapper:has(.fm-slider__dot--thumb) label {
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border: 0.0625rem solid var(--border-swatch);
  border-radius: var(--radius-secondary);
}
.fm-slider__dot-wrapper:has(.fm-slider__dot--thumb):has(:checked) label {
  border-color: var(--border-strong);
}
.fm-slider__dot-wrapper:has(.fm-slider__dot--thumb):has(:checked):has(:focus-visible) label {
  outline: 0.125rem solid var(--focus-ring-color, var(--border--focus));
  outline-offset: calc(var(--focus-ring-offset) * -1);
  border-radius: var(--border-radius, var(--focus-ring-border-radius));
}

/*----- Thumbnail Dots with Media Type Icons -----*/
.fm-slider__dot-wrapper:has(.fm-slider__dot--thumb):has(.fm-slider__dot--is-video) label, .fm-slider__dot-wrapper:has(.fm-slider__dot--thumb):has(.fm-slider__dot--is-video-youtube) label, .fm-slider__dot-wrapper:has(.fm-slider__dot--thumb):has(.fm-slider__dot--is-video-vimeo) label, .fm-slider__dot-wrapper:has(.fm-slider__dot--thumb):has(.fm-slider__dot--is-3d-model) label {
  position: relative;
}
.fm-slider__dot-wrapper:has(.fm-slider__dot--thumb):has(.fm-slider__dot--is-video) label::before, .fm-slider__dot-wrapper:has(.fm-slider__dot--thumb):has(.fm-slider__dot--is-video-youtube) label::before, .fm-slider__dot-wrapper:has(.fm-slider__dot--thumb):has(.fm-slider__dot--is-video-vimeo) label::before, .fm-slider__dot-wrapper:has(.fm-slider__dot--thumb):has(.fm-slider__dot--is-3d-model) label::before {
  content: "";
  display: block;
  background-color: var(--surface-bg);
  opacity: 0.75;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.fm-slider__dot-wrapper:has(.fm-slider__dot--thumb):has(.fm-slider__dot--is-video) label::after, .fm-slider__dot-wrapper:has(.fm-slider__dot--thumb):has(.fm-slider__dot--is-video-youtube) label::after, .fm-slider__dot-wrapper:has(.fm-slider__dot--thumb):has(.fm-slider__dot--is-video-vimeo) label::after, .fm-slider__dot-wrapper:has(.fm-slider__dot--thumb):has(.fm-slider__dot--is-3d-model) label::after {
  content: "";
  background-color: currentColor;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.fm-slider__dot-wrapper:has(.fm-slider__dot--thumb):has(.fm-slider__dot--is-video) label::after, .fm-slider__dot-wrapper:has(.fm-slider__dot--thumb):has(.fm-slider__dot--is-video-youtube) label::after, .fm-slider__dot-wrapper:has(.fm-slider__dot--thumb):has(.fm-slider__dot--is-video-vimeo) label::after {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M0 256a256 256 0 1 1 512 0 256 256 0 1 1-512 0zm188.3-108.9c-7.6 4.2-12.3 12.3-12.3 20.9v176c0 8.7 4.7 16.7 12.3 20.9s16.8 4.1 24.3-.5l144-88c7.1-4.4 11.5-12.1 11.5-20.5s-4.4-16.1-11.5-20.5l-144-88c-7.4-4.5-16.7-4.7-24.3-.5z'/%3E%3C/svg%3E");
}
.fm-slider__dot-wrapper:has(.fm-slider__dot--thumb):has(.fm-slider__dot--is-3d-model) label::after {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M640 32a32 32 0 1 0-64 0 32 32 0 1 0 64 0zM32 64C14.3 64 0 78.3 0 96s14.3 32 32 32h64l-57.6 76.8c-7.3 9.7-8.4 22.7-3 33.5S51.9 256 64 256h16c26.5 0 48 21.5 48 48v48c0 17.7-14.3 32-32 32h-5.5c-8.5 0-16.6-3.4-22.6-9.4l-13.3-13.2c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L22.6 420c18 18 42.4 28.1 67.9 28.1H96c53 0 96-43 96-96v-48c0-47-29-87.3-70.1-103.9l63.7-84.9c7.3-9.7 8.4-22.7 3-33.5S172.1 64 160 64H32zm448 80c0-8.8 7.2-16 16-16s16 7.2 16 16v224c0 8.8-7.2 16-16 16s-16-7.2-16-16V144zm96 224V144c0-44.2-35.8-80-80-80s-80 35.8-80 80v224c0 44.2 35.8 80 80 80s80-35.8 80-80zM288 160c0-17.7 14.3-32 32-32s32-14.3 32-32-14.3-32-32-32c-53 0-96 43-96 96v208c0 44.2 35.8 80 80 80s80-35.8 80-80v-96c0-44.2-35.8-80-80-80-5.5 0-10.8.6-16 1.6V160zm0 112c0-8.8 7.2-16 16-16s16 7.2 16 16v96c0 8.8-7.2 16-16 16s-16-7.2-16-16v-96z'/%3E%3C/svg%3E");
}

/*----- Autoplay -----*/
.fm-slider--has-autoplay[data-autoplaying=true] .fm-slider__autoplay-icon--play {
  display: none;
}
.fm-slider--has-autoplay[data-autoplaying=false] .fm-slider__autoplay-icon--pause {
  display: none;
}

.fm-slider__control--autoplay {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background-color: var(--surface-bg);
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  z-index: 2;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}