/* ! tailwindcss v3.3.5 | 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: #e5e7eb; /* 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. */ html { 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: "ABCSocialCondensed", 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 */ } /* 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. 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-size: 1em; /* 2 */ } /* 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 */ 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, [type='button'], [type='reset'], [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] { display: none; } *, ::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: ; } ::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: ; } .container { width: 100%; } @media (min-width: 640px) { .container { max-width: 640px; } } @media (min-width: 768px) { .container { max-width: 768px; } } @media (min-width: 1024px) { .container { max-width: 1024px; } } @media (min-width: 1280px) { .container { max-width: 1280px; } } @media (min-width: 1536px) { .container { max-width: 1536px; } } #pernigotti :is(.collapse) { visibility: collapse; } #pernigotti :is(.static) { position: static; } #pernigotti :is(.fixed) { position: fixed; } #pernigotti :is(.absolute) { position: absolute; } #pernigotti :is(.relative) { position: relative; } #pernigotti :is(.bottom-8) { bottom: 2rem; } #pernigotti :is(.left-0) { left: 0px; } #pernigotti :is(.right-0) { right: 0px; } #pernigotti :is(.right-8) { right: 2rem; } #pernigotti :is(.top-0) { top: 0px; } #pernigotti :is(.top-\[100\%\]) { top: 100%; } #pernigotti :is(.top-\[50\%\]) { top: 50%; } #pernigotti :is(.z-50) { z-index: 50; } #pernigotti :is(.order-1) { order: 1; } #pernigotti :is(.order-2) { order: 2; } #pernigotti :is(.order-3) { order: 3; } #pernigotti :is(.order-4) { order: 4; } #pernigotti :is(.col-auto) { grid-column: auto; } #pernigotti :is(.-mx-1) { margin-left: -0.25rem; margin-right: -0.25rem; } #pernigotti :is(.-mx-10) { margin-left: -2.5rem; margin-right: -2.5rem; } #pernigotti :is(.-mx-5) { margin-left: -1.25rem; margin-right: -1.25rem; } #pernigotti :is(.mx-0) { margin-left: 0px; margin-right: 0px; } #pernigotti :is(.mx-auto) { margin-left: auto; margin-right: auto; } #pernigotti :is(.my-0) { margin-top: 0px; margin-bottom: 0px; } #pernigotti :is(.my-1) { margin-top: 0.25rem; margin-bottom: 0.25rem; } #pernigotti :is(.my-10) { margin-top: 2.5rem; margin-bottom: 2.5rem; } #pernigotti :is(.my-12) { margin-top: 3rem; margin-bottom: 3rem; } #pernigotti :is(.my-4) { margin-top: 1rem; margin-bottom: 1rem; } #pernigotti :is(.my-5) { margin-top: 1.25rem; margin-bottom: 1.25rem; } #pernigotti :is(.my-auto) { margin-top: auto; margin-bottom: auto; } #pernigotti :is(.mb-0) { margin-bottom: 0px; } #pernigotti :is(.mb-1) { margin-bottom: 0.25rem; } #pernigotti :is(.mb-10) { margin-bottom: 2.5rem; } #pernigotti :is(.mb-2) { margin-bottom: 0.5rem; } #pernigotti :is(.mb-3) { margin-bottom: 0.75rem; } #pernigotti :is(.mb-4) { margin-bottom: 1rem; } #pernigotti :is(.mb-5) { margin-bottom: 1.25rem; } #pernigotti :is(.mb-6) { margin-bottom: 1.5rem; } #pernigotti :is(.mb-8) { margin-bottom: 2rem; } #pernigotti :is(.mb-auto) { margin-bottom: auto; } #pernigotti :is(.me-2) { margin-inline-end: 0.5rem; } #pernigotti :is(.me-3) { margin-inline-end: 0.75rem; } #pernigotti :is(.ml-3) { margin-left: 0.75rem; } #pernigotti :is(.ml-auto) { margin-left: auto; } #pernigotti :is(.mr-3) { margin-right: 0.75rem; } #pernigotti :is(.mr-auto) { margin-right: auto; } #pernigotti :is(.ms-2) { margin-inline-start: 0.5rem; } #pernigotti :is(.ms-3) { margin-inline-start: 0.75rem; } #pernigotti :is(.ms-4) { margin-inline-start: 1rem; } #pernigotti :is(.ms-auto) { margin-inline-start: auto; } #pernigotti :is(.mt-0) { margin-top: 0px; } #pernigotti :is(.mt-1) { margin-top: 0.25rem; } #pernigotti :is(.mt-10) { margin-top: 2.5rem; } #pernigotti :is(.mt-12) { margin-top: 3rem; } #pernigotti :is(.mt-2) { margin-top: 0.5rem; } #pernigotti :is(.mt-3) { margin-top: 0.75rem; } #pernigotti :is(.mt-4) { margin-top: 1rem; } #pernigotti :is(.mt-5) { margin-top: 1.25rem; } #pernigotti :is(.mt-6) { margin-top: 1.5rem; } #pernigotti :is(.mt-7) { margin-top: 1.75rem; } #pernigotti :is(.mt-8) { margin-top: 2rem; } #pernigotti :is(.mt-auto) { margin-top: auto; } #pernigotti :is(.block) { display: block; } #pernigotti :is(.inline-block) { display: inline-block; } #pernigotti :is(.flex) { display: flex; } #pernigotti :is(.inline-flex) { display: inline-flex; } #pernigotti :is(.table) { display: table; } #pernigotti :is(.hidden) { display: none; } #pernigotti :is(.aspect-\[3\/4\]) { aspect-ratio: 3/4; } #pernigotti :is(.aspect-\[4\/3\]) { aspect-ratio: 4/3; } #pernigotti :is(.aspect-\[6\/3\]) { aspect-ratio: 6/3; } #pernigotti :is(.aspect-video) { aspect-ratio: 16 / 9; } #pernigotti :is(.h-20) { height: 5rem; } #pernigotti :is(.h-24) { height: 6rem; } #pernigotti :is(.h-32) { height: 8rem; } #pernigotti :is(.h-40) { height: 10rem; } #pernigotti :is(.h-5) { height: 1.25rem; } #pernigotti :is(.h-\[120px\]) { height: 120px; } #pernigotti :is(.h-\[200px\]) { height: 200px; } #pernigotti :is(.h-\[250px\]) { height: 250px; } #pernigotti :is(.h-\[25vh\]) { height: 25vh; } #pernigotti :is(.h-\[45vh\]) { height: 45vh; } #pernigotti :is(.h-\[60vh\]) { height: 60vh; } #pernigotti :is(.h-auto) { height: auto; } #pernigotti :is(.h-full) { height: 100%; } #pernigotti :is(.max-h-60) { max-height: 15rem; } #pernigotti :is(.max-h-\[30rem\]) { max-height: 30rem; } #pernigotti :is(.max-h-\[550px\]) { max-height: 550px; } #pernigotti :is(.\!w-full) { width: 100% !important; } #pernigotti :is(.w-1\/2) { width: 50%; } #pernigotti :is(.w-20) { width: 5rem; } #pernigotti :is(.w-24) { width: 6rem; } #pernigotti :is(.w-3) { width: 0.75rem; } #pernigotti :is(.w-3\/12) { width: 25%; } #pernigotti :is(.w-32) { width: 8rem; } #pernigotti :is(.w-5\/12) { width: 41.666667%; } #pernigotti :is(.w-6\/12) { width: 50%; } #pernigotti :is(.w-7\/12) { width: 58.333333%; } #pernigotti :is(.w-8\/12) { width: 66.666667%; } #pernigotti :is(.w-9\/12) { width: 75%; } #pernigotti :is(.w-\[180px\]) { width: 180px; } #pernigotti :is(.w-\[220px\]) { width: 220px; } #pernigotti :is(.w-full) { width: 100%; } #pernigotti :is(.max-w-2xl) { max-width: 42rem; } #pernigotti :is(.max-w-3xl) { max-width: 48rem; } #pernigotti :is(.max-w-4xl) { max-width: 56rem; } #pernigotti :is(.max-w-5xl) { max-width: 64rem; } #pernigotti :is(.max-w-\[300px\]) { max-width: 300px; } #pernigotti :is(.max-w-\[500px\]) { max-width: 500px; } #pernigotti :is(.max-w-\[70\%\]) { max-width: 70%; } #pernigotti :is(.max-w-full) { max-width: 100%; } #pernigotti :is(.max-w-xl) { max-width: 36rem; } #pernigotti :is(.grow) { flex-grow: 1; } #pernigotti :is(.-translate-x-1\/3) { --tw-translate-x: -33.333333%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } #pernigotti :is(.translate-x-1\/3) { --tw-translate-x: 33.333333%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } #pernigotti :is(.translate-y-1\/3) { --tw-translate-y: 33.333333%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } #pernigotti :is(.cursor-default) { cursor: default; } #pernigotti :is(.columns-2) { -moz-columns: 2; columns: 2; } #pernigotti :is(.flex-col) { flex-direction: column; } #pernigotti :is(.flex-wrap) { flex-wrap: wrap; } #pernigotti :is(.flex-nowrap) { flex-wrap: nowrap; } #pernigotti :is(.items-start) { align-items: flex-start; } #pernigotti :is(.items-end) { align-items: flex-end; } #pernigotti :is(.items-center) { align-items: center; } #pernigotti :is(.justify-start) { justify-content: flex-start; } #pernigotti :is(.justify-end) { justify-content: flex-end; } #pernigotti :is(.justify-center) { justify-content: center; } #pernigotti :is(.justify-between) { justify-content: space-between; } #pernigotti :is(.overflow-auto) { overflow: auto; } #pernigotti :is(.overflow-hidden) { overflow: hidden; } #pernigotti :is(.whitespace-nowrap) { white-space: nowrap; } #pernigotti :is(.border) { border-width: 1px; } #pernigotti :is(.border-0) { border-width: 0px; } #pernigotti :is(.border-2) { border-width: 2px; } #pernigotti :is(.border-b) { border-bottom-width: 1px; } #pernigotti :is(.border-t) { border-top-width: 1px; } #pernigotti :is(.border-brown-dark) { --tw-border-opacity: 1; border-color: rgb(101 56 40 / var(--tw-border-opacity)); } #pernigotti :is(.border-brown-light) { --tw-border-opacity: 1; border-color: rgb(222 217 205 / var(--tw-border-opacity)); } #pernigotti :is(.bg-blue-bright) { --tw-bg-opacity: 1; background-color: rgb(0 125 123 / var(--tw-bg-opacity)); } #pernigotti :is(.bg-blue-dark) { --tw-bg-opacity: 1; background-color: rgb(46 109 186 / var(--tw-bg-opacity)); } #pernigotti :is(.bg-blue-darker) { --tw-bg-opacity: 1; background-color: rgb(29 64 120 / var(--tw-bg-opacity)); } #pernigotti :is(.bg-blue-light) { --tw-bg-opacity: 1; background-color: rgb(123 164 219 / var(--tw-bg-opacity)); } #pernigotti :is(.bg-brown-dark) { --tw-bg-opacity: 1; background-color: rgb(101 56 40 / var(--tw-bg-opacity)); } #pernigotti :is(.bg-brown-darker) { --tw-bg-opacity: 1; background-color: rgb(54 30 30 / var(--tw-bg-opacity)); } #pernigotti :is(.bg-brown-light) { --tw-bg-opacity: 1; background-color: rgb(222 217 205 / var(--tw-bg-opacity)); } #pernigotti :is(.bg-brown-lighter) { --tw-bg-opacity: 1; background-color: rgb(255 220 120 / var(--tw-bg-opacity)); } #pernigotti :is(.bg-brown-medium) { --tw-bg-opacity: 1; background-color: rgb(182 98 41 / var(--tw-bg-opacity)); } #pernigotti :is(.bg-green) { --tw-bg-opacity: 1; background-color: rgb(84 137 80 / var(--tw-bg-opacity)); } #pernigotti :is(.bg-red-dark) { --tw-bg-opacity: 1; background-color: rgb(177 54 60 / var(--tw-bg-opacity)); } #pernigotti :is(.bg-red-darker) { --tw-bg-opacity: 1; background-color: rgb(237 24 72 / var(--tw-bg-opacity)); } #pernigotti :is(.bg-red-light) { --tw-bg-opacity: 1; background-color: rgb(239 51 64 / var(--tw-bg-opacity)); } #pernigotti :is(.bg-cover) { background-size: cover; } #pernigotti :is(.bg-no-repeat) { background-repeat: no-repeat; } #pernigotti :is(.fill-brown-medium) { fill: #B66229; } #pernigotti :is(.stroke-brown-light) { stroke: #DED9CD; } #pernigotti :is(.object-contain) { -o-object-fit: contain; object-fit: contain; } #pernigotti :is(.object-cover) { -o-object-fit: cover; object-fit: cover; } #pernigotti :is(.p-0) { padding: 0px; } #pernigotti :is(.p-10) { padding: 2.5rem; } #pernigotti :is(.p-3) { padding: 0.75rem; } #pernigotti :is(.p-6) { padding: 1.5rem; } #pernigotti :is(.px-0) { padding-left: 0px; padding-right: 0px; } #pernigotti :is(.px-1) { padding-left: 0.25rem; padding-right: 0.25rem; } #pernigotti :is(.px-10) { padding-left: 2.5rem; padding-right: 2.5rem; } #pernigotti :is(.px-12) { padding-left: 3rem; padding-right: 3rem; } #pernigotti :is(.px-16) { padding-left: 4rem; padding-right: 4rem; } #pernigotti :is(.px-2) { padding-left: 0.5rem; padding-right: 0.5rem; } #pernigotti :is(.px-3) { padding-left: 0.75rem; padding-right: 0.75rem; } #pernigotti :is(.px-4) { padding-left: 1rem; padding-right: 1rem; } #pernigotti :is(.px-5) { padding-left: 1.25rem; padding-right: 1.25rem; } #pernigotti :is(.px-6) { padding-left: 1.5rem; padding-right: 1.5rem; } #pernigotti :is(.py-0) { padding-top: 0px; padding-bottom: 0px; } #pernigotti :is(.py-1) { padding-top: 0.25rem; padding-bottom: 0.25rem; } #pernigotti :is(.py-10) { padding-top: 2.5rem; padding-bottom: 2.5rem; } #pernigotti :is(.py-12) { padding-top: 3rem; padding-bottom: 3rem; } #pernigotti :is(.py-16) { padding-top: 4rem; padding-bottom: 4rem; } #pernigotti :is(.py-2) { padding-top: 0.5rem; padding-bottom: 0.5rem; } #pernigotti :is(.py-3) { padding-top: 0.75rem; padding-bottom: 0.75rem; } #pernigotti :is(.py-4) { padding-top: 1rem; padding-bottom: 1rem; } #pernigotti :is(.py-5) { padding-top: 1.25rem; padding-bottom: 1.25rem; } #pernigotti :is(.py-8) { padding-top: 2rem; padding-bottom: 2rem; } #pernigotti :is(.\!pt-0) { padding-top: 0px !important; } #pernigotti :is(.pb-1) { padding-bottom: 0.25rem; } #pernigotti :is(.pb-10) { padding-bottom: 2.5rem; } #pernigotti :is(.pb-16) { padding-bottom: 4rem; } #pernigotti :is(.pb-2) { padding-bottom: 0.5rem; } #pernigotti :is(.pb-3) { padding-bottom: 0.75rem; } #pernigotti :is(.pb-32) { padding-bottom: 8rem; } #pernigotti :is(.pb-4) { padding-bottom: 1rem; } #pernigotti :is(.pb-5) { padding-bottom: 1.25rem; } #pernigotti :is(.pb-6) { padding-bottom: 1.5rem; } #pernigotti :is(.pb-8) { padding-bottom: 2rem; } #pernigotti :is(.pe-5) { padding-inline-end: 1.25rem; } #pernigotti :is(.pl-4) { padding-left: 1rem; } #pernigotti :is(.ps-2) { padding-inline-start: 0.5rem; } #pernigotti :is(.pt-0) { padding-top: 0px; } #pernigotti :is(.pt-10) { padding-top: 2.5rem; } #pernigotti :is(.pt-16) { padding-top: 4rem; } #pernigotti :is(.pt-2) { padding-top: 0.5rem; } #pernigotti :is(.pt-3) { padding-top: 0.75rem; } #pernigotti :is(.pt-32) { padding-top: 8rem; } #pernigotti :is(.pt-4) { padding-top: 1rem; } #pernigotti :is(.pt-5) { padding-top: 1.25rem; } #pernigotti :is(.pt-6) { padding-top: 1.5rem; } #pernigotti :is(.text-center) { text-align: center; } #pernigotti :is(.text-right) { text-align: right; } #pernigotti :is(.text-start) { text-align: start; } #pernigotti :is(.text-end) { text-align: end; } #pernigotti :is(.font-serif) { font-family: "freight-text-pro", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; } #pernigotti :is(.text-2xl) { font-size: 1.5rem; line-height: 2rem; } #pernigotti :is(.text-3xl) { font-size: 1.875rem; line-height: 2.25rem; } #pernigotti :is(.text-4xl) { font-size: 2.25rem; line-height: 2.5rem; } #pernigotti :is(.text-lg) { font-size: 1.125rem; line-height: 1.75rem; } #pernigotti :is(.text-sm) { font-size: 0.875rem; line-height: 1.25rem; } #pernigotti :is(.text-xl) { font-size: 1.25rem; line-height: 1.75rem; } #pernigotti :is(.text-xs) { font-size: 0.75rem; line-height: 1rem; } #pernigotti :is(.font-light) { font-weight: 300; } #pernigotti :is(.font-semibold) { font-weight: 600; } #pernigotti :is(.uppercase) { text-transform: uppercase; } #pernigotti :is(.tracking-wide) { letter-spacing: 0.025em; } #pernigotti :is(.text-black) { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } #pernigotti :is(.text-blue-bright) { --tw-text-opacity: 1; color: rgb(0 125 123 / var(--tw-text-opacity)); } #pernigotti :is(.text-blue-dark) { --tw-text-opacity: 1; color: rgb(46 109 186 / var(--tw-text-opacity)); } #pernigotti :is(.text-blue-darker) { --tw-text-opacity: 1; color: rgb(29 64 120 / var(--tw-text-opacity)); } #pernigotti :is(.text-blue-light) { --tw-text-opacity: 1; color: rgb(123 164 219 / var(--tw-text-opacity)); } #pernigotti :is(.text-brown-dark) { --tw-text-opacity: 1; color: rgb(101 56 40 / var(--tw-text-opacity)); } #pernigotti :is(.text-brown-darker) { --tw-text-opacity: 1; color: rgb(54 30 30 / var(--tw-text-opacity)); } #pernigotti :is(.text-brown-light) { --tw-text-opacity: 1; color: rgb(222 217 205 / var(--tw-text-opacity)); } #pernigotti :is(.text-brown-lighter) { --tw-text-opacity: 1; color: rgb(255 220 120 / var(--tw-text-opacity)); } #pernigotti :is(.text-brown-medium) { --tw-text-opacity: 1; color: rgb(182 98 41 / var(--tw-text-opacity)); } #pernigotti :is(.text-green) { --tw-text-opacity: 1; color: rgb(84 137 80 / var(--tw-text-opacity)); } #pernigotti :is(.text-red-dark) { --tw-text-opacity: 1; color: rgb(177 54 60 / var(--tw-text-opacity)); } #pernigotti :is(.text-red-darker) { --tw-text-opacity: 1; color: rgb(237 24 72 / var(--tw-text-opacity)); } #pernigotti :is(.text-red-light) { --tw-text-opacity: 1; color: rgb(239 51 64 / var(--tw-text-opacity)); } #pernigotti :is(.text-white) { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } #pernigotti :is(.underline) { text-decoration-line: underline; } #pernigotti :is(.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); } @font-face { font-family: "ABCSocialCondensed"; src: url("/fonts/ABCSocialCondensedVariable.ttf") format("truetype-variations"); } /*#region lenis recommended css*/ html.lenis { height: auto; } .lenis.lenis-smooth { scroll-behavior: auto; } .lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; } .lenis.lenis-stopped { overflow: hidden; } .lenis.lenis-scrolling iframe { pointer-events: none; } /*#endregion*/ /*#region page loader*/ .js .loading::before, .js .loading::after { content: ""; position: fixed; z-index: 4000; } .js .loading::before { --tw-bg-opacity: 1; background-color: rgb(182 98 41 / var(--tw-bg-opacity)); } .js .loading::before { } .js .loading::before { } .js .loading::before { } .js .loading::before { top: 0; left: 0; width: 100%; height: 100%; } .js .loading::after { --tw-bg-opacity: 1; background-color: rgb(101 56 40 / var(--tw-bg-opacity)); } .js .loading::after { } .js .loading::after { } .js .loading::after { top: 50%; left: 50%; width: 60px; height: 60px; margin: -30px 0 0 -30px; border-radius: 50%; opacity: 0.4; animation: loaderAnim 0.7s linear infinite alternate forwards; } @keyframes loaderAnim { to { opacity: 1; transform: scale3d(0.5, 0.5, 1); } } /*#endregion*/ /*#region wrappers*/ html { scrollbar-width: thin; } body { --tw-bg-opacity: 1; background-color: rgb(182 98 41 / var(--tw-bg-opacity)); font-size: 1.125rem; line-height: 1.75rem; } .intro { position: relative; overflow: hidden; } /*#endregion*/ /*#region controls*/ .form-label { display: block; font-family: "freight-text-pro", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; font-weight: 600; --tw-text-opacity: 1; color: rgb(101 56 40 / var(--tw-text-opacity)); } .form-input { display: block; width: 100%; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(101 56 40 / var(--tw-border-opacity)); background-color: transparent; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0px; padding-right: 0px; --tw-text-opacity: 1; color: rgb(101 56 40 / var(--tw-text-opacity)); outline: 2px solid transparent; outline-offset: 2px; } .form-input::-moz-placeholder { font-weight: 300; --tw-text-opacity: 1; color: rgb(144 129 123 / var(--tw-text-opacity)); } .form-input::placeholder { font-weight: 300; --tw-text-opacity: 1; color: rgb(144 129 123 / var(--tw-text-opacity)); } textarea.form-input { margin-top: 0.5rem; min-height: 200px; border-width: 1px; padding-left: 0.5rem; padding-right: 0.5rem; } /*#endregion*/ /*#region header*/ .intro .header { height: 20vh; } @media (min-width: 1024px) { .intro .header { height: 49vh; } } .header { height: 50vh; } @media (min-width: 1024px) { .header { height: 100vh; } } .header__sound { position: absolute; } .header__sound { top: 50%; } .header__sound { left: 50%; } .header__sound { z-index: -10; } .header__sound { height: 90%; } .header__sound { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .header__sound { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .header__stamp { position: absolute; } .header__stamp { bottom: 0px; } .header__stamp { left: 50%; } .header__stamp { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .header__stamp { --tw-translate-y: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .header__stamp img { width: 13rem; } .header__caption { position: absolute; } .header__caption { left: 0px; } .header__caption { bottom: 0px; } .header__caption { right: 0px; } .header__arrows { display: flex; } .header__arrows { flex-wrap: wrap; } .header--overlay { position: relative; } .header--overlay .navbar__logo__img { position: absolute; } .header--overlay .navbar__logo__img { left: 1.25rem; } .header--overlay .navbar__logo__img { top: 1.25rem; } .header--overlay .navbar__logo__img { z-index: 40; } @media (min-width: 1024px) { .header--overlay .navbar__logo__img { display: none; } } .header--overlay .header__img { height: 50vh; } @media (min-width: 1024px) { .header--overlay .header__img { height: 100vh; } } .header--overlay::after { content: ""; } .header--overlay::after { pointer-events: none; } .header--overlay::after { position: absolute; } .header--overlay::after { top: 0px; } .header--overlay::after { left: 0px; } .header--overlay::after { right: 0px; } .header--overlay::after { z-index: 10; } .header--overlay::after { height: 50vh; } .header--overlay::after { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)); } .header__img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } /*#endregion*/ /*#region navbar*/ .intro { padding-bottom: 20%; } @media (min-width: 1024px) { .intro { padding-bottom: 0px; } } .intro .navbar { position: relative; } @media (min-width: 1024px) { .intro .navbar { height: 51vh; } } @media not all and (min-width: 1024px) { .intro .navbar__logo__wrapper .navbar__logo { display: block; } } .intro .navbar__logo { display: block; } .intro .navbar__logo__img { position: absolute; } .intro .navbar__logo__img { left: 1.25rem; } .intro .navbar__logo__img { top: 1.25rem; } @media not all and (min-width: 1024px) { .intro .navbar__logo__img { height: 40px; } } @media not all and (min-width: 1024px) { .intro .navbar__logo__img { width: auto; } } @media (min-width: 1024px) { .intro .navbar__logo__img { top: 0px; } } @media (min-width: 1024px) { .intro .navbar__logo__img { left: 50%; } } .intro .navbar__badge { display: block; } .navbar { position: relative; z-index: 50; } .navbar--overlay { position: absolute; } .navbar--overlay { top: 0px; } .navbar--overlay { left: 1.25rem; } .navbar--overlay { right: 0px; } .navbar--overlay { padding-top: 1.5rem; padding-bottom: 1.5rem; } @media (min-width: 1024px) { .navbar--overlay { left: 0px; } } @media (min-width: 1024px) { .navbar--overlay { padding-top: 2.5rem; padding-bottom: 2.5rem; } } .navbar--static { padding-top: 1.5rem; padding-bottom: 1.5rem; } .navbar--static { padding-left: 1.25rem; } @media (min-width: 1024px) { .navbar--static { padding-top: 2.5rem; padding-bottom: 2.5rem; } } @media (min-width: 1024px) { .navbar--static { padding-left: 0px; } } .navbar--static .navbar__logo { display: block !important; } .navbar--static .navbar__logo__img { width: auto; } .navbar--static .navbar__badge__img { position: absolute; } .navbar--static .navbar__badge__img { top: 0px; } .navbar--static .navbar__badge__img { margin-left: 0px; margin-right: 0px; } @media (min-width: 1024px) { .navbar__side { width: 30% } } @media (min-width: 1024px) { .navbar__side:first-child { display: flex; } } @media (min-width: 1024px) { .navbar__side:first-child { justify-content: flex-end; } } .navbar__wrapper { width: 100%; } @media (min-width: 640px) { .navbar__wrapper { max-width: 640px; } } @media (min-width: 768px) { .navbar__wrapper { max-width: 768px; } } @media (min-width: 1024px) { .navbar__wrapper { max-width: 1024px; } } @media (min-width: 1280px) { .navbar__wrapper { max-width: 1280px; } } @media (min-width: 1536px) { .navbar__wrapper { max-width: 1536px; } } .navbar__wrapper { pointer-events: none; } .navbar__wrapper { position: fixed; } .navbar__wrapper { top: 0px; } .navbar__wrapper { left: 0px; } .navbar__wrapper { right: 0px; } .navbar__wrapper { z-index: 50; } .navbar__wrapper { height: 100vh; } .navbar__wrapper { width: 100vw; } .navbar__wrapper { flex-direction: column; } .navbar__wrapper { justify-content: center; } .navbar__wrapper { --tw-bg-opacity: 1; background-color: rgb(101 56 40 / var(--tw-bg-opacity)); } .navbar__wrapper { opacity: 0; } .navbar__wrapper { } .navbar__wrapper { } @media not all and (min-width: 1024px) { .navbar__wrapper { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } } @media (min-width: 1024px) { .navbar__wrapper { pointer-events: auto; } } @media (min-width: 1024px) { .navbar__wrapper { position: static; } } @media (min-width: 1024px) { .navbar__wrapper { display: flex; } } @media (min-width: 1024px) { .navbar__wrapper { height: 100%; } } @media (min-width: 1024px) { .navbar__wrapper { width: 100%; } } @media (min-width: 1024px) { .navbar__wrapper { background-color: transparent; } } @media (min-width: 1024px) { .navbar__wrapper { opacity: 1; } } .navbar__wrapper--open { pointer-events: auto; } .navbar__wrapper--open { opacity: 1; } .navbar__wrapper--open .navbar__menu__item > a { --tw-text-opacity: 1 !important; color: rgb(222 217 205 / var(--tw-text-opacity)) !important; } .navbar__wrapper--open .navbar__logo { display: none !important; } .navbar__wrapper--open .navbar__logo__img--openonly { display: block; } @media not all and (min-width: 1024px) { .navbar__wrapper .navbar__logo { display: none; } } .navbar__toggle { position: absolute; } .navbar__toggle { right: 1.25rem; } .navbar__toggle { top: 1.25rem; } .navbar__toggle { display: inline-block; } @media (min-width: 1024px) { .navbar__toggle { display: none; } } .navbar__toggle__img { fill: #DED9CD; } .navbar__toggle__img { height: 40px; } .navbar__logo { margin-left: auto; margin-right: auto; } .navbar__logo { display: block; } .navbar__logo__wrapper { position: absolute; } .navbar__logo__wrapper { left: 1.25rem; } .navbar__logo__wrapper { top: 1.25rem; } @media (min-width: 1024px) { .navbar__logo__wrapper { position: static; } } .navbar__logo__img { fill: #DED9CD; } .navbar__logo__img { -o-object-fit: contain; object-fit: contain; } .navbar__logo__img { -o-object-position: left; object-position: left; } @media not all and (min-width: 1024px) { .navbar__logo__img { height: 30px; } } .navbar__logo__img--openonly { width: auto; } @media (min-width: 1024px) { .navbar__logo__img--openonly { display: none; } } .navbar__badge { margin-left: auto; margin-right: auto; } @media (min-width: 1024px) { .navbar__badge { display: none; } } .navbar__badge__img { margin-left: auto; margin-right: auto; } .navbar__badge__img { width: 100px; min-width: 100px; height: 100px; } .navbar__menu { margin-left: -1.25rem; margin-right: -1.25rem; } .navbar__menu { display: flex; } .navbar__menu { height: 100%; } .navbar__menu { flex-direction: column; } .navbar__menu { align-items: flex-end; } .navbar__menu { padding-top: 0px; } @media (min-width: 1024px) { .navbar__menu { flex-direction: row; } } @media (min-width: 1024px) { .navbar__menu { align-items: center; } } .navbar__menu__item { padding-left: 1.25rem; padding-right: 1.25rem; } .navbar__menu__item { padding-top: 0.5rem; padding-bottom: 0.5rem; } @media (min-width: 1024px) { .navbar__menu__item { padding-top: 0px; padding-bottom: 0px; } } .navbar__menu__item--close { padding-bottom: 6rem; } .navbar__menu__item--close { padding-top: 2.5rem; } @media (min-width: 1024px) { .navbar__menu__item--close { display: none; } } .navbar__menu__item--close img { height: 20px; } .navbar__menu__item > a { font-size: 1.875rem; line-height: 2.25rem; } .navbar__menu__item > a { font-weight: 100; } .navbar__menu__item > a { --tw-text-opacity: 1; color: rgb(222 217 205 / var(--tw-text-opacity)); } @media (min-width: 1024px) { .navbar__menu__item > a { font-size: 1.25rem; line-height: 1.75rem; } } @media (min-width: 1024px) { .navbar__menu__item > a { font-weight: 400; } } .navbar a, .navbar a * { 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; } .navbar a, .navbar a * { transition-timing-function: linear; } .bg-brown-light .navbar__menu__item > a { --tw-text-opacity: 1; color: rgb(101 56 40 / var(--tw-text-opacity)); } .bg-brown-light .navbar__logo__img { fill: #653828; } .bg-brown-light .navbar__toggle__img { fill: #653828; } .bg-brown-lighter .navbar__menu__item > a { --tw-text-opacity: 1; color: rgb(101 56 40 / var(--tw-text-opacity)); } .bg-brown-lighter .navbar__logo__img { fill: #653828; } .bg-brown-lighter .navbar__toggle__img { fill: #653828; } /*#endregion*/ /*#region content*/ .content { min-height: 50vh; } .content--static { min-height: calc(50vh - 135px); } /*#endregion*/ /*#region typography*/ .title-label { display: flex; align-items: center; justify-content: center; font-weight: 500; text-transform: uppercase; line-height: 2rem; } @media (min-width: 1024px) { .title-label { font-size: 1.25rem; line-height: 1.75rem; } } .title-label > span { display: inline-block; } .title-label > span { --tw-bg-opacity: 1; background-color: rgb(222 217 205 / var(--tw-bg-opacity)); } .title-label > span { padding-top: 0.25rem; padding-bottom: 0.25rem; } .title-label > span { padding-left: 1rem; padding-right: 1rem; } .title-label > span { } .title-label > span { } .title-label > span { } .title-label > span { } .title-label > span { } .title-label > span { } .title-label > span .lang__item { --tw-text-opacity: 1; color: rgb(101 56 40 / var(--tw-text-opacity)); } .title-label > span .lang__item--current { --tw-border-opacity: 1; border-color: rgb(101 56 40 / var(--tw-border-opacity)); } .title-label--left { justify-content: flex-start; } .title-category { border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(222 217 205 / var(--tw-border-opacity)); padding-bottom: 0.75rem; font-size: 0.75rem; line-height: 1rem; font-weight: 400; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(222 217 205 / var(--tw-text-opacity)); } @media (min-width: 1024px) { .title-category { font-size: 1.125rem; line-height: 1.75rem; line-height: 1; } } .title-moment { padding-top: 0.75rem; font-family: "freight-text-pro", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 1.25rem; line-height: 1.75rem; --tw-text-opacity: 1; color: rgb(222 217 205 / var(--tw-text-opacity)); } @media (min-width: 1024px) { .title-moment { padding-top: 1.25rem; font-size: 2.25rem; line-height: 2.5rem; } } .title-news { padding-bottom: 0.75rem; font-size: 1.5rem; line-height: 2rem; --tw-text-opacity: 1; color: rgb(222 217 205 / var(--tw-text-opacity)); } @media (min-width: 1024px) { .title-news { padding-bottom: 1.25rem; font-size: 3rem; line-height: 1; } } .back-link { position: relative; display: inline-block; font-size: 1.125rem; line-height: 1.75rem; font-weight: 500; --tw-text-opacity: 1; color: rgb(222 217 205 / var(--tw-text-opacity)); } .back-link::after { position: absolute; } .back-link::after { left: 0px; } .back-link::after { bottom: 0.25rem; } .back-link::after { --tw-bg-opacity: 1; background-color: rgb(182 98 41 / var(--tw-bg-opacity)); } .back-link::after { } .back-link::after { } .back-link::after { } .back-link::after { content: ""; z-index: -1; height: 10px; width: 100%; } .logo-badge { fill: #DED9CD; } .format-text { --tw-text-opacity: 1; color: rgb(222 217 205 / var(--tw-text-opacity)); } .format-accordion-title { --tw-border-opacity: 1; border-color: rgb(182 98 41 / var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgb(182 98 41 / var(--tw-text-opacity)); } .format-accordion-title svg { stroke: #B66229; } .bg-brown-light .title-label { --tw-text-opacity: 1; color: rgb(222 217 205 / var(--tw-text-opacity)); } .bg-brown-light .title-label > span { --tw-bg-opacity: 1; background-color: rgb(101 56 40 / var(--tw-bg-opacity)); } .bg-brown-light .title-label > span { } .bg-brown-light .title-label > span { } .bg-brown-light .title-category { --tw-border-opacity: 1; border-color: rgb(101 56 40 / var(--tw-border-opacity)); } .bg-brown-light .title-category { --tw-text-opacity: 1; color: rgb(101 56 40 / var(--tw-text-opacity)); } .bg-brown-light .title-moment { --tw-text-opacity: 1; color: rgb(101 56 40 / var(--tw-text-opacity)); } .bg-brown-light .back-link { --tw-text-opacity: 1; color: rgb(101 56 40 / var(--tw-text-opacity)); } .bg-brown-light .format-text { --tw-text-opacity: 1; color: rgb(101 56 40 / var(--tw-text-opacity)); } .bg-brown-light .logo-badge { fill: #653828; } .bg-brown-lighter .title-label { --tw-text-opacity: 1; color: rgb(255 220 120 / var(--tw-text-opacity)); } .bg-brown-lighter .title-label > span { --tw-bg-opacity: 1; background-color: rgb(101 56 40 / var(--tw-bg-opacity)); } .bg-brown-lighter .title-label > span { } .bg-brown-lighter .title-label > span { } .bg-brown-lighter .title-category { --tw-border-opacity: 1; border-color: rgb(101 56 40 / var(--tw-border-opacity)); } .bg-brown-lighter .title-category { --tw-text-opacity: 1; color: rgb(101 56 40 / var(--tw-text-opacity)); } .bg-brown-lighter .title-moment { --tw-text-opacity: 1; color: rgb(101 56 40 / var(--tw-text-opacity)); } .bg-brown-lighter .back-link { --tw-text-opacity: 1; color: rgb(101 56 40 / var(--tw-text-opacity)); } .bg-brown-lighter .format-text { --tw-text-opacity: 1; color: rgb(101 56 40 / var(--tw-text-opacity)); } .bg-brown-lighter .logo-badge { fill: #653828; } .bg-brown-medium .back-link::after { --tw-bg-opacity: 1; background-color: rgb(101 56 40 / var(--tw-bg-opacity)); } .bg-brown-medium .back-link::after { } .bg-brown-medium .back-link::after { } .bg-brown-medium .format-accordion-title { --tw-border-opacity: 1; border-color: rgb(101 56 40 / var(--tw-border-opacity)); } .bg-brown-medium .format-accordion-title { --tw-text-opacity: 1; color: rgb(101 56 40 / var(--tw-text-opacity)); } .bg-brown-medium .format-accordion-title svg { stroke: #653828; } /*#endregion*/ /*#region controls*/ .button-outline { display: inline-flex; align-items: center; justify-content: center; border-width: 1px; padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-weight: 400; text-transform: uppercase; line-height: 2rem; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @media (min-width: 1024px) { .button-outline { font-size: 1.25rem; line-height: 1.75rem; } } /*#endregion*/ /*#region moments swiper*/ .moments .swiper__slide { width: calc(20vw - 20px); } @media (min-width: 1024px) { .moments .swiper__slide { width: calc(25vw - 40px) } } .moments .swiper__slide a { display: block; } .moments .swiper__slide img { height: 180px; } @media (min-width: 1024px) { .moments .swiper__slide img { height: 500px; } } .moments .swiper__slide img { width: 100%; -o-object-fit: cover; object-fit: cover; } .moments .swiper__caption { pointer-events: none; opacity: 0; display: none; width: calc(50vw); } @media (min-width: 1024px) { .moments .swiper__caption { width: calc(50vw) } } .moments .swiper-wrapper { transition: none !important; } .moments .swiper-slide { display: inline-block !important; width: auto !important; } .moments .swiper-button-prev { width: 30px !important; height: 30px !important; left: calc(20vw - 20px - 30px) !important; top: calc(180px + 15px) !important; margin: 0 !important; } @media (min-width: 1024px) { .moments .swiper-button-prev { width: 42px !important; height: 42px !important; left: calc(25vw - 40px - 42px) !important; top: calc(500px + 48px) !important } } .moments .swiper-button-prev::after { content: ""; background-image: url(/images/frontend/arrow-prev.svg) !important; background-size: contain; width: 30px !important; height: 30px !important; } @media (min-width: 1024px) { .moments .swiper-button-prev::after { width: 42px !important; height: 42px !important } } .moments .swiper-button-next { width: 30px !important; height: 30px !important; left: calc(80vw + 20px) !important; top: calc(180px + 15px) !important; margin: 0 !important; } @media (min-width: 1024px) { .moments .swiper-button-next { width: 42px !important; height: 42px !important; left: calc(75vw + 40px) !important; top: calc(500px + 48px) !important } } .moments .swiper-button-next::after { content: ""; background-image: url(/images/frontend/arrow-next.svg) !important; background-size: contain; width: 30px !important; height: 30px !important; } @media (min-width: 1024px) { .moments .swiper-button-next::after { width: 42px !important; height: 42px !important } } .moments .swiper-slide-next .swiper__slide { width: 60vw; } @media (min-width: 1024px) { .moments .swiper-slide-next .swiper__slide { width: 50vw } } .moments .swiper-slide-next .swiper__slide img { height: 225px; } @media (min-width: 1024px) { .moments .swiper-slide-next .swiper__slide img { height: 590px; } } .moments .swiper-slide-next .swiper__caption { pointer-events: all; opacity: 1; display: block; } /*#endregion*/ /*#region drawing*/ .drawing { display: flex; flex-direction: column; align-items: center; justify-content: center; padding-top: 5rem; padding-bottom: 5rem; } @media (min-width: 1024px) { .drawing { padding-bottom: 9rem; padding-top: 11rem; } } .drawing { text-align: center; background-image: url(/images/frontend/Gianduiotto-Singolo-Completo.png); background-position: center top 60px; background-repeat: no-repeat; background-size: auto 50%; } .drawing--after { position: relative; } .drawing--after { z-index: 10; } .drawing--after { background-image: none; } .drawing--after::after { position: absolute; } .drawing--after::after { top: 100%; } .drawing--after::after { left: 50%; } .drawing--after::after { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .drawing--after::after { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .drawing--after::after { content: ""; width: 95%; height: 400px; background-image: url(/images/frontend/Gianduiotto-Singolo-Completo.png); background-size: contain; background-position: center; background-repeat: no-repeat; } @media (min-width: 1024px) { .drawing--after::after { width: 35%; height: 300px } } .drawing__svg { padding-bottom: 2.5rem; } @media (min-width: 1024px) { .drawing__svg { padding-bottom: 8rem; } } .drawing__svg > svg { max-width: 100%; } /*#endregion*/ /*#region products-title*/ .products-title { font-size: 1.125rem; line-height: 1.75rem; --tw-text-opacity: 1; color: rgb(182 98 41 / var(--tw-text-opacity)); } @media (min-width: 1024px) { .products-title { font-size: 1.5rem; line-height: 2rem; } } .products-title--static { position: absolute; } .products-title--static { right: auto; } .products-title--static { left: 0px; } .products-title--static { --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @media (min-width: 1024px) { .products-title--static { top: 5rem; } } .products-title--static > span { padding-right: 1rem !important; } .products-title--static > span { padding-left: 5rem !important; } .products-title > span { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .products-title > span { padding-right: 5rem !important; } .products-title > span { --tw-bg-opacity: 1; background-color: rgb(222 217 205 / var(--tw-bg-opacity)); } .products-title > span { } .products-title > span { } .products-title > span { } .products-title > span { } .products-title > span { } .products-title > span { } .products-title > span .lang__item { --tw-text-opacity: 1; color: rgb(101 56 40 / var(--tw-text-opacity)); } .products-title > span .lang__item--current { --tw-border-opacity: 1; border-color: rgb(101 56 40 / var(--tw-border-opacity)); } .bg-brown-light .products-title { --tw-text-opacity: 1; color: rgb(222 217 205 / var(--tw-text-opacity)); } .bg-brown-light .products-title > span { --tw-bg-opacity: 1; background-color: rgb(101 56 40 / var(--tw-bg-opacity)); } .bg-brown-light .products-title > span { } .bg-brown-light .products-title > span { } .bg-brown-lighter .products-title { --tw-text-opacity: 1; color: rgb(255 220 120 / var(--tw-text-opacity)); } .bg-brown-lighter .products-title > span { --tw-bg-opacity: 1; background-color: rgb(101 56 40 / var(--tw-bg-opacity)); } .bg-brown-lighter .products-title > span { } .bg-brown-lighter .products-title > span { } .bg-brown-medium .products-title { --tw-text-opacity: 1; color: rgb(182 98 41 / var(--tw-text-opacity)); } .bg-brown-medium .products-title > span { --tw-bg-opacity: 1; background-color: rgb(222 217 205 / var(--tw-bg-opacity)); } .bg-brown-medium .products-title > span { } .bg-brown-medium .products-title > span { } .bg-brown-medium .products-title > span { } .bg-brown-medium .products-title > span { } .bg-brown-medium .products-title > span { } .bg-brown-medium .products-title > span { } .bg-brown-medium .products-title > span .lang__item { --tw-text-opacity: 1; color: rgb(101 56 40 / var(--tw-text-opacity)); } .bg-brown-medium .products-title > span .lang__item--current { --tw-border-opacity: 1; border-color: rgb(101 56 40 / var(--tw-border-opacity)); } .bg-brown-dark .products-title { --tw-text-opacity: 1; color: rgb(101 56 40 / var(--tw-text-opacity)); } .bg-brown-dark .products-title > span { --tw-bg-opacity: 1; background-color: rgb(222 217 205 / var(--tw-bg-opacity)); } .bg-brown-dark .products-title > span { } .bg-brown-dark .products-title > span { } .bg-brown-dark .products-title > span { } .bg-brown-dark .products-title > span { } .bg-brown-dark .products-title > span { } .bg-brown-dark .products-title > span { } .bg-brown-dark .products-title > span .lang__item { --tw-text-opacity: 1; color: rgb(101 56 40 / var(--tw-text-opacity)); } .bg-brown-dark .products-title > span .lang__item--current { --tw-border-opacity: 1; border-color: rgb(101 56 40 / var(--tw-border-opacity)); } .bg-brown-darker .products-title { --tw-text-opacity: 1; color: rgb(54 30 30 / var(--tw-text-opacity)); } .bg-brown-darker .products-title > span { --tw-bg-opacity: 1; background-color: rgb(222 217 205 / var(--tw-bg-opacity)); } .bg-brown-darker .products-title > span { } .bg-brown-darker .products-title > span { } .bg-brown-darker .products-title > span { } .bg-brown-darker .products-title > span { } .bg-brown-darker .products-title > span { } .bg-brown-darker .products-title > span { } .bg-brown-darker .products-title > span .lang__item { --tw-text-opacity: 1; color: rgb(101 56 40 / var(--tw-text-opacity)); } .bg-brown-darker .products-title > span .lang__item--current { --tw-border-opacity: 1; border-color: rgb(101 56 40 / var(--tw-border-opacity)); } .bg-red-light .products-title { --tw-text-opacity: 1; color: rgb(239 51 64 / var(--tw-text-opacity)); } .bg-red-light .products-title > span { --tw-bg-opacity: 1; background-color: rgb(222 217 205 / var(--tw-bg-opacity)); } .bg-red-light .products-title > span { } .bg-red-light .products-title > span { } .bg-red-light .products-title > span { } .bg-red-light .products-title > span { } .bg-red-light .products-title > span { } .bg-red-light .products-title > span { } .bg-red-light .products-title > span .lang__item { --tw-text-opacity: 1; color: rgb(101 56 40 / var(--tw-text-opacity)); } .bg-red-light .products-title > span .lang__item--current { --tw-border-opacity: 1; border-color: rgb(101 56 40 / var(--tw-border-opacity)); } .bg-red-dark .products-title { --tw-text-opacity: 1; color: rgb(177 54 60 / var(--tw-text-opacity)); } .bg-red-dark .products-title > span { --tw-bg-opacity: 1; background-color: rgb(222 217 205 / var(--tw-bg-opacity)); } .bg-red-dark .products-title > span { } .bg-red-dark .products-title > span { } .bg-red-dark .products-title > span { } .bg-red-dark .products-title > span { } .bg-red-dark .products-title > span { } .bg-red-dark .products-title > span { } .bg-red-dark .products-title > span .lang__item { --tw-text-opacity: 1; color: rgb(101 56 40 / var(--tw-text-opacity)); } .bg-red-dark .products-title > span .lang__item--current { --tw-border-opacity: 1; border-color: rgb(101 56 40 / var(--tw-border-opacity)); } .bg-green .products-title { --tw-text-opacity: 1; color: rgb(84 137 80 / var(--tw-text-opacity)); } .bg-green .products-title > span { --tw-bg-opacity: 1; background-color: rgb(222 217 205 / var(--tw-bg-opacity)); } .bg-green .products-title > span { } .bg-green .products-title > span { } .bg-green .products-title > span { } .bg-green .products-title > span { } .bg-green .products-title > span { } .bg-green .products-title > span { } .bg-green .products-title > span .lang__item { --tw-text-opacity: 1; color: rgb(101 56 40 / var(--tw-text-opacity)); } .bg-green .products-title > span .lang__item--current { --tw-border-opacity: 1; border-color: rgb(101 56 40 / var(--tw-border-opacity)); } .bg-blue-light .products-title { --tw-text-opacity: 1; color: rgb(123 164 219 / var(--tw-text-opacity)); } .bg-blue-light .products-title > span { --tw-bg-opacity: 1; background-color: rgb(222 217 205 / var(--tw-bg-opacity)); } .bg-blue-light .products-title > span { } .bg-blue-light .products-title > span { } .bg-blue-light .products-title > span { } .bg-blue-light .products-title > span { } .bg-blue-light .products-title > span { } .bg-blue-light .products-title > span { } .bg-blue-light .products-title > span .lang__item { --tw-text-opacity: 1; color: rgb(101 56 40 / var(--tw-text-opacity)); } .bg-blue-light .products-title > span .lang__item--current { --tw-border-opacity: 1; border-color: rgb(101 56 40 / var(--tw-border-opacity)); } .bg-blue-dark .products-title { --tw-text-opacity: 1; color: rgb(46 109 186 / var(--tw-text-opacity)); } .bg-blue-dark .products-title > span { --tw-bg-opacity: 1; background-color: rgb(222 217 205 / var(--tw-bg-opacity)); } .bg-blue-dark .products-title > span { } .bg-blue-dark .products-title > span { } .bg-blue-dark .products-title > span { } .bg-blue-dark .products-title > span { } .bg-blue-dark .products-title > span { } .bg-blue-dark .products-title > span { } .bg-blue-dark .products-title > span .lang__item { --tw-text-opacity: 1; color: rgb(101 56 40 / var(--tw-text-opacity)); } .bg-blue-dark .products-title > span .lang__item--current { --tw-border-opacity: 1; border-color: rgb(101 56 40 / var(--tw-border-opacity)); } /*#endregion*/ /*#region products-button*/ .products-button { --tw-border-opacity: 1; border-color: rgb(222 217 205 / var(--tw-border-opacity)); font-size: 1rem; line-height: 1.5rem; --tw-text-opacity: 1; color: rgb(222 217 205 / var(--tw-text-opacity)); } .products-button:hover { --tw-bg-opacity: 1; background-color: rgb(222 217 205 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(182 98 41 / var(--tw-text-opacity)); } .bg-brown-light .products-button { --tw-border-opacity: 1; border-color: rgb(101 56 40 / var(--tw-border-opacity)); } .bg-brown-light .products-button { --tw-text-opacity: 1; color: rgb(101 56 40 / var(--tw-text-opacity)); } .bg-brown-light .products-button:hover { --tw-bg-opacity: 1; background-color: rgb(101 56 40 / var(--tw-bg-opacity)); } .bg-brown-light .products-button:hover { --tw-text-opacity: 1; color: rgb(222 217 205 / var(--tw-text-opacity)); } .bg-brown-lighter .products-button { --tw-border-opacity: 1; border-color: rgb(101 56 40 / var(--tw-border-opacity)); } .bg-brown-lighter .products-button { --tw-text-opacity: 1; color: rgb(101 56 40 / var(--tw-text-opacity)); } .bg-brown-lighter .products-button:hover { --tw-bg-opacity: 1; background-color: rgb(101 56 40 / var(--tw-bg-opacity)); } .bg-brown-lighter .products-button:hover { --tw-text-opacity: 1; color: rgb(255 220 120 / var(--tw-text-opacity)); } .bg-brown-dark .products-button { --tw-border-opacity: 1; border-color: rgb(222 217 205 / var(--tw-border-opacity)); } .bg-brown-dark .products-button { --tw-text-opacity: 1; color: rgb(222 217 205 / var(--tw-text-opacity)); } .bg-brown-dark .products-button:hover { --tw-bg-opacity: 1; background-color: rgb(222 217 205 / var(--tw-bg-opacity)); } .bg-brown-dark .products-button:hover { --tw-text-opacity: 1; color: rgb(101 56 40 / var(--tw-text-opacity)); } .bg-brown-darker .products-button { --tw-border-opacity: 1; border-color: rgb(222 217 205 / var(--tw-border-opacity)); } .bg-brown-darker .products-button { --tw-text-opacity: 1; color: rgb(222 217 205 / var(--tw-text-opacity)); } .bg-brown-darker .products-button:hover { --tw-bg-opacity: 1; background-color: rgb(222 217 205 / var(--tw-bg-opacity)); } .bg-brown-darker .products-button:hover { --tw-text-opacity: 1; color: rgb(54 30 30 / var(--tw-text-opacity)); } .bg-brown-medium .products-button { --tw-border-opacity: 1; border-color: rgb(222 217 205 / var(--tw-border-opacity)); } .bg-brown-medium .products-button { --tw-text-opacity: 1; color: rgb(222 217 205 / var(--tw-text-opacity)); } .bg-brown-medium .products-button:hover { --tw-bg-opacity: 1; background-color: rgb(222 217 205 / var(--tw-bg-opacity)); } .bg-brown-medium .products-button:hover { --tw-text-opacity: 1; color: rgb(182 98 41 / var(--tw-text-opacity)); } .bg-red-light .products-button { --tw-border-opacity: 1; border-color: rgb(222 217 205 / var(--tw-border-opacity)); } .bg-red-light .products-button { --tw-text-opacity: 1; color: rgb(222 217 205 / var(--tw-text-opacity)); } .bg-red-light .products-button:hover { --tw-bg-opacity: 1; background-color: rgb(222 217 205 / var(--tw-bg-opacity)); } .bg-red-light .products-button:hover { --tw-text-opacity: 1; color: rgb(239 51 64 / var(--tw-text-opacity)); } .bg-red-dark .products-button { --tw-border-opacity: 1; border-color: rgb(222 217 205 / var(--tw-border-opacity)); } .bg-red-dark .products-button { --tw-text-opacity: 1; color: rgb(222 217 205 / var(--tw-text-opacity)); } .bg-red-dark .products-button:hover { --tw-bg-opacity: 1; background-color: rgb(222 217 205 / var(--tw-bg-opacity)); } .bg-red-dark .products-button:hover { --tw-text-opacity: 1; color: rgb(177 54 60 / var(--tw-text-opacity)); } .bg-green .products-button { --tw-border-opacity: 1; border-color: rgb(222 217 205 / var(--tw-border-opacity)); } .bg-green .products-button { --tw-text-opacity: 1; color: rgb(222 217 205 / var(--tw-text-opacity)); } .bg-green .products-button:hover { --tw-bg-opacity: 1; background-color: rgb(222 217 205 / var(--tw-bg-opacity)); } .bg-green .products-button:hover { --tw-text-opacity: 1; color: rgb(84 137 80 / var(--tw-text-opacity)); } .bg-blue-light .products-button { --tw-border-opacity: 1; border-color: rgb(222 217 205 / var(--tw-border-opacity)); } .bg-blue-light .products-button { --tw-text-opacity: 1; color: rgb(222 217 205 / var(--tw-text-opacity)); } .bg-blue-light .products-button:hover { --tw-bg-opacity: 1; background-color: rgb(222 217 205 / var(--tw-bg-opacity)); } .bg-blue-light .products-button:hover { --tw-text-opacity: 1; color: rgb(123 164 219 / var(--tw-text-opacity)); } .bg-blue-dark .products-button { --tw-border-opacity: 1; border-color: rgb(222 217 205 / var(--tw-border-opacity)); } .bg-blue-dark .products-button { --tw-text-opacity: 1; color: rgb(222 217 205 / var(--tw-text-opacity)); } .bg-blue-dark .products-button:hover { --tw-bg-opacity: 1; background-color: rgb(222 217 205 / var(--tw-bg-opacity)); } .bg-blue-dark .products-button:hover { --tw-text-opacity: 1; color: rgb(46 109 186 / var(--tw-text-opacity)); } /*#endregion*/ /*#region highlights-button*/ .highlights-button { border-left-width: 0px; border-right-width: 0px; font-weight: 500; --tw-text-opacity: 1; color: rgb(222 217 205 / var(--tw-text-opacity)); } /*#endregion*/ /*#region select*/ .select { position: relative; display: inline-block; width: 100%; } @media (min-width: 1024px) { .select { width: auto; } } .select__current { --tw-border-opacity: 1; border-color: rgb(101 56 40 / var(--tw-border-opacity)); } .select__current { --tw-text-opacity: 1; color: rgb(101 56 40 / var(--tw-text-opacity)); } .select__current:hover { --tw-bg-opacity: 1; background-color: rgb(101 56 40 / var(--tw-bg-opacity)); } .select__current:hover { --tw-text-opacity: 1; color: rgb(222 217 205 / var(--tw-text-opacity)); } .select__current svg { margin-left: 0.75rem; } .select__current svg { stroke: #653828; } .select__current svg { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .select__current svg:hover { stroke: #DED9CD; } .select__list { pointer-events: none; } .select__list { position: absolute; } .select__list { right: 0px; } .select__list { z-index: 10; } .select__list { display: flex; } .select__list { min-width: 100%; } .select__list { flex-direction: column; } .select__list { --tw-bg-opacity: 1; background-color: rgb(101 56 40 / var(--tw-bg-opacity)); } .select__list { padding: 1rem; } .select__list { opacity: 0; } .select__list { } .select__list { } .select__list a { padding-left: 1.25rem; padding-right: 1.25rem; } .select__list a { padding-top: 0.25rem; padding-bottom: 0.25rem; } .select__list a { font-size: 1.125rem; line-height: 1.75rem; } .select__list a { font-weight: 300; } .select__list a { text-transform: uppercase; } .select__list a { --tw-text-opacity: 1; color: rgb(222 217 205 / var(--tw-text-opacity)); } .select__list--open { pointer-events: auto; } .select__list--open { opacity: 1; } /*#endregion*/ /*#region share*/ .share { margin-left: -0.5rem; margin-right: -0.5rem; box-sizing: content-box; display: flex; padding-top: 2.5rem; } @media (min-width: 1024px) { .share { position: absolute; top: 5rem; margin-left: 0px; margin-right: 0px; width: 1.25rem; flex-direction: column; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0px; } } .share a { padding-left: 0.5rem; padding-right: 0.5rem; } @media (min-width: 1024px) { .share a { margin-bottom: 0.75rem; } } @media (min-width: 1024px) { .share a { padding-left: 0px; padding-right: 0px; } } .share a img { margin-left: auto; margin-right: auto; } .share a img { height: 1.5rem; } .share a img { max-width: 100%; } .share a img { -o-object-fit: contain; object-fit: contain; } /*#endregion*/ /*#region blocks*/ .block-hypertext p { margin-bottom: 0.75rem; } .block-hypertext p svg { display: inline; } .block-hypertext p svg { height: 0.5rem; } .block-hypertext p svg { fill: #653828; } .block-hypertext h3 { margin-bottom: 1.5rem; } .block-hypertext h3 { font-size: 2.25rem; line-height: 2.5rem; } .block-hypertext h4 { margin-bottom: 1.5rem; } .block-hypertext h4 { font-size: 1.5rem; line-height: 2rem; } .block-hypertext h5 { margin-bottom: 1rem; } .block-hypertext h5 { font-weight: 600; } .block-hypertext h5 { text-transform: uppercase; } .block-hypertext ol { list-style-type: decimal; } /*#endregion*/ /*#region product-categories*/ .product-categories { position: relative; width: 100%; overflow: hidden; } .product-categories .product-categories-wrapper { height: calc(100vh - 470px); } .product-categories .products-menu { position: relative; } .product-categories .products-menu { z-index: 20; } .product-categories .products-menu li { padding-top: 0.25rem; padding-bottom: 0.25rem; } .product-categories .products-menu li { font-size: 1.5rem; line-height: 2rem; } .product-categories .products-menu li { font-weight: 500; } .product-categories .products-menu li { text-transform: uppercase; } .product-categories .products-menu li { letter-spacing: 0.1em; } .product-categories .products-menu li { --tw-text-opacity: 1; color: rgb(222 217 205 / var(--tw-text-opacity)); } .product-categories .products-menu li:last-child { margin-top: 2.5rem; } .product-categories .products-menu li a { display: block; } .product-categories .products-menu li a { padding-top: 0.25rem; padding-bottom: 0.25rem; } .product-categories .products-menu li a { opacity: 0.5; } .product-categories .products-menu li a { 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; } .product-categories .products-menu li a.current { opacity: 1; } .product-categories .products-container { position: absolute; } .product-categories .products-container { z-index: 20; } .product-categories .products-container { display: flex; } .product-categories .products-container { top: 50%; left: 50%; width: 65%; transform: translate(-50%, -50%); } .product-categories .products-container-hidden { z-index: 0; } .product-categories .products-container-hidden { display: none; } .product-categories .products-container-all { position: relative; } .product-categories .products-container-all { left: 0px; } .product-categories .products-container-all { top: 0px; } .product-categories .products-container-all { width: 100%; } .product-categories .products-container-all { transform: none; } .product-categories .products-button { opacity: 0; } .product-categories .products-button { 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; } .product-categories .products-button { transition-timing-function: linear; } .product-categories .products-title { position: absolute; } .product-categories .products-title { right: 0px; } .product-categories .products-title { z-index: 20; } .product-categories .products-title { 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; } .product-categories .products-title { transition-timing-function: linear; } .product-categories .products-title { top: 50%; transform: translate(0, -50%); } .product-categories .products-title-hidden { z-index: 10; } .product-categories .products-title-hidden { display: none; } .bg-brown-light .product-categories .products-menu li { --tw-text-opacity: 1; color: rgb(101 56 40 / var(--tw-text-opacity)); } .bg-brown-lighter .product-categories .products-menu li { --tw-text-opacity: 1; color: rgb(101 56 40 / var(--tw-text-opacity)); } /*#endregion*/ /*#region product-overlay*/ .products-overlay { position: fixed; bottom: 0px; left: 0px; z-index: 10; height: 100vh; width: 100vw; } .products-overlay-hidden { z-index: 0; } .products-overlay-hidden { display: none; } /*#endregion*/ /*#region banner*/ .banner__image { height: 30vh; } @media (min-width: 1024px) { .banner__image { height: 560px; } } .banner__image img { height: 100%; } .banner__image img { width: 100%; } .banner__image img { -o-object-fit: cover; object-fit: cover; } .content > .block-banners, .content > .block-hypertext { position: relative; margin-left: auto; margin-right: auto; max-width: 48rem; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 2.5rem; padding-bottom: 2.5rem; } @media (min-width: 1024px) { .content > .block-banners, .content > .block-hypertext { padding-left: 2.5rem; padding-right: 2.5rem; padding-top: 4rem; padding-bottom: 4rem; } } /*#endregion*/ /*#region carousel*/ .carousel { /* &__right { &::after { content: ""; @apply absolute z-10 top-0 left-0 w-full h-full bg-no-repeat; background-image: url(/images/frontend/mask-gianduiotto.svg); background-size: 100% 100%; } } */ } .carousel__page { margin-top: 1rem; margin-bottom: 1rem; } @media not all and (min-width: 1024px) { .carousel__page { text-align: center; } } @media (min-width: 1024px) { .carousel__page { font-size: 1.5rem; line-height: 2rem; } } .carousel__page > a { --tw-text-opacity: 1; color: rgb(101 56 40 / var(--tw-text-opacity)); } .carousel__page > a { opacity: 0.3; } .carousel__page > a { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .carousel__page > a.current { opacity: 1; } .carousel__page > a.current::before { content: "\2022"; } .carousel__page > a.current::before { margin-right: 0.75rem; } .carousel__slide { position: absolute; } .carousel__slide { left: 50%; } .carousel__slide { height: 100%; } .carousel__slide { width: 90%; } .carousel__slide { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .carousel__slide { opacity: 0; } .carousel__slide { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @media (min-width: 1024px) { .carousel__slide { left: 0px; } } @media (min-width: 1024px) { .carousel__slide { width: 100%; } } @media (min-width: 1024px) { .carousel__slide { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } } .carousel__slide.current { opacity: 1; } .carousel__slide > img { height: 100%; } .carousel__slide > img { width: 100%; } .carousel__slide > img { -o-object-fit: cover; object-fit: cover; } .carousel__slide > img { -o-object-position: top; object-position: top; } .clipped { -webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; mask: url('data:image/svg+xml;utf8,') center/contain no-repeat; /* clip-path: url(#gianduiottoClipPath); */ } /*#endregion*/ /*#region sound*/ .sound__mini { display: inline-flex; align-items: center; --tw-text-opacity: 1; color: rgb(222 217 205 / var(--tw-text-opacity)); } .sound__mini--bg { /* @screen lg { background: none !important; } */ background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(101, 56, 40, 0.3) 70%, rgba(255, 255, 255, 0) 100%); } .sound__mini > span { display: inline-flex; } .sound__mini > span { align-items: center; } .sound__mini > span { padding-right: 1rem; } .sound__mini > span { font-size: 1.5rem; line-height: 2rem; } .sound__mini > span { --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1)); 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); } .sound__mini > span::before { margin-right: 1rem; } .sound__mini > span::before { display: inline-block; } .sound__mini > span::before { --tw-bg-opacity: 1; background-color: rgb(222 217 205 / var(--tw-bg-opacity)); } .sound__mini > span::before { } .sound__mini > span::before { } .sound__mini > span::before { } .sound__mini > span::before { } .sound__mini > span::before { } .sound__mini > span::before { } .sound__mini > span .lang__item::before { --tw-text-opacity: 1; color: rgb(101 56 40 / var(--tw-text-opacity)); } .sound__mini > span .lang__item--current::before { --tw-border-opacity: 1; border-color: rgb(101 56 40 / var(--tw-border-opacity)); } .sound__mini > span::before { content: ""; height: 2px; width: 30px; } .sound__mini > a { display: inline-flex; } .sound__mini > a { height: 80px; } .sound__mini > a { width: 80px; } .sound__mini > a { align-items: center; } .sound__mini > a { justify-content: center; } .sound__mini > a { background-repeat: no-repeat; } .sound__mini > a { background-size: 100% 100%; background-image: url(/images/frontend/player-border.svg); } .sound__mini > a > img { height: 23%; } .sound__mini > a > img.play { transform: translateX(2px); } /*#endregion*/ /*#region mplayer*/ .mplayer { position: relative; height: 100px; overflow: hidden; } @media (min-width: 1024px) { .mplayer { height: 200px; } } .mplayer { background-image: url(/images/frontend/gianduiotto-line.svg); background-repeat: no-repeat; background-size: 100% auto; background-position: top 40px center; padding-top: 40px; } .mplayer__wrapper { position: relative; } .mplayer__wrapper { margin-left: auto; margin-right: auto; } .mplayer__wrapper { max-width: 60%; } @media (min-width: 1024px) { .mplayer__wrapper { max-width: 28rem; } } .mplayer__progress { position: absolute; } .mplayer__progress { top: -2px; } .mplayer__progress { left: 0px; } .mplayer__progress { height: 6px; } .mplayer__progress { width: 100%; } .mplayer__progress { cursor: pointer; } .mplayer__progress { border-left-width: 1px; } .mplayer__progress { border-right-width: 1px; } .mplayer__progress { --tw-border-opacity: 1; border-left-color: rgb(101 56 40 / var(--tw-border-opacity)); } .mplayer__progress { --tw-border-opacity: 1; border-right-color: rgb(101 56 40 / var(--tw-border-opacity)); } .mplayer__progress > span { position: absolute; } .mplayer__progress > span { top: 0px; } .mplayer__progress > span { margin-top: -9px; } .mplayer__progress > span { --tw-translate-y: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .mplayer__progress > span { cursor: default; } .mplayer__progress > span { font-size: 0.75rem; line-height: 1rem; } .mplayer__progress > span { --tw-text-opacity: 1; color: rgb(101 56 40 / var(--tw-text-opacity)); } .mplayer__progress > span:first-child { left: 0px; } .mplayer__progress > span:last-child { right: 0px; } .mplayer__progress > div { position: absolute; } .mplayer__progress > div { top: 0px; } .mplayer__progress > div { left: 0px; } .mplayer__progress > div { height: 100%; } .mplayer__progress > div { --tw-bg-opacity: 1; background-color: rgb(101 56 40 / var(--tw-bg-opacity)); } .mplayer__progress > div { } .mplayer__progress > div { } .mplayer__progress > em { position: absolute; } .mplayer__progress > em { top: 0px; } .mplayer__progress > em { left: 0px; } .mplayer__progress > em { margin-top: 3px; } .mplayer__progress > em { height: 20px; } .mplayer__progress > em { width: 20px; } .mplayer__progress > em { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .mplayer__progress > em { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .mplayer__progress > em { cursor: pointer; } .mplayer__progress > em { border-radius: 9999px; } .mplayer__progress > em { border-width: 1px; } .mplayer__progress > em { --tw-border-opacity: 1; border-color: rgb(101 56 40 / var(--tw-border-opacity)); } .mplayer__progress > em { --tw-bg-opacity: 1; background-color: rgb(222 217 205 / var(--tw-bg-opacity)); } .mplayer__progress > em { } .mplayer__progress > em { } .mplayer__progress > em { } .mplayer__progress > em { } .mplayer__progress > em { } .mplayer__progress > em { } .mplayer__progress > em .lang__item { --tw-text-opacity: 1; color: rgb(101 56 40 / var(--tw-text-opacity)); } .mplayer__progress > em .lang__item--current { --tw-border-opacity: 1; border-color: rgb(101 56 40 / var(--tw-border-opacity)); } .mplayer__controls { display: flex; } .mplayer__controls { flex-wrap: nowrap; } .mplayer__controls { align-items: center; } .mplayer__controls { justify-content: center; } .mplayer__controls { padding-top: 1rem; } @media (min-width: 1024px) { .mplayer__controls { padding-top: 2rem; } } .mplayer__prev { width: 10px; } @media (min-width: 1024px) { .mplayer__prev { width: 20px; } } .mplayer__next { width: 10px; } @media (min-width: 1024px) { .mplayer__next { width: 20px; } } .mplayer__pause { margin-left: 1rem; margin-right: 1rem; } .mplayer__pause { width: 30px; } @media (min-width: 1024px) { .mplayer__pause { width: 60px; } } .mplayer__pause > img:first-child { display: none; } .mplayer__pause--playing > img:first-child { display: block; } .mplayer__pause--playing > img:last-child { display: none; } .splayer { transition: opacity 300ms ease; } .splayer-closed { height: 50px; width: 50px; } @keyframes pulse { 50% { opacity: .5; } } .splayer-closed { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; overflow: hidden; border-radius: 9999px; } @media (min-width: 1024px) { .splayer-closed { height: 65px; width: 65px; } } .splayer-closed > *:not(.splayer-waves) { opacity: 0; pointer-events: none; } .splayer-closed .splayer-waves { opacity: 1; pointer-events: all; } .splayer-waves { width: 20px; } @media (min-width: 1024px) { .splayer-waves { width: 30px; } } .splayer-waves { pointer-events: none; display: block; opacity: 0; transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; } .mplayer--splayer { height: auto; width: 60vw; overflow: visible; } @media (min-width: 1024px) { .mplayer--splayer { width: 300px; } } .mplayer--splayer { background-image: none; padding-top: 30px; } @media not all and (min-width: 1024px) { .mplayer--splayer .mplayer__wrapper { max-width: 100%; } } .mplayer--splayer .mplayer__progress { height: 2px; } .mplayer--splayer .mplayer__progress { --tw-bg-opacity: 1; background-color: rgb(101 56 40 / var(--tw-bg-opacity)); } .mplayer--splayer .mplayer__progress { } .mplayer--splayer .mplayer__progress { } .mplayer--splayer .mplayer__progress > em { margin-top: 1px; } .mplayer--splayer .mplayer__progress > em { height: 15px; } .mplayer--splayer .mplayer__progress > em { width: 15px; } .mplayer--splayer .mplayer__controls { padding-bottom: 0.5rem; } @media (min-width: 1024px) { .mplayer--splayer .mplayer__controls { padding-top: 1rem; } } .mplayer--splayer .mplayer__prev { width: 10px; } .mplayer--splayer .mplayer__prev { padding-bottom: 1rem; } @media (min-width: 1024px) { .mplayer--splayer .mplayer__prev { width: 10px; } } .mplayer--splayer .mplayer__next { width: 10px; } .mplayer--splayer .mplayer__next { padding-bottom: 1rem; } @media (min-width: 1024px) { .mplayer--splayer .mplayer__next { width: 10px; } } .mplayer--splayer .mplayer__pause { width: 30px; } .mplayer--splayer .mplayer__pause { padding-bottom: 1rem; } @media (min-width: 1024px) { .mplayer--splayer .mplayer__pause { width: 30px; } } .mplayer--splayer .splayer__logo { width: 40px; } .mplayer--splayer .splayer__logo { align-self: flex-end; } @media (min-width: 1024px) { .mplayer--splayer .splayer__logo { width: 60px; } } .mplayer--splayer .splayer__waves { width: 20px; } .mplayer--splayer .splayer__waves { align-self: flex-end; } @media (min-width: 1024px) { .mplayer--splayer .splayer__waves { width: 30px; } } .mplayer div.essential_audio > div:nth-child(1) div.play, .mplayer div.essential_audio > div:nth-child(1) div, .mplayer div.essential_audio > div:nth-child(2):after { --tw-bg-opacity: 1 !important; background-color: rgb(101 56 40 / var(--tw-bg-opacity)) !important; } .mplayer div.essential_audio > div:nth-child(1) div.play, .mplayer div.essential_audio > div:nth-child(1) div, .mplayer div.essential_audio > div:nth-child(2):after { } .mplayer div.essential_audio > div:nth-child(1) div.play, .mplayer div.essential_audio > div:nth-child(1) div, .mplayer div.essential_audio > div:nth-child(2):after { } .mplayer div.essential_audio > div:nth-child(2) div { --tw-bg-opacity: 1 !important; background-color: rgb(182 98 41 / var(--tw-bg-opacity)) !important; } .mplayer div.essential_audio > div:nth-child(2) div { } .mplayer div.essential_audio > div:nth-child(2) div { } .mplayer div.essential_audio > div:nth-child(2) div { } /*#endregion*/ /*#region footer*/ .footer { position: relative; z-index: 20; min-height: 45vh; overflow: hidden; } .footer__bg { position: absolute; } .footer__bg { fill: #DED9CD; } .footer__bg { top: 50%; opacity: 0.1; width: 100%; transform: translate(0, -50%) rotate(-2deg); pointer-events: none; } .footer__menu { padding-bottom: 1.25rem; } @media (min-width: 1024px) { .footer__menu { padding-bottom: 5rem; } } .footer__menu li { margin-bottom: 0.5rem; } @media (min-width: 1024px) { .footer__menu li { font-size: 1.125rem; line-height: 1.75rem; } } .footer__menu li a { font-weight: 300; } .footer__menu li a { --tw-text-opacity: 1; color: rgb(222 217 205 / var(--tw-text-opacity)); } @media (min-width: 1024px) { .footer__menu li a { font-weight: 400; } } .footer__social svg .stroke { stroke: #DED9CD; } .footer__social svg .fill { fill: #DED9CD; } .bg-brown-light .footer__bg { fill: #653828; } .bg-brown-light .footer__menu li a { --tw-text-opacity: 1; color: rgb(101 56 40 / var(--tw-text-opacity)); } .bg-brown-light .footer__social svg .stroke { stroke: #653828; } .bg-brown-light .footer__social svg .fill { fill: #653828; } .bg-brown-lighter .footer__bg { fill: #653828; } .bg-brown-lighter .footer__menu li a { --tw-text-opacity: 1; color: rgb(101 56 40 / var(--tw-text-opacity)); } .bg-brown-lighter .footer__social svg .stroke { stroke: #653828; } .bg-brown-lighter .footer__social svg .fill { fill: #653828; } /*#endregion*/ /*#region jscroll pagination*/ .jscroll-pagination nav ul { text-align: center; } .jscroll-pagination nav ul li * { display: none; } .jscroll-pagination a[rel="next"] { display: block; --tw-border-opacity: 1; border-color: rgb(101 56 40 / var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgb(101 56 40 / var(--tw-text-opacity)); display: inline-flex; align-items: center; justify-content: center; border-width: 1px; padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-weight: 400; text-transform: uppercase; line-height: 2rem; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @media (min-width: 1024px) { .jscroll-pagination a[rel="next"] { font-size: 1.25rem; line-height: 1.75rem; } } .jscroll-pagination a[rel="next"]:hover { --tw-bg-opacity: 1; background-color: rgb(101 56 40 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(222 217 205 / var(--tw-text-opacity)); } /*#endregion*/ /*#region lang*/ .lang { position: absolute; top: 1.25rem; right: 1.25rem; z-index: 20; } @media not all and (min-width: 1024px) { .lang { top: 5rem; } } @media (min-width: 1024px) { .lang { z-index: 50; } } .lang--footer { position: static; margin-top: 1.25rem; } @media not all and (min-width: 1024px) { .lang--footer { display: block; } } .lang__wrapper { display: inline-flex; flex-wrap: nowrap; } .lang__wrapper > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .lang__item { border-width: 1px; border-color: transparent; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; line-height: 1; letter-spacing: 0.1em; --tw-text-opacity: 1; color: rgb(222 217 205 / var(--tw-text-opacity)); } .lang__item--current { pointer-events: none; --tw-border-opacity: 1; border-color: rgb(222 217 205 / var(--tw-border-opacity)); } .bg-brown-light .lang__item { --tw-text-opacity: 1; color: rgb(101 56 40 / var(--tw-text-opacity)); } .bg-brown-light .lang__item--current { --tw-border-opacity: 1; border-color: rgb(101 56 40 / var(--tw-border-opacity)); } .bg-brown-lighter .lang__item { --tw-text-opacity: 1; color: rgb(101 56 40 / var(--tw-text-opacity)); } .bg-brown-lighter .lang__item--current { --tw-border-opacity: 1; border-color: rgb(101 56 40 / var(--tw-border-opacity)); } /*#endregion*/ #pernigotti :is(.hover\:bg-brown-dark:hover) { --tw-bg-opacity: 1; background-color: rgb(101 56 40 / var(--tw-bg-opacity)); } #pernigotti :is(.hover\:bg-brown-light:hover) { --tw-bg-opacity: 1; background-color: rgb(222 217 205 / var(--tw-bg-opacity)); } #pernigotti :is(.hover\:stroke-brown-dark:hover) { stroke: #653828; } #pernigotti :is(.hover\:text-brown-dark:hover) { --tw-text-opacity: 1; color: rgb(101 56 40 / var(--tw-text-opacity)); } #pernigotti :is(.hover\:text-brown-light:hover) { --tw-text-opacity: 1; color: rgb(222 217 205 / var(--tw-text-opacity)); } @media not all and (min-width: 1024px) { #pernigotti :is(.max-lg\:absolute) { position: absolute; } #pernigotti :is(.max-lg\:right-5) { right: 1.25rem; } #pernigotti :is(.max-lg\:top-0) { top: 0px; } #pernigotti :is(.max-lg\:order-5) { order: 5; } #pernigotti :is(.max-lg\:-mb-2) { margin-bottom: -0.5rem; } #pernigotti :is(.max-lg\:mb-4) { margin-bottom: 1rem; } #pernigotti :is(.max-lg\:mt-12) { margin-top: 3rem; } #pernigotti :is(.max-lg\:mt-2) { margin-top: 0.5rem; } #pernigotti :is(.max-lg\:hidden) { display: none; } #pernigotti :is(.max-lg\:w-1\/2) { width: 50%; } #pernigotti :is(.max-lg\:w-\[30px\]) { width: 30px; } #pernigotti :is(.max-lg\:w-full) { width: 100%; } #pernigotti :is(.max-lg\:flex-col) { flex-direction: column; } #pernigotti :is(.max-lg\:items-start) { align-items: flex-start; } #pernigotti :is(.max-lg\:self-center) { align-self: center; } #pernigotti :is(.max-lg\:px-5) { padding-left: 1.25rem; padding-right: 1.25rem; } #pernigotti :is(.max-lg\:pb-0) { padding-bottom: 0px; } #pernigotti :is(.max-lg\:pt-\[40px\]) { padding-top: 40px; } #pernigotti :is(.max-lg\:text-sm) { font-size: 0.875rem; line-height: 1.25rem; } #pernigotti :is(.max-lg\:text-xs) { font-size: 0.75rem; line-height: 1rem; } } @media (min-width: 1024px) { #pernigotti :is(.lg\:bottom-16) { bottom: 4rem; } #pernigotti :is(.lg\:right-16) { right: 4rem; } #pernigotti :is(.lg\:order-1) { order: 1; } #pernigotti :is(.lg\:order-2) { order: 2; } #pernigotti :is(.lg\:-mx-10) { margin-left: -2.5rem; margin-right: -2.5rem; } #pernigotti :is(.lg\:-mx-20) { margin-left: -5rem; margin-right: -5rem; } #pernigotti :is(.lg\:mx-10) { margin-left: 2.5rem; margin-right: 2.5rem; } #pernigotti :is(.lg\:mx-auto) { margin-left: auto; margin-right: auto; } #pernigotti :is(.lg\:my-10) { margin-top: 2.5rem; margin-bottom: 2.5rem; } #pernigotti :is(.lg\:my-8) { margin-top: 2rem; margin-bottom: 2rem; } #pernigotti :is(.lg\:-mb-32) { margin-bottom: -8rem; } #pernigotti :is(.lg\:mb-0) { margin-bottom: 0px; } #pernigotti :is(.lg\:ml-0) { margin-left: 0px; } #pernigotti :is(.lg\:mr-5) { margin-right: 1.25rem; } #pernigotti :is(.lg\:mt-0) { margin-top: 0px; } #pernigotti :is(.lg\:mt-4) { margin-top: 1rem; } #pernigotti :is(.lg\:mt-8) { margin-top: 2rem; } #pernigotti :is(.lg\:block) { display: block; } #pernigotti :is(.lg\:inline-block) { display: inline-block; } #pernigotti :is(.lg\:flex) { display: flex; } #pernigotti :is(.lg\:hidden) { display: none; } #pernigotti :is(.lg\:h-32) { height: 8rem; } #pernigotti :is(.lg\:h-80) { height: 20rem; } #pernigotti :is(.lg\:h-\[25vh\]) { height: 25vh; } #pernigotti :is(.lg\:h-\[45vh\]) { height: 45vh; } #pernigotti :is(.lg\:h-\[500px\]) { height: 500px; } #pernigotti :is(.lg\:h-full) { height: 100%; } #pernigotti :is(.lg\:max-h-96) { max-height: 24rem; } #pernigotti :is(.lg\:w-1\/12) { width: 8.333333%; } #pernigotti :is(.lg\:w-1\/2) { width: 50%; } #pernigotti :is(.lg\:w-1\/3) { width: 33.333333%; } #pernigotti :is(.lg\:w-11\/12) { width: 91.666667%; } #pernigotti :is(.lg\:w-2\/12) { width: 16.666667%; } #pernigotti :is(.lg\:w-2\/5) { width: 40%; } #pernigotti :is(.lg\:w-3\/12) { width: 25%; } #pernigotti :is(.lg\:w-3\/5) { width: 60%; } #pernigotti :is(.lg\:w-32) { width: 8rem; } #pernigotti :is(.lg\:w-4) { width: 1rem; } #pernigotti :is(.lg\:w-4\/12) { width: 33.333333%; } #pernigotti :is(.lg\:w-52) { width: 13rem; } #pernigotti :is(.lg\:w-6\/12) { width: 50%; } #pernigotti :is(.lg\:w-7\/12) { width: 58.333333%; } #pernigotti :is(.lg\:w-8\/12) { width: 66.666667%; } #pernigotti :is(.lg\:w-9\/12) { width: 75%; } #pernigotti :is(.lg\:w-auto) { width: auto; } #pernigotti :is(.lg\:w-full) { width: 100%; } #pernigotti :is(.lg\:max-w-4xl) { max-width: 56rem; } #pernigotti :is(.lg\:max-w-\[35\%\]) { max-width: 35%; } #pernigotti :is(.lg\:max-w-\[80\%\]) { max-width: 80%; } #pernigotti :is(.lg\:translate-y-1\/2) { --tw-translate-y: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } #pernigotti :is(.lg\:flex-row) { flex-direction: row; } #pernigotti :is(.lg\:flex-col) { flex-direction: column; } #pernigotti :is(.lg\:flex-nowrap) { flex-wrap: nowrap; } #pernigotti :is(.lg\:items-end) { align-items: flex-end; } #pernigotti :is(.lg\:justify-center) { justify-content: center; } #pernigotti :is(.lg\:p-16) { padding: 4rem; } #pernigotti :is(.lg\:px-10) { padding-left: 2.5rem; padding-right: 2.5rem; } #pernigotti :is(.lg\:py-10) { padding-top: 2.5rem; padding-bottom: 2.5rem; } #pernigotti :is(.lg\:py-16) { padding-top: 4rem; padding-bottom: 4rem; } #pernigotti :is(.lg\:py-20) { padding-top: 5rem; padding-bottom: 5rem; } #pernigotti :is(.lg\:py-32) { padding-top: 8rem; padding-bottom: 8rem; } #pernigotti :is(.lg\:py-4) { padding-top: 1rem; padding-bottom: 1rem; } #pernigotti :is(.lg\:pb-10) { padding-bottom: 2.5rem; } #pernigotti :is(.lg\:pb-12) { padding-bottom: 3rem; } #pernigotti :is(.lg\:pb-16) { padding-bottom: 4rem; } #pernigotti :is(.lg\:pb-20) { padding-bottom: 5rem; } #pernigotti :is(.lg\:pb-32) { padding-bottom: 8rem; } #pernigotti :is(.lg\:pt-10) { padding-top: 2.5rem; } #pernigotti :is(.lg\:pt-24) { padding-top: 6rem; } #pernigotti :is(.lg\:pt-32) { padding-top: 8rem; } #pernigotti :is(.lg\:pt-36) { padding-top: 9rem; } #pernigotti :is(.lg\:pt-40) { padding-top: 10rem; } #pernigotti :is(.lg\:text-3xl) { font-size: 1.875rem; line-height: 2.25rem; } #pernigotti :is(.lg\:text-5xl) { font-size: 3rem; line-height: 1; } #pernigotti :is(.lg\:text-lg) { font-size: 1.125rem; line-height: 1.75rem; } }