*, ::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.17 | 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: ESAllianz, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 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; } :root { --color-beige: 246 240 236; --color-darkbeige: 226 216 205; --color-white: 255 255 255; --color-black: 21 25 29; } /* Qui puoi definire i tuoi componenti personalizzati */ /* Hide scrollbar for Chrome, Safari and Opera */ .no-scrollbar::-webkit-scrollbar { display: none; } /* Hide scrollbar for IE, Edge and Firefox */ .no-scrollbar { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .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; } .pointer-events-none { pointer-events: none; } .absolute { position: absolute; } .relative { position: relative; } .left-full { left: 100%; } .top-0 { top: 0rem; } .order-first { order: -9999; } .order-last { order: 9999; } .col-span-1 { grid-column: span 1 / span 1; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .col-span-4 { grid-column: span 4 / span 4; } .col-span-5 { grid-column: span 5 / span 5; } .row-start-1 { grid-row-start: 1; } .row-start-2 { grid-row-start: 2; } .row-start-3 { grid-row-start: 3; } .mx-1 { margin-left: 0.3125rem; margin-right: 0.3125rem; } .\!-ml-2 { margin-left: -0.625rem !important; } .\!-mr-2 { margin-right: -0.625rem !important; } .\!mb-1 { margin-bottom: 0.3125rem !important; } .-ml-2 { margin-left: -0.625rem; } .-mr-2 { margin-right: -0.625rem; } .mb-0 { margin-bottom: 0rem; } .mb-1 { margin-bottom: 0.3125rem; } .mb-10 { margin-bottom: 3.125rem; } .mb-2 { margin-bottom: 0.625rem; } .mb-3 { margin-bottom: 0.9375rem; } .mb-4 { margin-bottom: 1.25rem; } .mb-5 { margin-bottom: 1.5625rem; } .mb-6 { margin-bottom: 1.875rem; } .mt-1 { margin-top: 0.3125rem; } .mt-12 { margin-top: 3.75rem; } .mt-18 { margin-top: 5.625rem; } .mt-2 { margin-top: 0.625rem; } .mt-3 { margin-top: 0.9375rem; } .mt-5 { margin-top: 1.5625rem; } .mt-6 { margin-top: 1.875rem; } .mt-8 { margin-top: 2.5rem; } .mt-9 { margin-top: 2.8125rem; } .block { display: block; } .inline-block { display: inline-block; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .aspect-\[3\/4\] { aspect-ratio: 3/4; } .aspect-\[9\/16\] { aspect-ratio: 9/16; } .aspect-video { aspect-ratio: 16 / 9; } .h-1\/2 { height: 50%; } .h-16 { height: 5rem; } .h-\[5px\] { height: 5px; } .h-full { height: 100%; } .w-1\/2 { width: 50%; } .w-1\/4 { width: 25%; } .w-4\/5 { width: 80%; } .w-\[calc\(33\.33\%-0\.3125rem\)\] { width: calc(33.33% - 0.3125rem); } .w-\[calc\(33\.33\%-2\.5px\)\] { width: calc(33.33% - 2.5px); } .w-\[calc\(33\.33\%-3\.33px\)\] { width: calc(33.33% - 3.33px); } .w-\[calc\(50\%-0\.3125rem\)\] { width: calc(50% - 0.3125rem); } .w-\[calc\(66\.66\%-2\.5px\)\] { width: calc(66.66% - 2.5px); } .w-\[calc\(66\.67\%-0\.3125rem\)\] { width: calc(66.67% - 0.3125rem); } .w-full { width: 100%; } .min-w-\[275px\] { min-width: 275px; } .min-w-\[6\.75rem\] { min-width: 6.75rem; } .max-w-12 { max-width: 3.75rem; } .max-w-\[calc\(100\%\+10px\)\] { max-width: calc(100% + 10px); } .flex-1 { flex: 1 1 0%; } .flex-grow { flex-grow: 1; } .grow { flex-grow: 1; } .cursor-not-allowed { cursor: not-allowed; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-subgrid { grid-template-columns: subgrid; } .flex-row { flex-direction: row; } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-wrap { flex-wrap: wrap; } .flex-nowrap { flex-wrap: nowrap; } .items-start { align-items: flex-start; } .items-end { align-items: flex-end; } .items-center { align-items: center; } .items-stretch { align-items: stretch; } .justify-start { justify-content: flex-start; } .justify-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .justify-stretch { justify-content: stretch; } .justify-items-start { justify-items: start; } .justify-items-stretch { justify-items: stretch; } .gap-0 { gap: 0rem; } .gap-1 { gap: 0.3125rem; } .gap-2 { gap: 0.625rem; } .gap-x-1 { -moz-column-gap: 0.3125rem; column-gap: 0.3125rem; } .gap-x-2 { -moz-column-gap: 0.625rem; column-gap: 0.625rem; } .gap-x-4 { -moz-column-gap: 1.25rem; column-gap: 1.25rem; } .gap-x-7 { -moz-column-gap: 2.1875rem; column-gap: 2.1875rem; } .gap-y-0 { row-gap: 0rem; } .gap-y-1 { row-gap: 0.3125rem; } .gap-y-2 { row-gap: 0.625rem; } .gap-y-4 { row-gap: 1.25rem; } .gap-y-5 { row-gap: 1.5625rem; } .gap-y-6 { row-gap: 1.875rem; } .self-end { align-self: flex-end; } .self-stretch { align-self: stretch; } .justify-self-end { justify-self: end; } .justify-self-stretch { justify-self: stretch; } .overflow-x-auto { overflow-x: auto; } .overflow-y-auto { overflow-y: auto; } .overflow-x-hidden { overflow-x: hidden; } .whitespace-nowrap { white-space: nowrap; } .text-wrap { text-wrap: wrap; } .text-nowrap { text-wrap: nowrap; } .border-b { border-bottom-width: 1px; } .border-black { border-color: rgb(var(--color-black)); } .bg-beige { background-color: rgb(var(--color-beige)); } .bg-gray-4 { --tw-bg-opacity: 1; background-color: rgb(206 206 206 / var(--tw-bg-opacity, 1)); } .bg-white { background-color: rgb(var(--color-white)); } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); } .from-gray-0 { --tw-gradient-from: #F8F8F8 var(--tw-gradient-from-position); --tw-gradient-to: rgb(248 248 248 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .to-white { --tw-gradient-to: rgb(var(--color-white)) var(--tw-gradient-to-position); } .to-40\% { --tw-gradient-to-position: 40%; } .object-cover { -o-object-fit: cover; object-fit: cover; } .p-0 { padding: 0rem; } .p-2 { padding: 0.625rem; } .p-3 { padding: 0.9375rem; } .p-4 { padding: 1.25rem; } .\!px-2 { padding-left: 0.625rem !important; padding-right: 0.625rem !important; } .px-0 { padding-left: 0rem; padding-right: 0rem; } .px-1 { padding-left: 0.3125rem; padding-right: 0.3125rem; } .px-2 { padding-left: 0.625rem; padding-right: 0.625rem; } .px-5 { padding-left: 1.5625rem; padding-right: 1.5625rem; } .py-10 { padding-top: 3.125rem; padding-bottom: 3.125rem; } .py-2 { padding-top: 0.625rem; padding-bottom: 0.625rem; } .py-3 { padding-top: 0.9375rem; padding-bottom: 0.9375rem; } .py-\[3px\] { padding-top: 3px; padding-bottom: 3px; } .py-\[7px\] { padding-top: 7px; padding-bottom: 7px; } .pb-1 { padding-bottom: 0.3125rem; } .pb-12 { padding-bottom: 3.75rem; } .pb-2 { padding-bottom: 0.625rem; } .pb-20 { padding-bottom: 6.25rem; } .pb-3 { padding-bottom: 0.9375rem; } .pb-4 { padding-bottom: 1.25rem; } .pb-5 { padding-bottom: 1.5625rem; } .pb-6 { padding-bottom: 1.875rem; } .pl-2 { padding-left: 0.625rem; } .pr-2 { padding-right: 0.625rem; } .pr-4 { padding-right: 1.25rem; } .pt-0 { padding-top: 0rem; } .pt-1 { padding-top: 0.3125rem; } .pt-10 { padding-top: 3.125rem; } .pt-2 { padding-top: 0.625rem; } .pt-3 { padding-top: 0.9375rem; } .pt-4 { padding-top: 1.25rem; } .pt-5 { padding-top: 1.5625rem; } .pt-6 { padding-top: 1.875rem; } .pt-\[1px\] { padding-top: 1px; } .pt-\[3px\] { padding-top: 3px; } .text-center { text-align: center; } .text-right { text-align: right; } .text-base { font-size: 1.375rem; line-height: 1.2; font-weight: 600; } .text-h1 { font-size: 5rem; line-height: 1.1; font-weight: 600; } .text-h2 { font-size: 3.125rem; line-height: 1.1; font-weight: 600; } .text-h3 { font-size: 2.25rem; line-height: 1.1; font-weight: 600; } .text-h4 { font-size: 1.375rem; line-height: 1.1; font-weight: 600; } .text-large { font-size: 2.25rem; line-height: 1.1; font-weight: 600; } .text-mini { font-size: .75rem; line-height: 1.25; font-weight: 600; } .text-small { font-size: 1rem; line-height: 1.2; font-weight: 600; } .text-tiny { font-size: .875rem; line-height: 1.25; font-weight: 600; } .font-normal { font-weight: 400; } .capitalize { text-transform: capitalize; } .leading-6 { line-height: 1.5rem; } .leading-9 { line-height: 2.25rem; } .leading-none { line-height: 1; } .text-red { --tw-text-opacity: 1; color: rgb(220 50 50 / var(--tw-text-opacity, 1)); } .text-white { color: rgb(var(--color-white)); } .underline { text-decoration-line: underline; } .opacity-40 { opacity: 0.4; } .shadow-top { --tw-shadow: 0 -1px 0 0 rgba(0, 0, 0, 1); --tw-shadow-colored: 0 -1px 0 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-colors { 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; } .transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .duration-300 { transition-duration: 300ms; } .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } /* I tuoi stili personalizzati con Tailwind */ .last\:mb-1:last-child { margin-bottom: 0.3125rem; } .last\:mr-0:last-child { margin-right: 0rem; } .last\:border-b:last-child { border-bottom-width: 1px; } .last-of-type\:mb-0:last-of-type { margin-bottom: 0rem; } .only-of-type\:mb-0:only-of-type { margin-bottom: 0rem; } .hover\:no-underline:hover { text-decoration-line: none; } .hover\:opacity-40:hover { opacity: 0.4; } .group.--menu-open .group-\[\.--menu-open\]\:block { display: block; } .group.--menu-open .group-\[\.--menu-open\]\:hidden { display: none; } @media (min-width: 768px) { .md\:-mr-0 { margin-right: -0rem; } .md\:mb-2 { margin-bottom: 0.625rem; } .md\:block { display: block; } .md\:grid { display: grid; } .md\:hidden { display: none; } .md\:w-\[calc\(25\%-0\.46875rem\)\] { width: calc(25% - 0.46875rem); } .md\:w-\[calc\(33\%-0\.4167rem\)\] { width: calc(33% - 0.4167rem); } .md\:w-\[calc\(33\.33\%-0\.4167rem\)\] { width: calc(33.33% - 0.4167rem); } .md\:w-\[calc\(50\%-0\.3125rem\)\] { width: calc(50% - 0.3125rem); } .md\:min-w-0 { min-width: 0rem; } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .md\:overflow-x-visible { overflow-x: visible; } .md\:pb-0 { padding-bottom: 0rem; } } @media (min-width: 992px) { .lg\:sticky { position: sticky; } .lg\:top-\[4rem\] { top: 4rem; } .lg\:order-first { order: -9999; } .lg\:order-last { order: 9999; } .lg\:col-span-1 { grid-column: span 1 / span 1; } .lg\:col-span-2 { grid-column: span 2 / span 2; } .lg\:col-span-5 { grid-column: span 5 / span 5; } .lg\:col-span-6 { grid-column: span 6 / span 6; } .lg\:col-start-12 { grid-column-start: 12; } .lg\:col-start-2 { grid-column-start: 2; } .lg\:col-start-7 { grid-column-start: 7; } .lg\:row-start-1 { grid-row-start: 1; } .lg\:\!-ml-4 { margin-left: -1.25rem !important; } .lg\:\!-mr-4 { margin-right: -1.25rem !important; } .lg\:-ml-4 { margin-left: -1.25rem; } .lg\:-mr-4 { margin-right: -1.25rem; } .lg\:mb-0 { margin-bottom: 0rem; } .lg\:mb-4 { margin-bottom: 1.25rem; } .lg\:mt-0 { margin-top: 0rem; } .lg\:mt-10 { margin-top: 3.125rem; } .lg\:mt-20 { margin-top: 6.25rem; } .lg\:mt-24 { margin-top: 7.5rem; } .lg\:block { display: block; } .lg\:flex { display: flex; } .lg\:grid { display: grid; } .lg\:hidden { display: none; } .lg\:h-full { height: 100%; } .lg\:w-1\/3 { width: 33.333333%; } .lg\:w-1\/4 { width: 25%; } .lg\:w-10\/12 { width: 83.333333%; } .lg\:w-2\/12 { width: 16.666667%; } .lg\:w-2\/3 { width: 66.666667%; } .lg\:w-3\/4 { width: 75%; } .lg\:w-4\/12 { width: 33.333333%; } .lg\:w-8\/12 { width: 66.666667%; } .lg\:w-\[calc\(16\.66\%-0\.52rem\)\] { width: calc(16.66% - 0.52rem); } .lg\:w-\[calc\(16\.66\%-8\.33px\)\] { width: calc(16.66% - 8.33px); } .lg\:w-\[calc\(25\%-0\.3125rem\)\] { width: calc(25% - 0.3125rem); } .lg\:w-\[calc\(25\%-0\.46875rem\)\] { width: calc(25% - 0.46875rem); } .lg\:w-\[calc\(25\%-5px\)\] { width: calc(25% - 5px); } .lg\:w-\[calc\(33\.33\%-0\.4167rem\)\] { width: calc(33.33% - 0.4167rem); } .lg\:w-\[calc\(33\.33\%-5px\)\] { width: calc(33.33% - 5px); } .lg\:w-\[calc\(50\%-0\.3125rem\)\] { width: calc(50% - 0.3125rem); } .lg\:w-\[calc\(66\.66\%-5px\)\] { width: calc(66.66% - 5px); } .lg\:w-\[calc\(75\%-0\.3125rem\)\] { width: calc(75% - 0.3125rem); } .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .lg\:flex-row { flex-direction: row; } .lg\:flex-col { flex-direction: column; } .lg\:flex-wrap { flex-wrap: wrap; } .lg\:items-center { align-items: center; } .lg\:justify-items-stretch { justify-items: stretch; } .lg\:gap-x-2 { -moz-column-gap: 0.625rem; column-gap: 0.625rem; } .lg\:justify-self-start { justify-self: start; } .lg\:bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); } .lg\:bg-none { background-image: none; } .lg\:from-gray-0 { --tw-gradient-from: #F8F8F8 var(--tw-gradient-from-position); --tw-gradient-to: rgb(248 248 248 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .lg\:to-white { --tw-gradient-to: rgb(var(--color-white)) var(--tw-gradient-to-position); } .lg\:to-40\% { --tw-gradient-to-position: 40%; } .lg\:\!px-4 { padding-left: 1.25rem !important; padding-right: 1.25rem !important; } .lg\:px-0 { padding-left: 0rem; padding-right: 0rem; } .lg\:px-2 { padding-left: 0.625rem; padding-right: 0.625rem; } .lg\:px-4 { padding-left: 1.25rem; padding-right: 1.25rem; } .lg\:pb-0 { padding-bottom: 0rem; } .lg\:pl-0 { padding-left: 0rem; } .lg\:pl-2 { padding-left: 0.625rem; } .lg\:pt-0 { padding-top: 0rem; } .lg\:pt-7 { padding-top: 2.1875rem; } .lg\:pt-8 { padding-top: 2.5rem; } .lg\:text-h1 { font-size: 5rem; line-height: 1.1; font-weight: 600; } .lg\:text-h3 { font-size: 2.25rem; line-height: 1.1; font-weight: 600; } .lg\:text-small { font-size: 1rem; line-height: 1.2; font-weight: 600; } .lg\:leading-7 { line-height: 1.75rem; } .lg\:shadow-top { --tw-shadow: 0 -1px 0 0 rgba(0, 0, 0, 1); --tw-shadow-colored: 0 -1px 0 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } } @media (min-width: 1280px) { .xl\:w-\[calc\(10\%-0\.5625rem\)\] { width: calc(10% - 0.5625rem); } .xl\:w-\[calc\(10\%-9px\)\] { width: calc(10% - 9px); } .xl\:w-\[calc\(20\%-0\.5rem\)\] { width: calc(20% - 0.5rem); } .xl\:w-\[calc\(20\%-8px\)\] { width: calc(20% - 8px); } .xl\:w-\[calc\(33\.333\%-0\.3125rem\)\] { width: calc(33.333% - 0.3125rem); } .xl\:grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .xl\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .xl\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .xl\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .xl\:gap-x-0 { -moz-column-gap: 0rem; column-gap: 0rem; } .xl\:gap-x-2 { -moz-column-gap: 0.625rem; column-gap: 0.625rem; } } @media (min-width: 1920px) { .\32xl\:w-\[calc\(25\%-0\.3125rem\)\] { width: calc(25% - 0.3125rem); } .\32xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .\[\&\.active\]\:bg-black.active { background-color: rgb(var(--color-black)); } *, ::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.17 | 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: ESAllianz, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 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; } :root { --color-beige: 246 240 236; --color-darkbeige: 226 216 205; --color-white: 255 255 255; --color-black: 21 25 29; } /* Qui puoi definire i tuoi componenti personalizzati */ /* Hide scrollbar for Chrome, Safari and Opera */ .no-scrollbar::-webkit-scrollbar { display: none; } /* Hide scrollbar for IE, Edge and Firefox */ .no-scrollbar { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .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; } .pointer-events-none { pointer-events: none; } .absolute { position: absolute; } .relative { position: relative; } .left-full { left: 100%; } .top-0 { top: 0rem; } .order-first { order: -9999; } .order-last { order: 9999; } .col-span-1 { grid-column: span 1 / span 1; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .col-span-4 { grid-column: span 4 / span 4; } .col-span-5 { grid-column: span 5 / span 5; } .row-start-1 { grid-row-start: 1; } .row-start-2 { grid-row-start: 2; } .row-start-3 { grid-row-start: 3; } .mx-1 { margin-left: 0.3125rem; margin-right: 0.3125rem; } .\!-ml-2 { margin-left: -0.625rem !important; } .\!-mr-2 { margin-right: -0.625rem !important; } .\!mb-1 { margin-bottom: 0.3125rem !important; } .-ml-2 { margin-left: -0.625rem; } .-mr-2 { margin-right: -0.625rem; } .mb-0 { margin-bottom: 0rem; } .mb-1 { margin-bottom: 0.3125rem; } .mb-10 { margin-bottom: 3.125rem; } .mb-2 { margin-bottom: 0.625rem; } .mb-3 { margin-bottom: 0.9375rem; } .mb-4 { margin-bottom: 1.25rem; } .mb-5 { margin-bottom: 1.5625rem; } .mb-6 { margin-bottom: 1.875rem; } .mt-1 { margin-top: 0.3125rem; } .mt-12 { margin-top: 3.75rem; } .mt-18 { margin-top: 5.625rem; } .mt-2 { margin-top: 0.625rem; } .mt-3 { margin-top: 0.9375rem; } .mt-5 { margin-top: 1.5625rem; } .mt-6 { margin-top: 1.875rem; } .mt-8 { margin-top: 2.5rem; } .mt-9 { margin-top: 2.8125rem; } .block { display: block; } .inline-block { display: inline-block; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .aspect-\[3\/4\] { aspect-ratio: 3/4; } .aspect-\[9\/16\] { aspect-ratio: 9/16; } .aspect-video { aspect-ratio: 16 / 9; } .h-1\/2 { height: 50%; } .h-16 { height: 5rem; } .h-\[5px\] { height: 5px; } .h-full { height: 100%; } .w-1\/2 { width: 50%; } .w-1\/4 { width: 25%; } .w-4\/5 { width: 80%; } .w-\[calc\(33\.33\%-0\.3125rem\)\] { width: calc(33.33% - 0.3125rem); } .w-\[calc\(33\.33\%-2\.5px\)\] { width: calc(33.33% - 2.5px); } .w-\[calc\(33\.33\%-3\.33px\)\] { width: calc(33.33% - 3.33px); } .w-\[calc\(50\%-0\.3125rem\)\] { width: calc(50% - 0.3125rem); } .w-\[calc\(66\.66\%-2\.5px\)\] { width: calc(66.66% - 2.5px); } .w-\[calc\(66\.67\%-0\.3125rem\)\] { width: calc(66.67% - 0.3125rem); } .w-full { width: 100%; } .min-w-\[275px\] { min-width: 275px; } .min-w-\[6\.75rem\] { min-width: 6.75rem; } .max-w-12 { max-width: 3.75rem; } .max-w-\[calc\(100\%\+10px\)\] { max-width: calc(100% + 10px); } .flex-1 { flex: 1 1 0%; } .flex-grow { flex-grow: 1; } .grow { flex-grow: 1; } .cursor-not-allowed { cursor: not-allowed; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-subgrid { grid-template-columns: subgrid; } .flex-row { flex-direction: row; } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-wrap { flex-wrap: wrap; } .flex-nowrap { flex-wrap: nowrap; } .items-start { align-items: flex-start; } .items-end { align-items: flex-end; } .items-center { align-items: center; } .items-stretch { align-items: stretch; } .justify-start { justify-content: flex-start; } .justify-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .justify-stretch { justify-content: stretch; } .justify-items-start { justify-items: start; } .justify-items-stretch { justify-items: stretch; } .gap-0 { gap: 0rem; } .gap-1 { gap: 0.3125rem; } .gap-2 { gap: 0.625rem; } .gap-x-1 { -moz-column-gap: 0.3125rem; column-gap: 0.3125rem; } .gap-x-2 { -moz-column-gap: 0.625rem; column-gap: 0.625rem; } .gap-x-4 { -moz-column-gap: 1.25rem; column-gap: 1.25rem; } .gap-x-7 { -moz-column-gap: 2.1875rem; column-gap: 2.1875rem; } .gap-y-0 { row-gap: 0rem; } .gap-y-1 { row-gap: 0.3125rem; } .gap-y-2 { row-gap: 0.625rem; } .gap-y-4 { row-gap: 1.25rem; } .gap-y-5 { row-gap: 1.5625rem; } .gap-y-6 { row-gap: 1.875rem; } .self-end { align-self: flex-end; } .self-stretch { align-self: stretch; } .justify-self-end { justify-self: end; } .justify-self-stretch { justify-self: stretch; } .overflow-x-auto { overflow-x: auto; } .overflow-y-auto { overflow-y: auto; } .overflow-x-hidden { overflow-x: hidden; } .whitespace-nowrap { white-space: nowrap; } .text-wrap { text-wrap: wrap; } .text-nowrap { text-wrap: nowrap; } .border-b { border-bottom-width: 1px; } .border-black { border-color: rgb(var(--color-black)); } .bg-beige { background-color: rgb(var(--color-beige)); } .bg-gray-4 { --tw-bg-opacity: 1; background-color: rgb(206 206 206 / var(--tw-bg-opacity, 1)); } .bg-white { background-color: rgb(var(--color-white)); } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); } .from-gray-0 { --tw-gradient-from: #F8F8F8 var(--tw-gradient-from-position); --tw-gradient-to: rgb(248 248 248 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .to-white { --tw-gradient-to: rgb(var(--color-white)) var(--tw-gradient-to-position); } .to-40\% { --tw-gradient-to-position: 40%; } .object-cover { -o-object-fit: cover; object-fit: cover; } .p-0 { padding: 0rem; } .p-2 { padding: 0.625rem; } .p-3 { padding: 0.9375rem; } .p-4 { padding: 1.25rem; } .\!px-2 { padding-left: 0.625rem !important; padding-right: 0.625rem !important; } .px-0 { padding-left: 0rem; padding-right: 0rem; } .px-1 { padding-left: 0.3125rem; padding-right: 0.3125rem; } .px-2 { padding-left: 0.625rem; padding-right: 0.625rem; } .px-5 { padding-left: 1.5625rem; padding-right: 1.5625rem; } .py-10 { padding-top: 3.125rem; padding-bottom: 3.125rem; } .py-2 { padding-top: 0.625rem; padding-bottom: 0.625rem; } .py-3 { padding-top: 0.9375rem; padding-bottom: 0.9375rem; } .py-\[3px\] { padding-top: 3px; padding-bottom: 3px; } .py-\[7px\] { padding-top: 7px; padding-bottom: 7px; } .pb-1 { padding-bottom: 0.3125rem; } .pb-12 { padding-bottom: 3.75rem; } .pb-2 { padding-bottom: 0.625rem; } .pb-20 { padding-bottom: 6.25rem; } .pb-3 { padding-bottom: 0.9375rem; } .pb-4 { padding-bottom: 1.25rem; } .pb-5 { padding-bottom: 1.5625rem; } .pb-6 { padding-bottom: 1.875rem; } .pl-2 { padding-left: 0.625rem; } .pr-2 { padding-right: 0.625rem; } .pr-4 { padding-right: 1.25rem; } .pt-0 { padding-top: 0rem; } .pt-1 { padding-top: 0.3125rem; } .pt-10 { padding-top: 3.125rem; } .pt-2 { padding-top: 0.625rem; } .pt-3 { padding-top: 0.9375rem; } .pt-4 { padding-top: 1.25rem; } .pt-5 { padding-top: 1.5625rem; } .pt-6 { padding-top: 1.875rem; } .pt-\[1px\] { padding-top: 1px; } .pt-\[3px\] { padding-top: 3px; } .text-center { text-align: center; } .text-right { text-align: right; } .text-base { font-size: 1.375rem; line-height: 1.2; font-weight: 600; } .text-h1 { font-size: 5rem; line-height: 1.1; font-weight: 600; } .text-h2 { font-size: 3.125rem; line-height: 1.1; font-weight: 600; } .text-h3 { font-size: 2.25rem; line-height: 1.1; font-weight: 600; } .text-h4 { font-size: 1.375rem; line-height: 1.1; font-weight: 600; } .text-large { font-size: 2.25rem; line-height: 1.1; font-weight: 600; } .text-mini { font-size: .75rem; line-height: 1.25; font-weight: 600; } .text-small { font-size: 1rem; line-height: 1.2; font-weight: 600; } .text-tiny { font-size: .875rem; line-height: 1.25; font-weight: 600; } .font-normal { font-weight: 400; } .capitalize { text-transform: capitalize; } .leading-6 { line-height: 1.5rem; } .leading-9 { line-height: 2.25rem; } .leading-none { line-height: 1; } .text-red { --tw-text-opacity: 1; color: rgb(220 50 50 / var(--tw-text-opacity, 1)); } .text-white { color: rgb(var(--color-white)); } .underline { text-decoration-line: underline; } .opacity-40 { opacity: 0.4; } .shadow-top { --tw-shadow: 0 -1px 0 0 rgba(0, 0, 0, 1); --tw-shadow-colored: 0 -1px 0 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-colors { 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; } .transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .duration-300 { transition-duration: 300ms; } .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } /* I tuoi stili personalizzati con Tailwind */ .otgs-development-site-front-end { display: none !important; } .last\:mb-1:last-child { margin-bottom: 0.3125rem; } .last\:mr-0:last-child { margin-right: 0rem; } .last\:border-b:last-child { border-bottom-width: 1px; } .last-of-type\:mb-0:last-of-type { margin-bottom: 0rem; } .only-of-type\:mb-0:only-of-type { margin-bottom: 0rem; } .hover\:no-underline:hover { text-decoration-line: none; } .hover\:opacity-40:hover { opacity: 0.4; } .group.--menu-open .group-\[\.--menu-open\]\:block { display: block; } .group.--menu-open .group-\[\.--menu-open\]\:hidden { display: none; } @media (min-width: 768px) { .md\:-mr-0 { margin-right: -0rem; } .md\:mb-2 { margin-bottom: 0.625rem; } .md\:block { display: block; } .md\:grid { display: grid; } .md\:hidden { display: none; } .md\:w-\[calc\(25\%-0\.46875rem\)\] { width: calc(25% - 0.46875rem); } .md\:w-\[calc\(33\%-0\.4167rem\)\] { width: calc(33% - 0.4167rem); } .md\:w-\[calc\(33\.33\%-0\.4167rem\)\] { width: calc(33.33% - 0.4167rem); } .md\:w-\[calc\(50\%-0\.3125rem\)\] { width: calc(50% - 0.3125rem); } .md\:min-w-0 { min-width: 0rem; } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .md\:overflow-x-visible { overflow-x: visible; } .md\:pb-0 { padding-bottom: 0rem; } } @media (min-width: 992px) { .lg\:sticky { position: sticky; } .lg\:top-\[4rem\] { top: 4rem; } .lg\:order-first { order: -9999; } .lg\:order-last { order: 9999; } .lg\:col-span-1 { grid-column: span 1 / span 1; } .lg\:col-span-2 { grid-column: span 2 / span 2; } .lg\:col-span-5 { grid-column: span 5 / span 5; } .lg\:col-span-6 { grid-column: span 6 / span 6; } .lg\:col-start-12 { grid-column-start: 12; } .lg\:col-start-2 { grid-column-start: 2; } .lg\:col-start-7 { grid-column-start: 7; } .lg\:row-start-1 { grid-row-start: 1; } .lg\:\!-ml-4 { margin-left: -1.25rem !important; } .lg\:\!-mr-4 { margin-right: -1.25rem !important; } .lg\:-ml-4 { margin-left: -1.25rem; } .lg\:-mr-4 { margin-right: -1.25rem; } .lg\:mb-0 { margin-bottom: 0rem; } .lg\:mb-4 { margin-bottom: 1.25rem; } .lg\:mt-0 { margin-top: 0rem; } .lg\:mt-10 { margin-top: 3.125rem; } .lg\:mt-20 { margin-top: 6.25rem; } .lg\:mt-24 { margin-top: 7.5rem; } .lg\:block { display: block; } .lg\:flex { display: flex; } .lg\:grid { display: grid; } .lg\:hidden { display: none; } .lg\:h-full { height: 100%; } .lg\:w-1\/3 { width: 33.333333%; } .lg\:w-1\/4 { width: 25%; } .lg\:w-10\/12 { width: 83.333333%; } .lg\:w-2\/12 { width: 16.666667%; } .lg\:w-2\/3 { width: 66.666667%; } .lg\:w-3\/4 { width: 75%; } .lg\:w-4\/12 { width: 33.333333%; } .lg\:w-8\/12 { width: 66.666667%; } .lg\:w-\[calc\(16\.66\%-0\.52rem\)\] { width: calc(16.66% - 0.52rem); } .lg\:w-\[calc\(16\.66\%-8\.33px\)\] { width: calc(16.66% - 8.33px); } .lg\:w-\[calc\(25\%-0\.3125rem\)\] { width: calc(25% - 0.3125rem); } .lg\:w-\[calc\(25\%-0\.46875rem\)\] { width: calc(25% - 0.46875rem); } .lg\:w-\[calc\(25\%-5px\)\] { width: calc(25% - 5px); } .lg\:w-\[calc\(33\.33\%-0\.4167rem\)\] { width: calc(33.33% - 0.4167rem); } .lg\:w-\[calc\(33\.33\%-5px\)\] { width: calc(33.33% - 5px); } .lg\:w-\[calc\(50\%-0\.3125rem\)\] { width: calc(50% - 0.3125rem); } .lg\:w-\[calc\(66\.66\%-5px\)\] { width: calc(66.66% - 5px); } .lg\:w-\[calc\(75\%-0\.3125rem\)\] { width: calc(75% - 0.3125rem); } .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .lg\:flex-row { flex-direction: row; } .lg\:flex-col { flex-direction: column; } .lg\:flex-wrap { flex-wrap: wrap; } .lg\:items-center { align-items: center; } .lg\:justify-items-stretch { justify-items: stretch; } .lg\:gap-x-2 { -moz-column-gap: 0.625rem; column-gap: 0.625rem; } .lg\:justify-self-start { justify-self: start; } .lg\:bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); } .lg\:bg-none { background-image: none; } .lg\:from-gray-0 { --tw-gradient-from: #F8F8F8 var(--tw-gradient-from-position); --tw-gradient-to: rgb(248 248 248 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .lg\:to-white { --tw-gradient-to: rgb(var(--color-white)) var(--tw-gradient-to-position); } .lg\:to-40\% { --tw-gradient-to-position: 40%; } .lg\:\!px-4 { padding-left: 1.25rem !important; padding-right: 1.25rem !important; } .lg\:px-0 { padding-left: 0rem; padding-right: 0rem; } .lg\:px-2 { padding-left: 0.625rem; padding-right: 0.625rem; } .lg\:px-4 { padding-left: 1.25rem; padding-right: 1.25rem; } .lg\:pb-0 { padding-bottom: 0rem; } .lg\:pl-0 { padding-left: 0rem; } .lg\:pl-2 { padding-left: 0.625rem; } .lg\:pt-0 { padding-top: 0rem; } .lg\:pt-7 { padding-top: 2.1875rem; } .lg\:pt-8 { padding-top: 2.5rem; } .lg\:text-h1 { font-size: 5rem; line-height: 1.1; font-weight: 600; } .lg\:text-h3 { font-size: 2.25rem; line-height: 1.1; font-weight: 600; } .lg\:text-small { font-size: 1rem; line-height: 1.2; font-weight: 600; } .lg\:leading-7 { line-height: 1.75rem; } .lg\:shadow-top { --tw-shadow: 0 -1px 0 0 rgba(0, 0, 0, 1); --tw-shadow-colored: 0 -1px 0 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } } @media (min-width: 1280px) { .xl\:w-\[calc\(10\%-0\.5625rem\)\] { width: calc(10% - 0.5625rem); } .xl\:w-\[calc\(10\%-9px\)\] { width: calc(10% - 9px); } .xl\:w-\[calc\(20\%-0\.5rem\)\] { width: calc(20% - 0.5rem); } .xl\:w-\[calc\(20\%-8px\)\] { width: calc(20% - 8px); } .xl\:w-\[calc\(33\.333\%-0\.3125rem\)\] { width: calc(33.333% - 0.3125rem); } .xl\:grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .xl\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .xl\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .xl\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .xl\:gap-x-0 { -moz-column-gap: 0rem; column-gap: 0rem; } .xl\:gap-x-2 { -moz-column-gap: 0.625rem; column-gap: 0.625rem; } } @media (min-width: 1920px) { .\32xl\:w-\[calc\(25\%-0\.3125rem\)\] { width: calc(25% - 0.3125rem); } .\32xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .\[\&\.active\]\:bg-black.active { background-color: rgb(var(--color-black)); } .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; touch-action: none; -moz-user-select: none; user-select: none; box-sizing: border-box; } .noUi-target { position: relative; } .noUi-base, .noUi-connects { width: 100%; height: 100%; position: relative; z-index: 1; } .noUi-connects { overflow: hidden; z-index: 0; } .noUi-connect, .noUi-origin { will-change: transform; position: absolute; z-index: 1; top: 0; right: 0; height: 100%; width: 100%; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; -webkit-transform-style: preserve-3d; transform-origin: 0 0; transform-style: flat; } .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin { left: 0; right: auto; } .noUi-vertical .noUi-origin { top: -100%; width: 0; } .noUi-horizontal .noUi-origin { height: 0; } .noUi-handle { backface-visibility: hidden; position: absolute; } .noUi-touch-area { height: 100%; width: 100%; } .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { transition: transform 0.3s; } .noUi-state-drag * { cursor: inherit !important; } .noUi-horizontal { height: 18px; } .noUi-horizontal .noUi-handle { width: 34px; height: 28px; right: -17px; top: -6px; } .noUi-vertical { width: 18px; } .noUi-vertical .noUi-handle { width: 28px; height: 34px; right: -6px; bottom: -17px; } .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle { left: -17px; right: auto; } .noUi-target { background: #FAFAFA; border-radius: 4px; border: 1px solid #D3D3D3; box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; } .noUi-connects { border-radius: 3px; } .noUi-connect { background: #3FB8AF; } .noUi-draggable { cursor: ew-resize; } .noUi-vertical .noUi-draggable { cursor: ns-resize; } .noUi-handle { border: 1px solid #D9D9D9; border-radius: 3px; background: #FFF; cursor: default; box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; } .noUi-active { box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; } .noUi-handle:after, .noUi-handle:before { content: ""; display: block; position: absolute; height: 14px; width: 1px; background: #E8E7E6; left: 14px; top: 6px; } .noUi-handle:after { left: 17px; } .noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before { width: 14px; height: 1px; left: 6px; top: 14px; } .noUi-vertical .noUi-handle:after { top: 17px; } [disabled] .noUi-connect { background: #B8B8B8; } [disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target { cursor: not-allowed; } .noUi-pips, .noUi-pips * { box-sizing: border-box; } .noUi-pips { position: absolute; color: #999; } .noUi-value { position: absolute; white-space: nowrap; text-align: center; } .noUi-value-sub { color: #ccc; font-size: 10px; } .noUi-marker { position: absolute; background: #CCC; } .noUi-marker-sub { background: #AAA; } .noUi-marker-large { background: #AAA; } .noUi-pips-horizontal { padding: 10px 0; height: 80px; top: 100%; left: 0; width: 100%; } .noUi-value-horizontal { transform: translate(-50%, 50%); } .noUi-rtl .noUi-value-horizontal { transform: translate(50%, 50%); } .noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height: 5px; } .noUi-marker-horizontal.noUi-marker-sub { height: 10px; } .noUi-marker-horizontal.noUi-marker-large { height: 15px; } .noUi-pips-vertical { padding: 0 10px; height: 100%; top: 0; left: 100%; } .noUi-value-vertical { transform: translate(0, -50%); padding-left: 25px; } .noUi-rtl .noUi-value-vertical { transform: translate(0, 50%); } .noUi-marker-vertical.noUi-marker { width: 5px; height: 2px; margin-top: -1px; } .noUi-marker-vertical.noUi-marker-sub { width: 10px; } .noUi-marker-vertical.noUi-marker-large { width: 15px; } .noUi-tooltip { display: block; position: absolute; border: 1px solid #D9D9D9; border-radius: 3px; background: #fff; color: #000; padding: 5px; text-align: center; white-space: nowrap; } .noUi-horizontal .noUi-tooltip { transform: translate(-50%, 0); left: 50%; bottom: 120%; } .noUi-vertical .noUi-tooltip { transform: translate(0, -50%); top: 50%; right: 120%; } .noUi-horizontal .noUi-origin > .noUi-tooltip { transform: translate(50%, 0); left: auto; bottom: 10px; } .noUi-vertical .noUi-origin > .noUi-tooltip { transform: translate(0, -18px); top: auto; right: 28px; } #iubenda-cs-banner { /* ------ IMPORTANT NOTICE: don't change these values as they may prevent the banner from properly showing. Some of these lines, moreover (like z-index) will overwrite the configuration initialized by the script you paste in your pages. To show the banner at the bottom you can switch to "bottom: 0px !important;". Don't forget to put "slideDown" to "false". */ bottom: 5rem !important; left: 0px !important; position: fixed !important; width: 100% !important; z-index: 99999998 !important; background: 0 0 !important; } #iubenda-cs-banner .iubenda-cs-container { width: calc(100% - 2rem) !important; margin: 0 auto !important; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15) !important; } #iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content { display: block !important; margin: 0 auto !important; padding: 20px !important; width: auto !important; font-size: var(--font-size-base) !important; font-family: "Suisse Intl Medium", "Helvetica", "Arial", sans-serif !important; background-color: #FFF !important; color: var(--black) !important; border-radius: 6px !important; } #iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iubenda-cs-rationale { width: 100% !important; position: relative !important; margin: 0 auto !important; } #iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iubenda-cs-rationale .iubenda-cs-close-btn { margin: 0 !important; padding: 0 !important; color: transparent !important; background-color: transparent !important; text-decoration: none !important; font-size: var(--font-size-base) !important; position: absolute !important; top: 6.5px !important; right: 0 !important; border: none !important; line-height: 1 !important; background-image: url('data:image/svg+xml,') !important; background-position: center !important; background-size: 18px 18px !important; background-repeat: no-repeat !important; width: 18px !important; height: 18px !important; } #iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iubenda-cs-rationale .iubenda-cs-close-btn:before { content: "Close" !important; position: absolute !important; right: 30px !important; top: 0 !important; font-size: var(--font-size-base) !important; color: var(--black) !important; } #iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iubenda-cs-rationale .iubenda-banner-content #iubenda-cs-title { margin: 0 0 20px !important; font-size: var(--font-size-medium) !important; font-family: "Suisse Intl Medium", "Helvetica", "Arial", sans-serif !important; line-height: normal !important; letter-spacing: normal !important; } #iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iubenda-cs-rationale .iubenda-banner-content .iub-p { font-size: var(--font-size-base) !important; font-family: "Suisse Intl Medium", "Helvetica", "Arial", sans-serif !important; line-height: normal !important; font-style: normal !important; font-weight: normal !important; margin: 0 !important; } #iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iubenda-cs-rationale .iubenda-banner-content .iub-p * { font-size: var(--font-size-base) !important; font-family: "Suisse Intl Medium", "Helvetica", "Arial", sans-serif !important; line-height: normal !important; font-style: normal !important; font-weight: normal !important; } #iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iubenda-cs-rationale .iubenda-banner-content .iub-p button { border: none !important; background: none !important; padding: 0 !important; margin: 0 !important; } #iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iubenda-cs-rationale .iubenda-banner-content .iubenda-cs-cookie-policy-lnk { text-decoration: underline !important; font-family: "Suisse Intl Medium", "Helvetica", "Arial", sans-serif !important; line-height: normal !important; color: var(--black) !important; font-size: var(--font-size-base) !important; } #iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iubenda-cs-rationale .iubenda-granular-controls-container { min-height: unset; overflow-x: auto; margin-left: unset; margin-right: unset; margin-top: unset; margin-bottom: unset; padding-left: unset; padding-right: unset; padding-top: unset; padding-bottom: unset; display: flex !important; flex-direction: column !important; flex-wrap: wrap !important; flex-shrink: 0 !important; grid-gap: 26px !important; padding: 20px 0px 25px !important; border-top: 0 !important; margin-bottom: 0 !important; } #iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iubenda-cs-rationale .iubenda-granular-controls-container .granular-control-checkbox { gap: 10px !important; flex: 0 1 auto !important; flex-direction: row !important; background-color: transparent !important; padding: 0 !important; border: none !important; margin: 0 !important; } #iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iubenda-cs-rationale .iubenda-granular-controls-container .granular-control-checkbox input.style1 { width: 48px !important; height: 26px !important; border-radius: 40px !important; background-position: top 3px left 3px !important; background-size: 20px 20px !important; background-color: #d9d9d9 !important; transition: background-position 0.4s ease, background-color 0.4s ease !important; background-repeat: no-repeat !important; } #iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iubenda-cs-rationale .iubenda-granular-controls-container .granular-control-checkbox input.style1, #iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iubenda-cs-rationale .iubenda-granular-controls-container .granular-control-checkbox input.style1:checked { background-image: url("data:image/svg+xml,%3Csvg height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' fill='%23fff' fill-rule='evenodd' r='10'/%3E%3C/svg%3E") !important; } #iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iubenda-cs-rationale .iubenda-granular-controls-container .granular-control-checkbox input.style1:checked { background-position: top 3px left 25px !important; background-color: #000 !important; } #iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iubenda-cs-rationale .iubenda-granular-controls-container .granular-control-checkbox input.style1:checked[value=partial] { background-position: top 3px left 15px !important; background-color: #ffd24d !important; } @media (max-width: 991px) { #iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iubenda-cs-rationale .iubenda-granular-controls-container .granular-control-checkbox { min-width: 0 !important; } #iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iubenda-cs-rationale .iubenda-granular-controls-container .granular-control-checkbox label { max-width: 100% !important; } #iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iubenda-cs-rationale .iubenda-granular-controls-container .granular-control-checkbox label span { display: block !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iubenda-cs-rationale .iubenda-granular-controls-container .granular-control-checkbox--mobile-hidden { display: none !important; } } #iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iubenda-cs-rationale .iubenda-cs-counter { margin-top: 20px !important; } #iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iubenda-cs-rationale .iubenda-cs-opt-group { display: flex !important; flex-direction: column !important; justify-content: space-between !important; flex-wrap: wrap !important; margin-top: 20px !important; row-gap: 1rem !important; } #iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iubenda-cs-rationale .iubenda-cs-opt-group button { padding: 0.8rem 5rem !important; font-size: var(--font-size-base) !important; font-family: "Suisse Intl Medium", "Helvetica", "Arial", sans-serif !important; line-height: 1 !important; border-radius: 0.4rem !important; border-style: solid !important; border-width: 1px !important; border-color: var(--black) !important; color: var(--black) !important; background-color: rgba(0, 0, 0, 0) !important; white-space: nowrap !important; text-decoration: none !important; transition: all 0.2s ease !important; text-align: center !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; box-shadow: none !important; } #iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iubenda-cs-rationale .iubenda-cs-opt-group button:hover { color: var(--white) !important; background-color: var(--black) !important; border-color: var(--black) !important; text-decoration: none !important; } #iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iubenda-cs-rationale .iubenda-cs-opt-group .iubenda-cs-opt-group-custom { flex: 2 1 auto !important; } #iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iubenda-cs-rationale .iubenda-cs-opt-group .iubenda-cs-opt-group-consent { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; -moz-column-gap: 1rem !important; column-gap: 1rem !important; flex: 0 1 auto !important; } #iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iubenda-cs-rationale .iubenda-cs-opt-group .iubenda-cs-opt-group-consent .iubenda-cs-btn-primary { color: var(--white) !important; background-color: var(--black) !important; border-color: var(--black) !important; } #iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iubenda-cs-rationale .iubenda-cs-opt-group .iubenda-cs-opt-group-consent .iubenda-cs-btn-primary:hover { border-color: var(--black) !important; color: var(--black) !important; background-color: rgba(0, 0, 0, 0) !important; } #iubenda-cs-banner .iub-toggle-checkbox, #iubenda-iframe .iub-toggle-checkbox { flex-shrink: 0 !important; display: flex !important; align-items: center !important; margin-left: 24px !important; } #iubenda-cs-banner .iub-toggle-checkbox input, #iubenda-iframe .iub-toggle-checkbox input { -moz-appearance: none !important; appearance: none !important; -webkit-appearance: none !important; padding: 0 !important; border: 0 !important; margin: 0 !important; } #iubenda-cs-banner .iub-toggle-checkbox input::-ms-check, #iubenda-iframe .iub-toggle-checkbox input::-ms-check { visibility: hidden; } #iubenda-cs-banner .iub-toggle-checkbox input:not([disabled]), #iubenda-iframe .iub-toggle-checkbox input:not([disabled]) { cursor: pointer !important; } #iubenda-cs-banner .iub-toggle-checkbox input[disabled], #iubenda-iframe .iub-toggle-checkbox input[disabled] { opacity: 0.35 !important; } #iubenda-cs-banner .iub-toggle-checkbox .iub-caption, #iubenda-iframe .iub-toggle-checkbox .iub-caption { display: none !important; } /* max-md */ /* sm */ /* md */ /* lg */ @media only screen and (min-width: 992px) { #iubenda-cs-banner .iubenda-cs-container { width: 80% !important; } #iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iubenda-cs-rationale .iubenda-granular-controls-container { flex-direction: row !important; } #iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iubenda-cs-rationale .iubenda-cs-opt-group { flex-direction: row !important; } #iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content .iubenda-cs-rationale .iubenda-cs-opt-group button { min-width: 12rem !important; width: auto !important; } } /* xl */ /* xxl */ /** * Swiper 10.3.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 28, 2023 */ @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #000000 ; } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; overflow: clip; list-style: none; padding: 0; z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); backface-visibility: hidden; } .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide { transform-style: preserve-3d; } .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff ; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000 ; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0); } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ""; position: absolute; left: 0; top: 0; pointer-events: none; } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); } :root { --swiper-navigation-size: 44px ; } .swiper-button-next, .swiper-button-prev { position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev { display: none !important; } .swiper-button-next svg, .swiper-button-prev svg { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; transform-origin: center; } .swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg { transform: rotate(180deg); } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-lock { display: none; } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: "prev"; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: "next"; } .swiper-pagination { position: absolute; text-align: center; transition: 0.3s opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); left: 0; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 50%); background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets { right: var(--swiper-pagination-right, 8px); left: var(--swiper-pagination-left, auto); top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 0.2s transform, 0.2s top; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 0.2s transform, 0.2s left; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 0.2s transform, 0.2s right; } .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit); } .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25)); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0; } .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar { width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: var(--swiper-scrollbar-border-radius, 10px); position: relative; touch-action: none; background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1)); } .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; } .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: var(--swiper-scrollbar-sides-offset, 1%); bottom: var(--swiper-scrollbar-bottom, 4px); top: var(--swiper-scrollbar-top, auto); z-index: 50; height: var(--swiper-scrollbar-size, 4px); width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); } .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar { position: absolute; left: var(--swiper-scrollbar-left, auto); right: var(--swiper-scrollbar-right, 4px); top: var(--swiper-scrollbar-sides-offset, 1%); z-index: 50; width: var(--swiper-scrollbar-size, 4px); height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5)); border-radius: var(--swiper-scrollbar-border-radius, 10px); left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; touch-action: none; } .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-grid > .swiper-wrapper { flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active { pointer-events: auto; } .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube { overflow: visible; } .swiper-cube .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .swiper-cube .swiper-cube-shadow:before { content: ""; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); } .swiper-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top { z-index: 0; backface-visibility: hidden; } .swiper-flip { overflow: visible; } .swiper-flip .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top { z-index: 0; backface-visibility: hidden; } .swiper-creative .swiper-slide { backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height; } .swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { transform-origin: center bottom; backface-visibility: hidden; overflow: hidden; } .lds-ellipsis { display: none; } .--loading { opacity: 0; } .--loading .lds-ellipsis { display: inline-block; } .lds-ellipsis { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; z-index: 2; } .lds-ellipsis.--white div { background: rgba(255, 255, 255, 0.6); } .lds-ellipsis div { position: absolute; top: 33px; width: 13px; height: 13px; border-radius: 50%; background: rgba(0, 0, 0, 0.2); animation-timing-function: cubic-bezier(0, 1, 1, 0); } .lds-ellipsis div:nth-child(1) { left: 8px; animation: lds-ellipsis1 0.6s infinite; } .lds-ellipsis div:nth-child(2) { left: 8px; animation: lds-ellipsis2 0.6s infinite; } .lds-ellipsis div:nth-child(3) { left: 32px; animation: lds-ellipsis2 0.6s infinite; } .lds-ellipsis div:nth-child(4) { left: 56px; animation: lds-ellipsis3 0.6s infinite; } @keyframes lds-ellipsis1 { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes lds-ellipsis3 { 0% { transform: scale(1); } 100% { transform: scale(0); } } @keyframes lds-ellipsis2 { 0% { transform: translate(0, 0); } 100% { transform: translate(24px, 0); } } @font-face { font-family: "ESAllianz"; font-weight: 600; font-style: normal; font-display: swap; src: url(../fonts/ESAllianz-Medium.woff2) format("woff2"), url(../fonts/ESAllianz-Medium.woff) format("woff"); } @font-face { font-family: "ESAllianz"; font-weight: bold; font-style: normal; font-display: swap; src: url(../fonts/ESAllianz-Medium.woff2) format("woff2"), url(../fonts/ESAllianz-Medium.woff) format("woff"); } @font-face { font-family: "ESAllianz"; font-weight: 400; font-style: normal; font-display: swap; src: url(../fonts/ESAllianz-Regular.woff2) format("woff2"), url(../fonts/ESAllianz-Regular.woff) format("woff"); } footer a.site-logo svg { min-height: 20px; height: 1.25rem; width: auto; } footer ul li { margin-bottom: 0.3125rem; } header { background-color: inherit; font-size: 1rem; font-weight: 600; line-height: 1; position: fixed; z-index: 100; width: 100vw; top: 0; transition: box-shadow ease 0.4s; } header.--menu-open, header.--search-open { background-color: rgb(var(--color-white)); } header.--menu-open .navigation select, header.--menu-open .language-switcher select, header.--search-open .navigation select, header.--search-open .language-switcher select { background: url('data:image/svg+xml,') right center no-repeat !important; } header.--visible { box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.05); } .--at-top header.--visible { box-shadow: none; } header .logo { text-align: center; } header a.site-logo { display: inline-block; } header a.site-logo svg { display: inline-block; min-height: 20px; height: 1.25rem; width: auto; max-width: 100%; } header a.site-logo svg path { fill: #000; } header a.site-logo:focus-visible { background-color: rgb(var(--color-darkbeige)); padding-left: 2px; padding-right: 2px; padding-top: 2px; padding-bottom: 2px; outline: 2px solid transparent; outline-offset: 2px; } header .search-icon svg { width: 1.125rem; height: auto; } header svg.chevron { width: 0.625rem; height: auto; } .home:not(.--scroll-up) header, .home.--scroll-up.--at-top header { background-color: transparent; color: rgb(var(--color-white)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); box-shadow: none; } .home:not(.--scroll-up) header .logo svg path, .home.--scroll-up.--at-top header .logo svg path { fill: #fff; } .home:not(.--scroll-up) header .search-icon svg path, .home:not(.--scroll-up) header .search-icon svg g, .home:not(.--scroll-up) header svg.chevron path, .home:not(.--scroll-up) header svg.chevron g, .home.--scroll-up.--at-top header .search-icon svg path, .home.--scroll-up.--at-top header .search-icon svg g, .home.--scroll-up.--at-top header svg.chevron path, .home.--scroll-up.--at-top header svg.chevron g { stroke: #fff; } .home:not(.--scroll-up) header .navigation select, .home:not(.--scroll-up) header .language-switcher select, .home.--scroll-up.--at-top header .navigation select, .home.--scroll-up.--at-top header .language-switcher select { background: url('data:image/svg+xml,') right center no-repeat; } .home:not(.--scroll-up) header.--menu-open, .home:not(.--scroll-up) header.--search-open, .home.--scroll-up.--at-top header.--menu-open, .home.--scroll-up.--at-top header.--search-open { background-color: rgb(var(--color-white)); color: rgb(var(--color-black)); } .home:not(.--scroll-up) header.--menu-open .logo svg path, .home:not(.--scroll-up) header.--search-open .logo svg path, .home.--scroll-up.--at-top header.--menu-open .logo svg path, .home.--scroll-up.--at-top header.--search-open .logo svg path { fill: #000; } .home:not(.--scroll-up) header.--menu-open .search-icon svg path, .home:not(.--scroll-up) header.--menu-open .search-icon svg g, .home:not(.--scroll-up) header.--menu-open svg.chevron path, .home:not(.--scroll-up) header.--menu-open svg.chevron g, .home:not(.--scroll-up) header.--search-open .search-icon svg path, .home:not(.--scroll-up) header.--search-open .search-icon svg g, .home:not(.--scroll-up) header.--search-open svg.chevron path, .home:not(.--scroll-up) header.--search-open svg.chevron g, .home.--scroll-up.--at-top header.--menu-open .search-icon svg path, .home.--scroll-up.--at-top header.--menu-open .search-icon svg g, .home.--scroll-up.--at-top header.--menu-open svg.chevron path, .home.--scroll-up.--at-top header.--menu-open svg.chevron g, .home.--scroll-up.--at-top header.--search-open .search-icon svg path, .home.--scroll-up.--at-top header.--search-open .search-icon svg g, .home.--scroll-up.--at-top header.--search-open svg.chevron path, .home.--scroll-up.--at-top header.--search-open svg.chevron g { stroke: #000; } .home:not(.--scroll-up) header.--search-open, .home.--scroll-up.--at-top header.--search-open { background-color: rgb(var(--color-beige)); } header #menu-bar, header #menu-bar-mobile { position: relative; z-index: 110; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-delay: 100ms; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } header #menu-bar .nav-item a.--selected, header #menu-bar-mobile .nav-item a.--selected { opacity: 0.4; } header #menu-bar .nav-item a:focus, header #menu-bar .nav-item a:focus-visible, header #menu-bar-mobile .nav-item a:focus, header #menu-bar-mobile .nav-item a:focus-visible { background-color: rgb(var(--color-darkbeige)); outline: 2px solid transparent; outline-offset: 2px; } header #menu-bar .nav-item.current-menu-item a, header #menu-bar .nav-item.current a, header #menu-bar .nav-item.current-menu-parent a, header #menu-bar .nav-item:hover a, header #menu-bar-mobile .nav-item.current-menu-item a, header #menu-bar-mobile .nav-item.current a, header #menu-bar-mobile .nav-item.current-menu-parent a, header #menu-bar-mobile .nav-item:hover a { opacity: 0.4; } header #search-panel, header #search-panel-mobile { box-sizing: border-box; height: 0; overflow: hidden; z-index: 90; will-change: height; transition: all ease-in-out 0.4s; } header #search-panel input[type=text], header #search-panel input[type=search], header #search-panel-mobile input[type=text], header #search-panel-mobile input[type=search] { font-size: 2.25rem; font-weight: 600; line-height: 1 !important; } header #search-panel input[type=text]:focus, header #search-panel input[type=search]:focus, header #search-panel-mobile input[type=text]:focus, header #search-panel-mobile input[type=search]:focus { outline: none; } header #search-panel .search-close, header #search-panel-mobile .search-close { width: 1.5rem; height: auto; } header #search-panel.--open, header #search-panel-mobile.--open { height: 5rem; overflow: auto; box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.05); } header.--menu-open #menu-bar, header.--menu-open #menu-bar-mobile { background-color: rgb(var(--color-white)); } header.--search-open #menu-bar, header.--search-open #menu-bar-mobile, header.--search-open #search-panel { background-color: rgb(var(--color-beige)); } header #mega-menu { box-sizing: border-box; height: 0; overflow: hidden; position: relative; z-index: 90; will-change: height; transition: all ease-in-out 0.4s; } header #mega-menu.--open { height: auto; max-height: 100vh; overflow: auto; box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.05); } header #mega-menu [data-menu-item], header #mega-menu [data-submenu-item] { overflow: hidden; position: relative; will-change: height, opacity; } header #mega-menu a { transition: all ease-in-out 0.3s; } header #mega-menu a:hover, header #mega-menu a:focus, header #mega-menu a:focus-visible { transform: translateX(0.5rem); opacity: 0.4; } header #mega-menu a.--selected, header #mega-menu a.current-menu-item, header #mega-menu a.current, header #mega-menu a.current-menu-parent { opacity: 0.4; } header #mega-menu a.current-menu-parent.current { opacity: 1; } header #mega-menu-mobile { height: 0; box-sizing: border-box; overflow: hidden; position: relative; z-index: 90; will-change: height; transition: all ease-in-out 0.4s; } header #mega-menu-mobile.--open { height: calc(100dvh - 3.125rem); overflow: auto; } header #mega-menu-mobile a.current-menu-item, header #mega-menu-mobile a.current, header #mega-menu-mobile a.current-menu-parent { opacity: 0.4; } header #mega-menu-mobile a.current-menu-parent.current { opacity: 1; } header #mega-menu-mobile [data-nav-level]:not([data-nav-level="1"]) { background-color: rgb(var(--color-white)); position: absolute; width: 100vw; max-height: 100%; overflow-y: auto; top: 0; left: 100%; transition: all ease-in-out 0.4s; will-change: left; } header #mega-menu-mobile [data-nav-level]:not([data-nav-level="1"]).--selected { left: 0; } header #mega-menu-mobile [data-nav-level]:not([data-nav-level="1"]) [data-mobile-menu-item], header #mega-menu-mobile [data-nav-level]:not([data-nav-level="1"]) [data-mobile-submenu-item] { display: none; } header #mega-menu-mobile [data-nav-level]:not([data-nav-level="1"]) [data-mobile-menu-item].--selected, header #mega-menu-mobile [data-nav-level]:not([data-nav-level="1"]) [data-mobile-submenu-item].--selected { display: flex; } .navigation select:focus, .navigation select:focus-visible, .language-switcher select:focus, .language-switcher select:focus-visible { background-color: rgb(var(--color-darkbeige)); outline: 2px solid transparent; outline-offset: 2px; } /* max-md */ /* sm */ /* md */ /* lg */ /* xl */ /* xxl */ html, body { height: 100%; width: 100%; margin: 0; padding: 0; scroll-behavior: smooth; } body { display: flex; flex-direction: column; min-height: 100vh; margin: 0; padding: 0; } header { min-height: 3.125rem; } header, footer { flex-shrink: 0; } main { flex: 1 0 auto; position: relative; z-index: 10; padding-top: 3.625rem; } .home main { padding-top: 0rem; } .product-page main { padding-top: 3.125rem; } .--p-reset section { padding-left: 0 !important; padding-right: 0 !important; } body main, body .popup-panel { font-family: ESAllianz, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1.375rem; line-height: 1.2; font-weight: 600; } body spanbody main, body span body .popup-panel { display: inline-block; } body h1 { font-size: 2.25rem; line-height: 1.1; font-weight: 600; } body h2 { font-size: 1.375rem; line-height: 1.1; font-weight: 600; } body h3 { font-size: 1.375rem; line-height: 1.2; font-weight: 600; } body spanbody h3 { display: inline-block; } body h4 { font-size: 1.375rem; line-height: 1.2; font-weight: 600; } body spanbody h4 { display: inline-block; } body .text-xlarge { font-size: 3.125rem; line-height: 1.1; font-weight: 600; } body .text-large { font-size: 2.25rem; line-height: 1.1; font-weight: 600; } body .block-text ul, body .block-text ol { margin-block-start: 1rem; margin-block-end: 1rem; padding-inline-start: 4rem; } body .block-text ul { list-style-type: disc; } body .block-text ol { list-style-type: decimal; } body span.text-tiny, body span.text-small, body span.text-base, body span.text-large, body span.text-xlarge { display: inline-block; } /* max-md */ /* sm */ /* md */ /* lg */ @media only screen and (min-width: 992px) { body h1 { font-size: 5rem; line-height: 1.1; font-weight: 600; } body h2 { font-size: 3.125rem; line-height: 1.1; font-weight: 600; } body h3 { font-size: 2.25rem; line-height: 1.1; font-weight: 600; } body h4 { font-size: 1.375rem; line-height: 1.1; font-weight: 600; } body .text-xlarge { font-size: 5rem; line-height: 1.1; font-weight: 600; } body .text-large { font-size: 2.25rem; line-height: 1.1; font-weight: 600; } } .--numbers { margin-right: 1.25rem; display: inline-flex; flex-direction: column; flex-wrap: wrap; -moz-column-gap: 0.5rem; column-gap: 0.5rem; } @media (min-width: 1920px) { .--numbers { flex-direction: row; flex-wrap: nowrap; } } .--numbers .text-xlarge { white-space: nowrap; } .--numbers span:not([class]) { margin-top: 0rem; } @media (min-width: 1920px) { .--numbers span:not([class]) { margin-top: 0.625rem; } } .--numbers:last-of-type { margin-right: 0rem; } .--numbers br { display: none; } /* xl */ /* xxl */ /* xxxl */ @media only screen and (min-width: 2560px) { html, body { font-size: 0.8vw; } } .image-grid { display: grid; align-items: stretch; justify-items: stretch; gap: 0.625rem; } .image-grid.--2-cols { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(1, 1fr); } .image-grid.--3-cols { grid-template-columns: repeat(3, minmax(18rem, 1fr)); grid-template-rows: repeat(1, minmax(20rem, 1fr)); overflow-x: auto; margin-right: -0.625rem; padding-right: 0.625rem; } .image-grid.--4-cols { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, minmax(13.125rem, 1fr)); } /* max-md */ /* sm */ /* md */ /* lg */ @media only screen and (min-width: 992px) { .image-grid.--3-cols { margin-right: -0rem; padding-right: 0rem; } .image-grid.--4-cols { grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(1, 1fr); } } /* xl */ /* xxl */ .swiper { position: relative; width: 100%; max-width: 100vw; margin: 0; } .swiper.hero-swiper { height: 135vw; } .swiper.hero-swiper .swiper-slide:not(.swiper-slide-active) { opacity: 0 !important; } .swiper .swiper-button.swiper-button-prev::after { content: url('data:image/svg+xml,'); } .swiper .swiper-button.swiper-button-next::after { content: url('data:image/svg+xml,'); } .swiper .autoplay-progress { display: none; } .swiper .swiper-slide > div { height: 100%; } .swiper .swiper-slide > div img { display: block; min-width: 100%; min-height: 100%; -o-object-fit: cover; object-fit: cover; } .swiper .swiper-slide video { -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; min-height: 100%; min-width: 100%; } .swiper .swiper-slide .slide-overlay { position: absolute; top: 2.75rem; left: 0; width: 100%; height: 100%; z-index: 10; } .swiper .swiper-slide .slide-content { height: 100%; } .swiper .swiper-slide .slide-content img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .swiper[data-mode=carousel] { width: unset; } .swiper[data-mode=carousel] .swiper-slide img { display: block; max-width: none; height: 100%; } .swiper.--with-caption .swiper-slide > div { height: calc(100% - 4rem); } .swiper.--with-caption .swiper-slide p { max-width: calc(100vw - 1.25rem); } .swiper.--with-caption .swiper-button { transform: translateY(-1rem); } @media only screen and (min-width: 992px) { .swiper .swiper-wrapper { height: 100% !important; } .swiper .swiper-button { display: block; width: 9.375rem; height: calc(100% - 13.75rem); position: absolute; top: auto; bottom: 0; z-index: 10; transform: none; } .swiper .swiper-button::after { content: none !important; } .swiper .swiper-button.swiper-button-prev { left: 0; } .swiper .swiper-button.swiper-button-prev:hover { cursor: url("../svg/icons/swiper-btn-prev-big.svg"), auto; } .swiper .swiper-button.swiper-button-prev:hover span { visibility: visible; } .swiper .swiper-button.swiper-button-next { right: 0; } .swiper .swiper-button.swiper-button-next:hover { cursor: url("../svg/icons/swiper-btn-next-big.svg"), auto; } .swiper .swiper-button.swiper-button-next:hover span { visibility: visible; } .swiper.hero-swiper { height: 49.7vw; } .swiper[data-mode=carousel] { height: 46vw; } .swiper[data-mode=carousel] .swiper-slide { width: auto; } .swiper.--with-caption[data-mode=carousel] { height: calc(46vw + 4rem); } } .accordion { border-bottom-width: 1px; } .accordion .accordion-item { border-top-width: 1px; } .accordion .accordion-item .accordion-item-head:hover { opacity: 0.4; } .accordion .accordion-item .accordion-item-head button { display: flex; width: 100%; align-items: center; justify-content: flex-start; gap: 0.3125rem; text-align: left; } .accordion .accordion-item .accordion-item-head button .chevron { width: 0.625rem; height: auto; transition: transform 0.3s ease; } .accordion .accordion-item .accordion-item-head button:focus-visible { background-color: rgb(var(--color-darkbeige)); outline: 2px solid transparent; outline-offset: 2px; } .accordion .accordion-item .accordion-item-content { height: 0; overflow: hidden; } .accordion .accordion-item .accordion-item-content .btn { margin-bottom: 0rem; } .accordion .accordion-item.--open .accordion-item-head button .chevron, .accordion .accordion-item.--rotate-chevron .accordion-item-head button .chevron { transform: rotate(180deg); } dd .accordion { border-style: none; } dd .accordion .accordion-item { border-top-width: 0px; border-bottom-width: 1px; padding-bottom: 0.625rem; } dd .accordion .accordion-item .accordion-item-head button { display: flex; width: 100%; align-items: flex-start; justify-content: space-between; gap: 0.3125rem; text-align: left; } dd .accordion .accordion-item .accordion-item-head button .plus { width: 0.625rem; height: auto; transition: transform 0.3s ease; stroke-width: 1.2; margin-top: 0.3125rem; } dd .accordion .accordion-item.--open .accordion-item-head button .plus, dd .accordion .accordion-item.--rotate-chevron .accordion-item-head button .plus { transform: rotate(45deg); } /* max-md */ /* sm */ /* md */ /* lg */ @media only screen and (min-width: 992px) { dd .accordion .accordion-item .accordion-item-head button .plus { width: 0.625rem; } } /* xl */ /* xxl */ /* max-md */ /* sm */ /* md */ /* lg */ /* xl */ /* xxl */ .badge { margin-top: 0.3125rem; margin-right: 0.3125rem; display: inline-block; text-wrap: nowrap; border-radius: 9999px; border-width: 1px; padding-top: .1875rem; padding-bottom: .1875rem; padding-left: .9375rem; padding-right: .9375rem; font-size: .875rem; line-height: 1.25; font-weight: 400; text-transform: uppercase } .flex .badge { margin-right: 0rem } a.badge:hover, a.badge.--active { background-color: rgb(var(--color-black)); color: rgb(var(--color-beige)) } /* max-md */ /* sm */ /* md */ /* lg */ /* xl */ /* xxl */ .btn { margin-top: 0.625rem; margin-bottom: 0.625rem; display: inline-block; border-radius: 0.375rem; padding-top: 0.625rem; padding-bottom: 0.625rem; padding-left: 1.25rem; padding-right: 1.25rem; text-align: center; font-size: 1rem; line-height: 1.2; font-weight: 600; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .btn.--normal { width: 9.375rem; } .btn.--large { width: 50%; } .btn:hover { background-color: rgb(var(--color-black)) !important; color: rgb(var(--color-beige)) !important; } .btn[disabled] { --tw-bg-opacity: 1; background-color: rgb(73 73 73 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(206 206 206 / var(--tw-text-opacity, 1)); opacity: 0.5; cursor: not-allowed; } div.bg-beige .btn { background-color: rgb(var(--color-white)); } div.bg-white .btn { background-color: rgb(var(--color-beige)); } @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8,0,1,1); } 50% { transform: none; animation-timing-function: cubic-bezier(0,0,0.2,1); } } .btn.--submitting { animation: bounce 1s infinite; } /* max-md */ /* sm */ /* md */ /* lg */ @media only screen and (min-width: 992px) { .btn.--large { width: 18.75rem; } } /* xl */ /* xxl */ /* max-md */ /* sm */ /* md */ /* lg */ /* xl */ /* xxl */ /* max-md */ /* sm */ /* md */ /* lg */ /* xl */ /* xxl */ .custom-checkbox .wpcf7-form-control-wrap .wpcf7-form-control { display: flex; flex-direction: column; gap: 1.25rem; } .custom-checkbox .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item { margin: 0; } .custom-checkbox label { position: relative; display: flex; flex-direction: row; -moz-column-gap: 1.25rem; column-gap: 1.25rem; margin: 0; } .custom-checkbox label input[type=checkbox] { box-sizing: border-box; padding: 0; margin: 0; width: 1rem; height: 1rem; position: absolute; left: 0; top: 0; z-index: -1; opacity: 0; } .custom-checkbox label .custom-control-label { padding-left: 1.5rem; } .custom-checkbox label .custom-control-label::before { position: absolute; top: 0.125rem; left: 0; display: block; box-sizing: border-box; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: solid 1px #000; border-radius: 0.25rem; } .custom-checkbox label input[type=checkbox]:checked ~ .custom-control-label::before { color: #fff; background-color: #000; background-image: url('data:image/svg+xml,'); background-position: center center; background-repeat: no-repeat; background-size: 80%; } .custom-checkbox.--as-button label { margin: 0; } .custom-checkbox.--as-button label input { display: none; } .custom-checkbox.--as-button label .custom-control-label { margin-bottom: 0.625rem; display: inline-block; border-radius: 0.375rem; padding-top: 0.625rem; padding-bottom: 0.625rem; padding-left: 1.25rem; padding-right: 1.25rem; text-align: center; font-size: 1rem; line-height: 1.2; font-weight: 600; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); border-width: 1px; border-color: rgb(var(--color-black)); background-color: transparent; color: rgb(var(--color-black)); } .custom-checkbox.--as-button label .custom-control-label::before { content: none; } .custom-checkbox.--as-button label .custom-control-label:hover { cursor: pointer; background-color: rgb(var(--color-black)); color: rgb(var(--color-beige)); } .custom-checkbox.--as-button label input:checked ~ .custom-control-label { cursor: pointer; background-color: rgb(var(--color-black)); color: rgb(var(--color-beige)); } /* max-md */ /* sm */ /* md */ /* lg */ /* xl */ /* xxl */ .contacts-list { margin-bottom: 1.25rem; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; -moz-column-gap: 0.625rem; column-gap: 0.625rem; row-gap: 1.25rem; font-size: 1rem; line-height: 1.2; font-weight: 600; } .contacts-list.--small, .contacts-list.--medium { width: 100%; } /* max-md */ /* sm */ /* md */ /* lg */ /* xl */ @media only screen and (min-width: 1280px) { .contacts-list.--small .contacts-list-item { width: calc(50% - 0.3333rem); } .contacts-list.--medium .contacts-list-item { width: calc(50% - 0.3333rem); } } /* xxl */ @media only screen and (min-width: 1920px) { .contacts-list.--small .contacts-list-item { width: calc(33.33% - 0.4166rem); } .contacts-list.--medium .contacts-list-item { width: calc(50% - 0.3333rem); } } /* max-md */ /* sm */ /* md */ /* lg */ /* xl */ /* xxl */ dl dd ul li:not(:last-child) { margin-bottom: 0.625rem; } dl dd ul li:not(:first-child) { --tw-shadow: 0 -1px 0 0 rgba(0, 0, 0, 1); --tw-shadow-colored: 0 -1px 0 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } dl[data-collapsible=true] { grid-template-columns: repeat(1, minmax(0, 1fr)); } dl[data-collapsible=true] dt { display: flex; cursor: pointer; align-items: center; justify-content: space-between; } dl[data-collapsible=true] dt::after { content: ""; display: block; width: 0.5625rem; height: 0.5625rem; background: url('data:image/svg+xml,') center center no-repeat; transition: transform ease 0.3s; } dl[data-collapsible=true] dt.--expanded::after { transform: rotate(45deg); } dl[data-collapsible=true] dd { height: 0; overflow: hidden; padding-left: 0rem; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } dl[data-collapsible=true] dd.--expanded { overflow: auto; } dl[data-collapsible=true] dd ul li { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } /* max-md */ /* sm */ /* md */ /* lg */ @media only screen and (min-width: 992px) { dl[data-collapsible=true] { grid-template-columns: repeat(3, minmax(0, 1fr)); } dl[data-collapsible=true] dt { display: block; cursor: default; } dl[data-collapsible=true] dt::after { content: none; } dl[data-collapsible=true] dd { height: auto !important; padding-left: 0.625rem; --tw-shadow: 0 -1px 0 0 rgba(0, 0, 0, 1); --tw-shadow-colored: 0 -1px 0 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } dl[data-collapsible=true] dd ul li { --tw-shadow: 0 -1px 0 0 rgba(0, 0, 0, 1); --tw-shadow-colored: 0 -1px 0 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } } /* xl */ /* xxl */ /* max-md */ /* sm */ /* md */ /* lg */ /* xl */ /* xxl */ .dropdown { --white: #fff; --black: #000; position: relative; text-align: center; } .dropdown a, .dropdown a span { text-decoration: none; } .dropdown a svg, .dropdown a span svg { display: inline-block; margin: 0 0 0 0.3333rem; vertical-align: middle; transition: all 0.2s ease; } .dropdown a svg.chevron, .dropdown a span svg.chevron { transform: rotate(0); transform-origin: center center; } .dropdown .dropdown__options { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); padding: 0; min-width: 100%; width: auto; opacity: 0; overflow: visible; transition: all 0.3s ease; text-align: left; z-index: 1001; } .dropdown .dropdown__options > div { position: relative; max-height: 1px; padding: 1rem 2.8rem; border-radius: var(--box-border-radius); background-color: var(--white); box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.06); overflow: hidden; } .dropdown .dropdown__options ul { position: relative; list-style: none; margin: 0; padding: 0; z-index: 2; } .dropdown .dropdown__options a { display: block; padding: 0.25rem 0; color: var(--black) !important; text-decoration: none; white-space: wrap; } .dropdown .dropdown__options a:hover { color: var(--black) !important; opacity: 0.5; } .dropdown.--open svg.chevron { transform: rotate(180deg); } .dropdown.--open .dropdown__options { opacity: 1; } .dropdown.--open .dropdown__options > div { max-height: 30rem; overflow-y: auto; } #share .dropdown__options { text-align: center; } #share .dropdown__options a { display: none; } @media only screen and (min-width: 992px) { .dropdown a svg, .dropdown a span svg { stroke-width: 2px; } .dropdown .dropdown__options a { white-space: nowrap; } #share .dropdown__options { text-align: left; } #share .dropdown__options a { display: inline; } } /* max-md */ /* sm */ /* md */ /* lg */ /* xl */ /* xxl */ .filters ul.filters-list { /* Classe intermedia solo per la rotazione del chevron */ } .filters ul.filters-list li .filter-title { display: flex; width: 100%; align-items: center; justify-content: flex-start; gap: 0.3125rem; border-bottom-width: 1px; line-height: 1.625rem; } .filters ul.filters-list li .filter-title .chevron { width: 0.625rem; height: auto; transition: transform 0.3s ease; } .filters ul.filters-list li .filter-title:focus-visible { background-color: rgb(var(--color-darkbeige)); outline: 2px solid transparent; outline-offset: 2px; } .filters ul.filters-list li ul.filter-values { height: 0; overflow: hidden; /* Stile per le voci all'interno dei valori dei filtri */ } .--active > .filters ul.filters-list li ul.filter-values { overflow: visible; } .filters ul.filters-list li ul.filter-values li { line-height: 1.375rem; /* Stile per gli elementi selezionati */ } .filters ul.filters-list li ul.filter-values li a { display: flex; align-items: center; justify-content: space-between; border-bottom-width: 1px; } .filters ul.filters-list li ul.filter-values li a .chevron { width: 0.625rem; height: auto; transition: transform 0.3s ease; } .filters ul.filters-list li ul.filter-values li a:focus-visible { background-color: rgb(var(--color-darkbeige)); outline: 2px solid transparent; outline-offset: 2px; } .filters ul.filters-list li ul.filter-values li.--selected a::after { content: ""; display: block; width: 0.5625rem; height: 0.5625rem; background: url('data:image/svg+xml,') center center no-repeat; } .filters ul.filters-list li ul.filter-values li.--selected a span.filter-label { opacity: 0.4; } .filters ul.filters-list li ul.filter-values ul { margin-left: 30%; } .filters ul.filters-list li[data-filter-locked=true] ul.filter-values li.--selected a::after, .filters ul.filters-list li[data-filter-locked="1"] ul.filter-values li.--selected a::after { content: none; } .filters ul.filters-list .--rotate-chevron > .filter-title .chevron, .filters ul.filters-list .--active > .filter-title .chevron, .filters ul.filters-list li.--rotate-chevron > a .chevron, .filters ul.filters-list li.--active > a .chevron { transform: rotate(180deg); } /* max-md */ /* sm */ /* md */ /* lg */ /* xl */ /* xxl */ form a { text-decoration: underline; } form a:hover { text-decoration: none; } form .form-message { margin-top: 0.9375rem; font-size: 1rem; line-height: 1.2; font-weight: 600; } form .form-message.error { --tw-text-opacity: 1; color: rgb(220 50 50 / var(--tw-text-opacity, 1)); } button.form-close { display: none; } [data-target-type=form] { height: 0; overflow: hidden; } [data-target-type=form] .form-close { display: block; } [data-target-type=form] .form-close svg { width: 1.25rem; height: 1.25rem; } input[type=text], input[type=search], input[type=email], input[type=tel], input[type=url], input[type=password], input[type=number], select, textarea { background-color: transparent; padding-top: 0.3125rem; padding-bottom: 0.3125rem; padding-left: 0rem; padding-right: 0rem; font-size: 1rem; line-height: 1.2; font-weight: 600; outline: 2px solid transparent; outline-offset: 2px; } input[type=text]:focus, input[type=text]:focus-visible, input[type=search]:focus, input[type=search]:focus-visible, input[type=email]:focus, input[type=email]:focus-visible, input[type=tel]:focus, input[type=tel]:focus-visible, input[type=url]:focus, input[type=url]:focus-visible, input[type=password]:focus, input[type=password]:focus-visible, input[type=number]:focus, input[type=number]:focus-visible, select:focus, select:focus-visible, textarea:focus, textarea:focus-visible { background-color: rgb(var(--color-darkbeige)); } select { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-top: 0.3125rem; padding-bottom: 0.3125rem; padding-left: 0rem; background: url('data:image/svg+xml,') right center no-repeat; padding-right: 0.9375rem; } input::-moz-placeholder, textarea::-moz-placeholder { color: #000; font-weight: 600; } input::placeholder, textarea::placeholder { color: #000; font-weight: 600; } textarea { resize: none; } .bg-beige input[type=submit], .bg-beige button[type=submit] { background-color: rgb(var(--color-white)); } .bg-white input[type=submit], .bg-white button[type=submit] { background-color: rgb(var(--color-beige)); } input[type=submit]:hover, button[type=submit]:hover { background-color: rgb(var(--color-black)); color: rgb(var(--color-beige)); } .form-field { border-bottom-width: 1px; } .grecaptcha-badge { display: none !important; } /* max-md */ /* sm */ /* md */ /* lg */ /* xl */ /* xxl */ /* max-md */ /* sm */ /* md */ /* lg */ /* xl */ /* xxl */ input[type=search]::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; } /* max-md */ /* sm */ /* md */ /* lg */ /* xl */ /* xxl */ /* max-md */ /* sm */ /* md */ /* lg */ /* xl */ /* xxl */ /* max-md */ /* sm */ /* md */ /* lg */ /* xl */ /* xxl */ .popup-panel { background-color: rgb(var(--color-white)); position: fixed; top: 100vh; left: 0; width: 100vw; z-index: 1000 } .popup-panel.--open { --tw-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.05); --tw-shadow-colored: 0 0 40px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } /* max-md */ /* sm */ /* md */ /* lg */ /* xl */ /* xxl */ /* max-md */ /* sm */ /* md */ /* lg */ /* xl */ /* xxl */ /* max-md */ /* sm */ /* md */ /* lg */ /* xl */ /* xxl */ .custom-radio .wpcf7-form-control-wrap .wpcf7-form-control { display: flex; flex-direction: column; gap: 1.25rem; } .custom-radio .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item { margin: 0; } .custom-radio label { position: relative; display: flex; flex-direction: row; -moz-column-gap: 1.25rem; column-gap: 1.25rem; margin: 0; } .custom-radio label input[type=radio] { box-sizing: border-box; padding: 0; margin: 0; width: 1rem; height: 1rem; position: absolute; left: 0; top: 0; z-index: -1; opacity: 0; } .custom-radio label .custom-control-label { padding-left: 1.5rem; } .custom-radio label .custom-control-label::before { position: absolute; top: 0.125rem; left: 0; display: block; box-sizing: border-box; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: solid 1px #000; border-radius: 0.5rem; } .custom-radio label input[type=radio]:checked ~ .custom-control-label::before { color: #fff; background-image: url('data:image/svg+xml,'); background-position: center center; background-repeat: no-repeat; background-size: 80%; } .custom-radio.--as-button label { margin: 0; } .custom-radio.--as-button label input { display: none; } .custom-radio.--as-button label .custom-control-label { margin-bottom: 0.625rem; display: inline-block; border-radius: 0.375rem; padding-top: 0.625rem; padding-bottom: 0.625rem; padding-left: 1.25rem; padding-right: 1.25rem; text-align: center; font-size: 1rem; line-height: 1.2; font-weight: 600; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); border-width: 1px; border-color: rgb(var(--color-black)); background-color: transparent; color: rgb(var(--color-black)); } .custom-radio.--as-button label .custom-control-label::before { content: none; } .custom-radio.--as-button label .custom-control-label:hover { cursor: pointer; background-color: rgb(var(--color-black)); color: rgb(var(--color-beige)); } .custom-radio.--as-button label input:checked ~ .custom-control-label { cursor: pointer; background-color: rgb(var(--color-black)); color: rgb(var(--color-beige)); } a.rollover { position: relative; } a.rollover img { height: 33.75rem; width: 100%; -o-object-fit: cover; object-fit: cover; transition: opacity 0.3s ease; z-index: 10; } a.rollover img.--alternate { opacity: 0; position: absolute; top: 0; left: 0; z-index: 1; } a.rollover:hover img.--alternate { opacity: 1; } /* max-md */ /* sm */ /* md */ /* lg */ /* xl */ /* xxl */ .noUi-horizontal { height: 2px; } .noUi-vertical { width: 2px; } .noUi-target { border: none; background: rgba(0, 0, 0, 0.4); box-shadow: none; } .noUi-connect { background: #000; } .noUi-horizontal .noUi-handle, .noUi-vertical .noUi-handle { width: 14px; height: 14px; right: -6px; top: -6px; border: 1px solid #000; border-radius: 8px; background: #000; cursor: default; box-shadow: none; } .noUi-active { background: #fff; } .noUi-handle:before, .noUi-handle:after { content: none; } [disabled] .noUi-connect { background: rgba(0, 0, 0, 0.2); } /* max-md */ /* sm */ /* md */ /* lg */ /* xl */ /* xxl */ /* max-md */ /* sm */ /* md */ /* lg */ /* xl */ /* xxl */ /* max-md */ /* sm */ /* md */ /* lg */ /* xl */ /* xxl */ /* max-md */ /* sm */ /* md */ /* lg */ /* xl */ /* xxl */ /* max-md */ /* sm */ /* md */ /* lg */ /* xl */ /* xxl */ /* max-md */ /* sm */ /* md */ /* lg */ /* xl */ /* xxl */ /* max-md */ /* sm */ /* md */ /* lg */ /* xl */ /* xxl */ /* max-md */ /* sm */ /* md */ /* lg */ /* xl */ /* xxl */ .flipbook-wrapper { position: relative !important; border-radius: 0px !important; --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .flipbook-wrapper > div { max-height: 50vh; } .flipbook-wrapper .flipbook-main-wrapper { --tw-bg-opacity: 1 !important; background-color: rgb(185 185 185 / var(--tw-bg-opacity, 1)) !important; } .flipbook-archive-item .flipbook-cover { display: flex; height: 33.75rem; width: 100%; align-items: center; justify-content: center; --tw-bg-opacity: 1; background-color: rgb(185 185 185 / var(--tw-bg-opacity, 1)); padding: 1.25rem; } .flipbook-archive-item .flipbook-cover img { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } /* max-md */ /* sm */ /* md */ /* lg */ @media only screen and (min-width: 992px) { .flipbook-wrapper > div { max-height: 50vw; } .flipbook-archive-item a.btn { opacity: 0; transition-property: opacity; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .flipbook-archive-item:hover a.btn { opacity: 1; } } /* xl */ /* xxl */ #download-grid .download-search svg { width: 0.75rem; height: 0.75rem; } #download-grid .download-search input { font-size: .875rem; line-height: 1.25; font-weight: 600; } #download-grid .download-search input:focus, #download-grid .download-search input:focus-visible { outline: none; } #download-grid .download-grid-group { scroll-margin-top: 4rem; } #download-grid .download-grid-group .download-grid-item { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } #download-grid .download-grid-group .download-grid-item:not(.pointer-events-none):hover { opacity: 0.5; } #download-grid .download-grid-group .download-grid-item a { display: block; } #download-grid .download-grid-group .download-grid-item a .download-thumb { aspect-ratio: 1 / 1; width: 100%; background-color: rgb(var(--color-white)); } #download-grid .download-grid-group .download-grid-item a .download-thumb img { height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; } #download-grid .download-grid-group .download-grid-item a:focus-visible { background-color: rgb(var(--color-darkbeige)); outline: 2px solid transparent; outline-offset: 2px; } #download-grid .download-grid-group.--locked { opacity: 0.4; } #download-grid .download-grid-group.--locked h2::after { content: url('data:image/svg+xml,'); display: inline-block; vertical-align: top; line-height: 0.75rem; } a.--locked { display: flex; gap: 0 !important; align-items: center; opacity: 0.4; } a.--locked::after { content: url('data:image/svg+xml,'); display: inline-block; line-height: 0.75rem; width: 0.5625rem; height: auto; margin-left: 0.3125rem; } /* ___ | C | |___| | A | |___| | B | |___| | D | |___| */ #product-table { grid-template-rows: repeat(4, auto); } #product-table #product-gallery { grid-column: 1/span 1; grid-row: 2/span 1; width: 100%; height: 32.5rem; } #product-table #product-preview { grid-column: 1/span 1; grid-row: 3/span 1; aspect-ratio: 1; } #product-table #product-details { grid-column: 1/span 1; grid-row: 1/span 1; } #product-table #product-specs { grid-column: 1/span 1; grid-row: 4/span 1; width: 100%; } #product-specs dd, #product-specs dt { line-height: 1.5rem; } #product-specs dd ul li, #product-specs dt ul li { margin-bottom: 0rem; border-bottom-width: 1px; } #product-specs dd ul li:last-child, #product-specs dt ul li:last-child { border-style: none; } .color-sample { display: inline-block; width: 1.875rem; height: 1.875rem; border-radius: 1.875rem; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); } .product-finishes { grid-column: span 2 / span 2; display: grid; grid-template-columns: subgrid; align-items: stretch; justify-content: flex-start; gap: 0rem; } .product-finishes > div { grid-column: span 2 / span 2; justify-content: space-between; } #product-variants { height: 0; overflow: hidden; } #product-variants.--open { height: auto; overflow: auto; } #product-variants .color-sample { visibility: hidden; } /* max-md */ /* sm */ /* md */ /* lg */ @media only screen and (min-width: 992px) { /* ___ ___ ___ | | | C | | | |___| | A | B | | | | | D | |___|___|___| */ #product-table { grid-template-rows: auto 1fr; min-height: 46vw; } #product-table #product-gallery, #product-table #product-preview { height: 46vw; } #product-table #product-preview { aspect-ratio: auto; } #product-table #product-gallery, #product-table.--reverse #product-preview { grid-column: 1/span 1; grid-row: 1/span 2; } #product-table #product-gallery { overflow: hidden; } #product-table:not(.--reverse) #product-preview { grid-column: 2/span 1; grid-row: 1/span 2; } #product-table #product-details { grid-column: 3/span 1; grid-row: 1/span 1; } #product-table #product-specs { grid-column: 3/span 1; grid-row: 2/span 1; } .color-sample { width: 1.1rem; height: 1.1rem; border-radius: 1.1rem; } .product-finishes { display: block; grid-column: auto; } .product-finishes > div { grid-column: span 1 / span 1; justify-content: flex-start; } .product-finishes a:hover { opacity: 0.4; } } /* xl */ /* xxl */ /* ___ | A | |___| | B | |___| | C | |___| */ #products-grid { grid-template-rows: auto 1fr; } #products-grid .clear-filters { transition-property: opacity; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); opacity: 0.25; } #products-grid.--has-filters .clear-filters { opacity: 1; } #products-grid #products-grid-heading { grid-column: 1/span 2; grid-row: 1/span 1; background-color: rgb(var(--color-beige)); position: sticky; top: 3.125rem; z-index: 2000; } #products-grid #products-grid-heading input, #products-grid #products-grid-heading select { padding-top: 0rem; padding-bottom: 0rem; font-size: .875rem; line-height: 1.25; font-weight: 600; } #products-grid #products-grid-heading input:focus-visible, #products-grid #products-grid-heading select:focus-visible { background-color: rgb(var(--color-darkbeige)); outline: 2px solid transparent; outline-offset: 2px; } #products-grid #products-grid-heading a:focus-visible { background-color: rgb(var(--color-darkbeige)); outline: 2px solid transparent; outline-offset: 2px; } #products-grid #products-grid-heading a.variable-grid-layout:focus-visible { outline-style: solid; outline-width: 2px; outline-color: rgb(var(--color-darkbeige)); } #products-grid #products-grid-heading svg { width: 0.75rem; height: 0.75rem; } #products-grid #products-grid-heading svg path { stroke-width: 2.5; } #products-grid #products-grid-filters { grid-column: 1/span 2; grid-row: 2/span 1; background-color: rgb(var(--color-beige)); position: sticky; top: 6.625rem; z-index: 1999; } #products-grid #products-grid-filters .filters { height: 0; overflow: hidden; } #products-grid #products-grid-container { grid-column: 1/span 2; grid-row: 3/span 1; transition-property: opacity; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } #products-grid #products-grid-container .products-grid-items { transition-property: all; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .products-grid-item { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } .products-grid-item:not(.discontinued):hover { opacity: 0.5 !important; } .products-grid-item a { display: block; } .products-grid-item a .product-thumb { background-color: rgb(var(--color-white)); } /* max-md */ /* sm */ /* md */ /* lg */ @media only screen and (min-width: 992px) { /* ___ ___ ___ | A | |___________| | B | C | |___|_______| */ #products-grid { grid-template-rows: auto 1fr; } #products-grid #products-grid-heading { grid-column: 1/span 12; grid-row: 1/span 1; position: sticky; top: 3.125rem; z-index: 2000; } #products-grid #products-grid-filters { grid-column: 1/span 2; grid-row: 2/span 1; position: relative; top: auto; } #products-grid #products-grid-filters .filters { position: sticky; top: 4.875rem; z-index: 1999; height: auto; overflow: auto; } #products-grid #products-grid-container { grid-column: 3/span 10; grid-row: 2/span 1; } } /* xl */ /* xxl */ [data-variable-layout=true][data-view-mode] .variable-grid-layout::after { display: inline-block; width: 0.875rem; height: 0.875rem; } [data-variable-layout=true][data-view-mode=large] .variable-grid-layout::after { content: url('data:image/svg+xml,'); } [data-variable-layout=true][data-view-mode=compact] .variable-grid-layout::after { content: url('data:image/svg+xml,'); } [data-variable-layout=true] .variable-grid-item { transition-property: all; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .variable-grid-item { position: relative; } .variable-grid-item img { width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } .variable-grid-item img.landscape { aspect-ratio: 1.35; } .variable-grid-item img.portrait { aspect-ratio: 0.86; } .variable-grid-item .item-abstract { display: none; } .variable-grid-item .item-overlay { display: block; position: absolute; top: 0; left: 0; width: 100%; z-index: 100; opacity: 0; transition: all ease 0.3s; pointer-events: none; } /* max-md */ /* sm */ /* md */ /* lg */ @media only screen and (min-width: 992px) { [data-view-mode=large] .item-abstract { display: block; } [data-view-mode=large] .item-overlay { opacity: 1; pointer-events: all; } [data-view-mode=large] .--large-hidden { display: none; } [data-view-mode=compact] .--compact-hidden { display: none; } } /* xl */ /* xxl */ /*# sourceMappingURL=map/app.min.css.map */