*, ::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: ui-sans-serif, system-ui, 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; } /** * Swiper 11.2.8 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: May 23, 2025 */ @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:#007aff} :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;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,.15)} .swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(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,.5),rgba(0,0,0,0))} .swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(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,.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)}} .marquee { overflow: hidden; display: flex; width: 100%; } .marquee.marquee-left .marquee-inner { animation: marquee-left 5s linear infinite; } .marquee.marquee-right .marquee-inner { animation: marquee-right 5s linear infinite; } .marquee-inner { flex-shrink: 0; display: flex; align-items: center; width: -moz-fit-content; width: fit-content; will-change: transform; } .marquee-content { display: inline-block; white-space: nowrap; } @keyframes marquee-left { 0% { transform: translate3d(0, 0, 0); } 100% { transform: translate3d(-100%, 0, 0); } } @keyframes marquee-right { 0% { transform: translate3d(-100%, 0, 0); } 100% { transform: translate3d(0%, 0, 0); } } body[data-barba] { font-family: helvetica-neue-lt-pro, Segoe UI, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; --tw-text-opacity: 1; color: rgb(23 23 23 / var(--tw-text-opacity, 1)); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizelegibility; } img { display: block; height: auto; width: 100%; max-width: none; border-style: none; } img:not([src]) { visibility: hidden; } picture { display: block; } video { width: 100%; } * { box-sizing: border-box; } html { scroll-behavior: smooth; } * { scroll-margin-top: 50px; } .clip-path-divider { clip-path: url("#divider-clip-path"); } .clip-path-break { clip-path: url("#clip-path-break"); } .default-transition { transition: all 0.8s cubic-bezier(0.68, -0.01, 0, 0.99); } /* splitting */ .splitting .word { display: inline-flex; white-space: nowrap; } .splitting .char { display: inline-block; } [data-split-text]:not(.is-ready) { visibility: hidden; } [data-in-view="lines-fade"].in-view .word { --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 1; } @keyframes hover-underline { 0% { background-position: right; background-size: 100% 100%; } 50% { background-position: right; background-size: 0% 100%; } 50.1% { background-size: 0% 100%; background-position: left; } 100% { background-position: left; background-size: 100% 100%; } } .heading-asgaard-hero { font-family: Asgaard, Segoe UI, Helvetica Neue, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-weight: 400; text-transform: lowercase; letter-spacing: -0.0625rem; font-size: 4.25rem; line-height: 2.625rem; } .heading-asgaard-hero::before { display: table; --tw-content: ''; content: var(--tw-content); } .heading-asgaard-hero::after { display: table; --tw-content: ''; content: var(--tw-content); } .heading-asgaard-hero::before { content: var(--tw-content); margin-bottom: -0.05em; } .heading-asgaard-hero::after { content: var(--tw-content); margin-top: -0.07em; } .heading-asgaard-2xl { font-family: Asgaard, Segoe UI, Helvetica Neue, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-weight: 400; text-transform: lowercase; letter-spacing: -0.0625rem; font-size: 4.625rem; line-height: 2.8125rem; } @media (min-width: 560px) { .heading-asgaard-2xl { font-size: 7.15625rem; line-height: 4.375rem; } } @media (min-width: 1025px) { .heading-asgaard-2xl { font-size: 9.6875rem; line-height: 5.9375rem; } } .heading-asgaard-2xl::before { display: table; --tw-content: ''; content: var(--tw-content); } .heading-asgaard-2xl::after { display: table; --tw-content: ''; content: var(--tw-content); } .heading-asgaard-2xl::before { content: var(--tw-content); margin-bottom: -0.045em; } .heading-asgaard-2xl::after { content: var(--tw-content); margin-top: -0.032em; } @media (min-width: 560px) { .heading-asgaard-2xl::before { content: var(--tw-content); margin-bottom: -0.055em; } .heading-asgaard-2xl::after { content: var(--tw-content); margin-top: -0.040em; } } @media (min-width: 1025px) { .heading-asgaard-2xl::before { content: var(--tw-content); margin-bottom: -0.060em; } .heading-asgaard-2xl::after { content: var(--tw-content); margin-top: -0.045em; } } .heading-asgaard-xl { font-family: Asgaard, Segoe UI, Helvetica Neue, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-weight: 400; text-transform: lowercase; letter-spacing: -0.0625rem; font-size: 4.25rem; line-height: 2.625rem; } @media (min-width: 560px) { .heading-asgaard-xl { font-size: 5.25rem; line-height: 3.1875rem; } } @media (min-width: 1025px) { .heading-asgaard-xl { font-size: 6.25rem; line-height: 3.75rem; } } .heading-asgaard-xl::before { display: table; --tw-content: ''; content: var(--tw-content); } .heading-asgaard-xl::after { display: table; --tw-content: ''; content: var(--tw-content); } .heading-asgaard-xl::before { content: var(--tw-content); margin-bottom: -0.062em; } .heading-asgaard-xl::after { content: var(--tw-content); margin-top: -0.047em; } @media (min-width: 560px) { .heading-asgaard-xl::before { content: var(--tw-content); margin-bottom: -0.052em; } .heading-asgaard-xl::after { content: var(--tw-content); margin-top: -0.035em; } } @media (min-width: 1025px) { .heading-asgaard-xl::before { content: var(--tw-content); margin-bottom: -0.054em; } .heading-asgaard-xl::after { content: var(--tw-content); margin-top: -0.03em; } } .heading-asgaard-lg { font-family: Asgaard, Segoe UI, Helvetica Neue, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-weight: 400; text-transform: lowercase; letter-spacing: -0.03125rem; font-size: 3.25rem; line-height: 2rem; } @media (min-width: 560px) { .heading-asgaard-lg { font-size: 4.125rem; line-height: 2.5625rem; } } @media (min-width: 1025px) { .heading-asgaard-lg { font-size: 5rem; line-height: 3.125rem; letter-spacing: -0.0625rem; } } .heading-asgaard-lg::before { display: table; --tw-content: ''; content: var(--tw-content); } .heading-asgaard-lg::after { display: table; --tw-content: ''; content: var(--tw-content); } .heading-asgaard-lg::before { content: var(--tw-content); margin-bottom: -0.052em; } .heading-asgaard-lg::after { content: var(--tw-content); margin-top: -0.037em; } @media (min-width: 560px) { .heading-asgaard-lg::before { content: var(--tw-content); margin-bottom: -0.0566em; } .heading-asgaard-lg::after { content: var(--tw-content); margin-top: -0.038em; } } @media (min-width: 1025px) { .heading-asgaard-lg::before { content: var(--tw-content); margin-bottom: -0.0725em; } .heading-asgaard-lg::after { content: var(--tw-content); margin-top: -0.045em; } } .heading-asgaard-md { font-family: Asgaard, Segoe UI, Helvetica Neue, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-weight: 400; text-transform: lowercase; letter-spacing: -0.03125rem; font-size: 2.375rem; line-height: 1.75rem; } @media (min-width: 560px) { .heading-asgaard-md { font-size: 2.6875rem; line-height: 1.875rem; } } @media (min-width: 1025px) { .heading-asgaard-md { font-size: 3rem; line-height: 2rem; letter-spacing: -0.0625rem; } } .heading-asgaard-md::before { display: table; --tw-content: ''; content: var(--tw-content); } .heading-asgaard-md::after { display: table; --tw-content: ''; content: var(--tw-content); } .heading-asgaard-md::before { content: var(--tw-content); margin-bottom: -0.106em; } .heading-asgaard-md::after { content: var(--tw-content); margin-top: -0.088em; } @media (min-width: 560px) { .heading-asgaard-md::before { content: var(--tw-content); margin-bottom: -0.0966em; } .heading-asgaard-md::after { content: var(--tw-content); margin-top: -0.078em; } } @media (min-width: 1025px) { .heading-asgaard-md::before { content: var(--tw-content); margin-bottom: -0.0925em; } .heading-asgaard-md::after { content: var(--tw-content); margin-top: -0.059em; } } .heading-asgaard-sm { font-family: Asgaard, Segoe UI, Helvetica Neue, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-weight: 400; text-transform: lowercase; letter-spacing: -0.03125rem; font-size: 2.125rem; line-height: 1.5rem; } @media (min-width: 560px) { .heading-asgaard-sm { font-size: 2.1875rem; line-height: 1.5625rem; } } @media (min-width: 1025px) { .heading-asgaard-sm { font-size: 2.25rem; line-height: 1.625rem; } } .heading-asgaard-sm::before { display: table; --tw-content: ''; content: var(--tw-content); } .heading-asgaard-sm::after { display: table; --tw-content: ''; content: var(--tw-content); } .heading-asgaard-sm::before { content: var(--tw-content); margin-bottom: -0.106em; } .heading-asgaard-sm::after { content: var(--tw-content); margin-top: -0.068em; } @media (min-width: 560px) { .heading-asgaard-sm::before { content: var(--tw-content); margin-bottom: -0.0966em; } .heading-asgaard-sm::after { content: var(--tw-content); margin-top: -0.078em; } } @media (min-width: 1025px) { .heading-asgaard-sm::before { content: var(--tw-content); margin-bottom: -0.103em; } .heading-asgaard-sm::after { content: var(--tw-content); margin-top: -0.059em; } } .heading-asgaard-xs { font-family: Asgaard, Segoe UI, Helvetica Neue, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-weight: 400; text-transform: lowercase; letter-spacing: -0.03125rem; font-size: 1.75rem; line-height: 1.25rem; } @media (min-width: 560px) { .heading-asgaard-xs { font-size: 1.8125rem; } } @media (min-width: 1025px) { .heading-asgaard-xs { font-size: 1.875rem; } } .heading-asgaard-xs::before { display: table; --tw-content: ''; content: var(--tw-content); } .heading-asgaard-xs::after { display: table; --tw-content: ''; content: var(--tw-content); } .heading-asgaard-xs::before { content: var(--tw-content); margin-bottom: -0.0895em; } .heading-asgaard-xs::after { content: var(--tw-content); margin-top: -0.068em; } @media (min-width: 560px) { .heading-asgaard-xs::before { content: var(--tw-content); margin-bottom: -0.0766em; } .heading-asgaard-xs::after { content: var(--tw-content); margin-top: -0.078em; } } @media (min-width: 1025px) { .heading-asgaard-xs::before { content: var(--tw-content); margin-bottom: -0.0623em; } .heading-asgaard-xs::after { content: var(--tw-content); margin-top: -0.048em; } } .btn-asgaard { font-family: Asgaard, Segoe UI, Helvetica Neue, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-size: 1.25rem; font-weight: 400; text-transform: lowercase; line-height: 1.5rem; letter-spacing: 0.0625rem; } .btn-asgaard::before { display: table; --tw-content: ''; content: var(--tw-content); } .btn-asgaard::after { display: table; --tw-content: ''; content: var(--tw-content); } .btn-asgaard::before { content: var(--tw-content); margin-bottom: -0.25em; } .btn-asgaard::after { content: var(--tw-content); margin-top: -0.26em; } .heading-asgaard-timeline { font-family: Asgaard, Segoe UI, Helvetica Neue, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-size: 10.875rem; text-transform: lowercase; line-height: 6.375rem; letter-spacing: -0.07044rem; --tw-text-opacity: 1; color: rgb(227 30 46 / var(--tw-text-opacity, 1)); } @media (min-width: 560px) { .heading-asgaard-timeline { font-size: 13.4375rem; } } @media (min-width: 1025px) { .heading-asgaard-timeline { font-size: 25rem; line-height: 14.6875rem; letter-spacing: -0.16181rem; } } .heading-helvetica-lg { font-family: helvetica-neue-lt-pro, Segoe UI, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-weight: 400; font-size: 2rem; line-height: 2.375rem; } @media (min-width: 560px) { .heading-helvetica-lg { font-size: 2.25rem; line-height: 2.75rem; } } @media (min-width: 1025px) { .heading-helvetica-lg { font-size: 2.5rem; line-height: 3.125rem; } } .copy-helvetica-md { font-family: helvetica-neue-lt-pro, Segoe UI, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-weight: 400; letter-spacing: 0.03125rem; font-size: 1rem; line-height: 1.375rem; } .copy-helvetica-sm { font-family: helvetica-neue-lt-pro, Segoe UI, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-weight: 400; letter-spacing: 0.03125rem; font-size: 0.875rem; line-height: 1.25rem; } .copy-helvetica-xs { font-family: helvetica-neue-lt-pro, Segoe UI, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-weight: 400; letter-spacing: 0.03125rem; font-size: 0.75rem; line-height: 1rem; } .tag-helvetica { font-family: helvetica-neue-lt-pro, Segoe UI, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 0.0625rem; font-size: 0.75rem; line-height: 1.25rem; } .wysiwyg p { font-family: helvetica-neue-lt-pro, Segoe UI, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-weight: 400; letter-spacing: 0.03125rem; font-size: 1rem; line-height: 1.375rem; } .wysiwyg h1 { font-family: Asgaard, Segoe UI, Helvetica Neue, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-weight: 400; text-transform: lowercase; letter-spacing: -0.0625rem; font-size: 4.625rem; line-height: 2.8125rem; } @media (min-width: 560px) { .wysiwyg h1 { font-size: 7.15625rem; line-height: 4.375rem; } } @media (min-width: 1025px) { .wysiwyg h1 { font-size: 9.6875rem; line-height: 5.9375rem; } } .wysiwyg h1::before { display: table; --tw-content: ''; content: var(--tw-content); } .wysiwyg h1::after { display: table; --tw-content: ''; content: var(--tw-content); } .wysiwyg h1::before { content: var(--tw-content); margin-bottom: -0.045em; } .wysiwyg h1::after { content: var(--tw-content); margin-top: -0.032em; } @media (min-width: 560px) { .wysiwyg h1::before { content: var(--tw-content); margin-bottom: -0.055em; } .wysiwyg h1::after { content: var(--tw-content); margin-top: -0.040em; } } @media (min-width: 1025px) { .wysiwyg h1::before { content: var(--tw-content); margin-bottom: -0.060em; } .wysiwyg h1::after { content: var(--tw-content); margin-top: -0.045em; } } .wysiwyg h2 { font-family: Asgaard, Segoe UI, Helvetica Neue, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-weight: 400; text-transform: lowercase; letter-spacing: -0.0625rem; font-size: 4.25rem; line-height: 2.625rem; } @media (min-width: 560px) { .wysiwyg h2 { font-size: 5.25rem; line-height: 3.1875rem; } } @media (min-width: 1025px) { .wysiwyg h2 { font-size: 6.25rem; line-height: 3.75rem; } } .wysiwyg h2::before { display: table; --tw-content: ''; content: var(--tw-content); } .wysiwyg h2::after { display: table; --tw-content: ''; content: var(--tw-content); } .wysiwyg h2::before { content: var(--tw-content); margin-bottom: -0.062em; } .wysiwyg h2::after { content: var(--tw-content); margin-top: -0.047em; } @media (min-width: 560px) { .wysiwyg h2::before { content: var(--tw-content); margin-bottom: -0.052em; } .wysiwyg h2::after { content: var(--tw-content); margin-top: -0.035em; } } @media (min-width: 1025px) { .wysiwyg h2::before { content: var(--tw-content); margin-bottom: -0.054em; } .wysiwyg h2::after { content: var(--tw-content); margin-top: -0.03em; } } .wysiwyg h3 { font-family: Asgaard, Segoe UI, Helvetica Neue, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-weight: 400; text-transform: lowercase; letter-spacing: -0.03125rem; font-size: 3.25rem; line-height: 2rem; } @media (min-width: 560px) { .wysiwyg h3 { font-size: 4.125rem; line-height: 2.5625rem; } } @media (min-width: 1025px) { .wysiwyg h3 { font-size: 5rem; line-height: 3.125rem; letter-spacing: -0.0625rem; } } .wysiwyg h3::before { display: table; --tw-content: ''; content: var(--tw-content); } .wysiwyg h3::after { display: table; --tw-content: ''; content: var(--tw-content); } .wysiwyg h3::before { content: var(--tw-content); margin-bottom: -0.052em; } .wysiwyg h3::after { content: var(--tw-content); margin-top: -0.037em; } @media (min-width: 560px) { .wysiwyg h3::before { content: var(--tw-content); margin-bottom: -0.0566em; } .wysiwyg h3::after { content: var(--tw-content); margin-top: -0.038em; } } @media (min-width: 1025px) { .wysiwyg h3::before { content: var(--tw-content); margin-bottom: -0.0725em; } .wysiwyg h3::after { content: var(--tw-content); margin-top: -0.045em; } } .wysiwyg h4 { font-family: Asgaard, Segoe UI, Helvetica Neue, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-weight: 400; text-transform: lowercase; letter-spacing: -0.03125rem; font-size: 2.375rem; line-height: 1.75rem; } @media (min-width: 560px) { .wysiwyg h4 { font-size: 2.6875rem; line-height: 1.875rem; } } @media (min-width: 1025px) { .wysiwyg h4 { font-size: 3rem; line-height: 2rem; letter-spacing: -0.0625rem; } } .wysiwyg h4::before { display: table; --tw-content: ''; content: var(--tw-content); } .wysiwyg h4::after { display: table; --tw-content: ''; content: var(--tw-content); } .wysiwyg h4::before { content: var(--tw-content); margin-bottom: -0.106em; } .wysiwyg h4::after { content: var(--tw-content); margin-top: -0.088em; } @media (min-width: 560px) { .wysiwyg h4::before { content: var(--tw-content); margin-bottom: -0.0966em; } .wysiwyg h4::after { content: var(--tw-content); margin-top: -0.078em; } } @media (min-width: 1025px) { .wysiwyg h4::before { content: var(--tw-content); margin-bottom: -0.0925em; } .wysiwyg h4::after { content: var(--tw-content); margin-top: -0.059em; } } .wysiwyg h5 { font-family: Asgaard, Segoe UI, Helvetica Neue, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-weight: 400; text-transform: lowercase; letter-spacing: -0.03125rem; font-size: 2.125rem; line-height: 1.5rem; } @media (min-width: 560px) { .wysiwyg h5 { font-size: 2.1875rem; line-height: 1.5625rem; } } @media (min-width: 1025px) { .wysiwyg h5 { font-size: 2.25rem; line-height: 1.625rem; } } .wysiwyg h5::before { display: table; --tw-content: ''; content: var(--tw-content); } .wysiwyg h5::after { display: table; --tw-content: ''; content: var(--tw-content); } .wysiwyg h5::before { content: var(--tw-content); margin-bottom: -0.106em; } .wysiwyg h5::after { content: var(--tw-content); margin-top: -0.068em; } @media (min-width: 560px) { .wysiwyg h5::before { content: var(--tw-content); margin-bottom: -0.0966em; } .wysiwyg h5::after { content: var(--tw-content); margin-top: -0.078em; } } @media (min-width: 1025px) { .wysiwyg h5::before { content: var(--tw-content); margin-bottom: -0.103em; } .wysiwyg h5::after { content: var(--tw-content); margin-top: -0.059em; } } .wysiwyg h6 { font-family: Asgaard, Segoe UI, Helvetica Neue, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-weight: 400; text-transform: lowercase; letter-spacing: -0.03125rem; font-size: 1.75rem; line-height: 1.25rem; } @media (min-width: 560px) { .wysiwyg h6 { font-size: 1.8125rem; } } @media (min-width: 1025px) { .wysiwyg h6 { font-size: 1.875rem; } } .wysiwyg h6::before { display: table; --tw-content: ''; content: var(--tw-content); } .wysiwyg h6::after { display: table; --tw-content: ''; content: var(--tw-content); } .wysiwyg h6::before { content: var(--tw-content); margin-bottom: -0.0895em; } .wysiwyg h6::after { content: var(--tw-content); margin-top: -0.068em; } @media (min-width: 560px) { .wysiwyg h6::before { content: var(--tw-content); margin-bottom: -0.0766em; } .wysiwyg h6::after { content: var(--tw-content); margin-top: -0.078em; } } @media (min-width: 1025px) { .wysiwyg h6::before { content: var(--tw-content); margin-bottom: -0.0623em; } .wysiwyg h6::after { content: var(--tw-content); margin-top: -0.048em; } } .wysiwyg a { text-decoration-line: underline; } .wysiwyg ul { list-style-type: disc; } .wysiwyg ol { list-style-type: decimal; } @media (min-width: 560px) { .wysiwyg blockquote { margin-left: 30px; } } @media (min-width: 1025px) { .wysiwyg blockquote { margin-left: 60px; margin-right: 115px; } } .wysiwyg blockquote p { font-family: Asgaard, Segoe UI, Helvetica Neue, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-weight: 400; text-transform: lowercase; letter-spacing: -0.03125rem; font-size: 2.375rem; line-height: 1.75rem; } @media (min-width: 560px) { .wysiwyg blockquote p { font-size: 2.6875rem; line-height: 1.875rem; } } @media (min-width: 1025px) { .wysiwyg blockquote p { font-size: 3rem; line-height: 2rem; letter-spacing: -0.0625rem; } } .wysiwyg blockquote p::before { display: table; --tw-content: ''; content: var(--tw-content); } .wysiwyg blockquote p::after { display: table; --tw-content: ''; content: var(--tw-content); } .wysiwyg blockquote p::before { content: var(--tw-content); margin-bottom: -0.106em; } .wysiwyg blockquote p::after { content: var(--tw-content); margin-top: -0.088em; } @media (min-width: 560px) { .wysiwyg blockquote p::before { content: var(--tw-content); margin-bottom: -0.0966em; } .wysiwyg blockquote p::after { content: var(--tw-content); margin-top: -0.078em; } } @media (min-width: 1025px) { .wysiwyg blockquote p::before { content: var(--tw-content); margin-bottom: -0.0925em; } .wysiwyg blockquote p::after { content: var(--tw-content); margin-top: -0.059em; } } .wysiwyg blockquote p { padding-bottom: 15px; } @media (min-width: 560px) { .wysiwyg blockquote p { padding-bottom: 20px; } } .wysiwyg blockquote cite { font-family: helvetica-neue-lt-pro, Segoe UI, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-weight: 400; letter-spacing: 0.03125rem; font-size: 0.875rem; line-height: 1.25rem; display: block; border-top-width: 1px; --tw-border-opacity: 1; border-color: rgb(224 224 224 / var(--tw-border-opacity, 1)); padding-top: 20px; text-transform: uppercase; font-style: normal; --tw-text-opacity: 1; color: rgb(227 30 46 / var(--tw-text-opacity, 1)); } .wysiwyg hr { border-top-width: 1px; --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity, 1)); } .wysiwyg strong { font-weight: 700; } /* Spacing */ .wysiwyg > * + * { margin-top: 60px; } .wysiwyg p + p { margin-top: 20px; } .wysiwyg p + ul, .wysiwyg p + ol { margin-top: 20px; } .wysiwyg h1 + *, .wysiwyg h2 + *, .wysiwyg h3 + * { margin-top: 40px; } .wysiwyg h4 + *, .wysiwyg h5 + *, .wysiwyg h6 + * { margin-top: 20px; } .wysiwyg * + h1, .wysiwyg * + h2, .wysiwyg * + h3, .wysiwyg * + h4, .wysiwyg * + h5, .wysiwyg * + h6 { margin-top: 60px; } .wysiwyg * + hr { margin-top: 10px; } .wysiwyg img + figcaption { font-family: helvetica-neue-lt-pro, Segoe UI, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-weight: 400; letter-spacing: 0.03125rem; font-size: 0.875rem; line-height: 1.25rem; margin-top: 15px; } .wysiwyg ul, .wysiwyg ol { padding-left: 20px; } @media (min-width: 1025px) { .wysiwyg ul, .wysiwyg ol { padding-left: 30px; } } .wysiwyg ul, .wysiwyg ol { display: flex; flex-direction: column; row-gap: 20px; } .form-checkbox { -moz-appearance: none; appearance: none; -webkit-appearance: none; position: relative; height: 20px; width: 20px; cursor: pointer; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(106 106 106 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1)); } .form-checkbox:checked::after { position: absolute; left: 7px; top: 3px; height: 10px; width: 5px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); --tw-content: ''; content: var(--tw-content); border-width: 0 2px 2px 0; transform: rotate(45deg); } .form-checkbox--red { --tw-border-opacity: 1; border-color: rgb(227 30 46 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(227 30 46 / var(--tw-bg-opacity, 1)); } .shared-sliderNavigation.light .shared-sliderNavigation__btn:disabled { --tw-border-opacity: 1; border-color: rgb(224 224 224 / var(--tw-border-opacity, 1)); } .shared-sliderNavigation.light .shared-sliderNavigation__btn:disabled span { --tw-bg-opacity: 1; background-color: rgb(224 224 224 / var(--tw-bg-opacity, 1)); } .shared-sliderNavigation.dark .shared-sliderNavigation__btn:disabled { --tw-border-opacity: 1; border-color: rgb(47 47 50 / var(--tw-border-opacity, 1)); } .shared-sliderNavigation.dark .shared-sliderNavigation__btn:disabled span { --tw-bg-opacity: 1; background-color: rgb(47 47 50 / var(--tw-bg-opacity, 1)); } .shared-mapGraphic { position: relative; } .shared-mapGraphic__tab { transition: all 0.8s cubic-bezier(0.68, -0.01, 0, 0.99); font-family: Asgaard, Segoe UI, Helvetica Neue, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-size: 1.25rem; font-weight: 400; text-transform: lowercase; line-height: 1.5rem; letter-spacing: 0.0625rem; } .shared-mapGraphic__tab::before { display: table; --tw-content: ''; content: var(--tw-content); } .shared-mapGraphic__tab::after { display: table; --tw-content: ''; content: var(--tw-content); } .shared-mapGraphic__tab::before { content: var(--tw-content); margin-bottom: -0.25em; } .shared-mapGraphic__tab::after { content: var(--tw-content); margin-top: -0.26em; } .shared-mapGraphic__tab { cursor: pointer; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(106 106 106 / var(--tw-border-opacity, 1)); background-color: transparent; padding: 15px; padding-top: 10px; padding-bottom: 10px; --tw-text-opacity: 1; color: rgb(106 106 106 / var(--tw-text-opacity, 1)); } .shared-mapGraphic__tab:hover { --tw-border-opacity: 1; border-color: rgb(250 250 250 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(23 23 23 / var(--tw-text-opacity, 1)); } .shared-mapGraphic__tab.active { pointer-events: none; --tw-border-opacity: 1; border-color: rgb(250 250 250 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(23 23 23 / var(--tw-text-opacity, 1)); } .shared-mapGraphic__map { visibility: hidden; position: absolute; inset: 0px; opacity: 0; } .shared-mapGraphic__map.active { visibility: visible; position: relative; opacity: 1; } .shared-mapGraphic__description { visibility: hidden; position: absolute; display: flex; width: 100%; align-items: center; justify-content: space-between; row-gap: 60px; -moz-column-gap: 20px; column-gap: 20px; opacity: 0; } @media (max-width: 559px) { .shared-mapGraphic__description { flex-direction: column; } } .shared-mapGraphic__description.active { visibility: visible; display: flex; opacity: 1; } .shared-timeline .shared-timeline__sliderDate { position: absolute; bottom: -40px; text-align: center; } @media (min-width: 560px) { .shared-timeline .shared-timeline__sliderDate { left: 0px; right: 0px; bottom: 0px; } } @media (max-width: 559px) { .shared-timeline .shared-timeline__sliderDate { right: 0px; } } .shared-timeline .shared-timeline__buttonSlides.swiper-slide-thumb-active { --tw-text-opacity: 1; color: rgb(227 30 46 / var(--tw-text-opacity, 1)); } .shared-productsTabsOne .shared-productsTabsOne__tab { transition: all 0.8s cubic-bezier(0.68, -0.01, 0, 0.99); font-family: Asgaard, Segoe UI, Helvetica Neue, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-weight: 400; text-transform: lowercase; letter-spacing: -0.03125rem; font-size: 2.125rem; line-height: 1.5rem; } @media (min-width: 560px) { .shared-productsTabsOne .shared-productsTabsOne__tab { font-size: 2.1875rem; line-height: 1.5625rem; } } @media (min-width: 1025px) { .shared-productsTabsOne .shared-productsTabsOne__tab { font-size: 2.25rem; line-height: 1.625rem; } } .shared-productsTabsOne .shared-productsTabsOne__tab::before { display: table; --tw-content: ''; content: var(--tw-content); } .shared-productsTabsOne .shared-productsTabsOne__tab::after { display: table; --tw-content: ''; content: var(--tw-content); } .shared-productsTabsOne .shared-productsTabsOne__tab::before { content: var(--tw-content); margin-bottom: -0.106em; } .shared-productsTabsOne .shared-productsTabsOne__tab::after { content: var(--tw-content); margin-top: -0.068em; } @media (min-width: 560px) { .shared-productsTabsOne .shared-productsTabsOne__tab::before { content: var(--tw-content); margin-bottom: -0.0966em; } .shared-productsTabsOne .shared-productsTabsOne__tab::after { content: var(--tw-content); margin-top: -0.078em; } } @media (min-width: 1025px) { .shared-productsTabsOne .shared-productsTabsOne__tab::before { content: var(--tw-content); margin-bottom: -0.103em; } .shared-productsTabsOne .shared-productsTabsOne__tab::after { content: var(--tw-content); margin-top: -0.059em; } } .shared-productsTabsOne .shared-productsTabsOne__tab { display: flex; align-items: center; justify-content: space-between; --tw-text-opacity: 1; color: rgb(250 250 250 / var(--tw-text-opacity, 1)); } .shared-productsTabsOne .shared-productsTabsOne__tab span { transition: all 0.8s cubic-bezier(0.68, -0.01, 0, 0.99); display: block; height: 9px; width: 9px; flex-shrink: 0; --tw-rotate: 45deg; 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)); border-width: 2px; --tw-border-opacity: 1; border-color: rgb(250 250 250 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1)); } .shared-productsTabsOne .shared-productsTabsOne__tab.active { --tw-text-opacity: 1; color: rgb(227 30 46 / var(--tw-text-opacity, 1)); } .shared-productsTabsOne .shared-productsTabsOne__tab.active span { --tw-border-opacity: 1; border-color: rgb(227 30 46 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(227 30 46 / var(--tw-bg-opacity, 1)); } .shared-productsTabsOne .shared-productsTabsOne__tab:hover { --tw-text-opacity: 1; color: rgb(227 30 46 / var(--tw-text-opacity, 1)); } .shared-productsTabsOne .shared-productsTabsOne__tab:hover span { --tw-rotate: 225deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-border-opacity: 1; border-color: rgb(227 30 46 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(227 30 46 / var(--tw-bg-opacity, 1)); } .swiper-pagination.light .swiper-pagination-bullet { --tw-border-opacity: 1; border-color: rgb(224 224 224 / var(--tw-border-opacity, 1)); } .swiper-pagination.dark .swiper-pagination-bullet { --tw-border-opacity: 1; border-color: rgb(47 47 50 / var(--tw-border-opacity, 1)); } .shared-pagination { display: flex; align-items: center; justify-content: center; -moz-column-gap: 5px; column-gap: 5px; } .shared-pagination__item { display: flex; align-items: center; justify-content: center; border-radius: 3px; padding-top: 7px; padding-bottom: 7px; padding-left: 11px; padding-right: 11px; --tw-text-opacity: 1; color: rgb(250 250 250 / var(--tw-text-opacity, 1)); } .shared-pagination__item:disabled { cursor: not-allowed; --tw-text-opacity: 1; color: rgb(106 106 106 / var(--tw-text-opacity, 1)); } .shared-pagination__itemLinks span { font-family: Asgaard, Segoe UI, Helvetica Neue, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-size: 1.25rem; font-weight: 400; text-transform: lowercase; line-height: 1.5rem; letter-spacing: 0.0625rem; } .shared-pagination__itemLinks span::before { display: table; --tw-content: ''; content: var(--tw-content); } .shared-pagination__itemLinks span::after { display: table; --tw-content: ''; content: var(--tw-content); } .shared-pagination__itemLinks span::before { content: var(--tw-content); margin-bottom: -0.25em; } .shared-pagination__itemLinks span::after { content: var(--tw-content); margin-top: -0.26em; } .shared-pagination__itemPrevious, .shared-pagination__itemNext, .shared-pagination__itemLinks { transition: all 0.8s cubic-bezier(0.68, -0.01, 0, 0.99); } .shared-pagination__itemPrevious:hover, .shared-pagination__itemNext:hover, .shared-pagination__itemLinks:hover { --tw-text-opacity: 1; color: rgb(227 30 46 / var(--tw-text-opacity, 1)); } .shared-pagination__item.active { --tw-bg-opacity: 1; background-color: rgb(227 30 46 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(250 250 250 / var(--tw-text-opacity, 1)); } .shared-faqFilters__item { transition: all 0.8s cubic-bezier(0.68, -0.01, 0, 0.99); font-family: Asgaard, Segoe UI, Helvetica Neue, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-size: 1.25rem; font-weight: 400; text-transform: lowercase; line-height: 1.5rem; letter-spacing: 0.0625rem; } .shared-faqFilters__item::before { display: table; --tw-content: ''; content: var(--tw-content); } .shared-faqFilters__item::after { display: table; --tw-content: ''; content: var(--tw-content); } .shared-faqFilters__item::before { content: var(--tw-content); margin-bottom: -0.25em; } .shared-faqFilters__item::after { content: var(--tw-content); margin-top: -0.26em; } .shared-faqFilters__item { border-radius: 1px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(224 224 224 / var(--tw-border-opacity, 1)); padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 10px; --tw-text-opacity: 1; color: rgb(106 106 106 / var(--tw-text-opacity, 1)); } .shared-faqFilters__item:has(.shared-faqFilters__category:checked) { --tw-border-opacity: 1; border-color: rgb(224 224 224 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(224 224 224 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(23 23 23 / var(--tw-text-opacity, 1)); } .shared-faqFilters__category { position: absolute; inset: 0px; opacity: 0; } .btn-block { display: inline-flex; width: -moz-fit-content; width: fit-content; border-width: 1px; } .btn-block__inner { position: relative; margin: 5px; display: flex; width: 100%; align-items: center; justify-content: space-between; -moz-column-gap: 10px; column-gap: 10px; padding-left: 15px; padding-right: 15px; padding-top: 16px; padding-bottom: 16px; } .btn-block--compact .btn-block__inner { padding-top: 11px; padding-bottom: 11px; } .btn-block__label { position: relative; display: block; overflow: hidden; } .btn-block__labelInner { transition: all 0.8s cubic-bezier(0.68, -0.01, 0, 0.99); font-family: Asgaard, Segoe UI, Helvetica Neue, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-size: 1.25rem; font-weight: 400; text-transform: lowercase; line-height: 1.5rem; letter-spacing: 0.0625rem; } .btn-block__labelInner::before { display: table; --tw-content: ''; content: var(--tw-content); } .btn-block__labelInner::after { display: table; --tw-content: ''; content: var(--tw-content); } .btn-block__labelInner::before { content: var(--tw-content); margin-bottom: -0.25em; } .btn-block__labelInner::after { content: var(--tw-content); margin-top: -0.26em; } .btn-block__labelInner { display: block; } .btn-block__labelInnerTwo { transition: all 0.8s cubic-bezier(0.68, -0.01, 0, 0.99); font-family: Asgaard, Segoe UI, Helvetica Neue, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-size: 1.25rem; font-weight: 400; text-transform: lowercase; line-height: 1.5rem; letter-spacing: 0.0625rem; } .btn-block__labelInnerTwo::before { display: table; --tw-content: ''; content: var(--tw-content); } .btn-block__labelInnerTwo::after { display: table; --tw-content: ''; content: var(--tw-content); } .btn-block__labelInnerTwo::before { content: var(--tw-content); margin-bottom: -0.25em; } .btn-block__labelInnerTwo::after { content: var(--tw-content); margin-top: -0.26em; } .btn-block__labelInnerTwo { position: absolute; inset: 0px; display: block; height: 100%; width: 100%; --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)); } .btn-block__icon { transition: all 0.8s cubic-bezier(0.68, -0.01, 0, 0.99); width: 10px; } .btn-block:hover .btn-block__icon { --tw-rotate: 180deg; 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)); } .btn-block:hover .btn-block__labelInner { --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)); } .btn-block:hover .btn-block__labelInnerTwo { --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)); } .btn-block--red { --tw-border-opacity: 1; border-color: rgb(227 30 46 / var(--tw-border-opacity, 1)); } .btn-block--red .btn-block__inner { --tw-bg-opacity: 1; background-color: rgb(227 30 46 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .btn-block--white .btn-block__inner { --tw-bg-opacity: 1; background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .btn-block--grey .btn-block__inner { --tw-bg-opacity: 1; background-color: rgb(224 224 224 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(47 47 50 / var(--tw-text-opacity, 1)); } .btn-block--grey-300 { --tw-border-opacity: 1; border-color: rgb(47 47 50 / var(--tw-border-opacity, 1)); } .btn-block--grey-300 .btn-block__inner { --tw-bg-opacity: 1; background-color: rgb(47 47 50 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(250 250 250 / var(--tw-text-opacity, 1)); } .btn-block--transparent { border-color: transparent; } .btn-block--transparent .btn-block__inner { background-color: transparent; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .btn-block[aria-disabled="true"], .btn-block[disabled] { cursor: not-allowed; --tw-border-opacity: 1; border-color: rgb(224 224 224 / var(--tw-border-opacity, 1)); } .btn-block[aria-disabled="true"] .btn-block__inner, .btn-block[disabled] .btn-block__inner { cursor: not-allowed; --tw-bg-opacity: 1; background-color: rgb(224 224 224 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(250 250 250 / var(--tw-text-opacity, 1)); } .btn-block[aria-disabled="true"] .btn-block__inner:hover, .btn-block[aria-disabled="true"] .btn-block__inner:focus, .btn-block[disabled] .btn-block__inner:hover, .btn-block[disabled] .btn-block__inner:focus { --tw-bg-opacity: 1; background-color: rgb(224 224 224 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .btn-text { display: inline-flex; width: -moz-fit-content; width: fit-content; } .btn-text__inner { position: relative; width: 100%; } .btn-text__label { position: relative; display: block; overflow: hidden; } .btn-text__labelInner { transition: all 0.8s cubic-bezier(0.68, -0.01, 0, 0.99); font-family: Asgaard, Segoe UI, Helvetica Neue, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-size: 1.25rem; font-weight: 400; text-transform: lowercase; line-height: 1.5rem; letter-spacing: 0.0625rem; } .btn-text__labelInner::before { display: table; --tw-content: ''; content: var(--tw-content); } .btn-text__labelInner::after { display: table; --tw-content: ''; content: var(--tw-content); } .btn-text__labelInner::before { content: var(--tw-content); margin-bottom: -0.25em; } .btn-text__labelInner::after { content: var(--tw-content); margin-top: -0.26em; } .btn-text__labelInner { display: block; } .btn-text__labelInnerTwo { transition: all 0.8s cubic-bezier(0.68, -0.01, 0, 0.99); font-family: Asgaard, Segoe UI, Helvetica Neue, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-size: 1.25rem; font-weight: 400; text-transform: lowercase; line-height: 1.5rem; letter-spacing: 0.0625rem; } .btn-text__labelInnerTwo::before { display: table; --tw-content: ''; content: var(--tw-content); } .btn-text__labelInnerTwo::after { display: table; --tw-content: ''; content: var(--tw-content); } .btn-text__labelInnerTwo::before { content: var(--tw-content); margin-bottom: -0.25em; } .btn-text__labelInnerTwo::after { content: var(--tw-content); margin-top: -0.26em; } .btn-text__labelInnerTwo { position: absolute; inset: 0px; display: block; height: 100%; width: 100%; --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)); } .btn-text:hover .btn-text__labelInner { --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)); } .btn-text:hover .btn-text__labelInnerTwo { --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)); } .btn-text--red .btn-text__inner { --tw-text-opacity: 1; color: rgb(227 30 46 / var(--tw-text-opacity, 1)); } .btn-text--white .btn-text__inner { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .btn-text--grey .btn-text__inner { --tw-text-opacity: 1; color: rgb(106 106 106 / var(--tw-text-opacity, 1)); } .btn-text[aria-disabled="true"], .btn-text[disabled] { cursor: not-allowed; } .btn-text[aria-disabled="true"] .btn-text__inner, .btn-text[disabled] .btn-text__inner { cursor: not-allowed; --tw-text-opacity: 1; color: rgb(106 106 106 / var(--tw-text-opacity, 1)); } .btn-text[aria-disabled="true"] .btn-text__inner:hover, .btn-text[aria-disabled="true"] .btn-text__inner:focus, .btn-text[disabled] .btn-text__inner:hover, .btn-text[disabled] .btn-text__inner:focus { --tw-text-opacity: 1; color: rgb(106 106 106 / var(--tw-text-opacity, 1)); } .container { margin-left: auto; margin-right: auto; width: 100%; max-width: 1440px; padding-left: 20px; padding-right: 20px; } @media (min-width: 560px) { .container { padding-left: 30px; padding-right: 30px; } } @media (min-width: 1025px) { .container { padding-left: 40px; padding-right: 40px; } } .row { margin-left: -6px; margin-right: -6px; } @media (min-width: 560px) { .row { margin-left: -8px; margin-right: -8px; } } @media (min-width: 1025px) { .row { margin-left: -10px; margin-right: -10px; } } .column { padding-left: 6px; padding-right: 6px; } @media (min-width: 560px) { .column { padding-left: 8px; padding-right: 8px; } } @media (min-width: 1025px) { .column { padding-left: 10px; padding-right: 10px; } } .newsEvents-filters__item { transition: all 0.8s cubic-bezier(0.68, -0.01, 0, 0.99); font-family: Asgaard, Segoe UI, Helvetica Neue, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-size: 1.25rem; font-weight: 400; text-transform: lowercase; line-height: 1.5rem; letter-spacing: 0.0625rem; } .newsEvents-filters__item::before { display: table; --tw-content: ''; content: var(--tw-content); } .newsEvents-filters__item::after { display: table; --tw-content: ''; content: var(--tw-content); } .newsEvents-filters__item::before { content: var(--tw-content); margin-bottom: -0.25em; } .newsEvents-filters__item::after { content: var(--tw-content); margin-top: -0.26em; } .newsEvents-filters__item { border-radius: 1px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(47 47 50 / var(--tw-border-opacity, 1)); padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 10px; --tw-text-opacity: 1; color: rgb(106 106 106 / var(--tw-text-opacity, 1)); } .newsEvents-filters__item:has(.newsEvents-filters__category:checked) { --tw-border-opacity: 1; border-color: rgb(224 224 224 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(224 224 224 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(23 23 23 / var(--tw-text-opacity, 1)); } .newsEvents-filters__category { position: absolute; inset: 0px; opacity: 0; } .newsEvents-filters__sort { font-family: helvetica-neue-lt-pro, Segoe UI, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-weight: 400; letter-spacing: 0.03125rem; font-size: 1rem; line-height: 1.375rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(224 224 224 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1)); padding-top: 5px; padding-bottom: 5px; padding-right: 30px; --tw-text-opacity: 1; color: rgb(250 250 250 / var(--tw-text-opacity, 1)); } @media (min-width: 560px) { .newsEvents-filters__sort { padding-right: 60px; } } .newsEvents-filters__sort { background-size: 12px 7px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' viewBox='0 0 13 9' transform='rotate(180)'%3E%3Cpath d='m6.5.625 6.495 7.5-6.495-3-6.495 3L6.5.625Z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right center; } .newsEvents-filters__sort:focus { outline: 2px solid transparent; outline-offset: 2px; } .product-form__flavour { position: relative; display: flex; aspect-ratio: 1 / 1; width: 80px; align-items: center; justify-content: center; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(224 224 224 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding: 10px; } .product-form__flavour:has(.product-form__flavourInput:checked) { border-width: 2px; --tw-border-opacity: 1; border-color: rgb(227 30 46 / var(--tw-border-opacity, 1)); } .product-form__flavourInput { position: absolute; inset: 0px; z-index: 20; cursor: pointer; opacity: 0; } .product-form__size { position: relative; display: flex; align-items: center; justify-content: center; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(224 224 224 / var(--tw-border-opacity, 1)); padding: 10px; } .product-form__size:has(.product-form__sizeInput:checked) { --tw-border-opacity: 1; border-color: rgb(23 23 23 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(250 250 250 / var(--tw-text-opacity, 1)); } .product-form__sizeInput { position: absolute; inset: 0px; z-index: 20; cursor: pointer; opacity: 0; } .product-form__quantity { width: 65px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(224 224 224 / var(--tw-border-opacity, 1)); background-color: transparent; padding-top: 10px; padding-bottom: 10px; padding-left: 23px; } .product-form__quantityInput { width: 100%; background-color: transparent; } .product-form__quantityInput:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .product-form__quantityControl { display: flex; height: 45px; width: 45px; align-items: center; justify-content: center; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(224 224 224 / var(--tw-border-opacity, 1)); padding: 10px; } .account-menu__item { font-family: Asgaard, Segoe UI, Helvetica Neue, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-weight: 400; text-transform: lowercase; letter-spacing: -0.03125rem; font-size: 1.75rem; line-height: 1.25rem; } @media (min-width: 560px) { .account-menu__item { font-size: 1.8125rem; } } @media (min-width: 1025px) { .account-menu__item { font-size: 1.875rem; } } .account-menu__item::before { display: table; --tw-content: ''; content: var(--tw-content); } .account-menu__item::after { display: table; --tw-content: ''; content: var(--tw-content); } .account-menu__item::before { content: var(--tw-content); margin-bottom: -0.0895em; } .account-menu__item::after { content: var(--tw-content); margin-top: -0.068em; } @media (min-width: 560px) { .account-menu__item::before { content: var(--tw-content); margin-bottom: -0.0766em; } .account-menu__item::after { content: var(--tw-content); margin-top: -0.078em; } } @media (min-width: 1025px) { .account-menu__item::before { content: var(--tw-content); margin-bottom: -0.0623em; } .account-menu__item::after { content: var(--tw-content); margin-top: -0.048em; } } .account-menu__link { /* hover underline */ position: relative; } .account-menu__link::after { transition: all 0.8s cubic-bezier(0.68, -0.01, 0, 0.99); position: absolute; left: 0px; right: 0px; bottom: 2px; height: 2px; width: 100%; transform-origin: left; --tw-scale-x: 0; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-bg-opacity: 1; background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1)); --tw-content: ''; content: var(--tw-content); } .account-menu__link:hover::after { --tw-scale-x: 1; 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)); } .account-menu__link.active { text-decoration-line: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; } @media (max-width: 559px) { .account-menu__link.active { --tw-text-opacity: 1; color: rgb(227 30 46 / var(--tw-text-opacity, 1)); } } @font-face { font-family: "Asgaard"; src: url("../fonts/asgaard/asgaard-regular.woff2") format("woff2"), url("../fonts/asgaard/asgaard-regular.woff") format("woff"); font-weight: 400; font-display: swap; font-style: normal; } .form-input { width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-overflow: ellipsis; border-radius: 0px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(106 106 106 / var(--tw-border-opacity, 1)); background-color: transparent; padding: 15px; font-family: helvetica-neue-lt-pro, Segoe UI, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-size: 0.875rem; font-weight: 400; line-height: 1; letter-spacing: 0.03125rem; } .form-input::-moz-placeholder { color: currentColor; opacity: 0.6; } .form-input::placeholder { color: currentColor; opacity: 0.6; } .form-input:focus { --tw-border-opacity: 1; border-color: rgb(227 30 46 / var(--tw-border-opacity, 1)); outline: 2px solid transparent; outline-offset: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .form-input--grey { --tw-border-opacity: 1; border-color: rgb(224 224 224 / var(--tw-border-opacity, 1)); } .form-input--grey:focus { --tw-border-opacity: 1; border-color: rgb(23 23 23 / var(--tw-border-opacity, 1)); } .form-select { width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-overflow: ellipsis; border-radius: 0px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(106 106 106 / var(--tw-border-opacity, 1)); background-color: transparent; padding: 15px; font-family: helvetica-neue-lt-pro, Segoe UI, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-size: 0.875rem; font-weight: 400; line-height: 1; letter-spacing: 0.03125rem; } .form-select::-moz-placeholder { color: currentColor; opacity: 0.6; } .form-select::placeholder { color: currentColor; opacity: 0.6; } .form-select:focus { --tw-border-opacity: 1; border-color: rgb(227 30 46 / var(--tw-border-opacity, 1)); outline: 2px solid transparent; outline-offset: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .form-select { background-size: 12px 7px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%236A6A6A' viewBox='0 0 13 9' transform='rotate(180)'%3E%3Cpath d='m6.5.625 6.495 7.5-6.495-3-6.495 3L6.5.625Z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 15px center; } .form-textarea { height: 120px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-overflow: ellipsis; border-radius: 0px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(106 106 106 / var(--tw-border-opacity, 1)); background-color: transparent; padding: 15px; font-family: helvetica-neue-lt-pro, Segoe UI, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-size: 0.875rem; font-weight: 400; line-height: 1; letter-spacing: 0.03125rem; } .form-textarea::-moz-placeholder { color: currentColor; opacity: 0.6; } .form-textarea::placeholder { color: currentColor; opacity: 0.6; } .form-textarea:focus { --tw-border-opacity: 1; border-color: rgb(227 30 46 / var(--tw-border-opacity, 1)); outline: 2px solid transparent; outline-offset: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .form-label { display: block; } .form-radio { height: 20px; width: 20px; accent-color: black; } .form-radio:active, .form-radio:focus { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); --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); outline: 2px solid transparent; outline-offset: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); --tw-ring-offset-width: 0px; } .form-radio:checked, .form-radio:checked:hover, .form-radio:checked:focus { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } .form-radio[aria-disabled='true'], .form-radio[disabled] { cursor: not-allowed; --tw-border-opacity: 1; border-color: rgb(202 206 215 / var(--tw-border-opacity, 1)); } .site-footer { } .site-footer__menu ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; -moz-column-gap: 30px; column-gap: 30px; row-gap: 15px; } .site-footer__menu li a { transition: all 0.8s cubic-bezier(0.68, -0.01, 0, 0.99); font-family: helvetica-neue-lt-pro, Segoe UI, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-weight: 400; letter-spacing: 0.03125rem; font-size: 0.875rem; line-height: 1.25rem; pointer-events: auto; --tw-text-opacity: 1; color: rgb(250 250 250 / var(--tw-text-opacity, 1)); } .site-footer__menu li a:hover { --tw-text-opacity: 1; color: rgb(23 23 23 / var(--tw-text-opacity, 1)); } .site-footer__mask { -webkit-mask-image: linear-gradient(to right, black 70%, transparent 100%), linear-gradient(to top, black 60%, transparent 100%), linear-gradient(to bottom, black 80%, transparent 100%); mask-image: linear-gradient(to right, black 70%, transparent 100%), linear-gradient(to top, black 60%, transparent 100%), linear-gradient(to bottom, black 80%, transparent 100%); mask-composite: intersect; -webkit-mask-composite: destination-in; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .site-header { } .site-header__primaryMenuLink { align-items: center; justify-content: space-between; -moz-column-gap: 10px; column-gap: 10px; } @media (max-width: 1024px) { .site-header__primaryMenuLink { display: flex; } } .site-header__primaryMenuLink span { transition: all 0.8s cubic-bezier(0.68, -0.01, 0, 0.99); font-family: Asgaard, Segoe UI, Helvetica Neue, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-weight: 400; text-transform: lowercase; letter-spacing: -0.03125rem; font-size: 3.25rem; line-height: 2rem; } @media (min-width: 560px) { .site-header__primaryMenuLink span { font-size: 4.125rem; line-height: 2.5625rem; } } @media (min-width: 1025px) { .site-header__primaryMenuLink span { font-size: 5rem; line-height: 3.125rem; letter-spacing: -0.0625rem; } } .site-header__primaryMenuLink span::before { display: table; --tw-content: ''; content: var(--tw-content); } .site-header__primaryMenuLink span::after { display: table; --tw-content: ''; content: var(--tw-content); } .site-header__primaryMenuLink span::before { content: var(--tw-content); margin-bottom: -0.052em; } .site-header__primaryMenuLink span::after { content: var(--tw-content); margin-top: -0.037em; } @media (min-width: 560px) { .site-header__primaryMenuLink span::before { content: var(--tw-content); margin-bottom: -0.0566em; } .site-header__primaryMenuLink span::after { content: var(--tw-content); margin-top: -0.038em; } } @media (min-width: 1025px) { .site-header__primaryMenuLink span::before { content: var(--tw-content); margin-bottom: -0.0725em; } .site-header__primaryMenuLink span::after { content: var(--tw-content); margin-top: -0.045em; } } .site-header__primaryMenuLink span { pointer-events: auto; display: block; --tw-text-opacity: 1; color: rgb(250 250 250 / var(--tw-text-opacity, 1)); } @media (min-width: 560px) { .site-header__primaryMenuLink span { font-family: Asgaard, Segoe UI, Helvetica Neue, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-weight: 400; text-transform: lowercase; letter-spacing: -0.03125rem; font-size: 2.375rem; line-height: 1.75rem; } @media (min-width: 560px) { .site-header__primaryMenuLink span { font-size: 2.6875rem; line-height: 1.875rem; } } @media (min-width: 1025px) { .site-header__primaryMenuLink span { font-size: 3rem; line-height: 2rem; letter-spacing: -0.0625rem; } } .site-header__primaryMenuLink span::before { display: table; --tw-content: ''; content: var(--tw-content); } .site-header__primaryMenuLink span::after { display: table; --tw-content: ''; content: var(--tw-content); } .site-header__primaryMenuLink span::before { content: var(--tw-content); margin-bottom: -0.106em; } .site-header__primaryMenuLink span::after { content: var(--tw-content); margin-top: -0.088em; } @media (min-width: 560px) { .site-header__primaryMenuLink span::before { content: var(--tw-content); margin-bottom: -0.0966em; } .site-header__primaryMenuLink span::after { content: var(--tw-content); margin-top: -0.078em; } } @media (min-width: 1025px) { .site-header__primaryMenuLink span::before { content: var(--tw-content); margin-bottom: -0.0925em; } .site-header__primaryMenuLink span::after { content: var(--tw-content); margin-top: -0.059em; } } } @media (min-width: 1025px) { .site-header__primaryMenuLink span { font-family: Asgaard, Segoe UI, Helvetica Neue, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-weight: 400; text-transform: lowercase; letter-spacing: -0.03125rem; font-size: 1.75rem; line-height: 1.25rem; } @media (min-width: 560px) { .site-header__primaryMenuLink span { font-size: 1.8125rem; } } @media (min-width: 1025px) { .site-header__primaryMenuLink span { font-size: 1.875rem; } } .site-header__primaryMenuLink span::before { display: table; --tw-content: ''; content: var(--tw-content); } .site-header__primaryMenuLink span::after { display: table; --tw-content: ''; content: var(--tw-content); } .site-header__primaryMenuLink span::before { content: var(--tw-content); margin-bottom: -0.0895em; } .site-header__primaryMenuLink span::after { content: var(--tw-content); margin-top: -0.068em; } @media (min-width: 560px) { .site-header__primaryMenuLink span::before { content: var(--tw-content); margin-bottom: -0.0766em; } .site-header__primaryMenuLink span::after { content: var(--tw-content); margin-top: -0.078em; } } @media (min-width: 1025px) { .site-header__primaryMenuLink span::before { content: var(--tw-content); margin-bottom: -0.0623em; } .site-header__primaryMenuLink span::after { content: var(--tw-content); margin-top: -0.048em; } } } .site-header__primaryMenuLink span:hover { --tw-text-opacity: 1; color: rgb(227 30 46 / var(--tw-text-opacity, 1)); } .site-header__secondaryMenuLink { transition: all 0.8s cubic-bezier(0.68, -0.01, 0, 0.99); pointer-events: auto; display: block; width: -moz-fit-content; width: fit-content; --tw-text-opacity: 1; color: rgb(250 250 250 / var(--tw-text-opacity, 1)); } @media (min-width: 1025px) { .site-header__secondaryMenuLink { font-family: helvetica-neue-lt-pro, Segoe UI, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-weight: 400; letter-spacing: 0.03125rem; font-size: 0.75rem; line-height: 1rem; } } @media (max-width: 1024px) { .site-header__secondaryMenuLink { font-family: Asgaard, Segoe UI, Helvetica Neue, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-weight: 400; text-transform: lowercase; letter-spacing: -0.03125rem; font-size: 2.125rem; line-height: 1.5rem; } @media (min-width: 560px) { .site-header__secondaryMenuLink { font-size: 2.1875rem; line-height: 1.5625rem; } } @media (min-width: 1025px) { .site-header__secondaryMenuLink { font-size: 2.25rem; line-height: 1.625rem; } } .site-header__secondaryMenuLink::before { display: table; --tw-content: ''; content: var(--tw-content); } .site-header__secondaryMenuLink::after { display: table; --tw-content: ''; content: var(--tw-content); } .site-header__secondaryMenuLink::before { content: var(--tw-content); margin-bottom: -0.106em; } .site-header__secondaryMenuLink::after { content: var(--tw-content); margin-top: -0.068em; } @media (min-width: 560px) { .site-header__secondaryMenuLink::before { content: var(--tw-content); margin-bottom: -0.0966em; } .site-header__secondaryMenuLink::after { content: var(--tw-content); margin-top: -0.078em; } } @media (min-width: 1025px) { .site-header__secondaryMenuLink::before { content: var(--tw-content); margin-bottom: -0.103em; } .site-header__secondaryMenuLink::after { content: var(--tw-content); margin-top: -0.059em; } } } .site-header__secondaryMenuLink:hover { --tw-text-opacity: 1; color: rgb(227 30 46 / var(--tw-text-opacity, 1)); } .shared-menu--headerMobile ul { display: flex; flex-direction: column; row-gap: 15px; } .shared-menu--headerMobile li a { transition: all 0.8s cubic-bezier(0.68, -0.01, 0, 0.99); font-family: helvetica-neue-lt-pro, Segoe UI, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-weight: 400; letter-spacing: 0.03125rem; font-size: 1rem; line-height: 1.375rem; pointer-events: auto; --tw-text-opacity: 1; color: rgb(224 224 224 / var(--tw-text-opacity, 1)); } .shared-menu--headerMobile li a:hover { --tw-text-opacity: 1; color: rgb(227 30 46 / var(--tw-text-opacity, 1)); } /* Shared */ .swiper-pagination-progressbar { left: 0px; top: 0px; height: 2px; width: 100%; border-radius: 5px; --tw-bg-opacity: 1; background-color: rgb(47 47 50 / var(--tw-bg-opacity, 1)); text-align: center; transform: translate3d(0, 0, 0); } .swiper-pagination-progressbar-fill { position: absolute; left: 0px; top: 0px; height: 2px; width: 100%; transform-origin: top left; border-radius: 5px; background-color: rgb(227 30 46 / var(--tw-bg-opacity, 1)) !important; --tw-bg-opacity: 1; background-color: rgb(47 47 50 / var(--tw-bg-opacity, 1)); } .swiper-pagination-lock { display: none; } /* @layer components { .shared-imageContentFour__image { display: block; mask-composite: intersect; -webkit-mask-composite: destination-in; mask-repeat: no-repeat; mask-size: 100% 100%; mask-image: linear-gradient(to top, black 70%, transparent 100%), linear-gradient(to bottom, black 80%, transparent 100%); @screen xl { mask-image: linear-gradient(to left, black 80%, transparent 100%), linear-gradient(to top, black 70%, transparent 100%), linear-gradient(to bottom, black 80%, transparent 100%); } } } */ /* Btn */ .pointer-events-none { pointer-events: none; } .pointer-events-auto { pointer-events: auto; } .visible { visibility: visible; } .invisible { visibility: hidden; } .static { position: static; } .fixed { position: fixed; } .absolute { position: absolute; } .relative { position: relative; } .inset-0 { inset: 0px; } .inset-x-0 { left: 0px; right: 0px; } .inset-y-0 { top: 0px; bottom: 0px; } .-bottom-40 { bottom: -40px; } .-bottom-90 { bottom: -90px; } .-bottom-\[2px\] { bottom: -2px; } .-left-30 { left: -30px; } .-left-\[2px\] { left: -2px; } .-left-\[80px\] { left: -80px; } .-right-5 { right: -5px; } .-right-\[150px\] { right: -150px; } .-right-\[160px\] { right: -160px; } .-right-\[180px\] { right: -180px; } .-right-\[183px\] { right: -183px; } .-right-\[285px\] { right: -285px; } .-right-\[80px\] { right: -80px; } .-top-140 { top: -140px; } .-top-60 { top: -60px; } .bottom-0 { bottom: 0px; } .bottom-20 { bottom: 20px; } .bottom-50 { bottom: 50px; } .bottom-60 { bottom: 60px; } .bottom-80 { bottom: 80px; } .bottom-\[2px\] { bottom: 2px; } .bottom-\[50\%\] { bottom: 50%; } .left-0 { left: 0px; } .right-0 { right: 0px; } .right-15 { right: 15px; } .right-20 { right: 20px; } .top-0 { top: 0px; } .top-15 { top: 15px; } .top-150 { top: 150px; } .top-60 { top: 60px; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-40 { z-index: 40; } .z-50 { z-index: 50; } .z-\[50\] { z-index: 50; } .z-\[60\] { z-index: 60; } .z-\[70\] { z-index: 70; } .z-negative { z-index: -1; } .col-span-1 { grid-column: span 1 / span 1; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-4 { grid-column: span 4 / span 4; } .m-\[3px\] { margin: 3px; } .m-auto { margin: auto; } .mx-1\/12 { margin-left: 8.33333333%; margin-right: 8.33333333%; } .mx-auto { margin-left: auto; margin-right: auto; } .-mb-\[1px\] { margin-bottom: -1px; } .-mb-\[2px\] { margin-bottom: -2px; } .-ml-\[2px\] { margin-left: -2px; } .-mr-\[2px\] { margin-right: -2px; } .-mt-5 { margin-top: -5px; } .-mt-50 { margin-top: -50px; } .-mt-\[1px\] { margin-top: -1px; } .-mt-\[2px\] { margin-top: -2px; } .mb-10 { margin-bottom: 10px; } .mb-15 { margin-bottom: 15px; } .mb-20 { margin-bottom: 20px; } .mb-25 { margin-bottom: 25px; } .mb-30 { margin-bottom: 30px; } .mb-35 { margin-bottom: 35px; } .mb-40 { margin-bottom: 40px; } .mb-5 { margin-bottom: 5px; } .mb-50 { margin-bottom: 50px; } .mb-60 { margin-bottom: 60px; } .mb-75 { margin-bottom: 75px; } .mb-\[155px\] { margin-bottom: 155px; } .mb-\[20vh\] { margin-bottom: 20vh; } .ml-10 { margin-left: 10px; } .ml-20 { margin-left: 20px; } .mr-10 { margin-right: 10px; } .mr-\[8px\] { margin-right: 8px; } .mt-10 { margin-top: 10px; } .mt-15 { margin-top: 15px; } .mt-20 { margin-top: 20px; } .mt-25 { margin-top: 25px; } .mt-30 { margin-top: 30px; } .mt-35 { margin-top: 35px; } .mt-40 { margin-top: 40px; } .mt-5 { margin-top: 5px; } .mt-60 { margin-top: 60px; } .mt-70 { margin-top: 70px; } .mt-85 { margin-top: 85px; } .mt-\[230px\] { margin-top: 230px; } .mt-\[2px\] { margin-top: 2px; } .mt-\[8px\] { margin-top: 8px; } .line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .block { display: block; } .flex { display: flex; } .inline-flex { display: inline-flex; } .grid { display: grid; } .contents { display: contents; } .hidden { display: none; } .aspect-\[1131\/599\] { aspect-ratio: 1131/599; } .aspect-\[1440\/48\] { aspect-ratio: 1440/48; } .aspect-\[185\/67\] { aspect-ratio: 185/67; } .aspect-\[325\/574\] { aspect-ratio: 325/574; } .aspect-\[335\/435\] { aspect-ratio: 335/435; } .aspect-\[374\/548\] { aspect-ratio: 374/548; } .aspect-\[414\/539\] { aspect-ratio: 414/539; } .aspect-\[440\/245\] { aspect-ratio: 440/245; } .aspect-\[480\/362\] { aspect-ratio: 480/362; } .aspect-\[499\/669\] { aspect-ratio: 499/669; } .aspect-\[562\/374\] { aspect-ratio: 562/374; } .aspect-\[670\/595\] { aspect-ratio: 670/595; } .aspect-square { aspect-ratio: 1 / 1; } .aspect-video { aspect-ratio: 16 / 9; } .h-0 { height: 0px; } .h-1 { height: 1px; } .h-10 { height: 10px; } .h-115 { height: 115px; } .h-15 { height: 15px; } .h-20 { height: 20px; } .h-30 { height: 30px; } .h-35 { height: 35px; } .h-40 { height: 40px; } .h-50 { height: 50px; } .h-6\/12 { height: 50%; } .h-7\/12 { height: 58.33333333%; } .h-\[15\%\] { height: 15%; } .h-\[180px\] { height: 180px; } .h-\[20\%\] { height: 20%; } .h-\[200px\] { height: 200px; } .h-\[2px\] { height: 2px; } .h-\[30\%\] { height: 30%; } .h-\[40\%\] { height: 40%; } .h-\[430px\] { height: 430px; } .h-\[43px\] { height: 43px; } .h-\[480px\] { height: 480px; } .h-\[50\%\] { height: 50%; } .h-\[60\%\] { height: 60%; } .h-\[95px\] { height: 95px; } .h-\[9px\] { height: 9px; } .h-auto { height: auto; } .h-full { height: 100%; } .max-h-\[370px\] { max-height: 370px; } .max-h-\[810px\] { max-height: 810px; } .min-h-screen { min-height: 100vh; } .w-0 { width: 0px; } .w-1 { width: 1px; } .w-1\/12 { width: 8.333333%; } .w-10 { width: 10px; } .w-100 { width: 100px; } .w-120 { width: 120px; } .w-140 { width: 140px; } .w-15 { width: 15px; } .w-2\/12 { width: 16.666667%; } .w-20 { width: 20px; } .w-30 { width: 30px; } .w-35 { width: 35px; } .w-4\/12 { width: 33.333333%; } .w-40 { width: 40px; } .w-45 { width: 45px; } .w-5\/12 { width: 41.666667%; } .w-50 { width: 50px; } .w-6\/12 { width: 50%; } .w-65 { width: 65px; } .w-75 { width: 75px; } .w-85 { width: 85px; } .w-90 { width: 90px; } .w-\[10px\] { width: 10px; } .w-\[12px\] { width: 12px; } .w-\[13px\] { width: 13px; } .w-\[144px\] { width: 144px; } .w-\[18px\] { width: 18px; } .w-\[20\%\] { width: 20%; } .w-\[224px\] { width: 224px; } .w-\[227px\] { width: 227px; } .w-\[235px\] { width: 235px; } .w-\[236px\] { width: 236px; } .w-\[245px\] { width: 245px; } .w-\[290px\] { width: 290px; } .w-\[30\%\] { width: 30%; } .w-\[312px\] { width: 312px; } .w-\[315px\] { width: 315px; } .w-\[365px\] { width: 365px; } .w-\[387px\] { width: 387px; } .w-\[40\%\] { width: 40%; } .w-\[450px\] { width: 450px; } .w-\[680px\] { width: 680px; } .w-\[70\%\] { width: 70%; } .w-\[75\%\] { width: 75%; } .w-\[80px\] { width: 80px; } .w-\[90\%\] { width: 90%; } .w-\[95\%\] { width: 95%; } .w-\[9px\] { width: 9px; } .w-full { width: 100%; } .w-max { width: -moz-max-content; width: max-content; } .w-out-5\/12 { width: calc(50vw - 20%); } .min-w-\[110px\] { min-width: 110px; } .min-w-\[130px\] { min-width: 130px; } .min-w-\[180px\] { min-width: 180px; } .min-w-\[190px\] { min-width: 190px; } .max-w-\[110px\] { max-width: 110px; } .max-w-\[430px\] { max-width: 430px; } .max-w-\[515px\] { max-width: 515px; } .max-w-\[526px\] { max-width: 526px; } .max-w-full { max-width: 100%; } .flex-1 { flex: 1 1 0%; } .flex-shrink-0 { flex-shrink: 0; } .shrink-0 { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .grow { flex-grow: 1; } .-translate-x-full { --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-full { --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)); } .translate-y-0 { --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)); } .translate-y-30 { --tw-translate-y: 30px; 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)); } .translate-y-\[100\%\] { --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)); } .translate-y-\[120\%\] { --tw-translate-y: 120%; 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)); } .translate-y-\[50px\] { --tw-translate-y: 50px; 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)); } .translate-y-\[85px\] { --tw-translate-y: 85px; 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)); } .translate-y-full { --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)); } .rotate-180 { --tw-rotate: 180deg; 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)); } .rotate-45 { --tw-rotate: 45deg; 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)); } .rotate-90 { --tw-rotate: 90deg; 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)); } .rotate-\[-45deg\] { --tw-rotate: -45deg; 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)); } .rotate-\[-5deg\] { --tw-rotate: -5deg; 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)); } .rotate-\[5deg\] { --tw-rotate: 5deg; 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)); } .scale-0 { --tw-scale-x: 0; --tw-scale-y: 0; 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)); } .scale-105 { --tw-scale-x: 1.05; --tw-scale-y: 1.05; 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)); } .scale-x-\[-1\] { --tw-scale-x: -1; 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)); } .cursor-pointer { cursor: pointer; } .resize { resize: both; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .flex-col { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .items-start { align-items: flex-start; } .items-end { align-items: flex-end; } .items-center { align-items: center; } .justify-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .gap-10 { gap: 10px; } .gap-20 { gap: 20px; } .gap-25 { gap: 25px; } .gap-5 { gap: 5px; } .gap-\[6px\] { gap: 6px; } .gap-x-10 { -moz-column-gap: 10px; column-gap: 10px; } .gap-x-15 { -moz-column-gap: 15px; column-gap: 15px; } .gap-x-20 { -moz-column-gap: 20px; column-gap: 20px; } .gap-x-30 { -moz-column-gap: 30px; column-gap: 30px; } .gap-x-35 { -moz-column-gap: 35px; column-gap: 35px; } .gap-x-45 { -moz-column-gap: 45px; column-gap: 45px; } .gap-x-5 { -moz-column-gap: 5px; column-gap: 5px; } .gap-x-80 { -moz-column-gap: 80px; column-gap: 80px; } .gap-x-\[8px\] { -moz-column-gap: 8px; column-gap: 8px; } .gap-y-10 { row-gap: 10px; } .gap-y-20 { row-gap: 20px; } .gap-y-25 { row-gap: 25px; } .gap-y-30 { row-gap: 30px; } .gap-y-5 { row-gap: 5px; } .gap-y-50 { row-gap: 50px; } .gap-y-65 { row-gap: 65px; } .gap-y-80 { row-gap: 80px; } .space-y-20 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(20px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(20px * var(--tw-space-y-reverse)); } .self-center { align-self: center; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-y-scroll { overflow-y: scroll; } .text-nowrap { text-wrap: nowrap; } .rounded-\[10px\] { border-radius: 10px; } .rounded-\[5px\] { border-radius: 5px; } .rounded-full { border-radius: 9999px; } .rounded-md { border-radius: 0.375rem; } .border { border-width: 1px; } .border-\[2px\] { border-width: 2px; } .border-\[3px\] { border-width: 3px; } .border-b { border-bottom-width: 1px; } .border-t { border-top-width: 1px; } .border-t-0 { border-top-width: 0px; } .border-none { border-style: none; } .border-grey-100 { --tw-border-opacity: 1; border-color: rgb(224 224 224 / var(--tw-border-opacity, 1)); } .border-grey-200 { --tw-border-opacity: 1; border-color: rgb(106 106 106 / var(--tw-border-opacity, 1)); } .border-grey-300 { --tw-border-opacity: 1; border-color: rgb(47 47 50 / var(--tw-border-opacity, 1)); } .border-red { --tw-border-opacity: 1; border-color: rgb(227 30 46 / var(--tw-border-opacity, 1)); } .border-white { --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); } .border-white\/5 { border-color: rgb(255 255 255 / 0.05); } .bg-\[\#F2F2F2\] { --tw-bg-opacity: 1; background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1)); } .bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } .bg-black-100 { --tw-bg-opacity: 1; background-color: rgb(3 3 3 / var(--tw-bg-opacity, 1)); } .bg-black-200 { --tw-bg-opacity: 1; background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1)); } .bg-black-200\/20 { background-color: rgb(23 23 23 / 0.2); } .bg-black-200\/40 { background-color: rgb(23 23 23 / 0.4); } .bg-black-200\/50 { background-color: rgb(23 23 23 / 0.5); } .bg-black-200\/60 { background-color: rgb(23 23 23 / 0.6); } .bg-black\/50 { background-color: rgb(0 0 0 / 0.5); } .bg-grey-100 { --tw-bg-opacity: 1; background-color: rgb(224 224 224 / var(--tw-bg-opacity, 1)); } .bg-grey-200 { --tw-bg-opacity: 1; background-color: rgb(106 106 106 / var(--tw-bg-opacity, 1)); } .bg-grey-300 { --tw-bg-opacity: 1; background-color: rgb(47 47 50 / var(--tw-bg-opacity, 1)); } .bg-red { --tw-bg-opacity: 1; background-color: rgb(227 30 46 / var(--tw-bg-opacity, 1)); } .bg-red-200 { --tw-bg-opacity: 1; background-color: rgb(245 210 210 / var(--tw-bg-opacity, 1)); } .bg-transparent { background-color: transparent; } .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .bg-white-200 { --tw-bg-opacity: 1; background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1)); } .bg-\[linear-gradient\(117deg\2c \#171717_0\.52\%\2c rgba\(102\2c 102\2c 102\2c 0\)_66\.83\%\)\] { background-image: linear-gradient(117deg,#171717 0.52%,rgba(102,102,102,0) 66.83%); } .bg-\[url\(\.\.\/media\/pattern\.png\)\] { background-image: url(../media/pattern.png); } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); } .bg-gradient-to-bl { background-image: linear-gradient(to bottom left, var(--tw-gradient-stops)); } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)); } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)); } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)); } .from-black { --tw-gradient-from: #000000 var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-black-200 { --tw-gradient-from: #171717 var(--tw-gradient-from-position); --tw-gradient-to: rgb(23 23 23 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-transparent { --tw-gradient-from: transparent var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-white-200 { --tw-gradient-from: #FAFAFA var(--tw-gradient-from-position); --tw-gradient-to: rgb(250 250 250 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-0\% { --tw-gradient-from-position: 0%; } .from-10\% { --tw-gradient-from-position: 10%; } .to-black-200 { --tw-gradient-to: #171717 var(--tw-gradient-to-position); } .to-black-200\/80 { --tw-gradient-to: rgb(23 23 23 / 0.8) var(--tw-gradient-to-position); } .to-grey-300 { --tw-gradient-to: #2F2F32 var(--tw-gradient-to-position); } .to-red\/80 { --tw-gradient-to: rgb(227 30 46 / 0.8) var(--tw-gradient-to-position); } .to-transparent { --tw-gradient-to: transparent var(--tw-gradient-to-position); } .to-50\% { --tw-gradient-to-position: 50%; } .to-60\% { --tw-gradient-to-position: 60%; } .bg-repeat { background-repeat: repeat; } .object-contain { -o-object-fit: contain; object-fit: contain; } .object-cover { -o-object-fit: cover; object-fit: cover; } .object-bottom { -o-object-position: bottom; object-position: bottom; } .object-right { -o-object-position: right; object-position: right; } .p-15 { padding: 15px; } .p-20 { padding: 20px; } .p-30 { padding: 30px; } .p-5 { padding: 5px; } .p-\[3px\] { padding: 3px; } .p-\[8px\] { padding: 8px; } .px-10 { padding-left: 10px; padding-right: 10px; } .px-15 { padding-left: 15px; padding-right: 15px; } .px-20 { padding-left: 20px; padding-right: 20px; } .px-25 { padding-left: 25px; padding-right: 25px; } .px-30 { padding-left: 30px; padding-right: 30px; } .px-40 { padding-left: 40px; padding-right: 40px; } .px-5 { padding-left: 5px; padding-right: 5px; } .px-60 { padding-left: 60px; padding-right: 60px; } .px-\[10px\] { padding-left: 10px; padding-right: 10px; } .py-10 { padding-top: 10px; padding-bottom: 10px; } .py-15 { padding-top: 15px; padding-bottom: 15px; } .py-20 { padding-top: 20px; padding-bottom: 20px; } .py-25 { padding-top: 25px; padding-bottom: 25px; } .py-30 { padding-top: 30px; padding-bottom: 30px; } .py-40 { padding-top: 40px; padding-bottom: 40px; } .py-5 { padding-top: 5px; padding-bottom: 5px; } .py-60 { padding-top: 60px; padding-bottom: 60px; } .py-65 { padding-top: 65px; padding-bottom: 65px; } .py-80 { padding-top: 80px; padding-bottom: 80px; } .py-\[19px\] { padding-top: 19px; padding-bottom: 19px; } .pb-100 { padding-bottom: 100px; } .pb-110 { padding-bottom: 110px; } .pb-125 { padding-bottom: 125px; } .pb-140 { padding-bottom: 140px; } .pb-15 { padding-bottom: 15px; } .pb-20 { padding-bottom: 20px; } .pb-25 { padding-bottom: 25px; } .pb-30 { padding-bottom: 30px; } .pb-40 { padding-bottom: 40px; } .pb-5 { padding-bottom: 5px; } .pb-60 { padding-bottom: 60px; } .pb-65 { padding-bottom: 65px; } .pb-70 { padding-bottom: 70px; } .pb-80 { padding-bottom: 80px; } .pb-90 { padding-bottom: 90px; } .pb-\[200px\] { padding-bottom: 200px; } .pl-20 { padding-left: 20px; } .pl-\[2px\] { padding-left: 2px; } .pr-50 { padding-right: 50px; } .pt-110 { padding-top: 110px; } .pt-15 { padding-top: 15px; } .pt-20 { padding-top: 20px; } .pt-30 { padding-top: 30px; } .pt-35 { padding-top: 35px; } .pt-40 { padding-top: 40px; } .pt-5 { padding-top: 5px; } .pt-50 { padding-top: 50px; } .pt-60 { padding-top: 60px; } .pt-65 { padding-top: 65px; } .pt-70 { padding-top: 70px; } .pt-80 { padding-top: 80px; } .pt-85 { padding-top: 85px; } .pt-90 { padding-top: 90px; } .pt-95 { padding-top: 95px; } .pt-\[230px\] { padding-top: 230px; } .pt-\[7px\] { padding-top: 7px; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .font-bold { font-weight: 700; } .font-normal { font-weight: 400; } .uppercase { text-transform: uppercase; } .lowercase { text-transform: lowercase; } .normal-case { text-transform: none; } .not-italic { font-style: normal; } .text-black { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .text-black-200 { --tw-text-opacity: 1; color: rgb(23 23 23 / var(--tw-text-opacity, 1)); } .text-black-200\/70 { color: rgb(23 23 23 / 0.7); } .text-grey-100 { --tw-text-opacity: 1; color: rgb(224 224 224 / var(--tw-text-opacity, 1)); } .text-grey-200 { --tw-text-opacity: 1; color: rgb(106 106 106 / var(--tw-text-opacity, 1)); } .text-grey-300 { --tw-text-opacity: 1; color: rgb(47 47 50 / var(--tw-text-opacity, 1)); } .text-red { --tw-text-opacity: 1; color: rgb(227 30 46 / var(--tw-text-opacity, 1)); } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .text-white-200 { --tw-text-opacity: 1; color: rgb(250 250 250 / var(--tw-text-opacity, 1)); } .text-white-200\/70 { color: rgb(250 250 250 / 0.7); } .underline { text-decoration-line: underline; } .decoration-2 { text-decoration-thickness: 2px; } .underline-offset-2 { text-underline-offset: 2px; } .opacity-0 { opacity: 0; } .opacity-100 { opacity: 1; } .opacity-20 { opacity: 0.2; } .opacity-30 { opacity: 0.3; } .opacity-40 { opacity: 0.4; } .opacity-50 { opacity: 0.5; } .opacity-70 { opacity: 0.7; } .mix-blend-multiply { mix-blend-mode: multiply; } .shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .drop-shadow-\[0_4px_36\.1px_rgba\(0\2c 0\2c 0\2c 0\.75\)\] { --tw-drop-shadow: drop-shadow(0 4px 36.1px rgba(0,0,0,0.75)); 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); } .backdrop-blur-\[20px\] { --tw-backdrop-blur: blur(20px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .overflow-y-scroll { /* Smooth scrolling on IOS overflow containers */ overflow-y: scroll; -webkit-overflow-scrolling: touch; } .center-xy { /* Transform helpers */ position: absolute; top: 50%; left: 50%; --tw-translate-x: -50%; --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)); } .object-cover-absolute { /* Object cover helpers */ position: absolute; inset: 0px; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .out-container { /* Pulls an element outside the container and to the edge of the left & right of the screen */ position: relative; left: 50%; margin-left: -50vw; width: 100vw; padding-left: 0px; padding-right: 0px; } /* Expand link to cover element */ .btn-cover::before { content: ""; position: absolute; inset: 0px; z-index: 10; height: 100%; width: 100%; } /* Remove capsize margins */ /* Hide Scrollbar */ .header-offset { padding-top: 95px; } @media (min-width: 560px) { .header-offset { padding-top: 105px; } } @media (min-width: 1025px) { .header-offset { padding-top: 105px; } } .negative-header-offset { margin-top: -95px; } @media (min-width: 560px) { .negative-header-offset { margin-top: -105px; } } @media (min-width: 1025px) { .negative-header-offset { margin-top: -105px; } } .placeholder\:tag-helvetica::-moz-placeholder { font-family: helvetica-neue-lt-pro, Segoe UI, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 0.0625rem; font-size: 0.75rem; line-height: 1.25rem; } .placeholder\:tag-helvetica::placeholder { font-family: helvetica-neue-lt-pro, Segoe UI, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 0.0625rem; font-size: 0.75rem; line-height: 1.25rem; } @media (min-width: 1025px) { .xl\:heading-asgaard-lg { font-family: Asgaard, Segoe UI, Helvetica Neue, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, -apple-system, sans-serif; font-weight: 400; text-transform: lowercase; letter-spacing: -0.03125rem; font-size: 3.25rem; line-height: 2rem; } @media (min-width: 560px) { .xl\:heading-asgaard-lg { font-size: 4.125rem; line-height: 2.5625rem; } } @media (min-width: 1025px) { .xl\:heading-asgaard-lg { font-size: 5rem; line-height: 3.125rem; letter-spacing: -0.0625rem; } } .xl\:heading-asgaard-lg::before { display: table; --tw-content: ''; content: var(--tw-content); } .xl\:heading-asgaard-lg::after { display: table; --tw-content: ''; content: var(--tw-content); } .xl\:heading-asgaard-lg::before { content: var(--tw-content); margin-bottom: -0.052em; } .xl\:heading-asgaard-lg::after { content: var(--tw-content); margin-top: -0.037em; } @media (min-width: 560px) { .xl\:heading-asgaard-lg::before { content: var(--tw-content); margin-bottom: -0.0566em; } .xl\:heading-asgaard-lg::after { content: var(--tw-content); margin-top: -0.038em; } } @media (min-width: 1025px) { .xl\:heading-asgaard-lg::before { content: var(--tw-content); margin-bottom: -0.0725em; } .xl\:heading-asgaard-lg::after { content: var(--tw-content); margin-top: -0.045em; } } } @media (max-width: 559px) { .md-max\:container { margin-left: auto; margin-right: auto; width: 100%; max-width: 1440px; padding-left: 20px; padding-right: 20px; } @media (min-width: 560px) { .md-max\:container { padding-left: 30px; padding-right: 30px; } } @media (min-width: 1025px) { .md-max\:container { padding-left: 40px; padding-right: 40px; } } } @media (max-width: 1599px) { .\32xl-max\:heading-asgaard-timeline--responsive { font-size: calc(100vw / 375 * 174); letter-spacing: calc(100vw / 375 * -1.127); line-height: calc(100vw / 375 * 102); } @media (min-width: 560px) { .\32xl-max\:heading-asgaard-timeline--responsive { font-size: calc(100vw / 768 * 215); letter-spacing: calc(100vw / 768 * -1.9); line-height: calc(100vw / 768 * 102) } } @media (min-width: 1025px) { .\32xl-max\:heading-asgaard-timeline--responsive { font-size: calc(100vw / 1520 * 400); letter-spacing: calc(100vw / 1520 * -2.589); line-height: calc(100vw / 1520 * 235) } } } .placeholder\:font-normal::-moz-placeholder { font-weight: 400; } .placeholder\:font-normal::placeholder { font-weight: 400; } .hover\:border-red:hover { --tw-border-opacity: 1; border-color: rgb(227 30 46 / var(--tw-border-opacity, 1)); } .hover\:bg-red:hover { --tw-bg-opacity: 1; background-color: rgb(227 30 46 / var(--tw-bg-opacity, 1)); } .hover\:text-black:hover { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .hover\:text-red:hover { --tw-text-opacity: 1; color: rgb(227 30 46 / var(--tw-text-opacity, 1)); } .hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .hover\:text-white-200:hover { --tw-text-opacity: 1; color: rgb(250 250 250 / var(--tw-text-opacity, 1)); } .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; } .focus\:ring-0:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:border-grey-100:disabled { --tw-border-opacity: 1; border-color: rgb(224 224 224 / var(--tw-border-opacity, 1)); } .group:hover .group-hover\:scale-100 { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:hover .group-hover\:border-red { --tw-border-opacity: 1; border-color: rgb(227 30 46 / var(--tw-border-opacity, 1)); } .group:hover .group-hover\:bg-red { --tw-bg-opacity: 1; background-color: rgb(227 30 46 / var(--tw-bg-opacity, 1)); } .group:hover .group-hover\:text-red { --tw-text-opacity: 1; color: rgb(227 30 46 / var(--tw-text-opacity, 1)); } .group:enabled:hover .group-enabled\:group-hover\:translate-x-0 { --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)); } .group:enabled:hover .group-enabled\:group-hover\:translate-x-full { --tw-translate-x: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:disabled .group-disabled\:bg-grey-100 { --tw-bg-opacity: 1; background-color: rgb(224 224 224 / var(--tw-bg-opacity, 1)); } @media (min-width: 560px) { .md\:-left-30 { left: -30px; } .md\:-right-90 { right: -90px; } .md\:-right-\[170px\] { right: -170px; } .md\:-right-\[205px\] { right: -205px; } .md\:-right-\[285px\] { right: -285px; } .md\:-top-40 { top: -40px; } .md\:bottom-40 { bottom: 40px; } .md\:right-0 { right: 0px; } .md\:top-100 { top: 100px; } .md\:top-40 { top: 40px; } .md\:mx-1\/12 { margin-left: 8.33333333%; margin-right: 8.33333333%; } .md\:mx-35 { margin-left: 35px; margin-right: 35px; } .md\:mx-50 { margin-left: 50px; margin-right: 50px; } .md\:-mt-15 { margin-top: -15px; } .md\:-mt-30 { margin-top: -30px; } .md\:mb-100 { margin-bottom: 100px; } .md\:mb-15 { margin-bottom: 15px; } .md\:mb-25 { margin-bottom: 25px; } .md\:mb-30 { margin-bottom: 30px; } .md\:mb-35 { margin-bottom: 35px; } .md\:mb-40 { margin-bottom: 40px; } .md\:mb-50 { margin-bottom: 50px; } .md\:mb-90 { margin-bottom: 90px; } .md\:ml-1\/12 { margin-left: 8.33333333%; } .md\:ml-30 { margin-left: 30px; } .md\:ml-35 { margin-left: 35px; } .md\:ml-auto { margin-left: auto; } .md\:mr-1\/12 { margin-right: 8.33333333%; } .md\:mr-2\/12 { margin-right: 16.66666667%; } .md\:mt-100 { margin-top: 100px; } .md\:mt-15 { margin-top: 15px; } .md\:mt-25 { margin-top: 25px; } .md\:mt-30 { margin-top: 30px; } .md\:mt-35 { margin-top: 35px; } .md\:mt-40 { margin-top: 40px; } .md\:mt-45 { margin-top: 45px; } .md\:mt-50 { margin-top: 50px; } .md\:mt-60 { margin-top: 60px; } .md\:mt-65 { margin-top: 65px; } .md\:mt-70 { margin-top: 70px; } .md\:mt-\[380px\] { margin-top: 380px; } .md\:flex { display: flex; } .md\:hidden { display: none; } .md\:h-50 { height: 50px; } .md\:h-\[105px\] { height: 105px; } .md\:h-\[160px\] { height: 160px; } .md\:h-\[240px\] { height: 240px; } .md\:h-\[47px\] { height: 47px; } .md\:h-\[54px\] { height: 54px; } .md\:h-\[630px\] { height: 630px; } .md\:max-h-\[520px\] { max-height: 520px; } .md\:w-10\/12 { width: 83.333333%; } .md\:w-100 { width: 100px; } .md\:w-105 { width: 105px; } .md\:w-11\/12 { width: 91.666667%; } .md\:w-4\/12 { width: 33.333333%; } .md\:w-5\/12 { width: 41.666667%; } .md\:w-6\/12 { width: 50%; } .md\:w-7\/12 { width: 58.333333%; } .md\:w-8\/12 { width: 66.666667%; } .md\:w-9\/12 { width: 75%; } .md\:w-\[150px\] { width: 150px; } .md\:w-\[350px\] { width: 350px; } .md\:w-\[450px\] { width: 450px; } .md\:w-\[47px\] { width: 47px; } .md\:w-\[480px\] { width: 480px; } .md\:w-\[50\%\] { width: 50%; } .md\:w-\[580px\] { width: 580px; } .md\:w-\[60\%\] { width: 60%; } .md\:w-\[600px\] { width: 600px; } .md\:w-\[70\%\] { width: 70%; } .md\:w-fit { width: -moz-fit-content; width: fit-content; } .md\:max-w-\[230px\] { max-width: 230px; } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:flex-wrap { flex-wrap: wrap; } .md\:items-start { align-items: flex-start; } .md\:items-center { align-items: center; } .md\:items-stretch { align-items: stretch; } .md\:justify-end { justify-content: flex-end; } .md\:justify-center { justify-content: center; } .md\:gap-x-20 { -moz-column-gap: 20px; column-gap: 20px; } .md\:gap-x-25 { -moz-column-gap: 25px; column-gap: 25px; } .md\:gap-x-45 { -moz-column-gap: 45px; column-gap: 45px; } .md\:gap-y-40 { row-gap: 40px; } .md\:rounded-\[10px\] { border-radius: 10px; } .md\:p-15 { padding: 15px; } .md\:p-25 { padding: 25px; } .md\:p-40 { padding: 40px; } .md\:px-15 { padding-left: 15px; padding-right: 15px; } .md\:px-30 { padding-left: 30px; padding-right: 30px; } .md\:px-40 { padding-left: 40px; padding-right: 40px; } .md\:px-50 { padding-left: 50px; padding-right: 50px; } .md\:px-\[15px\] { padding-left: 15px; padding-right: 15px; } .md\:py-20 { padding-top: 20px; padding-bottom: 20px; } .md\:py-40 { padding-top: 40px; padding-bottom: 40px; } .md\:py-45 { padding-top: 45px; padding-bottom: 45px; } .md\:py-75 { padding-top: 75px; padding-bottom: 75px; } .md\:py-90 { padding-top: 90px; padding-bottom: 90px; } .md\:pb-10 { padding-bottom: 10px; } .md\:pb-100 { padding-bottom: 100px; } .md\:pb-115 { padding-bottom: 115px; } .md\:pb-120 { padding-bottom: 120px; } .md\:pb-125 { padding-bottom: 125px; } .md\:pb-150 { padding-bottom: 150px; } .md\:pb-40 { padding-bottom: 40px; } .md\:pb-50 { padding-bottom: 50px; } .md\:pb-55 { padding-bottom: 55px; } .md\:pb-60 { padding-bottom: 60px; } .md\:pb-70 { padding-bottom: 70px; } .md\:pb-80 { padding-bottom: 80px; } .md\:pb-85 { padding-bottom: 85px; } .md\:pb-90 { padding-bottom: 90px; } .md\:pb-95 { padding-bottom: 95px; } .md\:pb-\[135px\] { padding-bottom: 135px; } .md\:pl-40 { padding-left: 40px; } .md\:pt-100 { padding-top: 100px; } .md\:pt-105 { padding-top: 105px; } .md\:pt-110 { padding-top: 110px; } .md\:pt-120 { padding-top: 120px; } .md\:pt-125 { padding-top: 125px; } .md\:pt-45 { padding-top: 45px; } .md\:pt-50 { padding-top: 50px; } .md\:pt-65 { padding-top: 65px; } .md\:pt-70 { padding-top: 70px; } .md\:pt-75 { padding-top: 75px; } .md\:pt-80 { padding-top: 80px; } .md\:pt-85 { padding-top: 85px; } .md\:pt-90 { padding-top: 90px; } .md\:pt-95 { padding-top: 95px; } .md\:pt-\[190x\] { padding-top: 190x; } .md\:center-xy { /* Transform helpers */ position: absolute; top: 50%; left: 50%; --tw-translate-x: -50%; --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)); } } @media (min-width: 768px) { .lg\:-mt-\[150px\] { margin-top: -150px; } .lg\:ml-0 { margin-left: 0px; } .lg\:ml-auto { margin-left: auto; } .lg\:flex { display: flex; } .lg\:aspect-\[1440\/910\] { aspect-ratio: 1440/910; } .lg\:aspect-\[555\/720\] { aspect-ratio: 555/720; } .lg\:w-10\/12 { width: 83.333333%; } .lg\:w-6\/12 { width: 50%; } .lg\:w-8\/12 { width: 66.666667%; } .lg\:w-\[42\%\] { width: 42%; } .lg\:w-\[58\%\] { width: 58%; } .lg\:max-w-\[600px\] { max-width: 600px; } .lg\:flex-row { flex-direction: row; } .lg\:flex-row-reverse { flex-direction: row-reverse; } .lg\:p-\[4px\] { padding: 4px; } .lg\:px-50 { padding-left: 50px; padding-right: 50px; } .lg\:pt-40 { padding-top: 40px; } } @media (min-width: 1025px) { .xl\:absolute { position: absolute; } .xl\:inset-y-0 { top: 0px; bottom: 0px; } .xl\:-right-80 { right: -80px; } .xl\:-right-\[250px\] { right: -250px; } .xl\:-right-\[270px\] { right: -270px; } .xl\:-top-60 { top: -60px; } .xl\:bottom-\[-120px\] { bottom: -120px; } .xl\:left-40 { left: 40px; } .xl\:right-40 { right: 40px; } .xl\:top-150 { top: 150px; } .xl\:top-20 { top: 20px; } .xl\:top-40 { top: 40px; } .xl\:mx-1\/12 { margin-left: 8.33333333%; margin-right: 8.33333333%; } .xl\:-mt-30 { margin-top: -30px; } .xl\:-mt-50 { margin-top: -50px; } .xl\:-mt-\[210px\] { margin-top: -210px; } .xl\:mb-10 { margin-bottom: 10px; } .xl\:mb-20 { margin-bottom: 20px; } .xl\:mb-30 { margin-bottom: 30px; } .xl\:mb-40 { margin-bottom: 40px; } .xl\:mb-50 { margin-bottom: 50px; } .xl\:mb-60 { margin-bottom: 60px; } .xl\:mb-\[120px\] { margin-bottom: 120px; } .xl\:mb-\[170px\] { margin-bottom: 170px; } .xl\:ml-1\/12 { margin-left: 8.33333333%; } .xl\:ml-100 { margin-left: 100px; } .xl\:ml-2\/12 { margin-left: 16.66666667%; } .xl\:ml-30 { margin-left: 30px; } .xl\:mr-1\/12 { margin-right: 8.33333333%; } .xl\:mt-100 { margin-top: 100px; } .xl\:mt-20 { margin-top: 20px; } .xl\:mt-25 { margin-top: 25px; } .xl\:mt-30 { margin-top: 30px; } .xl\:mt-35 { margin-top: 35px; } .xl\:mt-40 { margin-top: 40px; } .xl\:mt-45 { margin-top: 45px; } .xl\:mt-60 { margin-top: 60px; } .xl\:mt-80 { margin-top: 80px; } .xl\:mt-90 { margin-top: 90px; } .xl\:flex { display: flex; } .xl\:hidden { display: none; } .xl\:aspect-\[1440\/810\] { aspect-ratio: 1440/810; } .xl\:h-105 { height: 105px; } .xl\:h-\[220px\] { height: 220px; } .xl\:h-\[57px\] { height: 57px; } .xl\:h-\[67px\] { height: 67px; } .xl\:h-full { height: 100%; } .xl\:h-screen { height: 100vh; } .xl\:max-h-\[720px\] { max-height: 720px; } .xl\:w-1\/12 { width: 8.333333%; } .xl\:w-10\/12 { width: 83.333333%; } .xl\:w-3\/12 { width: 25%; } .xl\:w-4\/12 { width: 33.333333%; } .xl\:w-5\/12 { width: 41.666667%; } .xl\:w-6\/12 { width: 50%; } .xl\:w-7\/12 { width: 58.333333%; } .xl\:w-8\/12 { width: 66.666667%; } .xl\:w-\[115\%\] { width: 115%; } .xl\:w-\[133px\] { width: 133px; } .xl\:w-\[185px\] { width: 185px; } .xl\:w-\[40\%\] { width: 40%; } .xl\:w-\[530px\] { width: 530px; } .xl\:w-\[57px\] { width: 57px; } .xl\:w-\[60\%\] { width: 60%; } .xl\:w-\[645px\] { width: 645px; } .xl\:w-\[75\%\] { width: 75%; } .xl\:w-\[930px\] { width: 930px; } .xl\:w-out-3\/12 { width: calc(50vw - 100%); } .xl\:max-w-\[260px\] { max-width: 260px; } .xl\:max-w-\[550px\] { max-width: 550px; } .xl\:max-w-\[700px\] { max-width: 700px; } .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .xl\:items-center { align-items: center; } .xl\:gap-x-110 { -moz-column-gap: 110px; column-gap: 110px; } .xl\:gap-x-15 { -moz-column-gap: 15px; column-gap: 15px; } .xl\:gap-x-40 { -moz-column-gap: 40px; column-gap: 40px; } .xl\:gap-x-\[7px\] { -moz-column-gap: 7px; column-gap: 7px; } .xl\:gap-y-50 { row-gap: 50px; } .xl\:bg-black-200 { --tw-bg-opacity: 1; background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1)); } .xl\:p-30 { padding: 30px; } .xl\:p-5 { padding: 5px; } .xl\:px-100 { padding-left: 100px; padding-right: 100px; } .xl\:px-30 { padding-left: 30px; padding-right: 30px; } .xl\:px-40 { padding-left: 40px; padding-right: 40px; } .xl\:px-60 { padding-left: 60px; padding-right: 60px; } .xl\:px-75 { padding-left: 75px; padding-right: 75px; } .xl\:px-\[20px\] { padding-left: 20px; padding-right: 20px; } .xl\:py-120 { padding-top: 120px; padding-bottom: 120px; } .xl\:py-130 { padding-top: 130px; padding-bottom: 130px; } .xl\:py-50 { padding-top: 50px; padding-bottom: 50px; } .xl\:py-60 { padding-top: 60px; padding-bottom: 60px; } .xl\:pb-100 { padding-bottom: 100px; } .xl\:pb-110 { padding-bottom: 110px; } .xl\:pb-115 { padding-bottom: 115px; } .xl\:pb-120 { padding-bottom: 120px; } .xl\:pb-130 { padding-bottom: 130px; } .xl\:pb-40 { padding-bottom: 40px; } .xl\:pb-60 { padding-bottom: 60px; } .xl\:pb-70 { padding-bottom: 70px; } .xl\:pb-75 { padding-bottom: 75px; } .xl\:pb-85 { padding-bottom: 85px; } .xl\:pb-90 { padding-bottom: 90px; } .xl\:pb-\[120px\] { padding-bottom: 120px; } .xl\:pb-\[155px\] { padding-bottom: 155px; } .xl\:pb-\[160px\] { padding-bottom: 160px; } .xl\:pb-\[170px\] { padding-bottom: 170px; } .xl\:pb-\[180px\] { padding-bottom: 180px; } .xl\:pl-50 { padding-left: 50px; } .xl\:pr-70 { padding-right: 70px; } .xl\:pt-100 { padding-top: 100px; } .xl\:pt-110 { padding-top: 110px; } .xl\:pt-120 { padding-top: 120px; } .xl\:pt-135 { padding-top: 135px; } .xl\:pt-140 { padding-top: 140px; } .xl\:pt-150 { padding-top: 150px; } .xl\:pt-40 { padding-top: 40px; } .xl\:pt-50 { padding-top: 50px; } .xl\:pt-65 { padding-top: 65px; } .xl\:pt-75 { padding-top: 75px; } .xl\:pt-80 { padding-top: 80px; } .xl\:pt-90 { padding-top: 90px; } .xl\:pt-\[120px\] { padding-top: 120px; } .xl\:pt-\[160px\] { padding-top: 160px; } .xl\:pt-\[175px\] { padding-top: 175px; } .xl\:opacity-\[0\.2\] { opacity: 0.2; } .xl\:opacity-\[0\.35\] { opacity: 0.35; } .xl\:first\:pl-30:first-child { padding-left: 30px; } .xl\:last\:pr-30:last-child { padding-right: 30px; } } @media (max-width: 559px) { .md-max\:relative { position: relative; } .md-max\:inset-x-0 { left: 0px; right: 0px; } .md-max\:-bottom-90 { bottom: -90px; } .md-max\:bottom-0 { bottom: 0px; } .md-max\:-mt-80 { margin-top: -80px; } .md-max\:mt-10 { margin-top: 10px; } .md-max\:mt-15 { margin-top: 15px; } .md-max\:mt-20 { margin-top: 20px; } .md-max\:mt-30 { margin-top: 30px; } .md-max\:mt-40 { margin-top: 40px; } .md-max\:mt-5 { margin-top: 5px; } .md-max\:mt-60 { margin-top: 60px; } .md-max\:flex { display: flex; } .md-max\:hidden { display: none; } .md-max\:h-0 { height: 0px; } .md-max\:w-full { width: 100%; } .md-max\:scale-150 { --tw-scale-x: 1.5; --tw-scale-y: 1.5; 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)); } .md-max\:flex-col { flex-direction: column; } .md-max\:items-start { align-items: flex-start; } .md-max\:overflow-hidden { overflow: hidden; } .md-max\:py-15 { padding-top: 15px; padding-bottom: 15px; } .md-max\:pb-100 { padding-bottom: 100px; } .md-max\:pb-60 { padding-bottom: 60px; } .md-max\:pt-90 { padding-top: 90px; } .md-max\:opacity-0 { opacity: 0; } .md-max\:out-container { /* Pulls an element outside the container and to the edge of the left & right of the screen */ position: relative; left: 50%; margin-left: -50vw; width: 100vw; padding-left: 0px; padding-right: 0px; } } @media (max-width: 767px) { .lg-max\:mb-30 { margin-bottom: 30px; } .lg-max\:w-full { width: 100%; } .lg-max\:bg-black-200 { --tw-bg-opacity: 1; background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1)); } .lg-max\:bg-white-200 { --tw-bg-opacity: 1; background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1)); } } @media (max-width: 1024px) { .xl-max\:bottom-50 { bottom: 50px; } .xl-max\:top-0 { top: 0px; } .xl-max\:mx-auto { margin-left: auto; margin-right: auto; } .xl-max\:mb-15 { margin-bottom: 15px; } .xl-max\:mb-30 { margin-bottom: 30px; } .xl-max\:mt-20 { margin-top: 20px; } .xl-max\:mt-30 { margin-top: 30px; } .xl-max\:mt-40 { margin-top: 40px; } .xl-max\:mt-60 { margin-top: 60px; } .xl-max\:flex { display: flex; } .xl-max\:hidden { display: none; } .xl-max\:h-full { height: 100%; } .xl-max\:w-full { width: 100%; } .xl-max\:scale-150 { --tw-scale-x: 1.5; --tw-scale-y: 1.5; 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)); } .xl-max\:flex-col { flex-direction: column; } .xl-max\:gap-y-20 { row-gap: 20px; } .xl-max\:overflow-visible { overflow: visible; } .xl-max\:px-15 { padding-left: 15px; padding-right: 15px; } .xl-max\:pb-110 { padding-bottom: 110px; } .xl-max\:pb-30 { padding-bottom: 30px; } .xl-max\:pt-130 { padding-top: 130px; } .xl-max\:pt-15 { padding-top: 15px; } } .\[\&\.swiper-pagination-bullet-active\]\:\!border-red.swiper-pagination-bullet-active { --tw-border-opacity: 1 !important; border-color: rgb(227 30 46 / var(--tw-border-opacity, 1)) !important; } .\[\&\.swiper-pagination-bullet-active\]\:\!bg-red.swiper-pagination-bullet-active { --tw-bg-opacity: 1 !important; background-color: rgb(227 30 46 / var(--tw-bg-opacity, 1)) !important; }