/*--------------------------------**
|  Component LCP-swiper standalone  |
**--------------------------------*/
/*-----------------**
|  Global variables  |
**-----------------*/
/*****************
* Theming colors *
*****************/
/*----------------------------------------------------------**
|  Protype base variabelen voor de skin.css = prototype skin  |
**----------------------------------------------------------*/
/*******
* Grid *
*******/
/********
* Links *
********/
/**************
* transitions *
**************/
/************
* separator *
************/
/*-----------------------------**
|  Variables protype typography  |
**-----------------------------*/
/*---------------**
|  Globale option  |
**---------------*/
/* color output */
/* Scafolding */
/*--------------------------------**
|  Globale base colors for theming  |
**--------------------------------*/
/*-----------------------**
|  Globale base variables  |
**-----------------------*/
/*---------------------**
|  Globale base z-index  |
**---------------------*/
/*-------------------------**
|  Globale base Transitions  |
**-------------------------*/
/*----------------**
|  Globale Shadows  |
**----------------*/
/*------------------------**
|  Globale Spacing partial  |
**------------------------*/
/*------------------------**
|  Global base grid system  |
**------------------------*/
/*-----------------------**
|  Globale Border styling  |
**-----------------------*/
/*----------------------**
|  Global base separator  |
**----------------------*/
/*---------------------------**
|  Globale Base Focus styling  |
**---------------------------*/
/*----------------------**
|  Global link variables  |
**----------------------*/
/*-------------------**
|  Globale Typography  |
**-------------------*/
/* Font-family */
/*--------------------------------------------------------------------**
|  Use `inspect` for lists so that quoted items keep the quotes.        |
|  See https://github.com/sass/sass/issues/2383#issuecomment-336349172  |
**--------------------------------------------------------------------*/
/* Font weight */
/* font-size */
/* Headings style */
/*------------------**
| headings h1,h2,h3  |
**------------------*/
/*-------------------------**
|  Base variables voor Body  |
**-------------------------*/
/*--------------------**
|  Globale Breakpoints  |
**--------------------*/
/**************************************************************************
* Grid containers                                                         *
* // Define the maximum width of `.container` for different screen sizes. *
**************************************************************************/
/*--------------------------**
|  Globale Helpers variables  |
**--------------------------*/
/*---------------------------**
|  Base helper view variables  |
**---------------------------*/
/*-----------------------**
|  Globale core variables  |
**-----------------------*/
/*----------------------**
|  Global icon Variables  |
**----------------------*/
/* Icon size */
/* Icon text-padding (spacing between icon and text) */
/* Icon base styling */
/* variables base cbo font */
/*--------**w
|  New add  |
**--------*/
/* External [target="_blank"] icons base icon */
/* Inplace editing */
/*---------------------------**
|  Global core List variables  |
**---------------------------*/
/*------------------------------**
|  Global core buttons variables  |
**------------------------------*/
/*--------------------------**
|  Global core box Variables  |
**--------------------------*/
/*----------------------------**
|  Globale alert-box variables  |
**----------------------------*/
/*-----------------------**
|  Global Table Variables  |
**-----------------------*/
/*-------------------------**
|  Global overlay variables  |
**-------------------------*/
/*----------------------------------**
|  Globale navigation core variables  |
**----------------------------------*/
/* Nav-tabs */
/*--------------------------**
|  Global dropdown variables  |
**--------------------------*/
/*------------------------**
|  Global Scroll variables  |
**------------------------*/
/*----------------------------**
|  Breadcrumb Global variables  |
**----------------------------*/
/* Padding niet op a want staat inline dus op de wrapper */
/*-----------------------**
|  Global Media variables  |
**-----------------------*/
/*----------------------**
|  Global Status styling  |
**----------------------*/
/*-----------------------**
|  Globale form variables  |
**-----------------------*/
/* label variables */
/* Input variables */
/*----------------------------**
|  Global myinterest variables  |
**----------------------------*/
/*----------------------------**
|  Global favorites variables  |
**----------------------------*/
/*---------------------------------**
|  Global ticket__from-icon styling  |
**---------------------------------*/
/*--------------------------**
|  Global variable Accordion  |
**--------------------------*/
/*-----------------------**
|  Global steps variables  |
**-----------------------*/
/*--------------------**
|  Global variables poi  |
**--------------------*/
/*--------------------------**
|  Global taxonmie variables  |
**--------------------------*/
/*-------------------------------------------------------------------------**
|  Globale Variables for frontend-scss\scss\layout\components\_anchors.scss  |
**-------------------------------------------------------------------------*/
/*--------------------------**
|  Global Base Caret styling  |
**--------------------------*/
/*------------------------**
|  Globale Badge variables  |
**------------------------*/
/*-----------------------**
|  Global image variables  |
**-----------------------*/
/*---------------------------**
|  Global copyright variables  |
**---------------------------*/
/*------------------------------**
|  Global base loading indicator  |
**------------------------------*/
/*--------------------------------------**
|  Globale Download components variables  |
**--------------------------------------*/
/*-----------------------**
|  Globale date variables  |
**-----------------------*/
/*-------------------------**
|  Globale Toggle variables  |
**-------------------------*/
/*-------------------------**
|  Global partial variables  |
**-------------------------*/
/* Partial */
/* partial-grid layout */
/*-----------------------**
|  Global event variables  |
**-----------------------*/
/*------------------------------**
|  Global hall finder variables  |
**------------------------------*/
/* modules cordis */
/*----------------------------------------------------------------**
|  Globale variables voor de vrije content zone via de class .info  |
**----------------------------------------------------------------*/
/*-------------------------**
|  Globale Social variables  |
**-------------------------*/
/*------------------------**
|  Globale share variables  |
**------------------------*/
/*------------------------**
|  Global cookie variables  |
**------------------------*/
/*-----------------------------**
|  Global alertbanner variables  |
**-----------------------------*/
/*---------------------------**
|  Globale Contact variabelen  |
**---------------------------*/
/* Streetmap base dimensions */
/* hours styling */
/*--------------------------**
|  Global Calendar variables |
**--------------------------*/
/*--------------------------**
|  Global Timetables variables |
**--------------------------*/
/*------------------------------**
|  Global progress bar variables  |
**------------------------------*/
/* modules intranet */
/*--------------------------------------------**
|  Globale Prikbord / bulletin-board variables  |
**--------------------------------------------*/
/*---------------------------**
|  Globale birthday variables  |
**---------------------------*/
/*-------------------------------**
|  Global inout persons variables  |
**-------------------------------*/
/*------------------------------------------**
|  Global applications/ toepassing variables  |
**------------------------------------------*/
/* modules school */
/*-------------------------**
|  Globale header variables  |
**-------------------------*/
/*------------------------**
|  Global search variables  |
**------------------------*/
/*--------------------------------**
|  Global main structure variables  |
**--------------------------------*/
/*------------------------**
|  Global Footer variables  |
**------------------------*/
/*---------------------------**
|  Global home page variables  |
**---------------------------*/
/*-------------------------------**
|  Globale page sitemap variables  |
**-------------------------------*/
/* Global Components */
/*----------------------------------**
|  Global variables Component swiper  |
**----------------------------------*/
/* Global modules */
/*---------------------------------**
|  Global content-blocks variabelen  |
**---------------------------------*/
/*----------------------------**
|  Variable pagebuilder pb.css  |
**----------------------------*/
/*---------------------------------------**
|  Globale Variables Slideshow / bxslider  |
**---------------------------------------*/
/*-------------------------**
|  Globale variables filter  |
**-------------------------*/
/*---------------------------------------**
|  Globale Variables AI Search  |
**---------------------------------------*/
/*----------------------------------------**
|  Global Local tiles standalone variables  |
**----------------------------------------*/
/*------------------------------------**
|  Global static standalone atoz pages  |
**------------------------------------*/
/* Icordis */
/*--------------------------**
|  Globale sorting variables  |
**--------------------------*/
/*-----------------------------------------------------------------------------**
|  Variables global widget overrule + toekomst depc door vervanging pagebuilder  |
**-----------------------------------------------------------------------------*/
/*--------------------------------------**
|  Variables Skin specific herdeclareren  |
**--------------------------------------*/
/*-----------------------------------**
|  Optons specific overrule voor skin  |
**-----------------------------------*/
/*-------------------------**
|  Base color defirentieren  |
**-------------------------*/
/* in commentarieren indien andere globale colors */
/*-------------------------------------------**
|  Variable base variables voor skin  |
**-------------------------------------------*/
/* Variables over kopieren van de globale als je de globale base variables wilt wijzigen */
/*---------------------------------------**
|  Variable Shadow specific skin/intranet  |
**---------------------------------------*/
/* Extra shadow skin/intranet specific? */
/*-------------------------------**
|  Variable Spacing skin/intranet  |
**-------------------------------*/
/* Variables over kopieren van de globale als je de globale spacing in skin/intranet wilt wijzigen */
/*--------------------------------------**
|  Variable border styling skin  |
**--------------------------------------*/
/* Variables over kopieren van de globale als je de globale border style in skin/intranet wilt wijzigen */
/*---------------**
|  Link variables  |
**---------------*/
/*----------------------------------**
|  Variable typography skin  |
**----------------------------------*/
/* Variables over kopieren van de globale als je de globale typography in skin wilt wijzigen */
/* Font-family */
/*--------------------------------------------------------------------**
|  Use `inspect` for lists so that quoted items keep the quotes.        |
|  See https://github.com/sass/sass/issues/2383#issuecomment-336349172  |
**--------------------------------------------------------------------*/
/* Font weight */
/* font-size */
/* Headings style */
/*------------------**
| headings h1,h2,h3  |
**------------------*/
/*---------------------------------**
|  Variable base body skin  |
**---------------------------------*/
/* Variables over kopieren van de globale als je de globale body variables in skin wilt wijzigen */
/**************************************************************************
* Grid containers                                                         *
* // Define the maximum width of `.container` for different screen sizes. *
**************************************************************************/
/*----------------------------------------------**
|  Variable helpers variables voor skin/intranet  |
**----------------------------------------------*/
/* Variables over kopieren van de globale als je de globale helpers variables wilt wijzigen */
/*-------------------------------**
|  View helper skin  |
**-------------------------------*/
/* Variables over kopieren van de globale als je de view helper variables voor skin wilt wijzigen */
/*-------------------------------------------**
|  Variable core variables voor skin  |
**-------------------------------------------*/
/* Variables over kopieren van de globale als je de globale core variables wilt wijzigen */
/*-------------------------------**
|  Icon base voor skin  |
**-------------------------------*/
/* Variables over kopieren van de globale als je de icon base variables voor skin wilt wijzigen */
/* Icon size */
/* Icon text-padding (spacing between icon and text) */
/* Icon base styling */
/* variables base cbo font */
/*--------**w
|  New add  |
**--------*/
/* External [target="_blank"] icons base icon */
/* Inplace editing */
/* Inplace editing */
/* Inplace editing */
/* STAD LOKEREN */
/*-------------------------------**
|  List base voor skin  |
**-------------------------------*/
/* Variables over kopieren van de globale als je de list core variables voor skin wilt wijzigen */
/*-------------------------------**
|  Button base voor skin/intranet  |
**-------------------------------*/
/* Variables over kopieren van de globale als je de button core variables voor skin/intranet wilt wijzigen */
/*-------------------------------**
|  Box base voor skin  |
**-------------------------------*/
/* Variables over kopieren van de globale als je de box core variables voor skin wilt wijzigen */
/***********************
* Make box variants *
***********************/
/*-------------------------------**
|  Alertbox base voor skin  |
**-------------------------------*/
/* Variables over kopieren van de globale als je de alertbox core variables voor skin wilt wijzigen */
/*-------------------------------**
|  Table base voor skin  |
**-------------------------------*/
/* Variables over kopieren van de globale als je de tables core variables voor skin wilt wijzigen */
/********************
* Variables overlay *
********************/
/*----------------------------------------------**
|  Base Variabelen navigation Core en declaratie  |
**----------------------------------------------*/
/* Nav-tabs */
/*********************
* Variabels dropdown *
*********************/
/*------------------------------------------**
|  Define theme colors for dropdown variants  |
**------------------------------------------*/
/*----------------**
|  Variable Scroll  |
**----------------*/
/*-----------**
|  Breadcrumb  |
**-----------*/
/*---------------------------------**
|  Variable media skin  |
**---------------------------------*/
/* Variables over kopieren van de globale als je de globale media variables in skin wilt wijzigen */
/*-----------------------------**
|  Variable status styling skin  |
**-----------------------------*/
/* Variables over kopieren van de globale als je de globale status styling variables in skin/intranet wilt wijzigen */
/*---------------------------------**
|  Variable Formbuilder, form input styling  |
**---------------------------------*/
/* Variables over kopieren van de globale als je de form variables wilt wijzigen */
/* label variables */
/* Input variables */
/*-----------------**
|  Variables header  |
**-----------------*/
/*-----------------**
|  Variables Search  |
**-----------------*/
/*-------------------------**
|  Main structure variables  |
**-------------------------*/
/*----------------**
|  Variable footer  |
**----------------*/
/*-----------------------------------**
|  Variabelen Favorites aka Bookmarks |
**-----------------------------------*/
/*----------------------------------------------------------------**
|  Define Theme colors for alertbox variants indien global niet ok  |
**----------------------------------------------------------------*/
/*------------------**
|  Variables anchors  |
**------------------*/
/*----------------**
|  Variables Caret  |
**----------------*/
/* Variables over kopieren van de globale als je de globale caret variables in skin wilt wijzigen */
/*----------------**
|  Variables Badge  |
**----------------*/
/* Variables over kopieren van de globale als je de globale badge variables in skin wilt wijzigen */
/*****************
* Variable image *
*****************/
/*--------------------**
|  Copyright variables  |
**--------------------*/
/*-------------------**
|  Variable Downloads  |
**-------------------*/
/* Variables over kopieren van de globale als je de globale download variables in skin wilt wijzigen */
/*--------------**
|  Variable date  |
**--------------*/
/* Variables over kopieren van de globale als je de globale date variables in skin wilt wijzigen */
/*------------------**
|  Variables partial  |
**------------------*/
/* Variables over kopieren van de globale als je de globale partial variables in skin wilt wijzigen */
/* Partial */
/* partial-grid layout */
/* partial-cssgrid layout */
/* partial-cssgrid-icon layout */
/* partial__topical */
/*******************
* Variables events *
*******************/
/*-----------------**
|  Variables toggle  |
**-----------------*/
/*----------------------------------------**
|  Global Local tiles standalone variables  |
**----------------------------------------*/
/********************
* Variables Popover *
********************/
/*******************
* Variables Letter *
*******************/
/***********************
* Variables accordions *
***********************/
/*----------------**
|  Variables steps  |
**----------------*/
/*-------------**
|  Progress-bar  |
**-------------*/
/* progress-bar used for stand alone eloket */
/*****************
* Variable Poi *
*****************/
/*-------------------**
|  Variable taxonomie  |
**-------------------*/
/*-----------------------------------**
|  Variable Info / vrije content zone  |
**-----------------------------------*/
/* Variables over kopieren van de globale als je de globale infoe/Vrije content zone variables in skin wilt wijzigen */
/*----------------**
|  Variable social  |
**----------------*/
/* Variables over kopieren van de globale als je de globale social variables in skin wilt wijzigen */
/*--------------------**
|  share-box Variables  |
**--------------------*/
/* Variables over kopieren van de globale als je de globale share variables in skin wilt wijzigen */
/*------------------------**
|  Global cookie variables  |
**------------------------*/
/*----------------------**
|  Variables Alertbanner  |
**----------------------*/
/*------------------**
|  Variables contact  |
**------------------*/
/* Streetmap base dimensions */
/* hours styling */
/*------------------**
|  Variabelen Filter  |
**------------------*/
/*******************
* Variables events *
*******************/
/**********************
* Variables roadworks *
**********************/
/********************
* Variables Persons *
********************/
/***************************
* Variables agendanotullen *
***************************/
/**********************
* Variables projects *
**********************/
/***************
* contentblocks *
***************/
/***********************
* Variables calendar *
***********************/
/***********************
* Variables Dialog *
***********************/
/****************************
* legend *
****************************/
/****************************
* timeline *
****************************/
/*------------------------------------**
|  Variables Prikbord / bulletin-board  |
**------------------------------------*/
/* Variables over kopieren van de globale als je de globale bulletin-board variables in skin wilt wijzigen */
/*-------------------**
|  Variables birthday  |
**-------------------*/
/* Variables over kopieren van de globale als je de globale bulletin-board variables in skin wilt wijzigen */
/*--------------------**
|  Variables home page  |
**--------------------*/
/*------------------**
|  Variables Sitemap  |
**------------------*/
/* Global Components */
/*-----------------------------------------------------------------**
|  overrule global swiper variables  _global\variables\_swiper.scss  |
**-----------------------------------------------------------------*/
/* Global modules */
/*----------------------------**
|  Variable pagebuilder pb.css  |
**----------------------------*/
/*------------------------------------------------------------------------------------------------**
|  ! Pas ook de kleuren toe in de frontend-website\scss\theme\skin\{skin-naam}\portal\_styles.scss |
**------------------------------------------------------------------------------------------------*/
/*-------------------------------**
|  Variables Slideshow / bxslider  |
**-------------------------------*/
/*----------------------------------------**
|  Global Local tiles standalone variables  |
**----------------------------------------*/
/****************************
* jobs - vacatures *
****************************/
/****************************
* jobs *
****************************/
/* Icordis */
/*---------------------**
|  Variable widget skin  |
**---------------------*/
/* Variables over kopieren van de globale als je de widget variables in skin wilt wijzigen */
/*-----------------------------**
|  Variables Sorting standalone  |
**-----------------------------*/
/* Variables over kopieren van de globale als je de globale sorting variables in skin wilt wijzigen */
/*-----------**
|  Base Mixin  |
**-----------*/
/***************
* Mixin colors *
***************/
/*---------**
|  position  |
**---------*/
/*--------**
|  z-index  |
**--------*/
/*------------------------**
|  Text typography styling  |
**------------------------*/
/* Text truncate */
/* Text alignment */
/*---------------------**
|  Mixins Accessibility  |
**---------------------*/
/*************************
* Mixin toggling content *
*************************/
/*----------------**
|  Mixin tab-focus  |
**----------------*/
/*
%focus-style-within {
	--ring-within-inset: var(--ring-inset);
    --ring-within-color: hsla(var(--hsla(var(--focus-h), var(--focus-s), var(--focus-l), var(--focus-a))-h), var(--hsla(var(--focus-h), var(--focus-s), var(--focus-l), var(--focus-a))-s), var(--hsla(var(--focus-h), var(--focus-s), var(--focus-l), var(--focus-a))-l), var(--ring-alpha-within, 0.8));
    --ring-within-color-offset: var(--ring-color-offset);
    --ring-within-width: var(--ring-width);
    --ring-within-width-offset: var(--ring-width-offset);
    --ring-within-offset-shadow: var(--ring-within-inset) 0 0 0 var(--ring-within-width-offset) var(--ring-within-color-offset);
    --ring-within-shadow: var(--ring-within-inset) 0 0 0 calc(var(--ring-within-width) + var(--ring-within-width-offset)) var(--ring-within-color); //0 0 #0000;
	box-shadow: var(--ring-within-offset-shadow, 0 0 #0000), var(--ring-within-shadow, 0 0 #0000), outputCssvar($shadow-none, shadow);
}

%focus-within  {
	&:focus-within {
		@extend %focus-style-within;
		// @include border-radius($border-radius);
    }
}
*/
/*------------------**
|  Mixins Animations  |
**------------------*/
/* Time based animations */
/* View based animations (scroll-driven by element-in-view progress) */
/****************
* Border radius *
****************/
/*--------------------------------**
|  Border-radius mixin the new way  |
**--------------------------------*/
/************
* Gradients *
************/
/************************
* Mixin flex properties *
************************/
/*-----------**
|  mixin icon  |
**-----------*/
[data-lcp-swiper] .lcp-swiper__navigation-link:before {
  position: relative;
  flex-shrink: 0;
  top: var(--icon-position-top, 0);
  display: var(--icon-display, inline-flex);
}
[data-lcp-swiper] .lcp-swiper__navigation-link:first-child:before {
  margin-right: var(--icon-margin-horizontal, var(--icon-margin-horizontal-right, 0));
}
[data-lcp-swiper] .lcp-swiper__navigation-link:last-child:before {
  margin-left: var(--icon-margin-horizontal, var(--icon-margin-horizontal-left, 0));
}
[data-lcp-swiper] .lcp-swiper__navigation-link:before {
  width: var(--icon-size-width, var(--icon-size-square, 1.8rem));
  height: var(--icon-size-height, var(--icon-size-square, 1.8rem));
  min-width: var(--icon-size-width, var(--icon-size-square, 1.8rem));
}

/*----------**
|  Mixin box  |
**----------*/
/***********
* Alertbox *
***********/
/*-----------------**
|  Mixin navigation  |
**-----------------*/
/******************
* Mixins Dropdown *
******************/
/**********
* Mixins navigations *
**********/
/*-------------------------**
|  Mixin status box styling  |
**-------------------------*/
/*------------**
|  Mixins form  |
**------------*/
/*------------**
|  Float mixin  |
**------------*/
/***************
* Mixin Scroll *
***************/
/*----------------**
|  Mixin Container  |
**----------------*/
/*-------------------**
|  Mixin Grid layouts  |
**-------------------*/
/*---------**
|  CSS grid  |
**---------*/
[data-lcp-swiper] {
  position: relative;
}
@media (min-width: 32em) {
  [data-lcp-swiper] .lcp-swiper__buttons {
    position: var(--position, absolute);
    right: var(--position-right, 0);
    bottom: var(--position-bottom, 0);
    display: var(--swiper-buttons-display, flex);
    justify-content: var(--swiper-buttons-justify-content, space-between);
    align-items: var(--swiper-buttons-align-items, center);
  }
}
[data-lcp-swiper] .lcp-swiper__buttons {
  gap: 1rem;
}
@media (min-width: 32em) {
  [data-lcp-swiper] .lcp-swiper__group {
    position: var(--position, absolute);
    bottom: var(--position-bottom, 0);
    left: var(--position-left, 0);
    display: var(--lcp-swiper-group-display, flex);
    justify-content: var(--lcp-swiper-group-justify-content, space-between);
    align-items: var(--lcp-swiper-group-align-items, center);
  }
}
[data-lcp-swiper] .lcp-swiper__group {
  padding-top: var(--btn-padding-vertical, var(--btn-padding-vertical-top, var(--padding-vertical-base)));
  padding-bottom: var(--btn-padding-vertical, var(--btn-padding-vertical-bottom, var(--padding-vertical-base)));
  padding-left: var(--btn-padding-horizontal, var(--btn-padding-horizontal-left, var(--padding-horizontal-base)));
  padding-right: var(--btn-padding-horizontal, var(--btn-padding-horizontal-right, var(--padding-horizontal-base)));
  font-size: var(--btn-font-size, var(--font-size, 1.8rem));
  border-top-left-radius: var(--btn-border-radius-top, var(--btn-border-radius-top-left, var(--border-radius-base)));
  border-top-right-radius: var(--btn-border-radius-top, var(--btn-border-radius-top-right, var(--border-radius-base)));
  border-bottom-left-radius: var(--btn-border-radius-bottom, var(--btn-border-radius-bottom-left, var(--border-radius-base)));
  border-bottom-right-radius: var(--btn-border-radius-bottom, var(--btn-border-radius-bottom-right, var(--border-radius-base)));
}
[data-lcp-swiper] .lcp-swiper__navigation {
  display: var(--swiper-navigation-display, flex);
  justify-content: var(--swiper-navigation-justify-content, flex-start);
  align-items: var(--swiper-navigation-align-items, center);
  --list-padding-horizontal: 0;
  padding-left: var(--list-padding-horizontal, 0);
  list-style: none;
}
[data-lcp-swiper] .lcp-swiper__navigation-link {
  display: var(--display, inline-flex);
  justify-content: var(--btn-justify-content, center);
  align-items: var(--btn-align-items, center);
  --btn-text-color: var(--black);
  --btn-background-color: transparent;
  --btn-border-color: transparent;
  --btn-text-color-hover: var(--black);
  --btn-background-color-hover: transparent;
  --btn-border-color-hover: transparent;
  --icon-color-primary: var(--black);
  --icon-color-hover: var(--black);
  --btn-icon-color-primary: var(--black);
  --btn-icon-color-hover: var(--black);
  --icon-color-primary: var(--gray-base);
  --btn-justify-content: center;
  --btn-align-items: center;
  --icon-margin-horizontal: 0;
  --icon-position-top: 0;
  --icon-size-square: 1.6rem;
  --btn-icon-margin-horizontal: 0;
  --btn-icon-position-top: 0;
  --btn-icon-size-square: 1.6rem;
  width: var(--btn-size-square, var(--btn-size-width, 3.2rem));
  height: var(--btn-size-square, var(--btn-size-height, 3.2rem));
  min-width: var(--btn-size-square, var(--btn-size-width, 3.2rem));
  --btn-padding-vertical: 0;
  --btn-padding-horizontal: 0;
}
[data-lcp-swiper] .lcp-swiper__navigation-link > span {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip-path: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
[data-lcp-swiper] .lcp-swiper__navigation-link:before {
  content: "";
  background-color: var(--icon-color-primary, var(--gray-base));
  border-radius: var(--border-radius, 50%);
  width: var(--icon-size-width, var(--icon-size-square, 1.6rem));
  height: var(--icon-size-height, var(--icon-size-square, 1.6rem));
  min-width: var(--icon-size-width, var(--icon-size-square, 1.6rem));
}
[data-lcp-swiper] .lcp-swiper__navigation-link.active {
  --icon-color-primary: var(--color2-base);
}
[data-lcp-swiper] .lcp-swiper__navigation-link {
  /*
  @include define-cssvar($lcp-swiper-navigation-item-radius, btn-border-radius-top);
  @include define-cssvar($lcp-swiper-navigation-item-radius, btn-border-radius-bottom);
  @include define-cssvar($font-size-small, btn-font-size);

  transition: $transition-base;

  @if($has-swiper-navigation-item-number){
  	@include button-icon-square (
  		//$icon-size: null,
  		$btn-size: $lcp-swiper-navigation-item-size,
  		$has-btn-txt: true,
  	);

  	min-width: 2.5rem;
  	min-height: 2.5rem;
  } @else {
  	@include button-icon-square (
  		//$icon-size: null,
  		$btn-size: $lcp-swiper-navigation-item-size,
  		$has-btn-txt: false,
  	);
  }

  @include button-variant(
  	$text-color: $lcp-swiper-navigation-item-color,
  	$background-color: $lcp-swiper-navigation-item-bg,
  	$border-color: $lcp-swiper-navigation-item-bg,
  	$text-color-hover: $lcp-swiper-navigation-item-color-active,
  	$background-color-hover: $lcp-swiper-navigation-item-bg-active,
  	$border-color-hover: $lcp-swiper-navigation-item-bg-active,
  	$prefix: btn-
  );

  &.active {
  	@include define-cssvar($lcp-swiper-navigation-item-color-active, btn-text-color);
  	@include define-cssvar($lcp-swiper-navigation-item-bg-active, btn-background-color);
  	@include define-cssvar($lcp-swiper-navigation-item-bg-active, btn-border-color);

  	@if ($has-navigation-active-scaler){
  		@if not($has-swiper-navigation-item-number){
  			@include button-icon-square (
  				//$icon-size: null,
  				$btn-size: calc(3.2rem * 1.2),
  				$has-btn-txt: false,
  			);
  		}
  	}

  }

  */
}
[data-lcp-swiper] .lcp-swiper__navigation-item {
  display: var(--swiper-navigation-item-display, flex);
  align-items: var(--swiper-navigation-item-align-items, center);
}
.lcp-swiper__btn {
  --btn-justify-content: center;
  --btn-align-items: center;
  --icon-margin-horizontal: 0;
  --icon-position-top: 0;
  --icon-size-square: 2.4rem;
  --btn-icon-margin-horizontal: 0;
  --btn-icon-position-top: 0;
  --btn-icon-size-square: 2.4rem;
  width: var(--btn-size-square, var(--btn-size-width, 4.2rem));
  height: var(--btn-size-square, var(--btn-size-height, 4.2rem));
  min-width: var(--btn-size-square, var(--btn-size-width, 4.2rem));
  --btn-padding-vertical: 0;
  --btn-padding-horizontal: 0;
}
.lcp-swiper__btn > span {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip-path: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.lcp-swiper__btn {
  --btn-text-color: var(--white);
  --btn-background-color: var(--color2-base);
  --btn-border-color: var(--color2-base);
  --btn-text-color-hover: var(--white);
  --btn-background-color-hover: var(--color6-base);
  --btn-border-color-hover: var(--color6-base);
  --icon-color-primary: var(--white);
  --icon-color-hover: var(--white);
  --btn-icon-color-primary: var(--white);
  --btn-icon-color-hover: var(--white);
}

[data-lcp-swiper] [data-lcp-swiper-list],
[data-lcp-swiper] .partial__list {
  overflow-x: scroll;
}
[data-lcp-swiper] [data-lcp-swiper-list]::-webkit-scrollbar,
[data-lcp-swiper] .partial__list::-webkit-scrollbar {
  display: var(--display, none);
}
[data-lcp-swiper] [data-lcp-swiper-list],
[data-lcp-swiper] .partial__list {
  overflow: auto;
  -ms-overflow-style: none; /* IE 11 */
  scrollbar-width: none; /* Firefox 64 */
}
[data-lcp-swiper] [data-lcp-swiper-list] > *,
[data-lcp-swiper] .partial__list > * {
  max-width: 100% !important;
  user-drag: none; /* For Safari, Chrome, and other WebKit browsers */
  -webkit-user-drag: none; /* For Safari, Chrome, and other WebKit browsers */
  user-select: none; /* Prevent selection on drag */
  -webkit-user-select: none; /* For Safari */
  -moz-user-select: none; /* For Firefox */
  -ms-user-select: none; /* For IE10+ */
}
[data-lcp-swiper] [data-lcp-swiper-list] {
  display: var(--swiper-display, flex);
  align-items: var(--swiper-align-items, center);
  flex-wrap: var(--swiper-flex-wrap, nowrap);
  row-gap: var(--swiper-gutter-vertical, 0.5rem);
  column-gap: var(--swiper-gutter-horizontal, 0);
}
[data-lcp-swiper] [data-lcp-swiper-list] > * {
  flex-shrink: var(--swiper-flex-shrink, 0);
  flex-grow: var(--swiper-flex-grow, 1);
  flex-basis: var(--swiper-flex-basis, auto);
  padding-right: calc(var(--swiper-gutter-horizontal, 0) / 2);
  padding-left: calc(var(--swiper-gutter-horizontal, 0) / 2);
  width: var(--swiper-col-size-width, 100%);
  max-width: 100%;
}
[data-lcp-swiper] [full-width-swiper=true] {
  position: relative;
  left: calc((100vw - 100%) / 2 * -1);
  width: calc(100vw + var(--gutter-horizontal));
  padding-left: var(--padding-horizontal, var(--padding-horizontal-left, calc((100vw - 100%) / 2)));
  padding-right: var(--padding-horizontal, var(--padding-horizontal-right, calc((100vw - 100%) / 2)));
}
[data-lcp-swiper] .partial__list {
  --row-align-items: var(--swiper-align-items, center);
  --row-flex-wrap: var(--swiper-flex-wrap, nowrap);
  align-items: var(--swiper-align-items, flex-start);
  align-items: stretch;
}
.lcp-swiper--home {
  padding-bottom: var(--padding-vertical, var(--padding-vertical-bottom, 8rem));
}
.lcp-swiper--home .partial__container {
  position: relative;
}
.lcp-swiper--home .partial__list {
  position: relative;
  z-index: 1;
}
.lcp-swiper--home .partial__content {
  --box-background-color: transparent;
  --box-border-color: transparent;
}
.lcp-swiper--home .lcp-swiper__buttons {
  position: var(--swiper-position, absolute);
  top: var(--swiper-position-top, 50%);
  right: var(--swiper-position-right, auto);
  bottom: var(--swiper-position-bottom, auto);
  left: var(--swiper-position-left, auto);
  width: var(--swiper-width, 100%);
}
@media (min-width: 64em) {
  .lcp-swiper--home .lcp-swiper__buttons {
    --swiper-position-right: -6rem;
    --swiper-position-left: -6rem;
    --swiper-width: calc(100% + 12rem);
  }
}
@media (max-width: 63.98em) {
  .lcp-swiper--home .lcp-swiper__buttons {
    --swiper-position-right: -2rem;
    --swiper-position-left: -2rem;
    --swiper-width: calc(100% + 4rem);
  }
}
.lcp-swiper--home .lcp-swiper__buttons {
  --swiper-justify-content: space-between;
  z-index: 1080;
}
@media (min-width: 32em) and (max-width: 47.98em) {
  .lcp-swiper--home .lcp-swiper__buttons {
    --swiper-position-top: 50%;
  }
}
@media (max-width: 31.98em) {
  .lcp-swiper--home .lcp-swiper__buttons {
    --swiper-position-top: 35%;
  }
}
.lcp-swiper--home .lcp-swiper__group {
  background-color: var(--controller-background-color, transparent);
  justify-content: var(--justify-content, center);
  right: var(--position-right, auto);
  bottom: var(--position-bottom, -6rem);
  left: var(--position-left, 48%);
}
@media (max-width: 31.98em) {
  .lcp-swiper--home .lcp-swiper__group {
    --controller-background-color: transparent;
    --swiper-navigation-justify-content: center;
  }
}
/*# sourceMappingURL=../../maps/layout/components/swiper.css.map */