@charset "UTF-8";

/* Base */

*, ::before, ::after{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}

::backdrop{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}

/* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com *//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: Muli, Helvetica, Arial, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

html, body{
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    scroll-behavior: smooth;
}

:target {
    scroll-margin: 5rem;
}

body {
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

::-moz-selection{
    --tw-bg-opacity: 1;
    background-color: rgb(255 103 0 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

::selection{
    --tw-bg-opacity: 1;
    background-color: rgb(255 103 0 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

/* https://www.abeautifulsite.net/posts/flash-of-undefined-custom-elements/ */
:not(:defined) {
    visibility: hidden;
}


button{
    outline: 2px solid transparent;
    outline-offset: 2px;
}

@media (max-width: 767px) {
    .ignore-on-mobile {
        display: none;
    }
}

/* Video */
iframe.video,
iframe.cb__media__item__video{
    aspect-ratio: 16 / 9;
    width: 100%;
}

.video,
.video .video-embed {
    display: block !important;
}

.video .video-embed {
    position: relative;
    padding-bottom: 56.25%;
}

.video .video-embed iframe {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.letter {
    display: inline-block;
}

/* ==========================================================================
   FONT
   ========================================================================== */





/* ExtraLight */
@font-face {
    font-family: 'Muli';
    src: url('../Fonts/Muli/Muli-ExtraLight.woff2') format('woff2'),
    url('../Fonts/Muli/Muli-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Muli ExtraLight';
    src: url('../Fonts/Muli/Muli-ExtraLight.woff2') format('woff2'),
    url('../Fonts/Muli/Muli-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}


/* ExtraLight - Italic */
@font-face {
    font-family: 'Muli';
    src: url('../Fonts/Muli/Muli-ExtraLightItalic.woff2') format('woff2'),
    url('../Fonts/Muli/Muli-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Muli ExtraLightItalic';
    src: url('../Fonts/Muli/Muli-ExtraLightItalic.woff2') format('woff2'),
    url('../Fonts/Muli/Muli-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

/* Regular */
@font-face {
    font-family: 'Muli';
    src: url('../Fonts/Muli/Muli-Regular.woff2') format('woff2'),
    url('../Fonts/Muli/Muli-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Muli Regular';
    src: url('../Fonts/Muli/Muli-Regular.woff2') format('woff2'),
    url('../Fonts/Muli/Muli-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Italic */
@font-face {
    font-family: 'Muli';
    src: url('../Fonts/Muli/Muli-Italic.woff2') format('woff2'),
    url('../Fonts/Muli/Muli-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Muli Italic';
    src: url('../Fonts/Muli/Muli-Italic.woff2') format('woff2'),
    url('../Fonts/Muli/Muli-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

/* Black */
@font-face {
    font-family: 'Muli';
    src: url('../Fonts/Muli/Muli-Black.woff2') format('woff2'),
    url('../Fonts/Muli/Muli-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Muli Black';
    src: url('../Fonts/Muli/Muli-Black.woff2') format('woff2'),
    url('../Fonts/Muli/Muli-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Black - Italic */
@font-face {
    font-family: 'Muli';
    src: url('../Fonts/Muli/Muli-BlackItalic.woff2') format('woff2'),
    url('../Fonts/Muli/Muli-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Muli BlackItalic';
    src: url('../Fonts/Muli/Muli-BlackItalic.woff2') format('woff2'),
    url('../Fonts/Muli/Muli-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}
body{
    font-family: Muli, Helvetica, Arial, sans-serif;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
    line-height: 1.65rem;
}

p {
    margin-bottom: 0.9rem;
}

strong{
    font-weight: 700;
}

a{
    hyphens: auto;
    --tw-text-opacity: 1;
    color: rgb(255 103 0 / var(--tw-text-opacity, 1));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

a:hover{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
a:hover:not(.btn) {

}

/* black */
a *[style*="color:#000000"]{
    --tw-text-opacity: 1 !important;
    color: rgb(255 103 0 / var(--tw-text-opacity, 1)) !important;
}
a:hover *[style*="color:#000000"]{
    --tw-text-opacity: 1 !important;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
}

/* white */
a *[style*="color:#fffff"]{
    --tw-text-opacity: 1 !important;
    color: rgb(255 103 0 / var(--tw-text-opacity, 1)) !important;
}
a:hover *[style*="color:#fffff"]{
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

/* orange */
*[style*="background-color: #FF6700"] a *[style*="color:#fffff"]{
    --tw-text-opacity: 1 !important;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
}
*[style*="background-color: #FF6700"] a:hover *[style*="color:#fffff"]{
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
a *[style*="color:#FF6700"]{
    --tw-text-opacity: 1 !important;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
}
a:hover *[style*="color:#FF6700"]{
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}




h1,h2,h3,h4,h5,h6{
    font-weight: 900;
}

/*
 * Headline 1
 */
h1,
.h1{
    margin-bottom: 1.5rem;
    line-height: 1.2;
    font-size: clamp(2rem, 3vw + 1rem, 4rem);
}

h2,
.h2{
    margin-bottom: 1.5rem;
    line-height: 1.2;
    font-size: clamp(1.75rem, 3vw + 1rem, 3.5rem);
}

/* Unordered List */

.cb__text-media ul ul, .cb__text-media ul ol, .cb__text-media-background ul ul, .cb__text-media-background ul ol, .cb__accordion ul ul, .cb__accordion ul ol {
            margin-bottom: 0
        }

.cb__text-media ul, .cb__text-media-background ul, .cb__accordion ul{
    list-style-type: disc;
    padding-left: 1rem;
        margin-bottom: 0.9rem;
}

/* Ordered List */

.cb__text-media ol ul, .cb__text-media ol ol, .cb__text-media-background ol ul, .cb__text-media-background ol ol, .cb__accordion ol ul, .cb__accordion ol ol {
            margin-bottom: 0
        }

.cb__text-media ol, .cb__text-media-background ol, .cb__accordion ol{
    list-style-type: decimal;
    padding-left: 1.25rem;
        margin-bottom: 0.9rem;
}

/* Alphabetic List */

.cb__text-media ol.alphabetic-list, .cb__text-media-background ol.alphabetic-list, .cb__accordion ol.alphabetic-list {
        list-style-type: lower-alpha;
    }

/* Ongoing List */

.cb__text-media ol.ongoing-list,
    .cb__text-media ol.ongoing-list ol:not(.ongoing-list),
    .cb__text-media-background ol.ongoing-list,
    .cb__text-media-background ol.ongoing-list ol:not(.ongoing-list),
    .cb__accordion ol.ongoing-list,
    .cb__accordion ol.ongoing-list ol:not(.ongoing-list) {
        counter-reset: item;
        padding-left: 0;
    }

.cb__text-media ol.ongoing-list li, .cb__text-media-background ol.ongoing-list li, .cb__accordion ol.ongoing-list li {
        display: block;
        padding-left: 2em;
        position: relative;
    }

.cb__text-media ol.ongoing-list li li, .cb__text-media-background ol.ongoing-list li li, .cb__accordion ol.ongoing-list li li {
            padding-left: 2em;
        }

.cb__text-media ol.ongoing-list li li li, .cb__text-media-background ol.ongoing-list li li li, .cb__accordion ol.ongoing-list li li li {
                padding-left: 3em;
            }

.cb__text-media ol.ongoing-list li li li li, .cb__text-media-background ol.ongoing-list li li li li, .cb__accordion ol.ongoing-list li li li li {
                    padding-left: 4em;
                }

.cb__text-media ol.ongoing-list li:before, .cb__text-media-background ol.ongoing-list li:before, .cb__accordion ol.ongoing-list li:before {
        content: counters(item, ".") ". ";
        counter-increment: item;
        position: absolute;
        text-align: right;
        width: -moz-max-content;
        width: max-content;
        transform: translateX(-100%);
        margin-left: -0.5em;
    }




/*
 * Fonts
 */




[class^="flag-"] {
    vertical-align: middle
}

.flag-ad:after {
    content: "🇦🇩"
}

.flag-ae:after {
    content: "🇦🇪"
}

.flag-af:after {
    content: "🇦🇫"
}

.flag-ag:after {
    content: "🇦🇬"
}

.flag-al:after {
    content: "🇦🇱"
}

.flag-am:after {
    content: "🇦🇲"
}

.flag-ao:after {
    content: "🇦🇴"
}

.flag-ar:after {
    content: "🇦🇷"
}

.flag-at:after {
    content: "🇦🇹"
}

.flag-au:after {
    content: "🇦🇺"
}

.flag-az:after {
    content: "🇦🇿"
}

.flag-ba:after {
    content: "🇧🇦"
}

.flag-bb:after {
    content: "🇧🇧"
}

.flag-bd:after {
    content: "🇧🇩"
}

.flag-be:after {
    content: "🇧🇪"
}

.flag-bf:after {
    content: "🇧🇫"
}

.flag-bj:after {
    content: "🇧🇯"
}

.flag-bg:after {
    content: "🇧🇬"
}

.flag-bh:after {
    content: "🇧🇭"
}

.flag-bi:after {
    content: "🇧🇮"
}

.flag-bn:after {
    content: "🇧🇳"
}

.flag-bo:after {
    content: "🇧🇴"
}

.flag-br:after {
    content: "🇧🇷"
}

.flag-bs:after {
    content: "🇧🇸"
}

.flag-bt:after {
    content: "🇧🇹"
}

.flag-bw:after {
    content: "🇧🇼"
}

.flag-by:after {
    content: "🇧🇾"
}

.flag-bz:after {
    content: "🇧🇿"
}

.flag-ca:after {
    content: "🇨🇦"
}

.flag-cd:after {
    content: "🇨🇩"
}

.flag-ch:after {
    content: "🇨🇭"
}

.flag-cf:after {
    content: "🇨🇫"
}

.flag-cg:after {
    content: "🇨🇬"
}

.flag-ci:after {
    content: "🇨🇮"
}

.flag-cl:after {
    content: "🇨🇱"
}

.flag-cm:after {
    content: "🇨🇲"
}

.flag-cn:after {
    content: "🇨🇳"
}

.flag-co:after {
    content: "🇨🇴"
}

.flag-cr:after {
    content: "🇨🇷"
}

.flag-cu:after {
    content: "🇨🇺"
}

.flag-cv:after {
    content: "🇨🇻"
}

.flag-cy:after {
    content: "🇨🇾"
}

.flag-cz:after {
    content: "🇨🇿"
}

.flag-de:after {
    content: "🇩🇪"
}

.flag-dj:after {
    content: "🇩🇯"
}

.flag-dk:after {
    content: "🇩🇰"
}

.flag-dm:after {
    content: "🇩🇲"
}

.flag-do:after {
    content: "🇩🇴"
}

.flag-dz:after {
    content: "🇩🇿"
}

.flag-ec:after {
    content: "🇪🇨"
}

.flag-ee:after {
    content: "🇪🇪"
}

.flag-eg:after {
    content: "🇪🇬"
}

.flag-eh:after {
    content: "🇪🇭"
}

.flag-er:after {
    content: "🇪🇷"
}

.flag-es:after {
    content: "🇪🇸"
}

.flag-et:after {
    content: "🇪🇹"
}

.flag-fi:after {
    content: "🇫🇮"
}

.flag-fj:after {
    content: "🇫🇯"
}

.flag-fm:after {
    content: "🇫🇲"
}

.flag-fr:after {
    content: "🇫🇷"
}

.flag-ga:after {
    content: "🇬🇦"
}

.flag-gb:after {
    content: "🇬🇧"
}

.flag-gd:after {
    content: "🇬🇩"
}

.flag-ge:after {
    content: "🇬🇪"
}

.flag-gh:after {
    content: "🇬🇭"
}

.flag-gm:after {
    content: "🇬🇲"
}

.flag-gn:after {
    content: "🇬🇳"
}

.flag-gq:after {
    content: "🇬🇶"
}

.flag-gr:after {
    content: "🇬🇷"
}

.flag-gt:after {
    content: "🇬🇹"
}

.flag-gw:after {
    content: "🇬🇼"
}

.flag-gy:after {
    content: "🇬🇾"
}

.flag-hn:after {
    content: "🇭🇳"
}

.flag-hr:after {
    content: "🇭🇷"
}

.flag-ht:after {
    content: "🇭🇹"
}

.flag-hu:after {
    content: "🇭🇺"
}

.flag-id:after {
    content: "🇮🇩"
}

.flag-ie:after {
    content: "🇮🇪"
}

.flag-il:after {
    content: "🇮🇱"
}

.flag-in:after {
    content: "🇮🇳"
}

.flag-iq:after {
    content: "🇮🇶"
}

.flag-ir:after {
    content: "🇮🇷"
}

.flag-is:after {
    content: "🇮🇸"
}

.flag-it:after {
    content: "🇮🇹"
}

.flag-jm:after {
    content: "🇯🇲"
}

.flag-jo:after {
    content: "🇯🇴"
}

.flag-jp:after {
    content: "🇯🇵"
}

.flag-ke:after {
    content: "🇰🇪"
}

.flag-kg:after {
    content: "🇰🇬"
}

.flag-ki:after {
    content: "🇰🇮"
}

.flag-kh:after {
    content: "🇰🇭"
}

.flag-km:after {
    content: "🇰🇲"
}

.flag-kn:after {
    content: "🇰🇳"
}

.flag-kp:after {
    content: "🇰🇵"
}

.flag-kr:after {
    content: "🇰🇷"
}

.flag-kw:after {
    content: "🇰🇼"
}

.flag-kz:after {
    content: "🇰🇿"
}

.flag-la:after {
    content: "🇱🇦"
}

.flag-lb:after {
    content: "🇱🇧"
}

.flag-lc:after {
    content: "🇱🇨"
}

.flag-li:after {
    content: "🇱🇮"
}

.flag-lk:after {
    content: "🇱🇰"
}

.flag-lr:after {
    content: "🇱🇷"
}

.flag-ls:after {
    content: "🇱🇸"
}

.flag-lt:after {
    content: "🇱🇹"
}

.flag-lu:after {
    content: "🇱🇺"
}

.flag-lv:after {
    content: "🇱🇻"
}

.flag-ly:after {
    content: "🇱🇾"
}

.flag-ma:after {
    content: "🇲🇦"
}

.flag-mc:after {
    content: "🇲🇨"
}

.flag-md:after {
    content: "🇲🇩"
}

.flag-me:after {
    content: "🇲🇪"
}

.flag-mg:after {
    content: "🇲🇬"
}

.flag-mh:after {
    content: "🇲🇭"
}

.flag-mk:after {
    content: "🇲🇰"
}

.flag-ml:after {
    content: "🇲🇱"
}

.flag-mm:after {
    content: "🇲🇲"
}

.flag-mn:after {
    content: "🇲🇳"
}

.flag-mq:after {
    content: "🇲🇶"
}

.flag-mr:after {
    content: "🇲🇷"
}

.flag-mt:after {
    content: "🇲🇹"
}

.flag-mu:after {
    content: "🇲🇺"
}

.flag-mv:after {
    content: "🇲🇻"
}

.flag-mw:after {
    content: "🇲🇼"
}

.flag-mx:after {
    content: "🇲🇽"
}

.flag-my:after {
    content: "🇲🇾"
}

.flag-mz:after {
    content: "🇲🇿"
}

.flag-na:after {
    content: "🇳🇦"
}

.flag-nc:after {
    content: "🇳🇨"
}

.flag-ne:after {
    content: "🇳🇪"
}

.flag-ng:after {
    content: "🇳🇬"
}

.flag-ni:after {
    content: "🇳🇮"
}

.flag-nl:after {
    content: "🇳🇱"
}

.flag-no:after {
    content: "🇳🇴"
}

.flag-np:after {
    content: "🇳🇵"
}

.flag-nr:after {
    content: "🇳🇷"
}

.flag-nz:after {
    content: "🇳🇿"
}

.flag-om:after {
    content: "🇴🇲"
}

.flag-pa:after {
    content: "🇵🇦"
}

.flag-pe:after {
    content: "🇵🇪"
}

.flag-pf:after {
    content: "🇵🇫"
}

.flag-pg:after {
    content: "🇵🇬"
}

.flag-ph:after {
    content: "🇵🇭"
}

.flag-pk:after {
    content: "🇵🇰"
}

.flag-pl:after {
    content: "🇵🇱"
}

.flag-pr:after {
    content: "🇵🇷"
}

.flag-pt:after {
    content: "🇵🇹"
}

.flag-ps:after {
    content: "🇵🇸"
}

.flag-pw:after {
    content: "🇵🇼"
}

.flag-py:after {
    content: "🇵🇾"
}

.flag-qa:after {
    content: "🇶🇦"
}

.flag-ro:after {
    content: "🇷🇴"
}

.flag-rs:after {
    content: "🇷🇸"
}

.flag-ru:after {
    content: "🇷🇺"
}

.flag-rw:after {
    content: "🇷🇼"
}

.flag-sa:after {
    content: "🇸🇦"
}

.flag-sb:after {
    content: "🇸🇧"
}

.flag-sc:after {
    content: "🇸🇨"
}

.flag-sd:after {
    content: "🇸🇩"
}

.flag-se:after {
    content: "🇸🇪"
}

.flag-sg:after {
    content: "🇸🇬"
}

.flag-si:after {
    content: "🇸🇮"
}

.flag-sk:after {
    content: "🇸🇰"
}

.flag-sl:after {
    content: "🇸🇱"
}

.flag-sm:after {
    content: "🇸🇲"
}

.flag-sn:after {
    content: "🇸🇳"
}

.flag-so:after {
    content: "🇸🇴"
}

.flag-sr:after {
    content: "🇸🇷"
}

.flag-st:after {
    content: "🇸🇹"
}

.flag-sv:after {
    content: "🇸🇻"
}

.flag-sy:after {
    content: "🇸🇾"
}

.flag-sz:after {
    content: "🇸🇿"
}

.flag-td:after {
    content: "🇹🇩"
}

.flag-th:after {
    content: "🇹🇭"
}

.flag-tg:after {
    content: "🇹🇬"
}

.flag-tj:after {
    content: "🇹🇯"
}

.flag-tm:after {
    content: "🇹🇲"
}

.flag-tn:after {
    content: "🇹🇳"
}

.flag-tr:after {
    content: "🇹🇷"
}

.flag-tt:after {
    content: "🇹🇹"
}

.flag-tv:after {
    content: "🇹🇻"
}

.flag-tw:after {
    content: "🇹🇼"
}

.flag-tz:after {
    content: "🇹🇿"
}

.flag-ua:after {
    content: "🇺🇦"
}

.flag-ug:after {
    content: "🇺🇬"
}

.flag-us:after {
    content: "🇺🇸"
}

.flag-uy:after {
    content: "🇺🇾"
}

.flag-uz:after {
    content: "🇺🇿"
}

.flag-va:after {
    content: "🇻🇦"
}

.flag-vc:after {
    content: "🇻🇨"
}

.flag-ve:after {
    content: "🇻🇪"
}

.flag-vn:after {
    content: "🇻🇳"
}

.flag-vu:after {
    content: "🇻🇺"
}

.flag-ws:after {
    content: "🇼🇸"
}

.flag-xk:after {
    content: "🇽🇰"
}

.flag-ye:after {
    content: "🇾🇪"
}

.flag-za:after {
    content: "🇿🇦"
}

.flag-zm:after {
    content: "🇿🇲"
}

.flag-zw:after {
    content: "🇿🇼"
}

.flag-eu:after {
    content: "🇪🇺"
}

.flag-un:after {
    content: "🇺🇳"
}

.flag-gi:after {
    content: "🇬🇮"
}

.flag-gl:after {
    content: "🇬🇱"
}

.flag-hk:after {
    content: "🇭🇰"
}

.flag-je:after {
    content: "🇯🇪"
}

:root {
    --focus-color: var(--color-orange);
    --focus-style: dotted;
    --focus-width: 2px;
    --focus-offset: 2px;
    --focus-offset-large: calc(var(--focus-offset) * 2);
}

/* Links */
a:focus-visible,
button:focus-visible {
    outline: var(--focus-color)  var(--focus-style) var(--focus-width);
    outline-offset: var(--focus-offset);
}

/* Header menu */
.header-menu a {
    outline-offset: calc(var(--focus-offset) * -1);
}

/* Input */
info-search::part(search):focus-visible,
input:focus-visible {
    outline: var(--focus-color)  var(--focus-style) var(--focus-width);
    outline-offset: var(--focus-offset-large);
}
/* Button */
.btn:focus-visible {
    outline: var(--focus-color)  var(--focus-style) var(--focus-width);
    outline-offset: var(--focus-offset-large);
}

/* Details */
details summary:focus-visible  {
    outline: var(--focus-color)  var(--focus-style) var(--focus-width);
    outline-offset: var(--focus-offset-large);
}
/* Filter */
.filter:focus-within {
    outline: var(--focus-color)  var(--focus-style) var(--focus-width);
    outline-offset: var(--focus-offset-large);
}
/* Artist List Item */
swiper-container::part(button-prev):focus-visible,
swiper-container::part(button-next):focus-visible {
    outline: var(--focus-color)  var(--focus-style) var(--focus-width);
    outline-offset: var(--focus-offset-large);
}

/* skip-to-main-content */
.skip-to-main-content{
    position: absolute;
    left: 1rem;
    top: 0px;
    z-index: 9999;
    --tw-translate-y: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.skip-to-main-content:focus{
    --tw-translate-y: 1rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
/* Components */
.container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 4vw;
    padding-left: 4vw;
}
@media (min-width: 100%){

    .container{
        max-width: 100%;
    }
}
/*
    Set min-height to 100 vh if scroll-squence is not fully loaded
*/
z3-image-sequence:not(.loaded) {
    min-height: calc(100vh - 3rem) !important;
}
/* ==========================================================================
   Button
   ========================================================================== */

.btn{
    display: inline-block;
    border-radius: 9999px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1;
}

@media (min-width: 1024px){

    .btn{
        padding-left: 2rem;
        padding-right: 2rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}

.btn {
    min-height: 2.5rem;
    transition: all 0.3s ease;
}

.btn-sm{
    display: inline-block;
    border-radius: 9999px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    text-align: center;
    font-size: 1rem;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1;
}

@media (min-width: 1024px){

    .btn-sm{
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
}

.btn-sm {
    min-height: unset;
}

.btn-md{
    display: inline-block;
    border-radius: 9999px;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: center;
    font-size: 1rem;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1;
}

@media (min-width: 1024px){

    .btn-md{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

.btn-md {
    min-height: unset;
}

.btn.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.btn-block{
    width: 100%;
}

.link{
    display: inline-flex;
    align-items: center;
    gap: 1rem;
}

.btn-gray,
.btn-cancel{
    --tw-bg-opacity: 1;
    background-color: rgb(30 30 30 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-gray:hover,
.btn-cancel:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.btn-primary,
.btn-orange{
    --tw-bg-opacity: 1;
    background-color: rgb(255 103 0 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.btn-primary:hover,
.btn-orange:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.btn-black{
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-black:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.btn-white{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.btn-white:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-disabled{
    cursor: not-allowed;
}

.header{
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 30;
    max-width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(30 30 30 / var(--tw-bg-opacity, 1));
}

.header .container{
    display: flex;
    height: 3rem;
    align-items: center;
    justify-content: space-between;
}

@media (min-width: 1024px){

    .header .container{
        justify-content: flex-end;
        gap: 1rem;
    }
}

.header .container {
    box-shadow: 0 0 20px #000;
}

.header-language .language-menu{
    display: none;
    align-items: center;
    justify-content: center;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px){

    .header-language .language-menu{
        margin-right: -0.5rem;
        display: flex;
    }
}

.header-language .language-menu li + li {
        border-left: 1px solid;
    }

.header-language .language-menu a{
    padding: 0.5rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.header-language .language-menu a:hover{
    --tw-text-opacity: 1;
    color: rgb(255 103 0 / var(--tw-text-opacity, 1));
}

.header-language .language-menu .active a{
    --tw-text-opacity: 1;
    color: rgb(255 103 0 / var(--tw-text-opacity, 1));
}


/* Social menu in Sidenav and mobile menu */
.menu .social-menu{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px){

    .menu .social-menu{
        display: none;
    }
}
.menu .social-menu a{
    --tw-text-opacity: 1;
    color: rgb(139 139 139 / var(--tw-text-opacity, 1));
}
.menu .social-menu a:hover{
    --tw-text-opacity: 1;
    color: rgb(255 103 0 / var(--tw-text-opacity, 1));
}
.menu .social-menu svg{
    height: 1.5rem;
    width: 1.5rem;
}
@media (min-width: 1024px){

    .menu .social-menu svg{
        height: 1rem;
        width: 1rem;
    }
}
@media (min-width: 1280px){

    .menu .social-menu svg{
        height: 1.5rem;
        width: 1.5rem;
    }
}

/* Social menu in Topnav */
.header .social-menu{
    display: none;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px){

    .header .social-menu{
        display: flex;
    }
}
@media (min-width: 1280px){

    .header .social-menu{
        gap: 0.75rem;
    }
}
.header .social-menu a{
    --tw-text-opacity: 1;
    color: rgb(139 139 139 / var(--tw-text-opacity, 1));
}
.header .social-menu a:hover{
    --tw-text-opacity: 1;
    color: rgb(255 103 0 / var(--tw-text-opacity, 1));
}
.header .social-menu svg{
    height: 1.5rem;
    width: 1.5rem;
}
@media (min-width: 1024px){

    .header .social-menu svg{
        height: 1rem;
        width: 1rem;
    }
}
@media (min-width: 1280px){

    .header .social-menu svg{
        height: 1.5rem;
        width: 1.5rem;
    }
}




/*
   PV ID
   ========================================================================== */
.id-btn{
    left: 0px;
    bottom: 0px;
    z-index: 10;
}
@media (min-width: 1024px){

    .id-btn{
        position: fixed;
    }
}
/* ==========================================================================
   Logo
   ========================================================================== */

.header-logo-2025{
    position: absolute;
    left: 50%;
    z-index: 9999;
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
}

.header-logo-2025 a{
    display: block;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
}

.header-logo-2025 svg,
    .header-logo-2025 img{
    display: block;
    width: 100%;
}

.header-logo-2025 .header-pv-logo-front{
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
        filter: drop-shadow(0 0 20px #000);
}

body.home .header-logo-2025.animate{
    top: 50vw;
    width: 70vw;
    max-width: 800px;
}

@media (min-width: 768px){

    body.home .header-logo-2025.animate{
        top: 18vw;
        width: 40vw;
    }
}

body.home .header-logo-2025.animate.scrolled{
    top: 8px;
    width: 180px;
}

@media (min-width: 768px){

    body.home .header-logo-2025.animate.scrolled{
        width: 200px;
    }
}

/*
 * Subpages
 */
body:not(.home) .header-logo-2025{
    top: 8px;
    width: 180px;
}
@media (min-width: 768px){

    body:not(.home) .header-logo-2025{
        width: 200px;
    }
}
/* ==========================================================================
   Menu
   ========================================================================== */

.menu{
    position: fixed;
    top: 50px;
    left: 0px;
    bottom: 100px;
    right: 0px;
    z-index: 40;
    --tw-bg-opacity: 1;
    background-color: rgb(30 30 30 / var(--tw-bg-opacity, 1));
}

@media (min-width: 1024px){

    .menu{
        top: 0px;
        right: auto;
        height: 100%;
        width: 80px;
        padding-top: 100px;
    }
}

/* padding left only if main menu exists */
@media (min-width: 1024px){

    body:has(nav){
        padding-left: 80px;
    }

    body:has(nav) .header{
        left: 80px;
    }
}

/* padding top only if header exists */
body:has(header){
    padding-top: 3rem;
}

.header-menu{
    display: flex;
    gap: 1.25rem;
}

@media (min-width: 1024px){

    .header-menu{
        max-height: 100%;
        flex-direction: column;
        overflow: auto;
    }
}

.header-menu > li > a{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    hyphens: none;
    padding: 0.5rem;
    text-align: center;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.header-menu > li > a:hover{
    --tw-text-opacity: 1;
    color: rgb(255 103 0 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px){

    .header-menu > li > a{
        font-size: 10px;
    }

    .header-menu > li > a:hover{
        --tw-text-opacity: 1;
        color: rgb(255 103 0 / var(--tw-text-opacity, 1));
    }
}
.header-menu > li > a.active{
    --tw-text-opacity: 1;
    color: rgb(255 103 0 / var(--tw-text-opacity, 1));
}

.header-menu a svg{
    height: 2rem;
    width: 2rem;
    fill: currentColor;
}

.mobile-menu-topline{
    margin-top: 2rem;
    margin-bottom: 2rem;
    text-align: center;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 5px;
    --tw-text-opacity: 1;
    color: rgb(255 103 0 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px){

    .mobile-menu-topline{
        display: none;
    }
}

.menu .language-menu{
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px){

    .menu .language-menu{
        display: none;
    }
}

.menu .language-menu li + li {
        border-left: 1px solid;
    }

.menu .language-menu a{
    padding: 0.5rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.menu .language-menu a:hover{
    --tw-text-opacity: 1;
    color: rgb(255 103 0 / var(--tw-text-opacity, 1));
}

.menu .language-menu .active a{
    --tw-text-opacity: 1;
    color: rgb(255 103 0 / var(--tw-text-opacity, 1));
}


/* desktop Styles */
@media (min-width: 1024px) {
        .header-menu .header-menu-level-2{
        pointer-events: none;
        position: fixed;
        left: 80px;
        bottom: 0px;
        top: 0px;
        z-index: 2;
        width: 290px;
        overflow: hidden;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 300ms;
        transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
    }
            .header-menu .has-children ul a{
        display: block;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: 900;
        text-transform: uppercase;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }
            .header-menu .has-children ul a:hover{
        --tw-text-opacity: 1;
        color: rgb(255 103 0 / var(--tw-text-opacity, 1));
    }

            .header-menu .has-children ul li + li{
        border-top-width: 2px;
        --tw-border-opacity: 1;
        border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
    }

            .header-menu .has-children ul a.active{
        --tw-text-opacity: 1;
        color: rgb(255 103 0 / var(--tw-text-opacity, 1));
    }

            .header-menu .has-children ul{
        pointer-events: none;
        position: absolute;
        left: 0px;
        bottom: 0px;
        top: 0px;
        width: 290px;
        --tw-translate-x: -100%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        --tw-bg-opacity: 1;
        background-color: rgb(30 30 30 / var(--tw-bg-opacity, 1));
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        padding-top: 100px;
        opacity: 0;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 300ms;
        transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
    }

        .header-menu .has-children:focus-within ul,
        .header-menu .has-children.open ul{
        pointer-events: auto;
        --tw-translate-x: 0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        opacity: 1;
    }
        .header-menu .has-children:before{
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 300ms;
        transition-timing-function: cubic-bezier(0.4, 0, 1, 1);

            content: "";
            position: fixed;
            top: 0;
            left: 80px;
            bottom: 0;
            background: black;
            pointer-events: none;
            z-index: 1;
            opacity: 0;
    }
        .header-menu .has-children:focus-within:before,
        .header-menu .has-children.open:before {
            opacity: 0.5;
            right: 0;
        }

        /* Accordion animation, each li  */
        .header-menu li.has-children ul li{
        position: relative;
        --tw-translate-x: -2rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        opacity: 0;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 500ms;
    }
        .header-menu li.has-children:focus-within ul li,
        .header-menu li.has-children.open ul li{
        --tw-translate-x: 0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        opacity: 1;
    }

            .header-menu li.has-children:focus-within ul li:nth-child(1), .header-menu li.has-children.open ul li:nth-child(1){
        transition-delay: 100ms;
    }
            .header-menu li.has-children:focus-within ul li:nth-child(2), .header-menu li.has-children.open ul li:nth-child(2){
        transition-delay: 200ms;
    }
            .header-menu li.has-children:focus-within ul li:nth-child(3), .header-menu li.has-children.open ul li:nth-child(3){
        transition-delay: 300ms;
    }
            .header-menu li.has-children:focus-within ul li:nth-child(4), .header-menu li.has-children.open ul li:nth-child(4){
        transition-delay: 400ms;
    }
            .header-menu li.has-children:focus-within ul li:nth-child(5), .header-menu li.has-children.open ul li:nth-child(5){
        transition-delay: 500ms;
    }
            .header-menu li.has-children:focus-within ul li:nth-child(6), .header-menu li.has-children.open ul li:nth-child(6){
        transition-delay: 600ms;
    }
            .header-menu li.has-children:focus-within ul li:nth-child(7), .header-menu li.has-children.open ul li:nth-child(7){
        transition-delay: 700ms;
    }
            .header-menu li.has-children:focus-within ul li:nth-child(8), .header-menu li.has-children.open ul li:nth-child(8){
        transition-delay: 800ms;
    }
            .header-menu li.has-children:focus-within ul li:nth-child(9), .header-menu li.has-children.open ul li:nth-child(9){
        transition-delay: 900ms;
    }
            .header-menu li.has-children:focus-within ul li:nth-child(10), .header-menu li.has-children.open ul li:nth-child(10){
        transition-delay: 1000ms;
    }
}
/* ==========================================================================
   Menu Mobile
   ========================================================================== */

.mobile-menu{
    position: fixed;
    left: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 30;
    --tw-bg-opacity: 1;
    background-color: rgb(30 30 30 / var(--tw-bg-opacity, 1));
}

@media (min-width: 1024px){

    .mobile-menu{
        display: none;
    }
}

.mobile-menu {
    box-shadow: 0 0 20px #000;
}

.mobile-menu ul{
    display: flex;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.mobile-menu ul li{
    width: 100%;
}

.mobile-menu li + li a{
    border-left-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}

.mobile-menu ul > li > a{
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 0.5rem;
    text-align: center;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.mobile-menu ul > li > a:hover{
    --tw-text-opacity: 1;
    color: rgb(255 103 0 / var(--tw-text-opacity, 1));
}
.mobile-menu ul > li > a.open{
    --tw-text-opacity: 1;
    color: rgb(255 103 0 / var(--tw-text-opacity, 1));
}
.mobile-menu a svg{
    height: 1.5rem;
    width: 1.5rem;
    fill: currentColor;
}

.mobile-menu ul > li > a.active{
    --tw-text-opacity: 1;
    color: rgb(255 103 0 / var(--tw-text-opacity, 1));
}

@media (max-width: 1023px) {
    .menu{
        display: none;
    }
    .menu.open{
        position: fixed;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        z-index: 20;
        display: block;
        height: 100%;
        width: 100%;
        overflow: auto;
        --tw-bg-opacity: 1;
        background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .header-menu{
        flex-direction: column;
        gap: 0px;
        padding-left: 10vw;
        padding-right: 10vw;
    }

        .header-menu > li > a{
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: 900;
    }

        .header-menu svg{
        display: none;
    }

    /* Level 2 - Accordion */
    .header-menu li.has-children{
        position: relative;
    }

    /* height animation */
    .header-menu .header-menu-level-2 {
        display: grid;
        grid-template-rows: 0fr;
        transition: grid-template-rows 0.5s ease-out;
    }
    .header-menu .header-menu-level-2 > ul {
        overflow: hidden;
    }
    .header-menu li.has-children.open .header-menu-level-2 {
        grid-template-rows: 1fr;
    }

    .header-menu li.has-children ul{
        text-align: center;
    }
    .header-menu li.has-children ul li:last-child{
        margin-bottom: 1.25rem;
    }
    .header-menu li.has-children ul li a{
        margin-bottom: 0.25rem;
        display: block;
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 700;
        text-transform: uppercase;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }
    .header-menu li.has-children ul li a:hover{
        --tw-text-opacity: 1;
        color: rgb(255 103 0 / var(--tw-text-opacity, 1));
    }
    .header-menu li.has-children ul li a.active{
        --tw-text-opacity: 1;
        color: rgb(255 103 0 / var(--tw-text-opacity, 1));
    }

    /* Accordion animation, each li  */
    .header-menu li.has-children ul li{
        --tw-translate-y: -1rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        opacity: 0;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 300ms;
    }
    .header-menu li.has-children.open ul li{
        --tw-translate-y: 0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        opacity: 1;
    }
    .header-menu li.has-children.open ul li:nth-child(1){
        transition-delay: 0s;
    }
    .header-menu li.has-children.open ul li:nth-child(2){
        transition-delay: 100ms;
    }
    .header-menu li.has-children.open ul li:nth-child(3){
        transition-delay: 200ms;
    }
    .header-menu li.has-children.open ul li:nth-child(4){
        transition-delay: 300ms;
    }
    .header-menu li.has-children.open ul li:nth-child(5){
        transition-delay: 400ms;
    }
    .header-menu li.has-children.open ul li:nth-child(6){
        transition-delay: 500ms;
    }
    .header-menu li.has-children.open ul li:nth-child(7){
        transition-delay: 600ms;
    }
    .header-menu li.has-children.open ul li:nth-child(8){
        transition-delay: 700ms;
    }
    .header-menu li.has-children.open ul li:nth-child(9){
        transition-delay: 800ms;
    }
    .header-menu li.has-children.open ul li:nth-child(10){
        transition-delay: 900ms;
    }

    /* Chevron icon */
    .header-menu .has-children > a:after {
        content: "";
        position: absolute;
        background-image: url('data:image/svg+xml,<svg class="e-font-icon-svg e-fas-chevron-right" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path fill="%2333cc99" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"></path></svg> ');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 1em;
        height: 1em;
        right: 0;
        transition: 0.3s ease all;
    }
    .header-menu .has-children.open > a:after {
        transform: rotate(90deg);
    }


    /* Language menu */
    .language-menu{
        margin-top: 4rem;
        margin-bottom: 2rem;
    }

    /* social menu */
    .menu .social-menu{
        margin-bottom: 2rem;
        gap: 1rem;
    }

        .menu .social-menu svg{
        height: 1.25rem;
        width: 1.25rem;
    }
}

/* ==========================================================================
   Footer
   ========================================================================== */

.footer{
    margin-bottom: 7rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px){

    .footer{
        margin-bottom: 1rem;
    }
}

.footer a {
    color: inherit;
}

.footer svg {
    color: inherit;
}

/*
   Footer Container
   ========================================================================== */

@media (min-width: 1536px){

    .footer .container{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

/*
   Footer Copyright
   ========================================================================== */

.footer-copyright{
    margin-top: 1rem;
    text-align: center;
    font-size: 0.75rem;
    line-height: 1rem;
}

@media (min-width: 1024px){

    .footer-copyright{
        order: 1;
        font-size: 1rem;
        line-height: 1.2;
    }
}

@media (min-width: 1536px){

    .footer-copyright{
        margin-top: 0px;
    }
}

.footer-copyright p{
    margin: 0px;
}

/*
   Footer Social
   ========================================================================== */

.footer .social-menu{
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
}

@media (min-width: 1024px){

    .footer .social-menu{
        display: none;
    }
}

.footer .social-menu a:hover{
    --tw-text-opacity: 1;
    color: rgb(255 103 0 / var(--tw-text-opacity, 1));
}

.footer .social-menu svg{
    height: 1rem;
    width: 1rem;
}

/*
   Fotoer Menu
   ========================================================================== */

.footer-menu{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

@media (min-width: 1024px){

    .footer-menu{
        order: 2;
        flex-direction: row;
        gap: 1rem;
    }
}

.footer-menu a{
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 900;
    text-transform: uppercase;
}

.footer-menu a:hover{
    --tw-text-opacity: 1;
    color: rgb(255 103 0 / var(--tw-text-opacity, 1));
}

/* ==========================================================================
   Breadcrumb
   ========================================================================== */

.breadcrumb {
    position: relative;
}

.breadcrumb:before {
    content: "";
    width: 1rem;
    background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.breadcrumb:after {
    content: "";
    width: 1rem;
    background: linear-gradient(to left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

.breadcrumb .container {
    padding: 0;
}

.breadcrumb ol {
    padding: 0;
    list-style: none;
    display: flex;
    overflow-x: auto;
}

.breadcrumb ol:before,
.breadcrumb ol:after {
    content: "";
    display: list-item;
    width: 1rem;
    flex-shrink: 0;
}

.breadcrumb ol li {
    display: inline-block;
    white-space: nowrap;
}

.breadcrumb ol li + li:before {
    content: "";
    display: inline-block;
    vertical-align: baseline;
    margin: 0 0.375em;
    width: 6px;
    height: 10px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJFYmVuZV8yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0LjYgNy43OCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOmdyYXk7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJFYmVuZV8xLTIiPjxwb2x5bGluZSBjbGFzcz0iY2xzLTEiIHBvaW50cz0iLjM1IDcuNDIgMy44OSAzLjg5IC4zNSAuMzUiLz48L2c+PC9zdmc+");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.breadcrumb a{
    --tw-text-opacity: 1;
    color: rgb(30 30 30 / var(--tw-text-opacity, 1));
    text-decoration: none;
}

.breadcrumb a:hover{
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.card{
    display: flex;
    flex-direction: column;
    font-size: .9375rem;
    line-height: 1.733rem;
}

.card .card-img{
    margin-bottom: 1rem;
}

.card .card-body{
    flex-grow: 1;
}

/* ==========================================================================
   Splide
   ========================================================================== */


z3-slider .splide__arrow {
    transition: all 0.3s ease;
}

z3-slider .splide__arrow:disabled {
    opacity: 0;
}

z3-slider .splide__arrow svg {
    fill: currentColor;
    height: 1.2em;
    width: 1.2em;
}

z3-slider .splide__arrow--prev {
    left: 0;
    transform: translateY(-50%) translateX(-100%);
}

z3-slider .splide__arrow--next {
    right: 0;
    transform: translateY(-50%) translateX(100%);
}

/* mobile show card and show part of next card*/
@media (max-width: 767px) {
    z3-slider .splide__arrow {
        display: none;
    }
    z3-slider .splide__slide {
        min-width: 295px;
        width: calc(100% - 3rem);
    }
}
/* ==========================================================================
   FE Login
   ========================================================================== */


.fe-login {
}

.fe-login .box{
    border-radius: 1.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
    padding: 6vw;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px){

    .fe-login .box{
        padding: 3vw;
    }
}

fieldset legend{
    margin-bottom: 1rem;
    font-weight: 900;
    text-transform: uppercase;
}



.form-input{
    width: 100%;
    border-radius: 9999px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
    background-color: transparent;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}



.form-input::-moz-placeholder{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}



.form-input::placeholder{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}



.form-input:focus{
    --tw-border-opacity: 1;
    border-color: rgb(255 103 0 / var(--tw-border-opacity, 1));
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 103 0 / var(--tw-ring-opacity, 1));
}

.form-checkbox input[type="checkbox"]{
    accent-color: #ff6700;
}

.form-checkbox{
    display: flex;
    gap: 0.5rem;
}


.form-required{
    margin-top: 1rem;
    font-size: 0.75rem;
    line-height: 1rem;
}


form{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

/* Form Group
   ========================================================================== */

.form-group{
    margin-bottom: 1.5rem;
}

fieldset.form-group legend{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}


/* Form Label
   ========================================================================== */

.form-label{
    margin-bottom: 0.5rem;
    display: block;
    padding-left: 1rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}



/* Form Input
   ========================================================================== */

.form-control{
    display: block;
    width: 100%;
    border-radius: 9999px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
    background-color: transparent;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.form-control::-moz-placeholder{
    color: rgb(255 255 255 / 0.5);
}

.form-control::placeholder{
    color: rgb(255 255 255 / 0.5);
}

.form-control:focus{
    --tw-border-opacity: 1;
    border-color: rgb(255 103 0 / var(--tw-border-opacity, 1));
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 103 0 / var(--tw-ring-opacity, 1));
}

.form-control {

    color-scheme: dark;
}

.form-control.error{
    --tw-border-opacity: 1;
    border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
}

/* File */
input::file-selector-button{
    margin-right: 1rem;
    margin-left: -0.25rem;
    border-radius: 9999px;
    border-style: none;
}

/* textarea and multiselect */
textarea.form-control,
select[multiple].form-control{
    border-radius: 1.25rem;
}

/* */
.input .form-check{
    margin-left: 1rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.input .form-check [type=checkbox],
    .input .form-check [type=radio]{
    margin-right: 0.5rem;
}

.input{
    position: relative;
}
.input select.form-control{
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.input:has(select.form-control)::after {
    content: "";
    width: 0.8em;
    height: 0.5em;
    background-color: white;
    clip-path: polygon(100% 0%, 0 0%, 50% 100%);
    display: inline-block;
    position: absolute;
    right: 1.25rem;
    top: 1.25rem;
}



/* Form Text
   ========================================================================== */

.form-text{
    margin-left: 1rem;
    margin-top: 0.5rem;
    display: block;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: rgb(255 255 255 / 0.8);
}

.form-text.error{
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}



/* Form Buttons
   ========================================================================== */

.form-navigation{
    margin-top: 3rem;
}

.form-navigation .btn-group{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.form-navigation .btn-group.next{
    margin-left: auto;
}

/* full width of Button  */

.form-navigation .btn-group .btn-group:only-child{
    width: 100%;
}

.form-navigation .btn-group .btn-group:only-child .btn{
    width: 100%;
}




/* Summary page
   ========================================================================== */
form .form-group table.table{
    width: 100%;
    table-layout: auto;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
form .form-group table.table th{
    border-bottom-width: 1px;
    padding: 1rem;
    padding-left: 2rem;
    padding-top: 0px;
    padding-bottom: 0.75rem;
    text-align: left;
    font-weight: 700;
}
@media (prefers-color-scheme: dark){

    form .form-group table.table th{
        border-color: rgb(255 255 255 / 0.4);
    }
}
form .form-group table.table td{
    border-bottom-width: 1px;
    border-color: rgb(255 255 255 / 0.2);
    padding: 1rem;
    padding-left: 2rem;
}
@media (prefers-color-scheme: dark){

    form .form-group table.table td{
        border-color: rgb(255 255 255 / 0.4);
    }
}


/* Row
   ========================================================================== */

.row{
    margin-left: -1rem;
    margin-right: -1rem;
    display: flex;
    flex-wrap: wrap;
}

.row [class*=" col-"]{
    padding-left: 1rem;
    padding-right: 1rem;
}

.col-1{
    width: 8.333333%;
}
@media (min-width: 640px){

    .col-sm-1{
        width: 8.333333%;
    }
}
@media (min-width: 768px){

    .col-md-1{
        width: 8.333333%;
    }
}
@media (min-width: 1024px){

    .col-lg-1{
        width: 8.333333%;
    }
}
@media (min-width: 1280px){

    .col-xl-1{
        width: 8.333333%;
    }
}
@media (min-width: 1536px){

    .col-xxl-1{
        width: 8.333333%;
    }
}

.col-2{
    width: 16.666667%;
}
@media (min-width: 640px){

    .col-sm-2{
        width: 16.666667%;
    }
}
@media (min-width: 768px){

    .col-md-2{
        width: 16.666667%;
    }
}
@media (min-width: 1024px){

    .col-lg-2{
        width: 16.666667%;
    }
}
@media (min-width: 1280px){

    .col-xl-2{
        width: 16.666667%;
    }
}
@media (min-width: 1536px){

    .col-xxl-2{
        width: 16.666667%;
    }
}

.col-3{
    width: 25%;
}
@media (min-width: 640px){

    .col-sm-3{
        width: 25%;
    }
}
@media (min-width: 768px){

    .col-md-3{
        width: 25%;
    }
}
@media (min-width: 1024px){

    .col-lg-3{
        width: 25%;
    }
}
@media (min-width: 1280px){

    .col-xl-3{
        width: 25%;
    }
}
@media (min-width: 1536px){

    .col-xxl-3{
        width: 25%;
    }
}

.col-4{
    width: 33.333333%;
}
@media (min-width: 640px){

    .col-sm-4{
        width: 33.333333%;
    }
}
@media (min-width: 768px){

    .col-md-4{
        width: 33.333333%;
    }
}
@media (min-width: 1024px){

    .col-lg-4{
        width: 33.333333%;
    }
}
@media (min-width: 1280px){

    .col-xl-4{
        width: 33.333333%;
    }
}
@media (min-width: 1536px){

    .col-xxl-4{
        width: 33.333333%;
    }
}

.col-5{
    width: 41.666667%;
}
@media (min-width: 640px){

    .col-sm-5{
        width: 41.666667%;
    }
}
@media (min-width: 768px){

    .col-md-5{
        width: 41.666667%;
    }
}
@media (min-width: 1024px){

    .col-lg-5{
        width: 41.666667%;
    }
}
@media (min-width: 1280px){

    .col-xl-5{
        width: 41.666667%;
    }
}
@media (min-width: 1536px){

    .col-xxl-5{
        width: 41.666667%;
    }
}

.col-6{
    width: 50%;
}
@media (min-width: 640px){

    .col-sm-6{
        width: 50%;
    }
}
@media (min-width: 768px){

    .col-md-6{
        width: 50%;
    }
}
@media (min-width: 1024px){

    .col-lg-6{
        width: 50%;
    }
}
@media (min-width: 1280px){

    .col-xl-6{
        width: 50%;
    }
}
@media (min-width: 1536px){

    .col-xxl-6{
        width: 50%;
    }
}

.col-7{
    width: 58.333333%;
}
@media (min-width: 640px){

    .col-sm-7{
        width: 58.333333%;
    }
}
@media (min-width: 768px){

    .col-md-7{
        width: 58.333333%;
    }
}
@media (min-width: 1024px){

    .col-lg-7{
        width: 58.333333%;
    }
}
@media (min-width: 1280px){

    .col-xl-7{
        width: 58.333333%;
    }
}
@media (min-width: 1536px){

    .col-xxl-7{
        width: 58.333333%;
    }
}

.col-8{
    width: 66.666667%;
}
@media (min-width: 640px){

    .col-sm-8{
        width: 66.666667%;
    }
}
@media (min-width: 768px){

    .col-md-8{
        width: 66.666667%;
    }
}
@media (min-width: 1024px){

    .col-lg-8{
        width: 66.666667%;
    }
}
@media (min-width: 1280px){

    .col-xl-8{
        width: 66.666667%;
    }
}
@media (min-width: 1536px){

    .col-xxl-8{
        width: 66.666667%;
    }
}

.col-9{
    width: 75%;
}
@media (min-width: 640px){

    .col-sm-9{
        width: 75%;
    }
}
@media (min-width: 768px){

    .col-md-9{
        width: 75%;
    }
}
@media (min-width: 1024px){

    .col-lg-9{
        width: 75%;
    }
}
@media (min-width: 1280px){

    .col-xl-9{
        width: 75%;
    }
}
@media (min-width: 1536px){

    .col-xxl-9{
        width: 75%;
    }
}

.col-10{
    width: 83.333333%;
}
@media (min-width: 640px){

    .col-sm-10{
        width: 83.333333%;
    }
}
@media (min-width: 768px){

    .col-md-10{
        width: 83.333333%;
    }
}
@media (min-width: 1024px){

    .col-lg-10{
        width: 83.333333%;
    }
}
@media (min-width: 1280px){

    .col-xl-10{
        width: 83.333333%;
    }
}
@media (min-width: 1536px){

    .col-xxl-10{
        width: 83.333333%;
    }
}

.col-11{
    width: 91.666667%;
}
@media (min-width: 640px){

    .col-sm-11{
        width: 91.666667%;
    }
}
@media (min-width: 768px){

    .col-md-11{
        width: 91.666667%;
    }
}
@media (min-width: 1024px){

    .col-lg-11{
        width: 91.666667%;
    }
}
@media (min-width: 1280px){

    .col-xl-11{
        width: 91.666667%;
    }
}
@media (min-width: 1536px){

    .col-xxl-11{
        width: 91.666667%;
    }
}

.col-12{
    width: 100%;
}
@media (min-width: 640px){

    .col-sm-12{
        width: 100%;
    }
}
@media (min-width: 768px){

    .col-md-12{
        width: 100%;
    }
}
@media (min-width: 1024px){

    .col-lg-12{
        width: 100%;
    }
}
@media (min-width: 1280px){

    .col-xl-12{
        width: 100%;
    }
}
@media (min-width: 1536px){

    .col-xxl-12{
        width: 100%;
    }
}
/* ==========================================================================
   Artist List
   ========================================================================== */

artist-filter{
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

@media (min-width: 768px){

    artist-filter{
        margin-top: 2rem;
        margin-bottom: 2rem;
        gap: 2rem;
    }
}

artist-filter z3-dropdown::part(dropdown){
    margin-left: 1rem;
    margin-right: 1rem;
}

/* ==========================================================================
   Artist Search
   ========================================================================== */

artist-search{
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: flex;
    justify-content: center;
}

@media (min-width: 768px){

    artist-search{
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
}
artist-search::part(search){
    width: 100%;
    border-radius: 9999px;
    border-width: 0px;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
artist-search::part(search)::-moz-placeholder{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
artist-search::part(search)::placeholder{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
artist-search::part(search):hover{
    --tw-border-opacity: 1;
    border-color: rgb(255 103 0 / var(--tw-border-opacity, 1));
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-color: rgb(255 255 255 / 0.25);
}
artist-search::part(search):focus{
    --tw-border-opacity: 1;
    border-color: rgb(255 103 0 / var(--tw-border-opacity, 1));
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 103 0 / var(--tw-ring-opacity, 1));
}
@media (min-width: 768px){

    artist-search::part(search){
        width: 480px;
    }
}
@media (min-width: 1024px){

    artist-search::part(search){
        padding-left: 2rem;
        padding-right: 2rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}
artist-search::part(search) {
    min-height: 2.5rem;
}


/* ==========================================================================
   Artist Filter
   ========================================================================== */
artist-sort z3-dropdown::part(button),
    artist-sort z3-dropdown .dropdown__trigger,
    artist-filter z3-dropdown::part(button),
    artist-filter z3-dropdown .dropdown__trigger{
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
artist-sort z3-dropdown::part(button):hover,
    artist-sort z3-dropdown .dropdown__trigger:hover,
    artist-filter z3-dropdown::part(button):hover,
    artist-filter z3-dropdown .dropdown__trigger:hover{
    --tw-border-opacity: 1;
    border-color: rgb(255 103 0 / var(--tw-border-opacity, 1));
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-color: rgb(255 255 255 / 0.25);
}
artist-sort z3-dropdown::part(button):focus,
    artist-sort z3-dropdown .dropdown__trigger:focus,
    artist-filter z3-dropdown::part(button):focus,
    artist-filter z3-dropdown .dropdown__trigger:focus{
    --tw-border-opacity: 1;
    border-color: rgb(255 103 0 / var(--tw-border-opacity, 1));
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 103 0 / var(--tw-ring-opacity, 1));
}
@media (min-width: 1024px){

    artist-sort z3-dropdown::part(button),
    artist-sort z3-dropdown .dropdown__trigger,
    artist-filter z3-dropdown::part(button),
    artist-filter z3-dropdown .dropdown__trigger{
        padding-left: 2rem;
        padding-right: 2rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}
artist-sort z3-dropdown::part(dropdown),
    artist-sort z3-dropdown .dropdown__dropdown,
    artist-filter z3-dropdown::part(dropdown),
    artist-filter z3-dropdown .dropdown__dropdown{
    margin-top: 0.25rem;
    border-radius: 1.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
    padding: 1.25rem;
}
@media (min-width: 1024px){

    artist-sort z3-dropdown::part(dropdown),
    artist-sort z3-dropdown .dropdown__dropdown,
    artist-filter z3-dropdown::part(dropdown),
    artist-filter z3-dropdown .dropdown__dropdown{
        padding-left: 2rem;
        padding-right: 2rem;
    }
}
artist-sort .filter + .filter, artist-filter .filter + .filter {
        margin-top: 1rem;
    }
artist-sort .checkbox, artist-filter .checkbox {
        display: flex;
        position: relative;
        cursor: pointer;
        padding-left: 2rem;
    }
artist-sort .checkbox [type=checkbox], artist-filter .checkbox [type=checkbox] {
        position: absolute;
        left: 0;
        opacity: 0;
        pointer-events: none;
        padding: 0;
    }
artist-sort .checkbox [type=checkbox]+span, artist-filter .checkbox [type=checkbox]+span {
        font-size: 1.25rem;
        text-transform: uppercase;
        margin-top: -2px;
    }
artist-sort .checkbox [type=checkbox]+span:hover, artist-filter .checkbox [type=checkbox]+span:hover{
    --tw-text-opacity: 1;
    color: rgb(255 103 0 / var(--tw-text-opacity, 1));
}
artist-sort .checkbox [type=checkbox]+span:before, artist-filter .checkbox [type=checkbox]+span:before {
        content: "";
        position: absolute;
        top: 1px;
        left: 0;
        width: 20px;
        height: 20px;
        z-index: 0;
        border: 1px solid;
        border-radius: 2px;
        box-shadow: none;
    }
artist-sort .checkbox [type=checkbox]+span:after, artist-filter .checkbox [type=checkbox]+span:after {
        content: "";
        position: absolute;
        top: -3px;
        left: 4px;
        opacity: 0;
        width: 1.5rem;
        height: 1.5rem;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='58.594' height='44.688'%3E%3Cpath d='M18.594 35.313 53.906 0l4.688 4.688-40 40L0 26.093l4.688-4.688Zm50 19.453' style='fill:%2335CC9A'/%3E%3C/svg%3E");
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat;
        --tw-text-opacity: 1;
        color: rgb(255 103 0 / var(--tw-text-opacity, 1))}
artist-sort .checkbox [type=checkbox]:checked+span:after, artist-filter .checkbox [type=checkbox]:checked+span:after {
        opacity: 1;
    }
/* disabled Checkbox */
artist-sort .checkbox.disabled, artist-filter .checkbox.disabled {
        cursor: not-allowed;
        opacity: 0.4;
    }

.filterset-genre .filter.disabled{
    display: none;
}



/* ==========================================================================
   Artist View
   ========================================================================== */
artist-view{
    display: block;
    text-align: center;
}
artist-view button{
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
    fill: #fff;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
artist-view button:hover{
    --tw-border-opacity: 1;
    border-color: rgb(255 103 0 / var(--tw-border-opacity, 1));
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-color: rgb(255 255 255 / 0.25);
}
artist-view button:focus{
    --tw-border-opacity: 1;
    border-color: rgb(255 103 0 / var(--tw-border-opacity, 1));
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 103 0 / var(--tw-ring-opacity, 1));
}
@media (min-width: 1024px){

    artist-view button{
        padding-left: 2rem;
        padding-right: 2rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}
artist-view button.active{
    fill: #ff6700;
}
artist-view button{
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
@media (min-width: 1024px){

    artist-view button{
        padding-right: 1.25rem;
    }
}
artist-view button + button{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
@media (min-width: 1024px){

    artist-view button + button{
        padding-left: 1.25rem;
    }
}
artist-view button:last-child{
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
}
@media (min-width: 1024px){

    artist-view button:last-child{
        padding-right: 2rem;
    }
}


/* ==========================================================================
   Artist Active Filter
   ========================================================================== */
artist-active-filters{
    display: flex;
    justify-content: center;
}

/* ==========================================================================
   Artist List
   ========================================================================== */
.artist-list.type-grid,
artist-list .type-grid{
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
}
@media (min-width: 768px){

    .artist-list.type-grid,
artist-list .type-grid{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (min-width: 1024px){

    .artist-list.type-grid,
artist-list .type-grid{
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}


artist-list .no-results{
    margin-top: 2rem;
    margin-bottom: 2rem;
    text-align: center;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 900;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

/* ==========================================================================
   Artist List Item
   ========================================================================== */

.artist-list-item:hover,
.artist-list-item:focus,
artist-list-item:hover,
artist-list-item:focus {
    z-index: 2;
}

.artist-item {
    filter: drop-shadow(0px 0px 0vw transparent);
    transition: .25s;
    aspect-ratio: 3 / 4;
    position: relative;
    overflow: hidden;
    border-radius: 1.25rem;
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(30 30 30 / var(--tw-bg-opacity, 1));
    padding: 5vw;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px){

    .artist-item{
        padding: 1vw;
    }
}

.artist-item:hover,
.artist-item:focus,
.artist-item:focus-within {
    transform: scale(1.025);
    z-index: 5;
    filter: drop-shadow(0px 0px 3vw #000);
}

.artist-item:hover .artist-item__name, .artist-item:focus .artist-item__name, .artist-item:focus-within .artist-item__name {
        transform: scale(1.05);
    }

.artist-item:hover .artist-item__img img, .artist-item:focus .artist-item__img img, .artist-item:focus-within .artist-item__img img {
        transform: scale(1.05);
    }

/*
   Shadow over Image Gradient BG
   ========================================================================== */

.artist-item:before {
    content: "";
    background-image: linear-gradient(to top, rgba(0, 0, 0, .75) 60%, transparent 80%);
    background-size: 200% 200%;
    background-position: top;
    transition: .25s;
    position: absolute;
    inset: 0;
}


/*
   Social Media
   ========================================================================== */
.artist-item__social-media{
    position: absolute;
    left: 50%;
    top: 3vw;
    display: flex;
    --tw-translate-x: -50%;
    --tw-translate-y: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    gap: 2vw;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
    padding: 2vw;
    opacity: 0;
    transition-duration: 250ms;
}
.group:focus-within .artist-item__social-media{
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1;
}
.group:hover .artist-item__social-media{
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1;
}
.group:focus .artist-item__social-media{
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1;
}
.group:active .artist-item__social-media{
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1;
}
@media (min-width: 1024px){

    .artist-item__social-media{
        top: 1vw;
        gap: 0.5vw;
        padding: 0.5vw;
    }
}

.artist-item__social-media a{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.artist-item__social-media a:hover{
    --tw-text-opacity: 1;
    color: rgb(255 103 0 / var(--tw-text-opacity, 1));
}

.artist-item__social-media a svg{
    height: 1.25rem;
    width: 1.25rem;
    fill: currentColor;
}

.artist-item__body{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 2vw;
}

@media (min-width: 1024px){

    .artist-item__body{
        gap: 0.5vw;
    }
}


/*
   LIST OR GRID
   ========================================================================== */

.type-list .artist-item{
    display: flex;
    aspect-ratio: auto;
    align-items: center;
    gap: 1rem;
    border-radius: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    background-color: transparent;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 2.5vw;
    padding-bottom: 2.5vw;
}

.type-list .artist-item:focus-within{
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.type-list .artist-item:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.type-list .artist-item:focus{
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.type-list .artist-item:active{
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

@media (min-width: 768px){

    .type-list .artist-item{
        gap: 3vw;
        padding-top: 5vw;
        padding-bottom: 5vw;
        padding-left: 8vw;
        padding-right: 8vw;
    }
}

@media (min-width: 1024px){

    .type-list .artist-item{
        padding-top: 1vw;
        padding-bottom: 1vw;
    }
}

.type-list .artist-item:before{
    display: none;
}

/* Image */

.type-list .artist-item .artist-item__img{
    aspect-ratio: 1 / 1;
    width: 20%;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 9999px;
        border: 2px solid #1e1e1e;
}

.type-list .artist-item .artist-item__img img {
            transition: .25s;
        }

.type-list .artist-item .artist-item__body{
    align-items: flex-start;
    justify-content: center;
    gap: 0.5rem;
    text-align: left;
}

@media (min-width: 768px){

    .type-list .artist-item .artist-item__body{
        gap: 2vw;
    }
}

.type-list .artist-item .artist-item__days,
    .type-list .artist-item .artist-item__stages{
    display: none;
}

.type-list .artist-item .artist-item__name {
        font-size: clamp(1rem, 3vw, 4rem);
    }

/* shows */

.type-list .artist-item .artist-item__shows {
        font-size: clamp(1rem, 1.5vw, 1.5vw);
        line-height: 1.2;
    }

.type-list .artist-item .artist-item__link{
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-duration: 250ms;
}

.group:focus-within .type-list .artist-item .artist-item__link{
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .type-list .artist-item .artist-item__link{
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:focus .type-list .artist-item .artist-item__link{
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:active .type-list .artist-item .artist-item__link{
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 1024px){

    .type-list .artist-item .artist-item__link{
        --tw-translate-y: 0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
}

.type-list .artist-item .artist-item__link svg{
    display: none;
}

.type-list .artist-item:hover,
    .type-list .artist-item:focus,
    .type-list .artist-item:focus-within,
    .type-list .artist-item:active {
        transform: scale(1.00);
        z-index: 5;
        filter: drop-shadow(0px 0px 3vw #000);
    }

.type-list .artist-item:hover .artist-item__name, .type-list .artist-item:focus .artist-item__name, .type-list .artist-item:focus-within .artist-item__name, .type-list .artist-item:active .artist-item__name {
            transform: scale(1.00);
        }

.type-list .artist-item:hover .artist-item__img img, .type-list .artist-item:focus .artist-item__img img, .type-list .artist-item:focus-within .artist-item__img img, .type-list .artist-item:active .artist-item__img img {
            transform: scale(1.05);
        }

.type-list .artist-item .artist-item__social-media{
    display: none;
}

/* Image */

.type-grid .artist-item .artist-item__img img {
            transition: .25s;
        }

.type-grid .artist-item .artist-item__img{
    position: absolute;
    inset: 0px;
    z-index: -1;
    overflow: hidden;
    border-radius: 1.25rem;
}

/* shows */

.type-grid .artist-item .artist-item__shows{
    display: none;
}

.type-grid .artist-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    text-align: center;
}


/*
   Days
   ========================================================================== */

.artist-item__days {
    line-height: 1em;
    letter-spacing: .25vw;
    font-size: 5vw;
    font-weight: 700;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 103 0 / var(--tw-text-opacity, 1))}

@media (min-width: 768px){

    .artist-item__days{
        font-size: 1.5vw;
    }
}

@media (min-width: 1024px){

    .artist-item__days{
        font-size: 1vw;
    }
}


/*
   Name
   ========================================================================== */

.artist-item__name {
    transition: .25s;
    font-size: 8vw;
    font-weight: 900;
    line-height: 1}

.group:focus-within .artist-item__name{
    --tw-text-opacity: 1;
    color: rgb(255 103 0 / var(--tw-text-opacity, 1));
}

.group:hover .artist-item__name{
    --tw-text-opacity: 1;
    color: rgb(255 103 0 / var(--tw-text-opacity, 1));
}

.group:focus .artist-item__name{
    --tw-text-opacity: 1;
    color: rgb(255 103 0 / var(--tw-text-opacity, 1));
}

.group:active .artist-item__name{
    --tw-text-opacity: 1;
    color: rgb(255 103 0 / var(--tw-text-opacity, 1));
}

@media (min-width: 768px){

    .artist-item__name{
        font-size: 18px;
    }
}

@media (min-width: 1024px){

    .artist-item__name{
        font-size: 2vw;
    }
}

.artist-item__subname{
    font-weight: 400;

    font-size: 0.6em;
}

/*
   Stages
   ========================================================================== */
.artist-item__stages {
    line-height: 1em;
    margin-bottom: 1rem;
    font-size: 5vw;
    font-weight: 700;
    text-transform: uppercase}
@media (min-width: 768px){

    .artist-item__stages{
        font-size: 1.5vw;
    }
}
@media (min-width: 1024px){

    .artist-item__stages{
        font-size: 1vw;
    }
}


/*
   Shows
   ========================================================================== */
.artist-item__shows{
    text-transform: uppercase;
}


/*
   link
   ========================================================================== */

.artist-item__link{
    transition-duration: 250ms;
}

.group:focus-within .artist-item__link{
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .artist-item__link{
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:focus .artist-item__link{
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:active .artist-item__link{
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.artist-item__link {
    transform: translateY(calc(5vw + 100%));
}
@media (min-width: 1024px) {
    .artist-item__link {
        transform: translateY(calc(1vw + 100%));
    }
}
.artist-item__link svg{
    position: absolute;
    left: 50%;
    top: -100%;
    display: block;
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-duration: 250ms;
}
.group:focus-within .artist-item__link svg{
    opacity: 0;
}
.group:hover .artist-item__link svg{
    opacity: 0;
}
.group:focus .artist-item__link svg{
    opacity: 0;
}
.group:active .artist-item__link svg{
    opacity: 0;
}
@media (min-width: 1024px){

    .artist-item__link svg{
        top: -60%;
    }
}


/* ==========================================================================
   Artist Group Section
   ========================================================================== */

.artist-group-title + .artist-section-title{
    margin-top: 0px;
}

@media (min-width: 1024px) {

    .artist-detail {
        display: grid;
        width: 100%;
        grid-template-areas:
            "top sidebar"
            "main sidebar"
            "bottom bottom";
        grid-template-rows: auto;
        grid-template-columns: 1fr 30%;
        gap: 0 5vw;
    }

    .artist-detail__top {
        grid-area: top;
    }
    .artist-detail__sidebar {
        grid-area: sidebar;
    }
    .artist-detail__bottom {
        grid-area: bottom;
    }
}


/* Artist Image */
.artist-detail__image{
    position: relative;
}

.artist-detail__image:after {
    content: "";
    background-image: linear-gradient(to top, black 0%, transparent 100%);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 50%;
}

@media (min-width: 1024px){

    .artist-detail__image:after{
        display: none;
    }
}


/* Artist Title */
.artist-detail__title{
    position: relative;
    margin-top: -60%;
    text-align: center;
    font-size: 10vw;
    font-weight: 900;
    line-height: 1;
}
@media (min-width: 1024px){

    .artist-detail__title{
        margin-top: 0px;
        text-align: left;
        font-size: 6vw;
    }
}


/* Artist Sidebar */
.artist-detail__sidebar{
    position: relative;
    font-size: 1.125rem;
}

.artist-detail__sidebar-list{
    display: flex;
    flex-direction: column;
    gap: 5vw;
    border-radius: 20px;
    --tw-bg-opacity: 1;
    background-color: rgb(30 30 30 / var(--tw-bg-opacity, 1));
    padding: 5vw;
}

@media (min-width: 1024px){

    .artist-detail__sidebar-list{
        gap: 2vw;
        padding: 2vw;
    }
}

.sidebar-list-title{
    margin-bottom: 0.75rem;
    font-size: 8vw;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(255 103 0 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px){

    .sidebar-list-title{
        font-size: 2vw;
    }
}

.artist-detail__sidebar .uc-embedding-container {
    min-height: 352px !important;
}
.artist-detail__sidebar .uc-embedding-wrapper {
    max-width: 100% !important;
}

ul.arrow-list {
    padding-left: 0.75em;
}

ul.arrow-list li {
        list-style-type: '> ';
    }

ul.arrow-list li::marker{
    font-weight: 900;
    --tw-text-opacity: 1;
    color: rgb(255 103 0 / var(--tw-text-opacity, 1));
}
ul.arrow-list + ul.arrow-list{
    margin-top: 1rem;
}

.sidebar-list-facts p:last-child{
    margin-bottom: 0px;
}

.artist-country-flag{
    font-size: 1.5em;
}


/* Artist Description */
.artist-detail__description{
    margin-top: 2rem;
    margin-bottom: 2rem;
    font-size: 1.125rem;
}
@media (min-width: 1024px){

    .artist-detail__description{
        margin-top: 0px;
    }
}
.artist-detail__description a:not(.btn){
    text-decoration-line: underline;
}

/* Artist Media */
.artist-detail__media video,
    .artist-detail__media iframe{
    width: 100%;
}
.artist-detail__media .video,
    .artist-detail__media .uc-embedding-container{
    aspect-ratio: 16 / 9;
}
.artist-detail__media > * + *{
    margin-top: 2rem;
}


/* Social Media*/
.artist-detail__social-media {

}
/*
   Social Media
   ========================================================================== */
.artist-detail__social-media{
    display: flex;
    gap: 2vw;
}
@media (min-width: 1024px){

    .artist-detail__social-media{
        gap: 0.5vw;
    }
}

.artist-detail__social-media a{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.artist-detail__social-media a:hover{
    --tw-text-opacity: 1;
    color: rgb(255 103 0 / var(--tw-text-opacity, 1));
}

.artist-detail__social-media a svg{
    height: 1.5rem;
    width: 1.5rem;
    fill: currentColor;
}


/*
   Related Artist
   ========================================================================== */

.artist-list.type-slider,
.artist-detail__related-artists,
.artist-detail__related-artists-carousel{
    margin-left: -4vw;
    margin-right: -4vw;
}

.artist-list.type-slider .artist-item .artist-item__img img, .artist-detail__related-artists .artist-item .artist-item__img img, .artist-detail__related-artists-carousel .artist-item .artist-item__img img {
                transition: .25s;
            }

.artist-list.type-slider .artist-item .artist-item__img, .artist-detail__related-artists .artist-item .artist-item__img, .artist-detail__related-artists-carousel .artist-item .artist-item__img{
    position: absolute;
    inset: 0px;
    z-index: -1;
    overflow: hidden;
    border-radius: 1.25rem;
}

.artist-list.type-slider .artist-item .artist-item__shows, .artist-detail__related-artists .artist-item .artist-item__shows, .artist-detail__related-artists-carousel .artist-item .artist-item__shows{
    display: none;
}

.artist-list.type-slider .artist-item, .artist-detail__related-artists .artist-item, .artist-detail__related-artists-carousel .artist-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    text-align: center;
}

.artist-list.type-slider .splide__slide, .artist-detail__related-artists .splide__slide, .artist-detail__related-artists-carousel .splide__slide{
    width: 80%;
}

@media (min-width: 640px){

    .artist-list.type-slider .splide__slide, .artist-detail__related-artists .splide__slide, .artist-detail__related-artists-carousel .splide__slide{
        width: 44%;
    }
}

@media (min-width: 768px){

    .artist-list.type-slider .splide__slide, .artist-detail__related-artists .splide__slide, .artist-detail__related-artists-carousel .splide__slide{
        width: 44%;
    }
}

@media (min-width: 1024px){

    .artist-list.type-slider .splide__slide, .artist-detail__related-artists .splide__slide, .artist-detail__related-artists-carousel .splide__slide{
        width: 30%;
    }
}

@media (min-width: 1280px){

    .artist-list.type-slider .splide__slide, .artist-detail__related-artists .splide__slide, .artist-detail__related-artists-carousel .splide__slide{
        width: 22%;
    }
}

@media (max-width: 1023px) {
        .artist-detail__related-artists li{
        width: 80%;
        flex-shrink: 0;
        scroll-snap-align: start;
        scroll-margin-left: 1.5rem;
        scroll-margin-right: 1.5rem;
    }

        .artist-detail__related-artists li:first-child{
        scroll-padding-left: 4vw;
    }

        .artist-detail__related-artists .artist-item:hover {
            transform: none;
            z-index: 5;
            filter: none;
        }

            .artist-detail__related-artists .artist-item:hover .artist-item__name {
                transform: none;
            }

            .artist-detail__related-artists .artist-item:hover .artist-item__img img {
                transform: none;
            }

        .artist-detail__related-artists{
        position: relative;
        margin-left: -4vw;
        margin-right: -4vw;
        display: flex;
        width: 100vw;
        scroll-snap-type: x var(--tw-scroll-snap-strictness);
        --tw-scroll-snap-strictness: mandatory;
        scroll-padding-left: 4vw;
        gap: 1.5rem;
        overflow: hidden;
        overflow-x: auto;
        padding-left: 4vw;
        padding-right: 4vw;
    }
}


@media (min-width: 1024px) {
    .artist-detail__related-artists{
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 1rem;
    }
}


z3-dropdown:not(.loaded),
z3-dropdown:not(.hydrated) {
    display: none;
}

z3-dropdown .dropdown__trigger{
    line-height: 1;
}
z3-dropdown .dropdown__trigger.open{
    border-radius: 9999px;
}
z3-dropdown .dropdown__trigger__text{
    margin-right: 0.5rem;
}
z3-dropdown .dropdown__dropdown{
    min-width: 0px;
}
z3-dropdown .dropdown__dropdown.open{
    min-width: 0px;
    border-radius: 1.25rem;
}
swiper-container {
    --swiper-theme-color: black;
    --swiper-navigation-size: 1rem;
    --swiper-navigation-top-offset: calc(100% - 4.5rem);
    --swiper-navigation-sides-offset: 2rem;
}
swiper-container::part(button-prev),
swiper-container::part(button-next) {
    box-sizing: border-box;
    background-color: rgba(204,204,204,0.7);
    padding: 0.75rem;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.5));
}
swiper-container::part(button-prev) svg path,
swiper-container::part(button-next) svg path {
    stroke: currentColor;
    stroke-width: 1px;
    stroke-linecap: round;
}
swiper-container::part(button-prev) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
swiper-container::part(button-next) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    right: auto;
    left: calc(2rem + 40px);
}

swiper-slide img {
    width: 100%;
}

.uc-embedding-container {
    width: 100% !important;
    height: 100% !important;
    min-height: unset !important;
    max-height: unset !important;
}

.uc-embedding-container > img {
        -o-object-position: center;
           object-position: center;
    }

.uc-embedding-container .uc-embedding-wrapper {
        font-family: inherit;
        padding: 1.5rem;
        border-radius: 20px;
        background: rgba(0,0,0,0.8);
        color: white;
    }

.uc-embedding-container .uc-embedding-wrapper h3 {
        font-weight: 900 ;
        text-transform: uppercase ;
        line-height: 1;
        margin-bottom: 1rem;
        font-size: 1rem;
        color: #ffffff !important;
    }

.uc-embedding-container .description-text,
    .uc-embedding-container .uc-embedding-wrapper > span,
    .uc-embedding-container .not-existing-service {
        font-size: 0.75rem;
        line-height: 1.2;
    }

.uc-embedding-container .uc-embedding-buttons {
        gap: 0.5rem;
        margin-bottom: 1rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

.uc-embedding-container .uc-embedding-more-info,
    .uc-embedding-container .uc-embedding-accept{
    margin: 0px;
    display: inline-block;
    border-radius: 9999px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    text-align: center;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1;
}

@media (min-width: 1024px){

    .uc-embedding-container .uc-embedding-more-info,
    .uc-embedding-container .uc-embedding-accept{
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
}

.uc-embedding-container .uc-embedding-more-info,
    .uc-embedding-container .uc-embedding-accept {
        min-height: unset;
        transition: all 0.3s ease;
        width: unset;
    }

.uc-embedding-container .uc-embedding-more-info{
    --tw-bg-opacity: 1;
    background-color: rgb(30 30 30 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.uc-embedding-container .uc-embedding-more-info:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.uc-embedding-container .uc-embedding-accept{
    --tw-bg-opacity: 1;
    background-color: rgb(255 103 0 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.uc-embedding-container .uc-embedding-accept:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.uc-embedding-container .uc-embedding-powered-by {
        color: inherit ;
        font-size: 0.75rem;
        line-height: 1rem;
    }

/* ContentBlocks */

/* ==========================================================================
   Basics / Frame
   ========================================================================== */

:root {
    --space-small: max(2vw, 1.5rem);
    --space-medium: 4vw;
    --space-large: 8vw;
}

/* margin Top */
.margin-top-small {
    margin-top: var(--space-small);
}
.margin-top-medium {
    margin-top: var(--space-medium);
}
.margin-top-large {
    margin-top: var(--space-large);
}

/* margin Top */
.margin-bottom-small {
    margin-bottom: var(--space-small);
}
.margin-bottom-medium {
    margin-bottom: var(--space-medium);
}
.margin-bottom-large {
    margin-bottom: var(--space-large);
}

/* margin left */
.margin-left-small {
    margin-left: var(--space-small);
}
.margin-left-medium {
    margin-left: var(--space-medium);
}
.margin-left-large {
    margin-left: var(--space-large);
}

/* margin right */
.margin-right-small {
    margin-right: var(--space-small);
}
.margin-right-medium {
    margin-right: var(--space-medium);
}
.margin-right-large {
    margin-right: var(--space-large);
}

/* padding Top */
.padding-top-small {
    padding-top: var(--space-small);
}
.padding-top-medium {
    padding-top: var(--space-medium);
}
.padding-top-large {
    padding-top: var(--space-large);
}

/* padding Top */
.padding-bottom-small {
    padding-bottom: var(--space-small);
}
.padding-bottom-medium {
    padding-bottom: var(--space-medium);
}
.padding-bottom-large {
    padding-bottom: var(--space-large);
}

/* padding left */
.padding-left-none{
    padding-left: 0px !important;
}
.padding-left-small {
    padding-left: var(--space-small) !important;
}
.padding-left-medium {
    padding-left: var(--space-medium) !important;
}
.padding-left-large {
    padding-left: var(--space-large) !important;
}

/* padding right */
.padding-right-none{
    padding-right: 0px !important;
}
.padding-right-small {
    padding-right: var(--space-small) !important;
}
.padding-right-medium {
    padding-right: var(--space-medium) !important;
}
.padding-right-large {
    padding-right: var(--space-large) !important;
}


/* Display Classes  */

@media (min-width: 768px){

    .display-mobile-only{
        display: none;
    }
}
@media (min-width: 1024px){

    .display-mobile-and-table{
        display: none;
    }
}
.display-tablet-only{
    display: none;
}
@media (min-width: 768px){

    .display-tablet-only{
        display: block;
    }
}
@media (min-width: 1024px){

    .display-tablet-only{
        display: none;
    }
}
.display-tablet-and-desktop{
    display: none;
}
@media (min-width: 768px){

    .display-tablet-and-desktop{
        display: block;
    }
}
.display-desktop-only{
    display: none;
}
@media (min-width: 1024px){

    .display-desktop-only{
        display: block;
    }
}
.display-hidden{
    display: none;
}


/* fix opacity issue with digital tour */
/*
*/
 .cb__digitale-tour [data-sal|=slide].z3-animate,
     .cb__digitale-tour [data-sal|=slide-up].z3-animate,
     .cb__digitale-tour [data-sal|=slide-down].z3-animate,
     .cb__digitale-tour [data-sal|=slide-left].z3-animate,
     .cb__digitale-tour [data-sal|=slide-right].z3-animate,
     .cb__digitale-tour [data-sal|=zoom].z3-animate,
     .cb__digitale-tour [data-sal|=zoom-in].z3-animate,
     .cb__digitale-tour [data-sal|=zoom-out].z3-animate,
     .cb__digitale-tour [data-sal|=flip].z3-animate,
     .cb__digitale-tour [data-sal|=flip-left].z3-animate,
     .cb__digitale-tour [data-sal|=flip-right].z3-animate,
     .cb__digitale-tour [data-sal|=flip-up].z3-animate,
     .cb__digitale-tour [data-sal|=flip-down].z3-animate,
     .cb__digitale-tour [data-sal|=fade].z3-animate{
    opacity: 1;
}

[data-sal|=slide].z3-animate:has(.cb__digitale-tour),
[data-sal|=slide-up].z3-animate:has(.cb__digitale-tour),
[data-sal|=slide-down].z3-animate:has(.cb__digitale-tour),
[data-sal|=slide-left].z3-animate:has(.cb__digitale-tour),
[data-sal|=slide-right].z3-animate:has(.cb__digitale-tour),
[data-sal|=zoom].z3-animate:has(.cb__digitale-tour),
[data-sal|=zoom-in].z3-animate:has(.cb__digitale-tour),
[data-sal|=zoom-out].z3-animate:has(.cb__digitale-tour),
[data-sal|=flip].z3-animate:has(.cb__digitale-tour),
[data-sal|=flip-left].z3-animate:has(.cb__digitale-tour),
[data-sal|=flip-right].z3-animate:has(.cb__digitale-tour),
[data-sal|=flip-up].z3-animate:has(.cb__digitale-tour),
[data-sal|=flip-down].z3-animate:has(.cb__digitale-tour),
[data-sal|=fade].z3-animate:has(.cb__digitale-tour){
    opacity: 1;
}

/* parallax */
[data-parallax-speed] {
    will-change: transform;
}
/* ==========================================================================
   Headlines
   ========================================================================== */

.cb__header{
    margin-bottom: 1.5rem;
}

.cb__header__headline > * {
    margin: 0;
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    color: inherit;
    line-height: inherit;
}

.cb__header__topline p, .cb__header__headline p, .cb__header__subline p {
        margin: 0;
    }

.cb__header__topline{
    font-size: 8vw;
    line-height: 1;
}

@media (min-width: 768px){

    .cb__header__topline{
        font-size: 3vw;
    }
}
.cb__header__headline{
    font-size: 8vw;
    line-height: 1;
}
@media (min-width: 768px){

    .cb__header__headline{
        font-size: 4vw;
    }
}
.cb__header__subline{
    font-size: 8vw;
    line-height: 1;
}
@media (min-width: 768px){

    .cb__header__subline{
        font-size: 3vw;
    }
}

.z3-text-sm{
    font-size: 0.875rem !important;
    line-height: 1.25 !important;
}
.z3-text-base{
    font-size: 1rem !important;
    line-height: 1.5 !important;
}
.z3-text-md{
    font-size: 1.25rem !important;
    line-height: 1.75rem !important;
}
@media (min-width: 1024px){

    .z3-text-md{
        font-size: 1.875rem !important;
        line-height: 2.25rem !important;
    }
}
.z3-text-lg{
    font-size: 8vw !important;
    line-height: 1.2 !important;
}
@media (min-width: 768px){

    .z3-text-lg{
        font-size: 3vw !important;
    }
}
.z3-text-xl{
    font-size: 8vw !important;
    line-height: 1.2 !important;
}
@media (min-width: 768px){

    .z3-text-xl{
        font-size: 4vw !important;
    }
}
.z3-text-xxl{
    font-size: 9vw !important;
    line-height: 1.1 !important;
}
@media (min-width: 1024px){

    .z3-text-xxl{
        font-size: 5vw !important;
    }
}


/* Line Before */
.line-before:has(>span) span{
    display: flex;
    align-items: center;
        gap: 1rem;
}
.line-before:has(>span) span:before {
        content: "";
        height: 2px;
        display: block;
        background: currentColor;
        width: 50px;
    }
@media (min-width: 768px){

    .line-before:has(>span) span:before{
        width: 100px;
    }
}
.line-before:not(:has(>span)){
    display: flex;
    align-items: center;
    gap: 1rem;
}
.line-before:not(:has(>span)):before {
        content: "";
        height: 2px;
        display: block;
        background: currentColor;
        width: 50px;
    }
@media (min-width: 768px){

    .line-before:not(:has(>span)):before{
        width: 100px;
    }
}
/* ==========================================================================
   Basics / Media
   ========================================================================== */

/* */
.cb__media{
    display: flex;
    overflow: hidden;
}

.cb__media__grid .cb__media__item__video{
    width: 100%;
}
.cb__media__grid iframe.cb__media__item__video{
    height: 100%;
    width: 100%;
}

.cb__media__grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.cb__media__grid.mobile-grid-cols-0 {
        flex-wrap:  nowrap;
    }

.cb__media__grid.mobile-grid-cols-1 .cb__media__item {
            width: calc(100%/1);
        }

.cb__media__grid.mobile-grid-cols-2 .cb__media__item {
            width: calc(100%/2);
        }

.cb__media__grid.mobile-grid-cols-3 .cb__media__item {
            width: calc(100%/3);
        }

.cb__media__grid.mobile-grid-cols-4 .cb__media__item {
            width: calc(100%/4);
        }

.cb__media__grid.mobile-grid-cols-5 .cb__media__item {
            width: calc(100%/5);
        }

.cb__media__grid.mobile-grid-cols-6 .cb__media__item {
            width: calc(100%/6);
        }

.cb__media__grid.mobile-grid-cols-7 .cb__media__item {
            width: calc(100%/7);
        }

.cb__media__grid.mobile-grid-cols-8 .cb__media__item {
            width: calc(100%/8);
        }

.cb__media__grid.mobile-grid-cols-9 .cb__media__item {
            width: calc(100%/9);
        }

.cb__media__grid.mobile-grid-cols-10 .cb__media__item {
            width: calc(100%/10);
        }

.cb__media__grid.mobile-grid-cols-11 .cb__media__item {
            width: calc(100%/11);
        }

.cb__media__grid.mobile-grid-cols-12 .cb__media__item {
            width: calc(100%/12);
        }

.cb__media__grid.grid-gap-0 .cb__media__item {
            padding: 0;
        }

.cb__media__grid.grid-gap-1 {
        margin: 0 -0.5vw;
    }

.cb__media__grid.grid-gap-1 .cb__media__item {
            padding: 0.5vw;
        }

.cb__media__grid.grid-gap-2 {
        margin: 0 -1vw;
    }

.cb__media__grid.grid-gap-2 .cb__media__item {
            padding: 1vw;
        }

.cb__media__grid.grid-gap-3 {
        margin: 0 -1.5vw;
    }

.cb__media__grid.grid-gap-3 .cb__media__item {
            padding: 1.5vw;
        }

.cb__media__grid.grid-gap-4 {
        margin: 0 -2vw;
    }

.cb__media__grid.grid-gap-4 .cb__media__item {
            padding: 2vw;
        }

.cb__media__grid.grid-gap-5 {
        margin: 0 -2.5vw;
    }

.cb__media__grid.grid-gap-5 .cb__media__item {
            padding: 2.5vw;
        }

@media (min-width: 1024px) {
        .cb__media__grid.large-grid-cols-0 {
            flex-wrap: nowrap;
        }
            .cb__media__grid.large-grid-cols-1 .cb__media__item {
                width: calc(100%/1);
            }
            .cb__media__grid.large-grid-cols-2 .cb__media__item {
                width: calc(100%/2);
            }
            .cb__media__grid.large-grid-cols-3 .cb__media__item {
                width: calc(100%/3);
            }
            .cb__media__grid.large-grid-cols-4 .cb__media__item {
                width: calc(100%/4);
            }
            .cb__media__grid.large-grid-cols-5 .cb__media__item {
                width: calc(100%/5);
            }
            .cb__media__grid.large-grid-cols-6 .cb__media__item {
                width: calc(100%/6);
            }
            .cb__media__grid.large-grid-cols-7 .cb__media__item {
                width: calc(100%/7);
            }
            .cb__media__grid.large-grid-cols-8 .cb__media__item {
                width: calc(100%/8);
            }
            .cb__media__grid.large-grid-cols-9 .cb__media__item {
                width: calc(100%/9);
            }
            .cb__media__grid.large-grid-cols-10 .cb__media__item {
                width: calc(100%/10);
            }
            .cb__media__grid.large-grid-cols-11 .cb__media__item {
                width: calc(100%/11);
            }
            .cb__media__grid.large-grid-cols-12 .cb__media__item {
                width: calc(100%/12);
            }
            .cb__media__grid.large-grid-gap-0 .cb__media__item {
                padding: 0;
            }
        .cb__media__grid.large-grid-gap-1 {
            margin: 0 -0.5vw;
        }
            .cb__media__grid.large-grid-gap-1 .cb__media__item {
                padding: 0.5vw;
            }
        .cb__media__grid.large-grid-gap-2 {
            margin: 0 -1vw;
        }
            .cb__media__grid.large-grid-gap-2 .cb__media__item {
                padding: 1vw;
            }
        .cb__media__grid.large-grid-gap-3 {
            margin: 0 -1.5vw;
        }
            .cb__media__grid.large-grid-gap-3 .cb__media__item {
                padding: 1.5vw;
            }
        .cb__media__grid.large-grid-gap-4 {
            margin: 0 -2vw;
        }
            .cb__media__grid.large-grid-gap-4 .cb__media__item {
                padding: 2vw;
            }
        .cb__media__grid.large-grid-gap-5 {
            margin: 0 -2.5vw;
        }
            .cb__media__grid.large-grid-gap-5 .cb__media__item {
                padding: 2.5vw;
            }
}

/* ==========================================================================
   Line-Up
   ========================================================================== */

.cb_line-up{
    margin-top: 3rem;
    margin-bottom: 3rem;
    padding-left: 4%;
    padding-right: 4%;
}


/*
   Headlines
   ========================================================================== */

.cb_line-up-headline,
.cb_line-up-subheadline{
    text-align: center;
    font-size: 3vw;
    text-transform: uppercase;
    letter-spacing: 1vw;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px){

    .cb_line-up-headline,
.cb_line-up-subheadline{
        font-size: 1.5vw;
    }
}

.cb_line-up-headline{
    margin-bottom: 1.25rem;
}

.cb_line-up-subheadline{
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

@media (min-width: 1024px){

    .cb_line-up-subheadline{
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }
}


/*
   Artists & Headliner
   ========================================================================== */

/* Artist Headliner */
.cb_line-up_artists-headliner,
.cb_line-up_artists{
    display: block;
    white-space: nowrap;
    text-align: center;
    font-weight: 900;
    line-height: 0.8;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 768px){

    .cb_line-up_artists-headliner,
.cb_line-up_artists{
        line-height: 1;
    }
}
@media (min-width: 1024px){

    .cb_line-up_artists-headliner,
.cb_line-up_artists{
        line-height: 1.2;
    }
}
.cb_line-up_artists-headliner li{
    display: inline;
    font-size: 3vw;
}
@media (min-width: 1024px){

    .cb_line-up_artists-headliner li{
        font-size: 2.8vw;
    }
}
/* Subname (optional) */
.cb_line-up_artists-headliner li .subname{
    font-size: 2vw;
    font-weight: 700;
}
@media (min-width: 1024px){

    .cb_line-up_artists-headliner li .subname{
        font-size: 1.8vw;
    }
}
.cb_line-up_artists-headliner li a,
.cb_line-up_artists li a{
    cursor: pointer;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.cb_line-up_artists-headliner li a:hover,
.cb_line-up_artists li a:hover{
    --tw-text-opacity: 1;
    color: rgb(255 103 0 / var(--tw-text-opacity, 1));
}


/* Artist */
.cb_line-up_artists:first-child{
    margin-top: 1.25rem;
}
.cb_line-up_artists li{
    display: inline;
    font-size: 2.3vw;
}
@media (min-width: 1024px){

    .cb_line-up_artists li{
        font-size: 2.1vw;
    }
}
/* Subname (optional) */
.cb_line-up_artists li .subname{
    font-size: 1.8vw;
    font-weight: 700;
}
@media (min-width: 1024px){

    .cb_line-up_artists li .subname{
        font-size: 1.1vw;
    }
}


/*
   Divider
   ========================================================================== */

.cb_line-up_artists-headliner li:not(:last-child):after,
.cb_line-up_artists li:not(:last-child):after {
    content: " × ";
    --tw-text-opacity: 1;
    color: rgb(255 103 0 / var(--tw-text-opacity, 1));
}

/* ==========================================================================
   Hero
   ========================================================================== */

.cb__hero {
    --hero-mobile-height: 50vw;
    --hero-desktop-height: 25vw;
    position: relative;
    overflow: hidden;
}

.cb__hero.layout-big {
    --hero-mobile-height: 100vw;
    --hero-desktop-height: 40vw;
}


/*
   Image
   ========================================================================== */

.cb__hero__image:before {
    content: "";
    background-image: radial-gradient(at center top, #00000000 20%, #000 110%);
    inset: -1px;
    position: absolute;
}

.cb__hero__image:after {
    content: "";
    background-image: linear-gradient(to top, black 0%, transparent 30%);
    inset: -1px;
    position: absolute;
    z-index: 0;
}

.cb__hero__image{
    height: var(--hero-mobile-height);
    overflow: hidden;
}

@media (min-width: 1024px){

    .cb__hero__image{
        height: var(--hero-desktop-height);
    }
}

.cb__hero__image img,
    .cb__hero__image video,
    .cb__hero__image iframe{
    height: var(--hero-mobile-height);
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}

@media (min-width: 1024px){

    .cb__hero__image img,
    .cb__hero__image video,
    .cb__hero__image iframe{
        height: var(--hero-desktop-height);
    }
}

/*
   Caption
   ========================================================================== */

.cb__hero__caption{
    position: absolute;
    inset: 0px;
    display: flex;
    padding: 4%;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.cb__hero__caption .orientation-top{
    align-self: flex-start;
}

.cb__hero__caption .orientation-center{
    align-self: center;
}

.cb__hero__caption .orientation-bottom{
    align-self: flex-end;
}

.cb__hero__caption .cb__header{
    width: 100%;
}

/* ==========================================================================
   Divider
   ========================================================================== */

.cb_divider{
    margin-top: 3rem;
    margin-bottom: 3rem;
    padding: 4%;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.cb_divider-item{
    margin-left: auto;
    margin-right: auto;
    width: 30vw;
}

@media (min-width: 640px){

    .cb_divider-item{
        width: 25vw;
    }
}

@media (min-width: 1024px){

    .cb_divider-item{
        width: 15vw;
    }
}


hr.z3-divider {
    --divider-pattern-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' overflow='visible' height='100%' viewBox='0 0 20 16' fill='none' stroke='black' stroke-width='3' stroke-linecap='square' stroke-miterlimit='10'%3E%3Cg transform='translate(-12.000000, 0)'%3E%3Cpath d='M28,0L10,18'/%3E%3Cpath d='M18,0L0,18'/%3E%3Cpath d='M48,0L30,18'/%3E%3Cpath d='M38,0L20,18'/%3E%3C/g%3E%3C/svg%3E");
    --divider-pattern-size: 8px;
    --divider-icon-size: 30px;
    --divider-icon-margin: 10px;

    border: none;
    /* default 4vw, but minimum 2rem */
    margin: max(4vw, 2rem) auto;
    width: 100%;
    height: var(--divider-icon-size);
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve"><g><path fill="%23ffffff" d="M98.2,54.2c-2.8-2.3-2.8-6.1,0-8.4c2.8-2.3,2.3-5.3-1.1-6.7c-3.4-1.3-4.5-5-2.6-8c1.9-3.1,0.6-5.8-3.1-6  c-3.6-0.2-5.8-3.3-5-6.8c0.9-3.5-1.3-5.7-4.8-4.8c-3.5,0.9-6.6-1.3-6.8-5c-0.2-3.6-2.9-5-6-3.1c-3.1,1.9-6.7,0.8-8-2.6  c-1.3-3.4-4.3-3.8-6.7-1.1c-2.3,2.8-6.1,2.8-8.4,0c-2.3-2.8-5.3-2.3-6.7,1.1c-1.3,3.4-5,4.5-8,2.6c-3.1-1.9-5.8-0.6-6,3.1  c-0.2,3.6-3.3,5.8-6.8,5c-3.5-0.9-5.7,1.3-4.8,4.8c0.9,3.5-1.3,6.6-5,6.8c-3.6,0.2-5,2.9-3.1,6c1.9,3.1,0.8,6.7-2.6,8  c-3.4,1.3-3.8,4.3-1.1,6.7c2.8,2.3,2.8,6.1,0,8.4c-2.8,2.3-2.3,5.3,1.1,6.7c3.4,1.3,4.5,5,2.6,8c-1.9,3.1-0.6,5.8,3.1,6  c3.6,0.2,5.8,3.3,5,6.8c-0.9,3.5,1.3,5.7,4.8,4.8c3.5-0.9,6.6,1.3,6.8,5c0.2,3.6,2.9,5,6,3.1c3.1-1.9,6.7-0.8,8,2.6  c1.3,3.4,4.3,3.8,6.7,1.1c2.3-2.8,6.1-2.8,8.4,0c2.3,2.8,5.3,2.3,6.7-1.1c1.3-3.4,5-4.5,8-2.6c3.1,1.9,5.8,0.6,6-3.1  c0.2-3.6,3.3-5.8,6.8-5c3.5,0.9,5.7-1.3,4.8-4.8c-0.9-3.5,1.3-6.6,5-6.8c3.6-0.2,5-2.9,3.1-6c-1.9-3.1-0.8-6.7,2.6-8  C100.5,59.5,101,56.5,98.2,54.2z M97.2,42.5c0,0,0-0.1-0.1-0.2l0.2-0.2c0.1,0.1,0.1,0.2,0.1,0.3c0,0,0,0,0,0.1  c0,0.2-0.2,0.7-0.8,1.2l-0.2-0.2C97,43,97.2,42.7,97.2,42.5z M2.8,42.7l-0.3,0.1c0-0.1,0-0.1,0-0.2c0,0,0,0,0-0.1  c0-0.2,0.4-0.6,1.1-0.9l0.1,0.2c-0.7,0.3-1,0.6-1,0.7C2.8,42.6,2.8,42.6,2.8,42.7z M4.2,58.7c-0.1-0.1-0.3-0.1-0.4-0.2  c-0.6-0.2-0.9-0.5-1-0.6L3,57.7c0.1,0.1,0.4,0.4,0.9,0.6c0.1,0.1,0.3,0.1,0.4,0.2L4.2,58.7z M3.6,56.4c-0.1,0.1-0.1,0.1-0.2,0.2  l-0.2-0.2c0.1-0.1,0.1-0.1,0.2-0.2c0.3-0.3,0.6-0.6,0.9-0.9l0.2,0.2C4.3,55.8,4,56.1,3.6,56.4z M4.7,45.2C4.4,44.7,4,44.4,3.7,44  l0.2-0.2c0.4,0.4,0.8,0.8,1.1,1.2L4.7,45.2z M10.3,27.4l0.1,0.3c-0.5,0.1-1.1,0.2-1.6,0.3l0-0.3C9.3,27.6,9.8,27.5,10.3,27.4z   M8.6,31.2c0.2,0.5,0.3,1,0.4,1.6l-0.3,0c-0.1-0.5-0.2-1-0.4-1.5L8.6,31.2z M9.2,34.4c0,0.5-0.1,1.1-0.2,1.6l-0.3-0.1  c0.1-0.5,0.2-1,0.2-1.6L9.2,34.4z M8.5,37.5c-0.2,0.5-0.5,1-0.8,1.4l-0.2-0.2c0.3-0.4,0.6-0.9,0.8-1.3L8.5,37.5z M8.7,63l-0.3,0.1  c-0.2-0.5-0.4-1-0.7-1.4L8,61.6C8.3,62,8.5,62.5,8.7,63z M7.2,28.3l0.3,0.1c0,0,0,0.1,0,0.1c0,0.1,0,0.5,0.4,1.2l0.1,0.1l-0.2,0.1  l-0.1-0.1c-0.3-0.5-0.5-1-0.5-1.3C7.1,28.4,7.1,28.3,7.2,28.3z M6.7,50c0,0.4,0,0.7-0.1,1.1l-0.3,0c0-0.4,0.1-0.7,0.1-1.1  c0-0.2,0-0.3,0-0.5l0.3,0C6.7,49.6,6.7,49.8,6.7,50z M6.2,47.9c-0.1-0.5-0.3-1-0.6-1.5l0.2-0.1c0.2,0.5,0.4,1,0.6,1.5L6.2,47.9z   M5.1,40.8c0.5-0.3,0.9-0.6,1.3-0.9l0.2,0.2c-0.4,0.4-0.8,0.7-1.3,1L5.1,40.8z M5.3,54c0.3-0.5,0.5-0.9,0.7-1.4l0.3,0.1  c-0.2,0.5-0.4,1-0.7,1.5L5.3,54z M6.8,60.5c-0.4-0.4-0.8-0.7-1.2-1l0.2-0.2c0.4,0.3,0.9,0.7,1.2,1.1L6.8,60.5z M7.7,72.2  c-0.2-0.1-0.4-0.2-0.5-0.4c0-0.1,0-0.1,0-0.3c0-0.2,0.1-0.6,0.3-0.9l0.2,0.1c-0.2,0.4-0.2,0.7-0.2,0.8c0,0.1,0,0.1,0,0.1  c0,0,0.1,0.1,0.3,0.2L7.7,72.2z M8.4,69.4l-0.2-0.1c0.2-0.5,0.4-1,0.5-1.5L9,67.8C8.8,68.4,8.6,68.9,8.4,69.4z M9.2,66.2l-0.3,0  c0-0.1,0-0.3,0-0.4c0-0.4,0-0.8-0.1-1.2l0.3,0c0.1,0.4,0.1,0.8,0.1,1.2C9.2,65.9,9.2,66.1,9.2,66.2z M10.8,72.8  c-0.5-0.2-1-0.3-1.5-0.3l0-0.3c0.5,0.1,1.1,0.2,1.6,0.4L10.8,72.8z M11.8,26.8c0.5-0.2,0.9-0.5,1.4-0.8l0.2,0.2  c-0.4,0.3-0.9,0.6-1.4,0.8L11.8,26.8z M13.6,74.3c-0.4-0.3-0.8-0.6-1.3-0.9l0.1-0.2c0.5,0.3,0.9,0.6,1.3,0.9L13.6,74.3z M80.2,16.2  c0.5,0,1,0,1.6-0.1l0,0.3c-0.5,0.1-1.1,0.1-1.6,0.1V16.2L80.2,16.2z M77.1,15.6c0.5,0.2,1,0.4,1.5,0.5l-0.1,0.3  c-0.5-0.1-1.1-0.3-1.6-0.5L77.1,15.6z M74.6,13.8c0.4,0.4,0.8,0.7,1.2,1l-0.2,0.2c-0.4-0.3-0.9-0.7-1.2-1.1L74.6,13.8z M72.9,11.2  c0.2,0.5,0.4,1,0.7,1.4l-0.2,0.1c-0.3-0.5-0.5-0.9-0.7-1.5L72.9,11.2z M72.3,8.1c0,0.2,0.1,0.4,0.1,0.6c0,0.3,0.1,0.7,0.1,1l-0.3,0  c-0.1-0.3-0.1-0.7-0.1-1c0-0.2,0-0.4-0.1-0.6L72.3,8.1z M70.3,7.6c0.3-0.2,0.5-0.3,0.8-0.4l0.1,0.3c-0.2,0.1-0.5,0.2-0.7,0.4  C70.2,8,70,8.1,69.7,8.2L69.6,8C69.8,7.9,70,7.8,70.3,7.6z M68.1,8.6l0.1,0.3c-0.5,0.2-1.1,0.3-1.6,0.3l0-0.3  C67.1,8.9,67.6,8.8,68.1,8.6z M63.5,8.6c0.5,0.2,1,0.3,1.5,0.3l0,0.3c-0.5-0.1-1.1-0.2-1.6-0.3L63.5,8.6z M60.8,7.1  c0.4,0.3,0.8,0.7,1.3,0.9l-0.1,0.2c-0.5-0.3-0.9-0.6-1.3-0.9L60.8,7.1z M58.9,4.6c0.2,0.5,0.5,0.9,0.8,1.3l-0.2,0.2  c-0.3-0.4-0.6-0.9-0.9-1.4L58.9,4.6z M57.5,2.5c0.2,0,0.5,0.2,0.7,0.6l-0.2,0.1c-0.2-0.4-0.4-0.5-0.5-0.5c-0.1,0-0.3,0.1-0.6,0.3  l-0.2-0.2C57,2.7,57.3,2.5,57.5,2.5z M55.4,4.3l0.2,0.2c-0.4,0.4-0.8,0.7-1.3,1l-0.1-0.2C54.6,4.9,55,4.6,55.4,4.3z M52.7,5.9  l0.1,0.2c-0.5,0.2-1,0.3-1.6,0.4l0-0.3C51.7,6.3,52.3,6.1,52.7,5.9z M48.1,6.2c0.5,0.1,1,0.2,1.6,0.2l0,0.3c-0.5,0-1.1-0.1-1.6-0.2  L48.1,6.2z M45.3,4.8c0.4,0.3,0.9,0.6,1.3,0.8l-0.1,0.2c-0.5-0.2-0.9-0.5-1.4-0.8L45.3,4.8z M42.9,2.7c0.2,0.1,0.5,0.3,0.9,0.8  c0.1,0.1,0.2,0.2,0.3,0.3L43.9,4c-0.1-0.1-0.2-0.2-0.3-0.3C43.3,3.2,43,3,42.8,2.9L42.9,2.7z M41.5,3.8c0-0.1,0.1-0.2,0.1-0.3  l0.2,0.1c0,0.1-0.1,0.2-0.1,0.3c-0.2,0.4-0.4,0.8-0.6,1.2L40.9,5C41.1,4.6,41.3,4.2,41.5,3.8z M40,6.2l0.2,0.2  c-0.4,0.4-0.8,0.8-1.2,1.1l-0.2-0.2C39.3,7,39.7,6.6,40,6.2z M37.6,8.2l0.1,0.2c-0.5,0.2-1,0.4-1.5,0.6l-0.1-0.3  C36.6,8.6,37.1,8.4,37.6,8.2z M33,8.9C33.5,8.9,34,9,34.5,8.9l0,0.3c-0.1,0-0.2,0-0.4,0c-0.4,0-0.8,0-1.3-0.1L33,8.9z M30,7.8  c0.5,0.3,0.9,0.5,1.4,0.7l-0.1,0.3c-0.5-0.2-1-0.4-1.5-0.7L30,7.8z M28.1,7.3c0.1-0.1,0.2-0.2,0.4-0.2c0,0,0,0,0.1,0l0,0.3l0,0  c-0.1,0-0.1,0-0.2,0.1c0,0.1-0.3,0.3-0.3,1.1l-0.3,0C27.7,7.8,28,7.4,28.1,7.3z M27.4,10.1l0.3,0.1c-0.1,0.5-0.3,1.1-0.5,1.5  l-0.2-0.1C27.1,11.1,27.3,10.6,27.4,10.1z M26.2,13l0.2,0.2c-0.3,0.4-0.7,0.9-1.1,1.2l-0.2-0.2C25.5,13.8,25.9,13.4,26.2,13z   M23.9,15.1l0.1,0.2c-0.5,0.3-1,0.5-1.5,0.7l-0.1-0.3C23,15.6,23.4,15.4,23.9,15.1z M19.4,16.2c0.5,0,1.1,0,1.6-0.1l0,0.3  c-0.4,0.1-0.8,0.1-1.2,0.1c-0.1,0-0.3,0-0.4,0L19.4,16.2z M14.3,25c0.2-0.2,0.3-0.4,0.5-0.6c0.2-0.2,0.3-0.4,0.4-0.7l0.2,0.1  c-0.1,0.2-0.3,0.5-0.5,0.7c-0.2,0.2-0.3,0.4-0.5,0.6L14.3,25z M15.5,76.8c-0.2-0.4-0.4-0.8-0.7-1.2c0-0.1-0.1-0.1-0.1-0.2l0.2-0.2  c0,0.1,0.1,0.1,0.1,0.2c0.3,0.4,0.5,0.8,0.7,1.2L15.5,76.8z M16.2,20.7l0.3,0c-0.1,0.5-0.2,1.1-0.3,1.6l-0.3-0.1  C16,21.8,16.1,21.3,16.2,20.7z M16,17.6l0.3-0.1l0,0c0.1,0.5,0.2,1.1,0.3,1.6l-0.3,0C16.2,18.7,16.1,18.1,16,17.6z M16.2,82.4  c0,0.2-0.1,0.4-0.1,0.6l-0.3,0c0-0.2,0.1-0.4,0.1-0.6c0.1-0.3,0.1-0.7,0.2-1l0.3,0C16.4,81.8,16.3,82.1,16.2,82.4z M16.2,79.8  c0-0.5-0.1-1.1-0.2-1.6l0.3-0.1c0.1,0.5,0.2,1.1,0.2,1.6L16.2,79.8z M16.3,16.2l-0.1-0.2c0.3-0.1,0.9-0.1,1.5,0c0.1,0,0.1,0,0.2,0  l-0.1,0.3c-0.1,0-0.1,0-0.2,0c-0.3-0.1-0.6-0.1-0.8-0.1C16.5,16.1,16.4,16.1,16.3,16.2z M17.6,84c-0.3,0.1-0.6,0.1-0.9,0.1v-0.3  c0.2,0,0.5,0,0.8-0.1c0.2-0.1,0.5-0.1,0.7-0.2l0,0.3C18.1,83.9,17.9,84,17.6,84z M21.5,83.9c-0.5-0.1-1-0.2-1.6-0.2l0-0.3  c0.5,0,1.1,0.1,1.6,0.2L21.5,83.9z M24.3,85.2c-0.4-0.3-0.9-0.6-1.4-0.8l0.1-0.2c0.5,0.2,1,0.5,1.4,0.8L24.3,85.2z M26.5,87.5  c-0.3-0.5-0.6-0.9-0.9-1.3l0.2-0.2c0.4,0.4,0.7,0.8,1,1.3L26.5,87.5z M27.1,88.9l0.3-0.1c0.2,0.5,0.3,1,0.4,1.6l-0.3,0  C27.4,89.9,27.3,89.4,27.1,88.9z M28.4,92.9c-0.2,0-0.3-0.1-0.4-0.2c-0.1-0.1-0.2-0.3-0.3-0.7L28,92c0.1,0.3,0.2,0.5,0.3,0.5  c0,0,0.1,0.1,0.2,0.1c0.1,0,0.3,0,0.5-0.1l0.1,0.2C28.8,92.8,28.5,92.9,28.4,92.9z M30.5,91.9l-0.1-0.2c0.5-0.2,1-0.4,1.5-0.6  l0.1,0.3C31.5,91.5,31,91.7,30.5,91.9z M35.1,91.1c-0.5-0.1-1-0.1-1.6,0l0-0.3c0.5,0,1.1,0,1.6,0L35.1,91.1z M38,92.1  c-0.5-0.3-0.9-0.5-1.4-0.6l0.1-0.3c0.5,0.2,1,0.4,1.5,0.7L38,92.1z M40.4,94.2c-0.3-0.4-0.7-0.8-1.1-1.2l0.2-0.2  c0.4,0.4,0.8,0.8,1.1,1.2L40.4,94.2z M41.9,97c-0.2-0.2-0.3-0.5-0.4-0.8c-0.1-0.2-0.2-0.4-0.3-0.7l0.2-0.1c0.1,0.2,0.2,0.4,0.3,0.7  c0.1,0.3,0.3,0.5,0.4,0.7L41.9,97z M43.8,96.6c-0.1,0.2-0.3,0.3-0.4,0.4l-0.2-0.2c0.1-0.1,0.3-0.3,0.4-0.4c0.2-0.3,0.5-0.5,0.7-0.8  l0.2,0.2C44.3,96.1,44,96.3,43.8,96.6z M45.7,94.8l-0.1-0.2c0.5-0.3,0.9-0.6,1.4-0.8l0.1,0.2C46.7,94.3,46.2,94.6,45.7,94.8z   M50.2,93.6c-0.5,0-1,0-1.6,0.1l0-0.3c0.5-0.1,1.1-0.1,1.6-0.1L50.2,93.6z M53.3,94.3c-0.5-0.2-1-0.4-1.5-0.5l0.1-0.3  c0.5,0.1,1,0.3,1.5,0.5L53.3,94.3z M55.8,96.1c-0.4-0.4-0.8-0.7-1.2-1l0.2-0.2c0.4,0.3,0.8,0.7,1.2,1.1L55.8,96.1z M57.5,97.5  c-0.1,0-0.3-0.1-0.5-0.2l0.1-0.2c0.2,0.1,0.3,0.1,0.4,0.1c0.1,0,0.3-0.1,0.6-0.7l0.2,0.1C58.1,97.1,57.7,97.5,57.5,97.5z M59,95.1  L58.8,95c0.3-0.5,0.6-0.9,0.9-1.3l0.2,0.2C59.6,94.2,59.3,94.7,59,95.1z M61,92.7l-0.2-0.2c0.4-0.3,0.9-0.6,1.4-0.9l0.1,0.2  C61.9,92.1,61.4,92.4,61,92.7z M63.8,91.3l-0.1-0.3c0.5-0.1,1.1-0.2,1.6-0.3l0,0.3C64.8,91.1,64.3,91.2,63.8,91.3z M68.5,91.5  c-0.5-0.2-1-0.3-1.5-0.4l0-0.3c0.5,0.1,1.1,0.2,1.6,0.4L68.5,91.5z M71.4,92.8c-0.2,0-0.6-0.1-1.1-0.5c-0.1-0.1-0.2-0.1-0.4-0.2  l0.1-0.2c0.1,0.1,0.3,0.1,0.4,0.2c0.5,0.3,0.8,0.4,1,0.4L71.4,92.8z M72.4,91.3c0,0.1,0,0.2,0,0.3l-0.3,0c0-0.1,0-0.2,0-0.3  c0-0.4,0.1-0.9,0.2-1.3l0.3,0.1C72.5,90.4,72.4,90.9,72.4,91.3z M73,88.5l-0.2-0.1c0.2-0.5,0.5-1,0.8-1.4l0.2,0.2  C73.5,87.6,73.2,88,73,88.5z M74.8,85.9l-0.2-0.2c0.4-0.4,0.8-0.7,1.3-1l0.1,0.2C75.6,85.2,75.2,85.6,74.8,85.9z M77.4,84.3  L77.3,84c0.5-0.2,1-0.3,1.6-0.4l0,0.3C78.4,83.9,77.9,84.1,77.4,84.3z M79.7,35.9c-0.2,0.7-0.4,1.4-0.6,2.2  c-0.3,0.2-0.6,0.6-0.7,0.9c-0.4,0.9-0.7,1.8-1.1,2.6c-1.5,3.7-2.7,7.6-4.2,11.3c-1.9,4.8-4.2,9.6-6.4,14.3c-0.5,1.1-1,2.2-1.5,3.3  c-0.5,0.9-1.4,1.6-1.7,2.5c-0.3,0.7-1,1.3-1.6,1.6c-1,0.5-1.9,0.1-2.9,0.3c-0.6-0.2-1.3-0.4-1.7-0.7c-0.2-0.6-0.5-1-0.6-1.6  c-0.5-0.6-0.6-1.4-0.9-2.1c-0.2-0.5-0.7-1-0.8-1.6c-0.7-0.8-1-2.1-1.7-3c-0.2-0.5-0.4-0.9-0.6-1.3c0-0.1,0-0.3-0.1-0.4  c0-0.2-0.3-0.1-0.2-0.4c-0.2-0.1-0.2-0.3-0.4-0.4c0-0.2,0-0.1,0-0.3c-0.3-0.3-0.4-0.8-0.7-1c-0.5,0.1-0.8,0.5-1.4,0.5  c-0.1,0.2-0.1,0.1-0.2,0.3c-0.2,0,0.1-0.2-0.1-0.1c-0.6,0-0.9,0.3-1.5,0.3c-0.2,0.2-0.6,0.3-0.9,0.5c-0.2,0,0-0.2-0.2-0.2  c-3,0.9-6.7,1-9.5-0.9c-0.4,0.9-0.1,2-0.2,3c0.7,0.7,0.2,1.8,0.1,2.6c-0.1,0.9-0.1,1.7-0.3,2.6c-0.2,0.8-0.6,1.6-1.3,2.1  c-0.5,0.3-1.3,1-1.6,1.5c-0.6,0.3-1.5,0.7-2.3,0.3c-0.4,0-0.7,0.1-0.9,0c-0.1,0,0,0.2,0,0.2c-2.3-0.9-1.8-4.1-1.8-6.2  c0.1-2.5-0.1-5.1-0.2-7.6c0-1.1,0.2-2.4-0.1-3.5c-0.2-0.7-0.1-2.1,0-2.8c0.3-1.4,1.8-3.9,3.5-3.6c0.2-0.2,0.6-0.3,0.8-0.5  c0.2,0.1,0.4,0.1,0.5,0.1c0.3-0.1,0.8,0,0.9,0.1c0.4,0.2,1.2-0.4,1.6-0.4c1.1-0.2,0.8,0.9,0.9,1.5c0.3,1.1,0.5,2.2,1,3.2  c0.5,1.1,1.3,2,1.7,3.1c0.5,0.5,0.9,1,1.4,1.4c0.7,0.5,1.4,0.4,2.2,0.7c1.4,0.5,2.9,0.8,4.3,0.1c0.6-0.3,1.1-0.7,1.5-1.2  c0.4-0.5-0.5-1.6-0.8-2.1c-0.6-1-1.8-2.3-1.9-3.5C46,53,46,51.9,45.3,51.3c-0.2-0.4-0.5-1.8-0.9-2c-0.6-1.5-1-2.9-1.6-4.3  c0-0.1,0-0.2,0-0.3c-0.3-0.3-0.3-1-0.7-1.3c0-0.5-0.3-0.9-0.3-1.4c0.1-0.4,0.2-0.8,0.5-1.1c0-0.2,0.2-0.4,0.4-0.4  c0.2-0.1,0.3-0.3,0.5-0.5c0.5-0.1,0.9-0.3,1.3-0.6c0.7-0.1,1.3-0.6,1.8,0.3c0.7,1,1.5,2,2.2,3.1c0.8,1.3,1.6,2.5,2.2,3.9  c0.2,0.5,1.4,2,1.2,2.6c0.1,0.1,0.1,0.2,0.2,0.2c0.3,0.7,0.5,1.4,0.9,2c0.5-1.3,0.8-2.9,0.6-4.3c-0.2-1.1-0.9-2.6-0.7-3.7  c-0.1-0.2-0.2-0.3-0.3-0.4c0.1-0.2,0.1-0.3,0.1-0.6c0-0.1-0.2-0.1-0.2-0.2c0-0.1,0.1-0.1,0.1-0.3c-0.2-0.2-0.2-0.6-0.4-0.7  c0-0.2,0.2,0,0.2-0.2c-0.3-0.4-0.4-1-0.8-1.3c0-0.1,0-0.2,0.1-0.3c-0.2-0.1-0.2-0.4-0.4-0.6c0-0.2-0.1-0.2,0-0.3  c-0.5-0.6-0.9-1.3-1.4-1.9c-0.4-0.5-1-0.9-1.3-1.5c-0.3-0.2-0.6-0.3-0.7-0.6c-0.1-0.1-0.3-0.1-0.4-0.2c-0.9-1.1-2.8-2.2-4.1-2.7  c-1.6-0.7-3.4-1.4-5.1-1.2c-0.6,0.1-1.3,0.1-1.9,0.5c-0.4,0.3,0.9,1.8,1.1,2.1c0.4,0.5,0.6,1.6,0.6,2.2c-0.1,0.6-0.2,1.4,0.3,1.9  c0,0.4-0.2,0.6-0.2,1c0,0.1-0.1,0.2-0.2,0.3c0.3,1.1-1.2,2.1-1.2,3.1c-0.4,0.4-0.6,1-1,1.3c-0.1,1.4-3.1,2.3-4.1,2.5  c-2.1,0.4-3.5-1.2-5.3-1.7c-0.1-0.2-0.2-0.3-0.4-0.3c-0.2-0.5-0.7-0.9-0.9-1.5c-0.2-0.5-0.4-1-0.7-1.4c-0.8-2.2,1-3.9,1.1-5.9  c0.7-0.6,1.1-1.6,1.7-2.3c0.4-0.4,1.6-1.2,1.7-1.8c-0.2-0.2-0.4-0.4-0.8-0.4c-0.2-0.4-0.8-0.4-1-0.7c-0.5,0-1-0.3-1.5-0.5  c-0.6,0.1-1.2-0.1-1.7-0.1c-0.9,0-1.8,0.5-2.8,0.5c-0.7,0-1.7-0.4-1.7-1.3c0-1,1-1.1,1.5-1.7c0.3,0,0.5-0.2,0.7-0.3  c1.4,0,2.5-1.2,4-0.9c1.4,0.2,2.8,0.5,4.2,0.8c0,0,0,0,0,0c0.1,0,0-0.1,0-0.1c0.2,0,0.6,0.2,1,0.3c0,0.1-0.2,0.1-0.1,0.3  c0.8,0.6,1.6,1.1,2.4,1.6c1.3-0.6,2.5-1.3,4-1.7c0.4-0.4,1.2-0.3,1.8-0.3c0.8,0.1,1.5-0.3,2.3-0.3c1.7,0,3.7-0.2,5.5,0.2  c0.2,0.1,0.4,0.2,0.6,0.3c0.4,0.1,0.9,0.2,1.3,0.4c1.7,0.6,3,2.1,4.5,3.1c0-0.4,1.7,1.5,2,2c0.4,0.6,0.8,1.3,1.1,2  c0.2,0.5,0.3,1.2,0.9,1.5c0,0.3,0.2,0.4,0.3,0.6c0.2,0.6,0.5,1.1,0.9,1.5c0,0.1,0.1,0.2,0,0.3c0.1,0.2,0.3,0.2,0.4,0.4  c0,0.1,0,0.2,0,0.4c0.3,0.4,0.5,0.8,0.6,1.1c-0.3,0.9,0.4,2.1,0.5,3c0.2,1.4,0.7,2.6,0.7,4c0,2.2-0.1,4-1,6.1  c0.4,0.7-1.1,2.5-1.5,3c-0.5,0.7-1.8,1.9-1.5,2.7c0.4,1,1.1,1.8,1.5,2.7c0.4,1,1,2,1.4,3c0.1,0.2,0.3,0.4,0.4,0.6  c-0.1,0.7,0.4,0.8,0.8,1.2c0.3-0.4,0.9-0.4,1.1-0.9c0.6-1.5,1.1-3.2,1.7-4.7c1.2-3.2,2.4-6.4,3.5-9.6c1.2-3.2,2.4-6.5,3.6-9.7  c1.1-3.1,2.1-6.2,3.5-9.2c0.3-0.3,0.5-0.5,0.6-0.9c0.2-0.1,0.2-0.2,0.4-0.3c0-0.1,0.1-0.2,0.1-0.3c0.3,0,0.4-0.2,0.5-0.4  c0.3,0,0.4-0.3,0.6-0.3c0.2-0.1-0.1-0.2,0-0.3c0.6-0.3,1.4-0.7,2.1-0.6c0.2,0.1,0.4,0.1,0.6,0.2c0.1,0,0.1-0.1,0.1-0.2  c0.3,0.2,0.5,0.1,0.9,0.2c0.3,0.2,0.7,0.3,1.1,0.5c0,0.1,0,0.1,0,0.2c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0.1,0.4,0.2,1.1,0.2,1.2  c0,0.5-0.1,1-0.2,1.5C80.4,33.5,80.1,34.7,79.7,35.9z M82.1,84c-0.5-0.1-1-0.2-1.6-0.2l0-0.3c0.5,0,1.1,0.1,1.6,0.2L82.1,84z   M83.8,20.3l-0.3,0c0-0.2,0-0.4,0-0.6c0-0.4,0-0.7,0.1-1.1l0.3,0c0,0.3-0.1,0.7-0.1,1C83.8,20,83.8,20.1,83.8,20.3z M84,21.9  c0.1,0.5,0.3,1,0.6,1.5l-0.2,0.1c-0.2-0.5-0.4-1-0.6-1.5L84,21.9z M83.4,15.8c0.2,0,0.5,0.1,0.6,0.2c0.1,0.1,0.2,0.4,0.2,0.7  c0,0.1,0,0.3,0,0.4l-0.3,0c0-0.1,0-0.3,0-0.4c0-0.3-0.1-0.5-0.1-0.5c0,0-0.2-0.1-0.4-0.1L83.4,15.8z M83.5,80.2c0-0.3,0-0.6,0-0.9  l0.3,0c0,0.3,0,0.6,0,0.9c0,0.2,0,0.5,0,0.7l-0.3,0C83.5,80.7,83.5,80.5,83.5,80.2z M84,83.9c-0.1,0.1-0.1,0.1-0.3,0.2l-0.1-0.3  c0.1,0,0.1-0.1,0.1-0.1c0,0,0.1-0.2,0.1-0.5c0-0.2,0-0.4-0.1-0.7l0.3-0.1c0.1,0.3,0.1,0.5,0.1,0.7C84.2,83.5,84.1,83.8,84,83.9z   M84.1,77.8l-0.3-0.1c0.2-0.5,0.4-1,0.6-1.5l0.2,0.1C84.5,76.8,84.3,77.3,84.1,77.8z M85.4,24.7c0.3,0.4,0.7,0.8,1.1,1.1L86.4,26  c-0.4-0.3-0.8-0.7-1.1-1.2L85.4,24.7z M85.6,75.1l-0.2-0.2c0.4-0.4,0.8-0.8,1.2-1.1l0.2,0.2C86.4,74.3,86,74.7,85.6,75.1z   M94.5,40.6c0.4,0.3,0.9,0.5,1.4,0.8l-0.1,0.2c-0.5-0.2-1-0.5-1.4-0.8L94.5,40.6z M95.6,44.8c-0.3,0.4-0.7,0.8-0.9,1.3L94.4,46  c0.3-0.5,0.6-0.9,0.9-1.3L95.6,44.8z M91.2,63.4c0.1-0.3,0.2-0.5,0.3-0.8l0.2,0.1c-0.1,0.2-0.2,0.5-0.3,0.7  c-0.1,0.2-0.1,0.5-0.2,0.7L91,64.2C91,63.9,91.1,63.6,91.2,63.4z M90.9,35.5l0.3,0c0.1,0.4,0.1,0.7,0.3,1.1c0,0.2,0.1,0.3,0.2,0.4  l-0.2,0.1c-0.1-0.2-0.1-0.3-0.2-0.5C91.1,36.3,91,35.9,90.9,35.5z M91.7,68.8c0.2,0.5,0.4,1,0.7,1.4l-0.2,0.1  c-0.3-0.5-0.5-0.9-0.7-1.4L91.7,68.8z M93.3,39.6l-0.2,0.2c-0.4-0.4-0.7-0.8-1-1.3l0.2-0.1C92.6,38.8,92.9,39.2,93.3,39.6z   M92.4,29.7c-0.2,0.4-0.4,0.7-0.6,1.1l-0.2-0.1c0.2-0.4,0.4-0.8,0.6-1.1c0.1-0.1,0.1-0.2,0.2-0.3l0.2,0.1  C92.5,29.6,92.4,29.6,92.4,29.7z M90.8,27.6c0.2,0,0.3,0,0.5,0c0.6,0,0.9,0.2,1.1,0.3l-0.1,0.2c-0.2-0.1-0.5-0.2-1-0.2  c-0.2,0-0.3,0-0.5,0L90.8,27.6z M91,32.3l0.3,0.1c-0.1,0.5-0.2,1-0.2,1.6l-0.3,0C90.8,33.4,90.9,32.8,91,32.3z M87.8,26.7  c0.5,0.2,0.9,0.4,1.5,0.6l-0.1,0.3c-0.5-0.2-1-0.4-1.5-0.6L87.8,26.7z M88.1,73.2L88,73c0.5-0.2,1-0.4,1.5-0.6l0.1,0.3  C89.1,72.8,88.6,73,88.1,73.2z M90.8,65.8L90.8,65.8l0.3,0v0c0,0.5,0,1,0.1,1.5l-0.3,0.1C90.8,66.9,90.8,66.3,90.8,65.8z   M91.3,72.4l-0.1,0l0-0.3l0.1,0c0.8-0.1,1.2-0.3,1.3-0.4l0.2,0.2C92.6,72.1,92.1,72.3,91.3,72.4z M92.5,61.4l-0.2-0.2  c0.3-0.4,0.7-0.8,1.1-1.2l0.2,0.2C93.2,60.5,92.8,60.9,92.5,61.4z M93.6,52.2c-0.2-0.5-0.3-1.1-0.3-1.6l0.3,0c0,0.5,0.1,1,0.3,1.5  L93.6,52.2z M93.6,49.1l-0.3,0c0.1-0.5,0.2-1.1,0.4-1.6l0.3,0.1C93.8,48,93.7,48.5,93.6,49.1z M94.5,53.6c0.2,0.5,0.5,0.9,0.9,1.3  l-0.2,0.2c-0.3-0.4-0.6-0.9-0.9-1.4L94.5,53.6z M94.8,59.2L94.7,59c0.5-0.3,0.9-0.5,1.4-0.7l0.1,0.1l0,0.1  C95.7,58.7,95.2,59,94.8,59.2z M97.2,57.4c0-0.2-0.3-0.6-0.8-1c0,0-0.1-0.1-0.1-0.1l0.2-0.2c0,0,0.1,0.1,0.1,0.1  c0.8,0.6,0.9,1.1,0.9,1.2L97.2,57.4z"></path>	<path d="M32.5,36.4c-0.2-0.3-0.7-2.5-1-2.5c0,0,0-0.1-0.1-0.1c-0.8,0.9-1.7,1.7-1.8,3.3c-0.3,0.9-0.3,2.2-0.2,3.1  c0.2,0.3,0.5,0.6,0.7,0.9c0.8,0.2,1.5,0.1,2.3,0.3c-0.2-0.7,0-2.3,0.2-2.9c0-0.3-0.1-0.4,0-0.6C32.5,37.6,32.5,36.9,32.5,36.4z"></path></g></svg>');
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><path fill="%23ffffff" d="M35.3,22.4c0,0,0-.2,0-.3,0,0,0-.1,0-.2-.4-2.1-.8-4.2-1.4-6.3,0-.2,0-.4-.1-.6,0-.2-.1-.4-.1-.5,0,0,0,0,0,0,0-.2-.2-.4-.3-.6-.7-2.1-1.5-4.1-2.4-6.1,0,0,0,0,0,0,0,0,0,0,0,0,0,0-.1-.3-.1-.3,0-.1-.1-.2-.2-.4-.2-.4-.4-.8-.6-1.2,0,1.2-.3,2.3-1.2,3.3-.1.1-.3.2-.4.3-.3.2-.6.4-1,.5-.3,0-.5,0-.8,0,0,0-.1,0-.2,0-.7-.3-1.2-.9-1.5-1.6,0,0,0-.1,0-.2,0,0,0-.2,0-.2-.2-.6-.3-1.2-.5-1.7-.8-2.2-2.1-4.4-4.2-5.5-.9-.5-2.1-.7-3.1-.6,0,2-.5,4.2-1.1,6-.4,1.1-.9,2.4-2.1,2.8-1.2.4-2.2-.3-2.8-1.2,0,1.9-.8,3.7-1.6,5.4,0,0,0,0-.1.1-3.2,4.1-5.3,8.9-4.4,14.2.7,4.3,3.9,8.2,7.6,10.3,0,0,0,0,0,0,0,0,0,0,0,0,1.6,1,3.3,1.7,5.1,2.1,0,0,0,0,0,0,0,0,0,0,0,0,.8.2,1.7.3,2.5.3,6.4.4,11.6-2.4,14-7.6.8-1.7,1.2-3.6,1.4-5.6,0,0,0,0,0,0,.2-1.4.2-2.9-.1-4.3ZM8.7,23.7c0,0,0-.2,0-.3,0,0,0-.1,0-.2.1-.5.2-1.1.4-1.6.2-.5.3-1.1.5-1.6,0,0,0,0,0-.1,0-.1.1-.3.2-.4.1-.3.3-.5.4-.8.3-.5.6-1,.9-1.4,0-.1.1-.2.2-.3,0,0,.2-.1.2-.2.1-.2.3-.3.4-.4,0,.1,0,.2,0,.3,0,1.2,1.2,1.7,2.1,1.3.1,0,.2,0,.4-.1.8-.4,1.4-1.1,1.8-1.8.5-.8.9-1.6,1.2-2.5,1-1.8,1.7-3.8,2-5.8.3.8.5,1.6.7,2.3.3,1.9.9,3.7,2,5.3.3.7.8,1.4,1.6,1.9,1.1.7,3,.8,4.1.1.3-.1.5-.3.7-.5,0-.1.2-.2.2-.3,1.7,3.1,2.5,6.5,2.4,10,0,.2,0,.5,0,.3,0,0,0,.1,0,.2,0,0,0,.2,0,.3-.3,2.5-.9,4.9-3,6.6-3,2.4-7.2,3-10.9,2.3-3.9-.7-6.8-3.8-7.9-7.5,0,0,0-.2,0-.2,0,0,0-.1,0-.1-.1-.3-.2-.6-.3-.9,0-.3-.1-.5-.2-.8,0,0,0-.5,0-.5,0-.5,0-1.1,0-1.6,0-.2,0-.5,0-.7Z"/><path fill="%23ffffff" d="M21.5,33.8c6-.6,9.2-7.1,6.1-12.2-.5-.8-1.1-1.1-1.8-1.2,1.1,2.3,1,5.4-.7,7.3-1.7,1.9-4.6,2.3-6.7,1.1-.3-.1-.6-.3-.8-.5-1-1-1.2-2.6-.9-3.9.6-3.1-4.1-4.4-4.7-1.3-.6,2.9-.1,5.8,1.7,8.1,1.9,2.4,4.8,2.9,7.7,2.6Z"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}


hr.z3-divider:before,
    hr.z3-divider:after {
        content: "";
        height: var(--divider-pattern-size);
        width: calc(50% - (var(--divider-icon-size) / 2 ) - var(--divider-icon-margin));
        -webkit-mask-image: var(--divider-pattern-url);
                mask-image: var(--divider-pattern-url);
        -webkit-mask-size: var(--divider-pattern-size) 100%;
                mask-size: var(--divider-pattern-size) 100%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: white;
    }


hr.z3-divider:before {
        left: 0;
    }


hr.z3-divider:after {
        right: 0;
    }


/* colors */


hr.z3-divider.divider-orange:before,
    hr.z3-divider.divider-orange:after{
    --tw-bg-opacity: 1;
    background-color: rgb(255 103 0 / var(--tw-bg-opacity, 1));
}


hr.z3-divider.divider-gray:before,
    hr.z3-divider.divider-gray:after{
    --tw-bg-opacity: 1;
    background-color: rgb(30 30 30 / var(--tw-bg-opacity, 1));
}


/* ==========================================================================
   Banner-Text
   ========================================================================== */

.cb__banner-text.background-black{
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.cb__banner-text.background-white{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.cb__banner-text.background-gray{
    --tw-bg-opacity: 1;
    background-color: rgb(30 30 30 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.cb__banner-text.background-orange{
    --tw-bg-opacity: 1;
    background-color: rgb(255 103 0 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.cb__banner-text .cb__header{
    margin: 0px;
}

.cb__banner-text{
    position: relative;
    padding-top: 5%;
    padding-bottom: 5%;
    text-align: center;
}

@media (min-width: 768px){

    .cb__banner-text{
        padding-top: 1%;
        padding-bottom: 1%;
    }
}

.cb__banner-text.running-text .inner{
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    overflow: hidden;
}

.cb__banner-text.running-text .inner .base-text{
    pointer-events: none;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    white-space: nowrap;
    opacity: 0;
}

.cb__banner-text.running-text .inner .marquee{
    position: absolute;
    inset: 0px;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
}

.cb__banner-text p{
    margin: 0px;
}

.cb__banner-text__link{
    position: absolute;
    inset: 0px;
    opacity: 0;
    font-size: 0;
}

/* ==========================================================================
   Tiles
   ========================================================================== */

.cb__tiles{
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.cb__tiles__grid{
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 5vw;
}

@media (min-width: 1024px){

    .cb__tiles__grid{
        grid-auto-flow: column;
        grid-auto-rows: max-content;
        gap: 1vw;
    }

    .cb__tiles__grid.cb__tiles__grid-cols-1 .cb__tiles__item{
        aspect-ratio: 48/9;
    }

    .cb__tiles__grid.cb__tiles__grid-cols-2{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cb__tiles__grid.cb__tiles__grid-cols-3{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.cb__tiles__item{
    position: relative;
    grid-column: span 1 / span 1;
    aspect-ratio: 16 / 9;
    border-radius: 20px;
}

.cb__tiles__item > a{
    display: flex;
    height: 100%;
    width: 100%;
        border-radius: inherit;
}

@media (min-width: 1024px){

    .cb__tiles__item.double-height{
        grid-row: span 2 / span 2;
        aspect-ratio: auto;
    }
}

.cb__tiles__item__text{
    pointer-events: none;
    position: relative;
    display: flex;
    height: 100%;
    width: 100%;
    padding: 1.5rem;
}

.cb__tiles__item__text .inner{
    position: relative;
}

.cb__tiles__item__text .cb__header{
    margin-bottom: 0px;
}

/* horizontal alignment */

.cb__tiles__item__text.alignment-left,
    .cb__tiles__item__text.alignment-text-left{
    justify-content: flex-start;
    text-align: left;
}

.cb__tiles__item__text.alignment-center,
    .cb__tiles__item__text.alignment-text-center{
    justify-content: center;
    text-align: center;
}

.cb__tiles__item__text.alignment-right,
    .cb__tiles__item__text.alignment-text-right{
    justify-content: flex-end;
    text-align: right;
}

/* vertical orientation */

.cb__tiles__item__text.orientation-top{
    align-items: flex-start;
}

.cb__tiles__item__text.orientation-center{
    align-items: center;
}

.cb__tiles__item__text.orientation-bottom{
    align-items: flex-end;
}


.cb__tiles__item__text{
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7);
}


.cb__tiles__item__text .cb__header__topline{
    font-size: 5vw;
}


@media (min-width: 768px){

    .cb__tiles__item__text .cb__header__topline{
        font-size: 2vw;
    }
}


.cb__tiles__item__text .cb__header__headline{
    font-size: 8vw;
}


@media (min-width: 768px){

    .cb__tiles__item__text .cb__header__headline{
        font-size: 4vw;
    }
}


.cb__tiles__item__text .cb__header__subline{
    font-size: 5vw;
}


@media (min-width: 768px){

    .cb__tiles__item__text .cb__header__subline{
        font-size: 2vw;
    }
}

.cb__tiles__item__media{
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background-color: transparent;
    border-radius: inherit;
}

.cb__tiles__item__image,
.cb__tiles__item__video{
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}

.cb__tiles__item__text:before {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    height: 100%;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
    opacity: 0.2;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms}

.cb__tiles__item:hover .cb__tiles__item__text:before{
    opacity: 0.4;
}

.cb__tiles__item.media-slider .cb__tiles__item__text:before{
    opacity: 0;
}



/* Exceptions
   ========================================================================== */

/* Smaller font-size on 3 cols on desktop */
.cb__tiles__grid.cb__tiles__grid-cols-3 .cb__tiles__item__text .cb__header{
    margin-bottom: 0px;
}
.cb__tiles__grid.cb__tiles__grid-cols-3 .cb__tiles__item__text .topline{
    font-size: 5vw;
}
@media (min-width: 768px){

    .cb__tiles__grid.cb__tiles__grid-cols-3 .cb__tiles__item__text .topline{
        font-size: 1.5vw;
    }
}
.cb__tiles__grid.cb__tiles__grid-cols-3 .cb__tiles__item__text .headline{
    font-size: 8vw;
}
@media (min-width: 768px){

    .cb__tiles__grid.cb__tiles__grid-cols-3 .cb__tiles__item__text .headline{
        font-size: 3vw;
    }
}
.cb__tiles__grid.cb__tiles__grid-cols-3 .cb__tiles__item__text .subheadline{
    font-size: 5vw;
}
@media (min-width: 768px){

    .cb__tiles__grid.cb__tiles__grid-cols-3 .cb__tiles__item__text .subheadline{
        font-size: 1.5vw;
    }
}
/* ==========================================================================
   Text Media
   ========================================================================== */

.cb__text-media .cb__text-media__text{
    flex: 1 1 0%;
}

/* Above, center */

.cb__text-media.media-orientation-0 .cb__media{
    display: flex;
    justify-content: center;
}

/* Above, right */

.cb__text-media.media-orientation-1 .cb__media{
    display: flex;
    justify-content: flex-end;
}

/* Above, left */

.cb__text-media.media-orientation-2 .cb__media{
    display: flex;
    justify-content: flex-start;
}

/* Below, center */

.cb__text-media.media-orientation-8{
    display: flex;
    flex-direction: column-reverse;
}

.cb__text-media.media-orientation-8 .cb__media{
    display: flex;
    justify-content: center;
}

/* Below, right */

.cb__text-media.media-orientation-9{
    display: flex;
    flex-direction: column-reverse;
}

.cb__text-media.media-orientation-9 .cb__media{
    display: flex;
    justify-content: flex-end;
}

/* Below, left */

.cb__text-media.media-orientation-10{
    display: flex;
    flex-direction: column-reverse;
}

.cb__text-media.media-orientation-10 .cb__media{
    display: flex;
    justify-content: flex-start;
}

/* In text, left */

.cb__text-media.media-orientation-18 .cb__media{
    margin-bottom: 2rem;
}

@media (min-width: 1024px){

    .cb__text-media.media-orientation-18 .cb__media{
        float: left;
        margin-right: 2rem;
        max-width: 50%;
    }
}

/* In text, right */

.cb__text-media.media-orientation-17 .cb__media{
    margin-bottom: 2rem;
}

@media (min-width: 1024px){

    .cb__text-media.media-orientation-17 .cb__media{
        float: right;
        margin-left: 2rem;
        max-width: 50%;
    }
}

/* Beside text, right */

.cb__text-media.media-orientation-25{
    gap: 2rem;
}

@media (min-width: 1024px){

    .cb__text-media.media-orientation-25{
        display: flex;
        flex-direction: row-reverse;
    }
}

.cb__text-media.media-orientation-25 .cb__media{
    margin-bottom: 2rem;
    flex-shrink: 0;
}

@media (min-width: 1024px){

    .cb__text-media.media-orientation-25 .cb__media{
        max-width: 50%;
    }
}

/* Beside text, left */

.cb__text-media.media-orientation-26{
    gap: 2rem;
}

@media (min-width: 1024px){

    .cb__text-media.media-orientation-26{
        display: flex;
    }
}

.cb__text-media.media-orientation-26 .cb__media{
    margin-bottom: 2rem;
    flex-shrink: 0;
}

@media (min-width: 1024px){

    .cb__text-media.media-orientation-26 .cb__media{
        max-width: 50%;
    }
}

.cb__text-media__text__bodytext a:not(.btn){
    hyphens: none;
    text-decoration-line: underline;
}

/*
.cb__media.mw-w-full {
    .cb__media__grid {
        @apply w-full
    }
   .cb__media__grid .cb__media__item {
        @apply w-full
    }
}*/

/* Lightbox
   ========================================================================== */

.lightbox-icon{
    pointer-events: none;
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;

    background-color: rgba(204,204,204,0.7);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.5));
}
.lightbox-icon svg{
    width: 1.5rem;
    height: 1.5rem;
    fill: #000;
}
/* ==========================================================================
   Text Media Box
   ========================================================================== */

.cb__text-media-box{
    overflow: hidden;
    border-radius: 1.25rem;
}

@media (min-width: 1024px){

    .cb__text-media-box{
        display: flex;
    }
}

/* Background-Colors */

.cb__text-media-box.background-color-black{
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.cb__text-media-box.background-color-white{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.cb__text-media-box.background-color-orange{
    --tw-bg-opacity: 1;
    background-color: rgb(255 103 0 / var(--tw-bg-opacity, 1));
}

.cb__text-media-box.background-color-orange a{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.cb__text-media-box.background-color-gray{
    --tw-bg-opacity: 1;
    background-color: rgb(30 30 30 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

/* Media Width */

@media (min-width: 1024px){

    .cb__text-media-box.media-width-50 .cb__text-media-box__media,
        .cb__text-media-box.media-width-50 .cb__text-media-box__text{
        width: 50%;
    }

    .cb__text-media-box.media-width-30 .cb__text-media-box__media{
        width: 30%;
    }

    .cb__text-media-box.media-width-30 .cb__text-media-box__text{
        width: 70%;
    }

    .cb__text-media-box.media-width-70 .cb__text-media-box__media{
        width: 70%;
    }

    .cb__text-media-box.media-width-70 .cb__text-media-box__text{
        width: 30%;
    }
}

/* Alignment */

.cb__text-media-box.alignment-right{
    flex-direction: row-reverse;
}

/* Media
   ========================================================================== */
.cb__text-media-box__media{
    position: relative;
}
.cb__text-media-box__media z3-slider,
.cb__text-media-box__media img,
.cb__text-media-box__media video{
    aspect-ratio: 16 / 9;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}
@media (min-width: 1024px){

    .cb__text-media-box__media z3-slider,
.cb__text-media-box__media img,
.cb__text-media-box__media video{
        position: absolute;
        inset: 0px;
        aspect-ratio: auto;
    }
}

/* Text
   ========================================================================== */
.cb__text-media-box__text{
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 10%;
    padding-bottom: 10%;
    font-size: 1.125rem;
    line-height: 1.75rem;
    line-height: 1.2;
}
@media (min-width: 768px){

    .cb__text-media-box__text{
        padding-top: 5%;
        padding-bottom: 5%;
    }
}

/* Topline
   ========================================================================== */
.cb__text-media-box .cb__header__topline{
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    hyphens: none;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 400;
    line-height: 1;
}
@media (min-width: 768px){

    .cb__text-media-box .cb__header__topline{
        font-size: 25px;
    }
}
.cb__text-media-box .cb__header__topline:before {
        content: "";
        height: 2px;
        display: block;
        width: 50px;
        --tw-bg-opacity: 1;
        background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
    }
@media (min-width: 768px){

    .cb__text-media-box .cb__header__topline:before{
        width: 100px;
    }
}

/* Headline
   ========================================================================== */
.cb__text-media-box .cb__header__headline{
    position: relative;
    margin-bottom: 1.25rem;
    overflow: visible;
    hyphens: none;
    font-size: 45px;
    font-weight: 900;
    line-height: 1;
}
@media (min-width: 768px){

    .cb__text-media-box .cb__header__headline{
        font-size: 5vw;
    }
}

/* Button
   ========================================================================== */
.cb__text-media-box__text__button{
    margin-top: 1.25rem;
    display: inline-block;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 103 0 / var(--tw-bg-opacity, 1));
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.cb__text-media-box__text__button:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
@media (min-width: 768px){

    .cb__text-media-box__text__button{
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}
.cb__text-media-box.background-color-black {}
.cb__text-media-box.background-color-gray {}
.cb__text-media-box.background-color-white .cb__text-media-box__text__button{
    --tw-bg-opacity: 1;
    background-color: rgb(255 103 0 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.cb__text-media-box.background-color-white .cb__text-media-box__text__button:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.cb__text-media-box.background-color-orange .cb__text-media-box__text__button{
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.cb__text-media-box.background-color-orange .cb__text-media-box__text__button:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

/* ==========================================================================
   Slider colors
   ========================================================================== */

/* Background-Colors */

.cb__text-media-box.background-color-orange z3-slider {
            --z3-slider-color: var(--color-orange);
        }

.cb__text-media-box.background-color-gray z3-slider {
            --z3-slider-color: var(--color-gray);
        }

/* place arrows on right sight*/

.cb__text-media-box.alignment-right z3-slider::part(arrows) {
           left: unset;
           right: 2rem;
       }

/* ==========================================================================
   Text Media Box
   ========================================================================== */

.cb__text-media-background{
    position: relative;
}

/* Media
   ========================================================================== */
.cb__text-media-background__media{
    position: absolute;
    top: 0px;
    aspect-ratio: 1 / 1;
    width: 100%;
}
@media (min-width: 768px){

    .cb__text-media-background__media{
        width: 60vw;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
    }
}
@media (min-width: 1024px){

    .cb__text-media-background__media{
        height: 40vw;
    }
}
.cb__text-media-background__media:after {
        content: '';
        background-image: radial-gradient(transparent 0%, black 70%);
        position: absolute;
        inset: -1px;
        z-index: 0;
    }
.cb__text-media-background__media img,
.cb__text-media-background__media video{
    aspect-ratio: 16 / 9;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}
@media (min-width: 1024px){

    .cb__text-media-background__media img,
.cb__text-media-background__media video{
        position: absolute;
        inset: 0px;
        aspect-ratio: auto;
    }
}
.cb__text-media-background.alignment-right .cb__text-media-background__media{
    left: 0px;
}
.cb__text-media-background.alignment-left .cb__text-media-background__media{
    right: 0px;
}
.cb__text-media-background.alignment-center .cb__text-media-background__media{
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

/* Text
   ========================================================================== */
.cb__text-media-background__text{
    position: relative;
    font-size: 1.125rem;
    line-height: 1.75rem;
    line-height: 1.2;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px){

    .cb__text-media-background__text{
        min-height: 40vw;
    }
}

.cb__text-media-background.alignment-right .cb__text-media-background__text{
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 60%;
    padding-bottom: 20%;
}

@media (min-width: 768px){

    .cb__text-media-background.alignment-right .cb__text-media-background__text{
        padding-top: 30%;
        padding-bottom: 20%;
        padding-left: 30%;
        padding-right: 0px;
    }
}

@media (min-width: 1024px){

    .cb__text-media-background.alignment-right .cb__text-media-background__text{
        padding-top: 20%;
        padding-bottom: 5%;
        padding-left: 40%;
        padding-right: 5%;
    }
}
.cb__text-media-background.alignment-left .cb__text-media-background__text{
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 60%;
    padding-bottom: 20%;
}
@media (min-width: 768px){

    .cb__text-media-background.alignment-left .cb__text-media-background__text{
        padding-top: 30%;
        padding-bottom: 20%;
        padding-left: 0px;
        padding-right: 30%;
    }
}
@media (min-width: 1024px){

    .cb__text-media-background.alignment-left .cb__text-media-background__text{
        padding-top: 20%;
        padding-bottom: 5%;
        padding-left: 5%;
        padding-right: 40%;
    }
}
.cb__text-media-background.alignment-center .cb__text-media-background__text{
    margin-left: auto;
    margin-right: auto;
    margin-top: -15%;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 0px;
    padding-bottom: 20%;
    text-align: center;
}
@media (min-width: 768px){

    .cb__text-media-background.alignment-center .cb__text-media-background__text{
        padding-left: 15%;
        padding-right: 15%;
        padding-top: 0px;
        padding-bottom: 20%;
    }
}
@media (min-width: 1024px){

    .cb__text-media-background.alignment-center .cb__text-media-background__text{
        width: 70%;
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 0px;
        padding-bottom: 5%;
    }
}

/* Topline
   ========================================================================== */
.cb__text-media-background .cb__header__topline{
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    hyphens: none;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1;
}
@media (min-width: 768px){

    .cb__text-media-background .cb__header__topline{
        font-size: 25px;
    }
}
.cb__text-media-background .cb__header__topline:before {
        content: "";
        height: 2px;
        display: block;
        width: 50px;
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    }
@media (min-width: 768px){

    .cb__text-media-background .cb__header__topline:before{
        width: 100px;
    }
}
.cb__text-media-background.color-orange .cb__header__topline{
    --tw-text-opacity: 1;
    color: rgb(255 103 0 / var(--tw-text-opacity, 1));
}
.cb__text-media-background.color-orange .cb__header__topline:before{
    --tw-bg-opacity: 1;
    background-color: rgb(255 103 0 / var(--tw-bg-opacity, 1));
}

.cb__text-media-background.color-gray .cb__header__topline{
    --tw-text-opacity: 1;
    color: rgb(30 30 30 / var(--tw-text-opacity, 1));
}

.cb__text-media-background.color-gray .cb__header__topline:before{
    --tw-bg-opacity: 1;
    background-color: rgb(30 30 30 / var(--tw-bg-opacity, 1));
}

.cb__text-media-background.alignment-center .cb__header__topline{
    justify-content: center;
}

.cb__text-media-background.alignment-center .cb__header__topline:before{
    display: none;
}

/* Button
   ========================================================================== */
.cb__text-media-background__text__button{
    margin-top: 1.25rem;
    display: inline-block;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.cb__text-media-background__text__button:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
@media (min-width: 768px){

    .cb__text-media-background__text__button{
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}

.cb__text-media-background.color-white .cb__text-media-background__text__button{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.cb__text-media-background.color-white .cb__text-media-background__text__button:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 103 0 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.cb__text-media-background.color-gray .cb__text-media-background__text__button{
    --tw-bg-opacity: 1;
    background-color: rgb(30 30 30 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.cb__text-media-background.color-gray .cb__text-media-background__text__button:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.cb__text-media-background.color-orange .cb__text-media-background__text__button{
    --tw-bg-opacity: 1;
    background-color: rgb(255 103 0 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.cb__text-media-background.color-orange .cb__text-media-background__text__button:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
/* ==========================================================================
   Accordion
   ========================================================================== */

.cb__accordion {
    --arrow-color: var(--color-orange);
    --divider-color: var(--color-black);
    --details-hover-color: var(--color-orange);
    --details-price-color: var(--color-orange);

    --btn-color: var(--color-black);
    --btn-color-hover: var(--color-black);
    --btn-bg-color: var(--color-orange);
    --btn-bg-color-hover: var(--color-white);

    --inner-padding: clamp(1.25rem, 2vw, 2.5rem);
    --inner-padding-half: clamp(0.75rem, 1vw, 1.25rem);
}

.cb__accordion.no-background .cb__accordion__body{
    background-color: transparent;
    padding: 0px;
}

.cb__accordion.no-background details + details:before{
    margin-top: 1vw;
    margin-bottom: 1vw;
    height: 1px;
    background-color: transparent;
}

.cb__accordion .cb__accordion__body.background-black{
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.cb__accordion .cb__accordion__body.background-white {
            --btn-color-hover: var(--color-white);
            --btn-bg-color-hover: var(--color-black);
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
            --tw-text-opacity: 1;
            color: rgb(0 0 0 / var(--tw-text-opacity, 1));
        }

.cb__accordion .cb__accordion__body.background-gray{
    --tw-bg-opacity: 1;
    background-color: rgb(30 30 30 / var(--tw-bg-opacity, 1));
}

.cb__accordion .cb__accordion__body.background-orange {
            --arrow-color: var(--color-white);
            --details-hover-color: var(--color-white);
            --details-price-color: var(--color-white);
            --btn-color: var(--color-white);
            --btn-bg-color: var(--color-black);
            --tw-bg-opacity: 1;
            background-color: rgb(255 103 0 / var(--tw-bg-opacity, 1));
            --tw-text-opacity: 1;
            color: rgb(0 0 0 / var(--tw-text-opacity, 1));
        }

.cb__accordion .cb__accordion__body{
    border-radius: 1.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
    padding: 1rem;
}

@media (min-width: 1024px){

    .cb__accordion .cb__accordion__body{
        padding: 2vw;
    }
}

.cb__accordion details summary{
    position: relative;
    display: flex;
    cursor: pointer;
    align-items: center;
    overflow: visible;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;

        font-size: clamp(1.25rem, 2vw, 3rem);
        gap: var(--inner-padding-half);
}

.cb__accordion details summary:hover {
        color: var(--details-hover-color)
    }

.cb__accordion details summary::-webkit-details-marker,
    .cb__accordion details summary::marker {
        display: none;
        content: "";
    }

.cb__accordion details summary:before{
    flex-shrink: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;

        content: "";
        background-color: var(--arrow-color);
        -webkit-mask-size: 100% 100%;
                mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-position: center;
                mask-position: center;
        -webkit-mask-image: url('data:image/svg+xml,<svg viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path fill="%23ffffff" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"></path></svg>');
                mask-image: url('data:image/svg+xml,<svg viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path fill="%23ffffff" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"></path></svg>');
        width: var(--inner-padding);
        height: var(--inner-padding);
}

.cb__accordion details summary .btn-yellow {
        color: var(--btn-color);
        background-color: var(--btn-bg-color);
    }

.cb__accordion details summary .btn-yellow:hover {
        color: var(--btn-color-hover);
        background-color: var(--btn-bg-color-hover);
    }

.cb__accordion .cb__accordion__body.background-red details summary .btn-red{
            color: var(--color-red);
            background-color: var(--color-white);
        }

.cb__accordion .cb__accordion__body.background-red details summary .btn-red:hover {
            color: var(--color-red);
            background-color: var(--color-white);
        }

.cb__accordion details[open] summary:before {
        transform: rotate(90deg);
    }

.cb__accordion details summary .details-header{
    width: 100%;
}

.cb__accordion details + details:before {
        content: "";
        display: block;
        height: 10px;
        margin: max(2vw, 1rem) 0;
        background-color: var(--divider-color);
        -webkit-mask-size: 10px 100%;
                mask-size: 10px 100%;
        -webkit-mask-repeat: repeat-x;
                mask-repeat: repeat-x;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' overflow='visible' height='100%' viewBox='0 0 20 16' fill='none' stroke='black' stroke-width='4' stroke-linecap='square' stroke-miterlimit='10'%3E%3Cg transform='translate(-12.000000, 0)'%3E%3Cpath d='M28,0L10,18'/%3E%3Cpath d='M18,0L0,18'/%3E%3Cpath d='M48,0L30,18'/%3E%3Cpath d='M38,0L20,18'/%3E%3C/g%3E%3C/svg%3E");
                mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' overflow='visible' height='100%' viewBox='0 0 20 16' fill='none' stroke='black' stroke-width='4' stroke-linecap='square' stroke-miterlimit='10'%3E%3Cg transform='translate(-12.000000, 0)'%3E%3Cpath d='M28,0L10,18'/%3E%3Cpath d='M18,0L0,18'/%3E%3Cpath d='M48,0L30,18'/%3E%3Cpath d='M38,0L20,18'/%3E%3C/g%3E%3C/svg%3E");
    }

.cb__accordion details > .details-content {
        display: grid;
        animation-duration: 0.2s;
        padding-top: var(--inner-padding);
    }

.cb__accordion details > .animation {
        animation-name: grid-expand;
        animation-timing-function: ease-out;
    }

.cb__accordion details > .collapsing {
        animation-direction: reverse;
        animation-timing-function: ease-in;
    }

.cb__accordion details > .details-content > .inner {
        min-height: 0;
    }

@keyframes grid-expand {
     0% {
         grid-template-rows: 0fr;
     }
     100% {
         grid-template-rows: 1fr;
     }
 }

/* ==========================================================================
   Container
   ========================================================================== */

.cb__container{
    display: flex;
    flex-direction: column;
}

@media (min-width: 768px){

    .cb__container{
        flex-direction: row;
        flex-wrap: wrap;
    }
}

/* Column */

@media (min-width: 768px){

    .cb__container > .col:first-child .container{
        padding-right: 2vw;
    }

    .cb__container > .col:last-child .container{
        padding-left: 2vw;
    }
}

.cb__container > .col{
    width: 100%;
    align-self: flex-start;
}

/* Column Sizes */

@media (min-width: 768px){

    .cb__container.column-50-50 > .col:first-child{
        width: 50%;
    }

    .cb__container.column-50-50 > .col:last-child{
        width: 50%;
    }

    .cb__container.column-30-70 > .col:first-child{
        width: 30%;
    }

    .cb__container.column-30-70 > .col:last-child{
        width: 70%;
    }

    .cb__container.column-70-30 > .col:first-child{
        width: 70%;
    }

    .cb__container.column-70-30 > .col:last-child{
        width: 30%;
    }
}

/* Mobile Reverse Column Order */

.cb__container.mobile-reverse{
    flex-direction: column-reverse;
}

@media (min-width: 768px){

    .cb__container.mobile-reverse{
        flex-direction: row;
    }
}

/* Mobile no column wrap */

.cb__container.mobile-nowrap{
    flex-direction: row;
}

/* Sticky Columns */

@media (min-width: 768px){

    .cb__container.sticky-left > .col:first-child{
        position: sticky;
        top: 3rem;
    }

    .cb__container.sticky-right > .col:last-child{
        position: sticky;
        top: 3rem;
    }
}

/* ==========================================================================
   Newsletter
   ========================================================================== */

.cb__newsletter{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.cb__newsletter.newsletter-footer{
    border-radius: 1.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(30 30 30 / var(--tw-bg-opacity, 1));
    padding: 6vw;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px){

    .cb__newsletter.newsletter-footer{
        padding: 3vw;
    }
}

.cb__newsletter__topline{
    text-align: center;
    text-transform: uppercase;
    line-height: 1.2;
}

.cb__newsletter__headline{
    margin-bottom: 1vw;
    text-align: center;
    font-size: 8vw;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1.2;
}

@media (min-width: 1024px){

    .cb__newsletter__headline{
        font-size: 2vw;
    }
}

.cb__newsletter__privacy-wrapper{
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: flex;
    gap: 0.5rem;
}

    input[type="checkbox"]{
    accent-color: #ff6700;
}

.cb__newsletter__privacy-text{
    font-size: 0.75rem;
    line-height: 1rem;
}

.cb__newsletter__privacy-text a{
    text-decoration-line: underline;
}


.cb__newsletter__email-input{
    width: 100%;
    border-radius: 9999px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
    background-color: transparent;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}


.cb__newsletter__email-input::-moz-placeholder{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}


.cb__newsletter__email-input::placeholder{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}


.cb__newsletter__email-input:focus{
    --tw-border-opacity: 1;
    border-color: rgb(255 103 0 / var(--tw-border-opacity, 1));
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 103 0 / var(--tw-ring-opacity, 1));
}

.cb__newsletter__required{
    margin-top: 1rem;
    font-size: 0.75rem;
    line-height: 1rem;
}


.cb__newsletter__btn .text{
    display: inline-block;
}


.cb__newsletter__btn .loader{
    display: none;
}

.cb__newsletter__btn.loading .text{
    display: none;
}

.cb__newsletter__btn.loading .loader{
    display: inline-block;
}


.cb__newsletter__message{
    margin-top: 1rem;
}


.cb__newsletter__message .form-message > *{
    border-radius: 1.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 103 0 / var(--tw-bg-opacity, 1));
    padding: 1rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}


.cb__newsletter__message .form-message .error{
    border-radius: 1.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
    padding: 1rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}


.cb__newsletter__message .form-message .ok{
    border-radius: 1.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 103 0 / var(--tw-bg-opacity, 1));
    padding: 1rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}


.cb__newsletter__message .form-message p:only-child{
    margin-bottom: 0px;
}


.cb__newsletter__message .form-header{
    font-weight: 900;
}


/* Utilities */


.sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}


.absolute{
    position: absolute;
}


.relative{
    position: relative;
}


.inset-0{
    inset: 0px;
}


.col-span-full{
    grid-column: 1 / -1;
}


.mx-auto{
    margin-left: auto;
    margin-right: auto;
}


.-ml-\[4vw\]{
    margin-left: -4vw;
}


.-mr-\[4vw\]{
    margin-right: -4vw;
}


.mb-2{
    margin-bottom: 0.5rem;
}


.mb-4{
    margin-bottom: 1rem;
}


.mb-8{
    margin-bottom: 2rem;
}


.mt-12{
    margin-top: 3rem;
}


.mt-2{
    margin-top: 0.5rem;
}


.mt-8{
    margin-top: 2rem;
}


.flex{
    display: flex;
}


.table{
    display: table;
}


.hidden{
    display: none;
}


.size-6{
    width: 1.5rem;
    height: 1.5rem;
}


.h-6{
    height: 1.5rem;
}


.h-full{
    height: 100%;
}


.w-1\/2{
    width: 50%;
}


.w-6{
    width: 1.5rem;
}


.w-\[100vw\]{
    width: 100vw;
}


.w-\[30\%\]{
    width: 30%;
}


.w-\[70\%\]{
    width: 70%;
}


.w-auto{
    width: auto;
}


.w-full{
    width: 100%;
}


.shrink-0{
    flex-shrink: 0;
}


.transform{
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}


.items-start{
    align-items: flex-start;
}


.items-end{
    align-items: flex-end;
}


.items-center{
    align-items: center;
}


.justify-start{
    justify-content: flex-start;
}


.gap-3{
    gap: 0.75rem;
}


.self-start{
    align-self: flex-start;
}


.self-end{
    align-self: flex-end;
}


.self-center{
    align-self: center;
}


.overflow-hidden{
    overflow: hidden;
}


.rounded-5{
    border-radius: 1.25rem;
}


.border{
    border-width: 1px;
}


.bg-black{
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}


.bg-gray{
    --tw-bg-opacity: 1;
    background-color: rgb(30 30 30 / var(--tw-bg-opacity, 1));
}


.bg-orange{
    --tw-bg-opacity: 1;
    background-color: rgb(255 103 0 / var(--tw-bg-opacity, 1));
}


.bg-white{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}


.fill-current{
    fill: currentColor;
}


.object-contain{
    -o-object-fit: contain;
       object-fit: contain;
}


.object-cover{
    -o-object-fit: cover;
       object-fit: cover;
}


.object-fill{
    -o-object-fit: fill;
       object-fit: fill;
}


.object-none{
    -o-object-fit: none;
       object-fit: none;
}


.object-bottom{
    -o-object-position: bottom;
       object-position: bottom;
}


.object-center{
    -o-object-position: center;
       object-position: center;
}


.object-left{
    -o-object-position: left;
       object-position: left;
}


.object-left-bottom{
    -o-object-position: left bottom;
       object-position: left bottom;
}


.object-left-top{
    -o-object-position: left top;
       object-position: left top;
}


.object-right{
    -o-object-position: right;
       object-position: right;
}


.object-right-bottom{
    -o-object-position: right bottom;
       object-position: right bottom;
}


.object-right-top{
    -o-object-position: right top;
       object-position: right top;
}


.object-top{
    -o-object-position: top;
       object-position: top;
}


.text-left{
    text-align: left;
}


.text-center{
    text-align: center;
}


.text-right{
    text-align: right;
}


.text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
}


.text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
}


.text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
}


.text-5xl{
    font-size: 3rem;
    line-height: 1;
}


.text-\[5vw\]{
    font-size: 5vw;
}


.text-base{
    font-size: 1rem;
    line-height: 1.2;
}


.text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
}


.text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
}


.text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
}


.text-xs{
    font-size: 0.75rem;
    line-height: 1rem;
}


.text-xxs{
    font-size: .5rem;
    line-height: .75rem;
}


.font-black{
    font-weight: 900;
}


.uppercase{
    text-transform: uppercase;
}


.leading-none{
    line-height: 1;
}


.text-black{
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}


.text-gray{
    --tw-text-opacity: 1;
    color: rgb(30 30 30 / var(--tw-text-opacity, 1));
}


.text-orange{
    --tw-text-opacity: 1;
    color: rgb(255 103 0 / var(--tw-text-opacity, 1));
}


.text-white{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}


.container {
    width: unset ;
}

    :root {
        --color-gray: #1e1e1e;
        --color-orange: #ff6700;
        --color-black: #000;
        --color-white: #fff;
    }

    @media (min-width: 1024px){

    .lg\:mb-\[20px\]{
        margin-bottom: 20px;
    }

    .lg\:ml-0{
        margin-left: 0px;
    }

    .lg\:mr-0{
        margin-right: 0px;
    }

    .lg\:mt-24{
        margin-top: 6rem;
    }

    .lg\:mt-\[2vw\]{
        margin-top: 2vw;
    }

    .lg\:h-\[20vw\]{
        height: 20vw;
    }

    .lg\:w-\[20vw\]{
        width: 20vw;
    }

    .lg\:w-full{
        width: 100%;
    }

    .lg\:rounded-full{
        border-radius: 9999px;
    }

    .lg\:border-2{
        border-width: 2px;
    }

    .lg\:border-\[\#1e1e1e\]{
        --tw-border-opacity: 1;
        border-color: rgb(30 30 30 / var(--tw-border-opacity, 1));
    }

    .lg\:text-\[3vw\]{
        font-size: 3vw;
    }
}