/** * Swiper 11.1.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: April 9, 2024 */ @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);-webkit-backface-visibility:hidden;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)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} :root { --color-100: #d2d8c6; --color-200: #fdf6f0; --color-300: #ffbfaa; --color-400: #e476b0; --color-500: #d26da2; --color-600: #808090; --color-650: #9e9e9e; --color-700: #0b2539; --color-800: #112430; --color-900: #8db3b3; } /* ! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 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, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ letter-spacing: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden] { display: none; } *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --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: ; } .container { width: 100%; } @media (min-width: 374px) { .container { max-width: 374px; } } @media (min-width: 440px) { .container { max-width: 440px; } } @media (min-width: 576px) { .container { max-width: 576px; } } @media (min-width: 640px) { .container { max-width: 640px; } } @media (min-width: 768px) { .container { max-width: 768px; } } @media (min-width: 888px) { .container { max-width: 888px; } } @media (min-width: 1024px) { .container { max-width: 1024px; } } @media (min-width: 1280px) { .container { max-width: 1280px; } } @media (min-width: 1366px) { .container { max-width: 1366px; } } @media (min-width: 1440px) { .container { max-width: 1440px; } } @media (min-width: 1536px) { .container { max-width: 1536px; } } @media (min-width: 1600px) { .container { max-width: 1600px; } } @media (min-width: 1681px) { .container { max-width: 1681px; } } @media (min-width: 1740px) { .container { max-width: 1740px; } } @media (min-width: 1920px) { .container { max-width: 1920px; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .\!pointer-events-none { pointer-events: none !important; } .pointer-events-none { pointer-events: none; } .pointer-events-auto { pointer-events: auto; } .static { position: static; } .fixed { position: fixed; } .\!absolute { position: absolute !important; } .absolute { position: absolute; } .relative { position: relative; } .\!inset-0 { inset: 0 !important; } .inset-0 { inset: 0; } .-bottom-20 { bottom: -2rem; } .-bottom-24 { bottom: -2.4rem; } .-left-10 { left: -1rem; } .-left-150 { left: -15rem; } .-left-180 { left: -18rem; } .-left-\[9999px\] { left: -9999px; } .-right-150 { right: -15rem; } .-right-210 { right: -21rem; } .-right-40 { right: -4rem; } .-right-60 { right: -6rem; } .-right-82 { right: -8.2rem; } .-top-100 { top: -10rem; } .-top-12 { top: -1.2rem; } .-top-24 { top: -2.4rem; } .-top-28 { top: -2.8rem; } .-top-7 { top: -0.7rem; } .-top-72 { top: -7.2rem; } .-top-8 { top: -0.8rem; } .-top-\[9999px\] { top: -9999px; } .bottom-0 { bottom: 0; } .bottom-56 { bottom: 5.6rem; } .bottom-96 { bottom: 9.6rem; } .bottom-\[calc\(100\%-2rem\)\] { bottom: calc(100% - 2rem); } .left-0 { left: 0; } .left-1\/2 { left: 50%; } .left-36 { left: 3.6rem; } .left-4 { left: 0.4rem; } .left-58 { left: 5.8rem; } .left-64 { left: 6.4rem; } .left-8 { left: 0.8rem; } .left-\[10px\] { left: 10px; } .left-\[53\%\] { left: 53%; } .right-0 { right: 0; } .right-10 { right: 1rem; } .right-12 { right: 1.2rem; } .right-20 { right: 2rem; } .right-24 { right: 2.4rem; } .right-\[-24rem\] { right: -24rem; } .right-\[10px\] { right: 10px; } .top-0 { top: 0; } .top-1\/2 { top: 50%; } .top-10 { top: 1rem; } .top-11 { top: 1.1rem; } .top-110 { top: 11rem; } .top-12 { top: 1.2rem; } .top-\[10\%\] { top: 10%; } .top-\[34rem\] { top: 34rem; } .isolate { isolation: isolate; } .\!-z-10 { z-index: -10 !important; } .-z-10 { z-index: -10; } .-z-20 { z-index: -20; } .z-0 { z-index: 0; } .z-10 { z-index: 10; } .z-100 { z-index: 100; } .z-1000 { z-index: 1000; } .z-900 { z-index: 900; } .\!float-none { float: none !important; } .float-none { float: none; } .\!m-0 { margin: 0 !important; } .-m-5 { margin: -0.5rem; } .m-0 { margin: 0; } .m-5 { margin: 0.5rem; } .-mx-100 { margin-left: -10rem; margin-right: -10rem; } .-mx-8 { margin-left: -0.8rem; margin-right: -0.8rem; } .mx-\[-5\%\] { margin-left: -5%; margin-right: -5%; } .mx-auto { margin-left: auto; margin-right: auto; } .my-30 { margin-top: 3rem; margin-bottom: 3rem; } .\!mb-0 { margin-bottom: 0 !important; } .\!mb-4 { margin-bottom: 0.4rem !important; } .\!ml-auto { margin-left: auto !important; } .\!mr-0 { margin-right: 0 !important; } .\!mt-10 { margin-top: 1rem !important; } .-mb-2 { margin-bottom: -0.2rem; } .-ml-10 { margin-left: -1rem; } .-ml-30 { margin-left: -3rem; } .-mr-11 { margin-right: -1.1rem; } .-mr-16 { margin-right: -1.6rem; } .-mr-3 { margin-right: -0.3rem; } .-mr-4 { margin-right: -0.4rem; } .-mt-2 { margin-top: -0.2rem; } .-mt-24 { margin-top: -2.4rem; } .-mt-3 { margin-top: -0.3rem; } .-mt-8 { margin-top: -0.8rem; } .mb-0 { margin-bottom: 0; } .mb-10 { margin-bottom: 1rem; } .mb-12 { margin-bottom: 1.2rem; } .mb-130 { margin-bottom: 13rem; } .mb-14 { margin-bottom: 1.4rem; } .mb-144 { margin-bottom: 14.4rem; } .mb-16 { margin-bottom: 1.6rem; } .mb-2 { margin-bottom: 0.2rem; } .mb-20 { margin-bottom: 2rem; } .mb-24 { margin-bottom: 2.4rem; } .mb-4 { margin-bottom: 0.4rem; } .mb-56 { margin-bottom: 5.6rem; } .mb-6 { margin-bottom: 0.6rem; } .mb-60 { margin-bottom: 6rem; } .mb-64 { margin-bottom: 6.4rem; } .mb-65 { margin-bottom: 6.5rem; } .mb-70 { margin-bottom: 7rem; } .mb-80 { margin-bottom: 8.0rem; } .mb-90 { margin-bottom: 9rem; } .me-25 { margin-inline-end: 2.5rem; } .me-3 { margin-inline-end: 0.3rem; } .me-4 { margin-inline-end: 0.4rem; } .me-5 { margin-inline-end: 0.5rem; } .ml-10 { margin-left: 1rem; } .ml-14 { margin-left: 1.4rem; } .ml-16 { margin-left: 1.6rem; } .ml-2 { margin-left: 0.2rem; } .ml-auto { margin-left: auto; } .mr-14 { margin-right: 1.4rem; } .mr-16 { margin-right: 1.6rem; } .ms-3 { margin-inline-start: 0.3rem; } .mt-10 { margin-top: 1rem; } .mt-100 { margin-top: 10rem; } .mt-12 { margin-top: 1.2rem; } .mt-120 { margin-top: 12rem; } .mt-140 { margin-top: 14rem; } .mt-16 { margin-top: 1.6rem; } .mt-18 { margin-top: 1.8rem; } .mt-2 { margin-top: 0.2rem; } .mt-20 { margin-top: 2rem; } .mt-24 { margin-top: 2.4rem; } .mt-25 { margin-top: 2.5rem; } .mt-30 { margin-top: 3rem; } .mt-32 { margin-top: 3.2rem; } .mt-40 { margin-top: 4rem; } .mt-45 { margin-top: 4.5rem; } .mt-50 { margin-top: 5rem; } .mt-56 { margin-top: 5.6rem; } .mt-62 { margin-top: 6.2rem; } .mt-65 { margin-top: 6.5rem; } .mt-70 { margin-top: 7rem; } .mt-8 { margin-top: 0.8rem; } .mt-80 { margin-top: 8.0rem; } .mt-90 { margin-top: 9rem; } .block { display: block; } .inline-block { display: inline-block; } .inline { display: inline; } .\!flex { display: flex !important; } .flex { display: flex; } .inline-flex { display: inline-flex; } .table { display: table; } .grid { display: grid; } .\!hidden { display: none !important; } .hidden { display: none; } .aspect-\[1040\/580\] { aspect-ratio: 1040/580; } .aspect-\[1920\/1080\] { aspect-ratio: 1920/1080; } .aspect-\[780\/440\] { aspect-ratio: 780/440; } .aspect-almostVideo { aspect-ratio: 16 / 8.7; } .aspect-moreVideo { aspect-ratio: 16 / 10.8; } .aspect-quarter { aspect-ratio: 4 / 3; } .aspect-square { aspect-ratio: 1 / 1; } .aspect-tall { aspect-ratio: 2 / 2.9; } .aspect-video { aspect-ratio: 16 / 9; } .\!h-auto { height: auto !important; } .\!h-full { height: 100% !important; } .h-16 { height: 1.6rem; } .h-20 { height: 2rem; } .h-260 { height: 26rem; } .h-32 { height: 3.2rem; } .h-36 { height: 3.6rem; } .h-40 { height: 4rem; } .h-44 { height: 4.4rem; } .h-48 { height: 4.8rem; } .h-52 { height: 5.2rem; } .h-60 { height: 6rem; } .h-850 { height: 85rem; } .h-88 { height: 8.8rem; } .h-\[1\.7em\] { height: 1.7em; } .h-\[1\.9em\] { height: 1.9em; } .h-\[140px\] { height: 140px; } .h-\[3\.8rem\] { height: 3.8rem; } .h-\[32px\] { height: 32px; } .h-\[42\.5rem\] { height: 42.5rem; } .h-\[50px\] { height: 50px; } .h-\[70px\] { height: 70px; } .h-auto { height: auto; } .h-full { height: 100%; } .h-screen { height: 100vh; } .max-h-\[5\.5rem\] { max-height: 5.5rem; } .max-h-full { max-height: 100%; } .max-h-screen { max-height: 100vh; } .min-h-\[100dvh\] { min-height: 100dvh; } .min-h-\[300px\] { min-height: 300px; } .min-h-full { min-height: 100%; } .\!w-full { width: 100% !important; } .w-0 { width: 0; } .w-100 { width: 10rem; } .w-12 { width: 1.2rem; } .w-14 { width: 1.4rem; } .w-150 { width: 15rem; } .w-16 { width: 1.6rem; } .w-18 { width: 1.8rem; } .w-300 { width: 30rem; } .w-32 { width: 3.2rem; } .w-320 { width: 32rem; } .w-36 { width: 3.6rem; } .w-50 { width: 5rem; } .w-500 { width: 50rem; } .w-52 { width: 5.2rem; } .w-56 { width: 5.6rem; } .w-80 { width: 8.0rem; } .w-\[110\%\] { width: 110%; } .w-\[140px\] { width: 140px; } .w-\[15\.8rem\] { width: 15.8rem; } .w-\[16\.5rem\] { width: 16.5rem; } .w-\[17\.5rem\] { width: 17.5rem; } .w-\[18px\] { width: 18px; } .w-\[20\.5rem\] { width: 20.5rem; } .w-\[3\.8rem\] { width: 3.8rem; } .w-\[40px\] { width: 40px; } .w-\[5\.1rem\] { width: 5.1rem; } .w-\[50px\] { width: 50px; } .w-\[51rem\] { width: 51rem; } .w-\[55px\] { width: 55px; } .w-\[6px\] { width: 6px; } .w-\[70px\] { width: 70px; } .w-\[86px\] { width: 86px; } .w-\[calc\(100\%\+1rem-4rem\)\] { width: calc(100% + 1rem - 4rem); } .w-\[calc\(100\%\+20rem\)\] { width: calc(100% + 20rem); } .w-\[calc\(100\%\+30rem\)\] { width: calc(100% + 30rem); } .w-\[calc\(100\%-5\.4rem-5\.4rem\)\] { width: calc(100% - 5.4rem - 5.4rem); } .w-auto { width: auto; } .w-full { width: 100%; } .\!max-w-\[500px\] { max-width: 500px !important; } .max-w-170 { max-width: 17rem; } .max-w-240 { max-width: 24rem; } .max-w-260 { max-width: 26rem; } .max-w-300 { max-width: 30rem; } .max-w-320 { max-width: 32rem; } .max-w-360 { max-width: 36rem; } .max-w-400 { max-width: 40rem; } .max-w-480 { max-width: 48rem; } .max-w-600 { max-width: 60rem; } .max-w-643 { max-width: 64.3rem; } .max-w-930 { max-width: 93rem; } .max-w-\[1560px\] { max-width: 1560px; } .max-w-\[36rem\] { max-width: 36rem; } .max-w-\[38\.3rem\] { max-width: 38.3rem; } .max-w-\[50\.4rem\] { max-width: 50.4rem; } .max-w-\[680px\] { max-width: 680px; } .max-w-\[76rem\] { max-width: 76rem; } .max-w-\[88rem\] { max-width: 88rem; } .max-w-\[calc\(100vw-4\.8rem\)\] { max-width: calc(100vw - 4.8rem); } .max-w-container { max-width: 1320px; } .flex-shrink-0 { flex-shrink: 0; } .shrink-0 { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .origin-center { transform-origin: center; } .origin-top { transform-origin: top; } .-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-x-\[53\%\] { --tw-translate-x: -53%; 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-x-\[55\%\] { --tw-translate-x: -55%; 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-x-\[80\%\] { --tw-translate-x: -80%; 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-x-\[calc\(100\%-10rem\)\] { --tw-translate-x: calc(calc(100% - 10rem) * -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)); } .-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-\[1px\] { --tw-translate-y: -1px; 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-x-\[calc\(-50\%-0\.8rem\)\] { --tw-translate-x: calc(-50% - 0.8rem); 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-x-\[calc\(-50\%-1\.6rem\)\] { --tw-translate-x: calc(-50% - 1.6rem); 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-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)); } .transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @keyframes spin { to { transform: rotate(360deg); } } .animate-spin { animation: spin 1s linear infinite; } .cursor-default { cursor: default; } .cursor-pointer { cursor: pointer; } .touch-none { touch-action: none; } .select-none { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .resize { resize: both; } .appearance-none { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .flex-col { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .items-start { align-items: flex-start; } .items-center { align-items: center; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .justify-items-center { justify-items: center; } .gap-12 { gap: 1.2rem; } .gap-120 { gap: 12rem; } .gap-14 { gap: 1.4rem; } .gap-15 { gap: 1.5rem; } .gap-16 { gap: 1.6rem; } .gap-20 { gap: 2rem; } .gap-24 { gap: 2.4rem; } .gap-26 { gap: 2.6rem; } .gap-28 { gap: 2.8rem; } .gap-30 { gap: 3rem; } .gap-32 { gap: 3.2rem; } .gap-40 { gap: 4rem; } .gap-48 { gap: 4.8rem; } .gap-50 { gap: 5rem; } .gap-56 { gap: 5.6rem; } .gap-64 { gap: 6.4rem; } .gap-68 { gap: 6.8rem; } .gap-72 { gap: 7.2rem; } .space-x-30 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(3rem * var(--tw-space-x-reverse)); margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-8 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.8rem * var(--tw-space-x-reverse)); margin-left: calc(0.8rem * calc(1 - var(--tw-space-x-reverse))); } .space-y-24 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(2.4rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2.4rem * var(--tw-space-y-reverse)); } .space-y-25 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2.5rem * var(--tw-space-y-reverse)); } .space-y-56 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(5.6rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(5.6rem * var(--tw-space-y-reverse)); } .space-y-68 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(6.8rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(6.8rem * var(--tw-space-y-reverse)); } .space-y-8 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.8rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.8rem * var(--tw-space-y-reverse)); } .self-start { align-self: flex-start; } .self-center { align-self: center; } .overflow-hidden { overflow: hidden; } .\!overflow-visible { overflow: visible !important; } .overflow-visible { overflow: visible; } .overflow-x-auto { overflow-x: auto; } .overflow-y-scroll { overflow-y: scroll; } .overscroll-none { overscroll-behavior: none; } .whitespace-nowrap { white-space: nowrap; } .text-wrap { text-wrap: wrap; } .text-nowrap { text-wrap: nowrap; } .text-pretty { text-wrap: pretty; } .\!rounded-none { border-radius: 0px !important; } .rounded-\[20px\] { border-radius: 20px; } .rounded-\[50\%\] { border-radius: 50%; } .rounded-full { border-radius: 9999px; } .rounded-xl { border-radius: 3.7rem; } .rounded-r-lg { border-top-right-radius: 2rem; border-bottom-right-radius: 2rem; } .rounded-bl-2xl { border-bottom-left-radius: 8rem; } .rounded-tl-lg { border-top-left-radius: 2rem; } .border { border-width: 1px; } .border-0 { border-width: 0px; } .border-x { border-left-width: 1px; border-right-width: 1px; } .\!border-b { border-bottom-width: 1px !important; } .\!border-b-0 { border-bottom-width: 0px !important; } .\!border-t { border-top-width: 1px !important; } .border-b { border-bottom-width: 1px; } .border-b-0 { border-bottom-width: 0px; } .border-b-\[1px\] { border-bottom-width: 1px; } .border-t { border-top-width: 1px; } .\!border-black\/20 { border-color: rgb(0 0 0 / 0.2) !important; } .border-\[\#9E9E9E\] { --tw-border-opacity: 1; border-color: rgb(158 158 158 / var(--tw-border-opacity)); } .border-black\/20 { border-color: rgb(0 0 0 / 0.2); } .border-primary-300 { border-color: var(--color-300); } .border-primary-400 { border-color: var(--color-400); } .border-transparent { border-color: transparent; } .\!bg-transparent { background-color: transparent !important; } .bg-\[\#8EB6B8\] { --tw-bg-opacity: 1; background-color: rgb(142 182 184 / var(--tw-bg-opacity)); } .bg-\[rgba\(34\2c 34\2c 34\2c 0\.7\)\] { background-color: rgba(34,34,34,0.7); } .bg-primary-200 { background-color: var(--color-200); } .bg-primary-300 { background-color: var(--color-300); } .bg-primary-400 { background-color: var(--color-400); } .bg-transparent { background-color: transparent; } .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)); } .from-primary-200 { --tw-gradient-from: var(--color-200) var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .fill-\[\#D2D7C6\] { fill: #D2D7C6; } .fill-\[\#fec0aa\] { fill: #fec0aa; } .fill-primary-100 { fill: var(--color-100); } .fill-primary-300 { fill: var(--color-300); } .fill-primary-400 { fill: var(--color-400); } .fill-transparent { fill: transparent; } .fill-white { fill: #fff; } .fill-white\/70 { fill: rgb(255 255 255 / 0.7); } .stroke-\[\#9E9E9E\] { stroke: #9E9E9E; } .stroke-black { stroke: #000; } .stroke-current { stroke: currentColor; } .stroke-primary-400 { stroke: var(--color-400); } .stroke-white { stroke: #fff; } .object-contain { -o-object-fit: contain; object-fit: contain; } .object-cover { -o-object-fit: cover; object-fit: cover; } .\!p-0 { padding: 0 !important; } .p-0 { padding: 0; } .p-20 { padding: 2rem; } .p-3 { padding: 0.3rem; } .p-4 { padding: 0.4rem; } .\!py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .px-16 { padding-left: 1.6rem; padding-right: 1.6rem; } .px-17 { padding-left: 1.7rem; padding-right: 1.7rem; } .px-18 { padding-left: 1.8rem; padding-right: 1.8rem; } .px-19 { padding-left: 1.9rem; padding-right: 1.9rem; } .px-2 { padding-left: 0.2rem; padding-right: 0.2rem; } .px-20 { padding-left: 2rem; padding-right: 2rem; } .px-22 { padding-left: 2.2rem; padding-right: 2.2rem; } .px-24 { padding-left: 2.4rem; padding-right: 2.4rem; } .px-28 { padding-left: 2.8rem; padding-right: 2.8rem; } .px-30 { padding-left: 3rem; padding-right: 3rem; } .px-4 { padding-left: 0.4rem; padding-right: 0.4rem; } .px-40 { padding-left: 4rem; padding-right: 4rem; } .px-6 { padding-left: 0.6rem; padding-right: 0.6rem; } .px-8 { padding-left: 0.8rem; padding-right: 0.8rem; } .py-15 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-16 { padding-top: 1.6rem; padding-bottom: 1.6rem; } .py-18 { padding-top: 1.8rem; padding-bottom: 1.8rem; } .py-20 { padding-top: 2rem; padding-bottom: 2rem; } .py-22 { padding-top: 2.2rem; padding-bottom: 2.2rem; } .py-25 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .py-3 { padding-top: 0.3rem; padding-bottom: 0.3rem; } .py-4 { padding-top: 0.4rem; padding-bottom: 0.4rem; } .py-5 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-56 { padding-top: 5.6rem; padding-bottom: 5.6rem; } .py-60 { padding-top: 6rem; padding-bottom: 6rem; } .py-\[11rem\] { padding-top: 11rem; padding-bottom: 11rem; } .\!pl-\[22px\] { padding-left: 22px !important; } .\!pr-0 { padding-right: 0 !important; } .pb-1 { padding-bottom: 0.1rem; } .pb-10 { padding-bottom: 1rem; } .pb-12 { padding-bottom: 1.2rem; } .pb-14 { padding-bottom: 1.4rem; } .pb-16 { padding-bottom: 1.6rem; } .pb-17 { padding-bottom: 1.7rem; } .pb-2 { padding-bottom: 0.2rem; } .pb-20 { padding-bottom: 2rem; } .pb-22 { padding-bottom: 2.2rem; } .pb-28 { padding-bottom: 2.8rem; } .pb-30 { padding-bottom: 3rem; } .pb-35 { padding-bottom: 3.5rem; } .pb-4 { padding-bottom: 0.4rem; } .pb-40 { padding-bottom: 4rem; } .pb-42 { padding-bottom: 4.2rem; } .pb-50 { padding-bottom: 5rem; } .pb-60 { padding-bottom: 6rem; } .pb-68 { padding-bottom: 6.8rem; } .pb-70 { padding-bottom: 7rem; } .pl-24 { padding-left: 2.4rem; } .pl-4 { padding-left: 0.4rem; } .pl-5 { padding-left: 0.5rem; } .pr-16 { padding-right: 1.6rem; } .pr-4 { padding-right: 0.4rem; } .pr-5 { padding-right: 0.5rem; } .pt-0 { padding-top: 0; } .pt-10 { padding-top: 1rem; } .pt-11 { padding-top: 1.1rem; } .pt-14 { padding-top: 1.4rem; } .pt-15 { padding-top: 1.5rem; } .pt-17 { padding-top: 1.7rem; } .pt-18 { padding-top: 1.8rem; } .pt-20 { padding-top: 2rem; } .pt-24 { padding-top: 2.4rem; } .pt-25 { padding-top: 2.5rem; } .pt-28 { padding-top: 2.8rem; } .pt-3 { padding-top: 0.3rem; } .pt-30 { padding-top: 3rem; } .pt-35 { padding-top: 3.5rem; } .pt-40 { padding-top: 4rem; } .pt-5 { padding-top: 0.5rem; } .pt-50 { padding-top: 5rem; } .pt-54 { padding-top: 5.4rem; } .pt-60 { padding-top: 6rem; } .pt-64 { padding-top: 6.4rem; } .pt-70 { padding-top: 7rem; } .pt-8 { padding-top: 0.8rem; } .pt-88 { padding-top: 8.8rem; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .font-title { font-family: Gotu, sans-serif; } .\!text-\[90\%\] { font-size: 90% !important; } .text-1\.5xl { font-size: 2.2rem; } .text-2xl { font-size: 2.4rem; } .text-3\.5xl { font-size: 3.2rem; } .text-\[1\.4rem\] { font-size: 1.4rem; } .text-\[1\.7rem\] { font-size: 1.7rem; } .text-\[1\.9rem\] { font-size: 1.9rem; } .text-\[130\%\] { font-size: 130%; } .text-\[2\.1rem\] { font-size: 2.1rem; } .text-\[2\.3rem\] { font-size: 2.3rem; } .text-\[2\.6rem\] { font-size: 2.6rem; } .text-\[2rem\] { font-size: 2rem; } .text-\[3rem\] { font-size: 3rem; } .text-\[60\%\] { font-size: 60%; } .text-\[70\%\] { font-size: 70%; } .text-\[75\%\] { font-size: 75%; } .text-\[80\%\] { font-size: 80%; } .text-\[85\%\] { font-size: 85%; } .text-\[90\%\] { font-size: 90%; } .text-\[min\(12\.8vw\2c 7\.2rem\)\] { font-size: min(12.8vw,7.2rem); } .text-base { font-size: 1.6rem; } .text-lg { font-size: 1.8rem; } .text-sm { font-size: 1.5rem; } .text-xl { font-size: 2rem; } .text-xs { font-size: 1.4rem; } .text-xxs { font-size: 1.3rem; } .\!font-bold { font-weight: 700 !important; } .font-bold { font-weight: 700; } .font-medium { font-weight: 500; } .font-normal { font-weight: 400; } .uppercase { text-transform: uppercase; } .italic { font-style: italic; } .\!leading-12 { line-height: 120% !important; } .\!leading-13 { line-height: 130% !important; } .\!leading-14 { line-height: 140% !important; } .\!leading-\[1\.15\] { line-height: 1.15 !important; } .\!leading-\[1\.25\] { line-height: 1.25 !important; } .\!leading-\[1\.35\] { line-height: 1.35 !important; } .\!leading-\[1\.3\] { line-height: 1.3 !important; } .\!leading-\[1\.45\] { line-height: 1.45 !important; } .\!leading-\[1\.4\] { line-height: 1.4 !important; } .leading-12 { line-height: 120%; } .leading-14 { line-height: 140%; } .leading-15 { line-height: 150%; } .leading-16 { line-height: 160%; } .leading-17 { line-height: 170%; } .leading-\[1\.2\] { line-height: 1.2; } .leading-\[155\%\] { line-height: 155%; } .leading-\[185\%\] { line-height: 185%; } .leading-\[90\%\] { line-height: 90%; } .leading-loose { line-height: 2; } .leading-none { line-height: 1; } .\!tracking-\[0\.1em\] { letter-spacing: 0.1em !important; } .tracking-\[1px\] { letter-spacing: 1px; } .tracking-\[2px\] { letter-spacing: 2px; } .\!text-black\/60 { color: rgb(0 0 0 / 0.6) !important; } .text-\[var\(--color-400\)\] { color: var(--color-400); } .text-black { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .text-black\/60 { color: rgb(0 0 0 / 0.6); } .text-black\/80 { color: rgb(0 0 0 / 0.8); } .text-inherit { color: inherit; } .text-primary-400 { color: var(--color-400); } .text-primary-650 { color: var(--color-650); } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .underline { text-decoration-line: underline; } .line-through { text-decoration-line: line-through; } .\!no-underline { text-decoration-line: none !important; } .no-underline { text-decoration-line: none; } .underline-offset-2 { text-underline-offset: 2px; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .\!opacity-0 { opacity: 0 !important; } .opacity-0 { opacity: 0; } .opacity-10 { opacity: 0.1; } .opacity-100 { opacity: 1; } .opacity-20 { opacity: 0.2; } .opacity-25 { opacity: 0.25; } .opacity-30 { opacity: 0.3; } .opacity-60 { opacity: 0.6; } .opacity-75 { opacity: 0.75; } .opacity-80 { opacity: 0.8; } .outline-none { outline: 2px solid transparent; outline-offset: 2px; } .outline { outline-style: solid; } .blur { --tw-blur: blur(8px); 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); } .filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .backdrop-blur-md { --tw-backdrop-blur: blur(12px); -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); } .backdrop-saturate-150 { --tw-backdrop-saturate: saturate(1.5); -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); } .backdrop-filter { -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); } .transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[height\] { transition-property: height; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .\!duration-500 { transition-duration: 500ms !important; } .\!duration-\[1s\] { transition-duration: 1s !important; } .\!duration-base { transition-duration: 400ms !important; } .duration-\[7s\] { transition-duration: 7s; } .duration-base { transition-duration: 400ms; } .ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .clip-path-url-\[\'\#clipPathBean\'\] { clip-path: url('#clipPathBean'); } .clip-path-url-\[\'\#clipPathLeft\'\] { clip-path: url('#clipPathLeft'); } .clip-path-url-\[\'\#clipPathOvalLeft\'\] { clip-path: url('#clipPathOvalLeft'); } .clip-path-url-\[\'\#clipPathOvalRight\'\] { clip-path: url('#clipPathOvalRight'); } .clip-path-url-\[\'\#clipPathRight\'\] { clip-path: url('#clipPathRight'); } .clip-path-url-\[\'\#clipPathRound\'\] { clip-path: url('#clipPathRound'); } /*-------------------------------------------------- BASE --------------------------------------------------*/ *, *:before, *:after { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } ::-moz-selection { background: #d2d8c6; } ::selection { background: #d2d8c6; } html { font-size: 62.5%; scroll-behavior: smooth; overflow-x: hidden; } body { font-family: "Hanken Grotesk", sans-serif; font-weight: 400; font-style: normal; background-color: var(--color-200); color: #000; font-size: 1.6rem; overflow-x: clip; } /*-------------------------------------------------- Layout --------------------------------------------------*/ .apply-container { margin-left: auto; margin-right: auto; width: 100%; max-width: 1320px; padding-left: 2.4rem; padding-right: 2.4rem; } @media (min-width: 374px) { .apply-container { padding-left: 3rem; padding-right: 3rem; } } @media (min-width: 768px) { .apply-container { padding-left: 5.6rem; padding-right: 5.6rem; } } @media (min-width: 1024px) { .apply-container { padding-left: 8.0rem; padding-right: 8.0rem; } } @media (min-width: 1280px) { .apply-container { padding-left: 10rem; padding-right: 10rem; } } /*-------------------------------------------------- Typography --------------------------------------------------*/ .apply-body { text-wrap: pretty; font-size: 1.6rem; font-weight: 400; line-height: 160%; } @media (min-width: 768px) { .apply-body { font-size: 1.8rem; } } @media (min-width: 1280px) { .apply-body { font-size: 2rem; } } .apply-body-min { text-wrap: pretty; font-size: 1.6rem; font-weight: 400; line-height: 155%; } @media (min-width: 1280px) { .apply-body-min { font-size: 1.8rem; } } .apply-body > *:not(:last-child), .apply-body-min > *:not(:last-child) { margin-bottom: 1.2rem; } @media (min-width: 768px) { .apply-body > *:not(:last-child), .apply-body-min > *:not(:last-child) { margin-bottom: 1.4rem; } } @media (min-width: 1024px) { .apply-body > *:not(:last-child), .apply-body-min > *:not(:last-child) { margin-bottom: 1.6rem; } } @media (min-width: 1280px) { .apply-body > *:not(:last-child), .apply-body-min > *:not(:last-child) { margin-bottom: 1.8rem; } } @media (min-width: 1440px) { .apply-body > *:not(:last-child), .apply-body-min > *:not(:last-child) { margin-bottom: 2rem; } } .apply-body > ul > *:not(:last-child), .apply-body-min > ul > *:not(:last-child), .apply-body > ol > *:not(:last-child), .apply-body-min > ol > *:not(:last-child) { margin-bottom: 0.6rem; } @media (min-width: 768px) { .apply-body > ul > *:not(:last-child), .apply-body-min > ul > *:not(:last-child), .apply-body > ol > *:not(:last-child), .apply-body-min > ol > *:not(:last-child) { margin-bottom: 0.7rem; } } @media (min-width: 1024px) { .apply-body > ul > *:not(:last-child), .apply-body-min > ul > *:not(:last-child), .apply-body > ol > *:not(:last-child), .apply-body-min > ol > *:not(:last-child) { margin-bottom: 0.8rem; } } @media (min-width: 1280px) { .apply-body > ul > *:not(:last-child), .apply-body-min > ul > *:not(:last-child), .apply-body > ol > *:not(:last-child), .apply-body-min > ol > *:not(:last-child) { margin-bottom: 0.9rem; } } @media (min-width: 1440px) { .apply-body > ul > *:not(:last-child), .apply-body-min > ul > *:not(:last-child), .apply-body > ol > *:not(:last-child), .apply-body-min > ol > *:not(:last-child) { margin-bottom: 1rem; } } .apply-h2 i, .apply-h2 em, .apply-body-min i, .apply-body-min em, .apply-body i, .apply-body em, .font-title i, .font-title em { color: var(--color-400); font-style: normal; } .apply-body-min a, .apply-body a { color: var(--color-400); font-weight: 700; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; } .text-content > :last-child, .text-content ul > :last-child, .text-content ol > :last-child { padding-bottom: 0 !important; } .text-content ul li, .text-content ol li { padding-left: 1em; } .text-content ul li:before { content: "\2022"; color: var(--color-400); font-weight: 400; display: inline-block; width: 1em; position: relative; margin-left: -1em; } .text-content ul ul, .text-content ul ol, .text-content ol ol, .text-content ol ul { padding-top: 1rem !important; padding-bottom: 0 !important; } @media (min-width: 768px) { .text-content ul ul, .text-content ul ol, .text-content ol ol, .text-content ol ul { padding-top: 1.25rem !important; } } @media (min-width: 1024px) { .text-content ul ul, .text-content ul ol, .text-content ol ol, .text-content ol ul { padding-top: 1.5rem !important; } } @media (min-width: 1280px) { .text-content ul ul, .text-content ul ol, .text-content ol ol, .text-content ol ul { padding-top: 1.75rem !important; } } @media (min-width: 1536px) { .text-content ul ul, .text-content ul ol, .text-content ol ol, .text-content ol ul { padding-top: 2rem !important; } } .text-content.text-general .apply-h1:not(:first-child), .text-content.text-general .apply-h2:not(:first-child), .text-content.text-general .apply-h3:not(:first-child), .text-content.text-general .apply-h4:not(:first-child), .text-content.text-general .apply-h5:not(:first-child), .text-content.text-general .apply-h6:not(:first-child) { padding-top: 1.7rem !important; } @media (min-width: 768px) { .text-content.text-general .apply-h1:not(:first-child), .text-content.text-general .apply-h2:not(:first-child), .text-content.text-general .apply-h3:not(:first-child), .text-content.text-general .apply-h4:not(:first-child), .text-content.text-general .apply-h5:not(:first-child), .text-content.text-general .apply-h6:not(:first-child) { padding-top: 1.85rem !important; } } @media (min-width: 1024px) { .text-content.text-general .apply-h1:not(:first-child), .text-content.text-general .apply-h2:not(:first-child), .text-content.text-general .apply-h3:not(:first-child), .text-content.text-general .apply-h4:not(:first-child), .text-content.text-general .apply-h5:not(:first-child), .text-content.text-general .apply-h6:not(:first-child) { padding-top: 2rem !important; } } @media (min-width: 1280px) { .text-content.text-general .apply-h1:not(:first-child), .text-content.text-general .apply-h2:not(:first-child), .text-content.text-general .apply-h3:not(:first-child), .text-content.text-general .apply-h4:not(:first-child), .text-content.text-general .apply-h5:not(:first-child), .text-content.text-general .apply-h6:not(:first-child) { padding-top: 2.15rem !important; } } @media (min-width: 1536px) { .text-content.text-general .apply-h1:not(:first-child), .text-content.text-general .apply-h2:not(:first-child), .text-content.text-general .apply-h3:not(:first-child), .text-content.text-general .apply-h4:not(:first-child), .text-content.text-general .apply-h5:not(:first-child), .text-content.text-general .apply-h6:not(:first-child) { padding-top: 2.3rem !important; } } .apply-h1 { font-family: Gotu, sans-serif; font-size: 3rem; line-height: 1.15 !important; } .apply-h1 i,.apply-h1 em { color: var(--color-400); font-style: normal; } @media (min-width: 768px) { .apply-h1 { font-size: 3.7rem; } } @media (min-width: 1024px) { .apply-h1 { font-size: 4.4rem; } } @media (min-width: 1280px) { .apply-h1 { font-size: 5.1rem; } } .apply-h2 { font-family: Gotu, sans-serif; font-size: 2.6rem; line-height: 1.2; } .apply-h2 i,.apply-h2 em { color: var(--color-400); font-style: normal; } @media (min-width: 768px) { .apply-h2 { font-size: 3.2rem; } } @media (min-width: 1024px) { .apply-h2 { font-size: 3.8rem; } } @media (min-width: 1280px) { .apply-h2 { font-size: 4.4rem; } } .apply-h3 { font-family: Gotu, sans-serif; font-size: 2.3rem; line-height: 1.25 !important; } .apply-h3 i,.apply-h3 em { color: var(--color-400); font-style: normal; } @media (min-width: 768px) { .apply-h3 { font-size: 2.8rem; } } @media (min-width: 1024px) { .apply-h3 { font-size: 3.3rem; } } @media (min-width: 1280px) { .apply-h3 { font-size: 3.8rem; } } .apply-h4 { font-family: Gotu, sans-serif; font-size: 2.1rem; line-height: 1.3 !important; } .apply-h4 i,.apply-h4 em { color: var(--color-400); font-style: normal; } @media (min-width: 768px) { .apply-h4 { font-size: 2.5rem; } } @media (min-width: 1024px) { .apply-h4 { font-size: 2.9rem; } } @media (min-width: 1280px) { .apply-h4 { font-size: 3.3rem; } } .apply-h5 { font-family: Gotu, sans-serif; font-size: 1.9rem; line-height: 1.35 !important; } .apply-h5 i,.apply-h5 em { color: var(--color-400); font-style: normal; } @media (min-width: 768px) { .apply-h5 { font-size: 2.2rem; } } @media (min-width: 1024px) { .apply-h5 { font-size: 2.5rem; } } @media (min-width: 1280px) { .apply-h5 { font-size: 2.8rem; } } .apply-h6 { font-family: Gotu, sans-serif; font-size: 1.7rem; text-transform: uppercase; line-height: 1.4 !important; } .apply-h6 i,.apply-h6 em { color: var(--color-400); font-style: normal; } @media (min-width: 768px) { .apply-h6 { font-size: 1.9rem; } } @media (min-width: 1024px) { .apply-h6 { font-size: 2.1rem; } } @media (min-width: 1280px) { .apply-h6 { font-size: 2.3rem; } } .apply-text-highlight { font-size: 2.1rem; line-height: 1.45 !important; } @media (min-width: 768px) { .apply-text-highlight { font-size: 2.5rem; } } @media (min-width: 1024px) { .apply-text-highlight { font-size: 2.9rem; } } @media (min-width: 1280px) { .apply-text-highlight { font-size: 3.3rem; } } .apply-link { color: var(--color-400); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 400ms !important; } .apply-link:hover { color: var(--color-500); } /*-------------------------------------------------- Buttons --------------------------------------------------*/ .apply-btn-primary { display: inline-block; border-radius: 9999px; background-color: var(--color-400); padding-left: 2.2rem; padding-right: 2.2rem; padding-top: 1.8rem; padding-bottom: 1.7rem; text-align: center; font-family: Gotu, sans-serif; font-size: 1.9rem; line-height: 1; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); text-decoration-line: none; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 400ms; } .apply-btn-primary i,.apply-btn-primary em { color: var(--color-400); font-style: normal; } .apply-btn-primary:hover { background-color: var(--color-300); --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .apply-btn-primary:focus { background-color: var(--color-300); --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .apply-btn-primary-min { display: inline-block; border-radius: 9999px; background-color: var(--color-400); padding-left: 1.8rem; padding-right: 1.8rem; padding-top: 1.7rem; padding-bottom: 1.6rem; text-align: center; font-family: Gotu, sans-serif; font-size: 1.4rem; line-height: 1; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); text-decoration-line: none; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 400ms; } .apply-btn-primary-min i,.apply-btn-primary-min em { color: var(--color-400); font-style: normal; } .apply-btn-primary-min:hover { background-color: var(--color-300); --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .apply-btn-primary-min:focus { background-color: var(--color-300); --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } @media (min-width: 1280px) { .apply-btn-primary-min { padding-left: 2.2rem; padding-right: 2.2rem; padding-top: 1.8rem; padding-bottom: 1.7rem; font-size: 1.9rem; } } .apply-btn-primary-very-min { display: inline-block; border-radius: 9999px; background-color: var(--color-400); padding-left: 1.7rem; padding-right: 1.7rem; padding-top: 1.4rem; padding-bottom: 1.4rem; text-align: center; font-family: Gotu, sans-serif; font-size: 1.3rem; line-height: 1; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); text-decoration-line: none; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 400ms; } .apply-btn-primary-very-min i,.apply-btn-primary-very-min em { color: var(--color-400); font-style: normal; } .apply-btn-primary-very-min:hover { background-color: var(--color-300); --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .apply-btn-primary-very-min:focus { background-color: var(--color-300); --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } @media (min-width: 1280px) { .apply-btn-primary-very-min { padding-left: 1.8rem; padding-right: 1.8rem; padding-top: 1.7rem; padding-bottom: 1.6rem; font-size: 1.4rem; } } .apply-btn-secondary { display: inline-block; border-radius: 9999px; background-color: var(--color-300); padding-left: 2.2rem; padding-right: 2.2rem; padding-top: 1.8rem; padding-bottom: 1.7rem; text-align: center; font-family: Gotu, sans-serif; font-size: 1.9rem; line-height: 1; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); text-decoration-line: none; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 400ms; } .apply-btn-secondary i,.apply-btn-secondary em { color: var(--color-400); font-style: normal; } .apply-btn-secondary:hover { background-color: var(--color-400); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .apply-btn-secondary:focus { background-color: var(--color-400); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .apply-btn-secondary-min { display: inline-block; border-radius: 9999px; background-color: var(--color-300); padding-left: 1.8rem; padding-right: 1.8rem; padding-top: 1.7rem; padding-bottom: 1.6rem; text-align: center; font-family: Gotu, sans-serif; font-size: 1.4rem; line-height: 1; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); text-decoration-line: none; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 400ms; } .apply-btn-secondary-min i,.apply-btn-secondary-min em { color: var(--color-400); font-style: normal; } .apply-btn-secondary-min:hover { background-color: var(--color-400); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .apply-btn-secondary-min:focus { background-color: var(--color-400); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } @media (min-width: 1280px) { .apply-btn-secondary-min { padding-left: 2.2rem; padding-right: 2.2rem; padding-top: 1.8rem; padding-bottom: 1.7rem; font-size: 1.9rem; } } .apply-btn-secondary-smaller { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 9999px; background-color: var(--color-300); padding-left: 1.9rem; padding-right: 1.9rem; padding-top: 1.7rem; padding-bottom: 1.6rem; text-align: center; font-family: Gotu, sans-serif; font-size: 1.4rem; line-height: 1; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); text-decoration-line: none; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 400ms; } .apply-btn-secondary-smaller i,.apply-btn-secondary-smaller em { color: var(--color-400); font-style: normal; } .apply-btn-secondary-smaller:hover { background-color: var(--color-400); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .apply-btn-secondary-smaller:focus { background-color: var(--color-400); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .apply-btn-reverse-min { display: inline-block; border-radius: 9999px; border-width: 1px; border-color: var(--color-400); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-left: 1.8rem; padding-right: 1.8rem; padding-top: 1.5rem; padding-bottom: 1.4rem; text-align: center; font-family: Gotu, sans-serif; font-size: 1.4rem; line-height: 1; color: var(--color-400); text-decoration-line: none; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 400ms; } .apply-btn-reverse-min i,.apply-btn-reverse-min em { color: var(--color-400); font-style: normal; } .apply-btn-reverse-min:hover { background-color: var(--color-400); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .apply-btn-reverse-min:focus { background-color: var(--color-400); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } @media (min-width: 1280px) { .apply-btn-reverse-min { font-size: 1.5rem; } } /*-------------------------------------------------- Swiper Pagination --------------------------------------------------*/ .swiper-pagination .swiper-pagination-bullet { width: 1.2rem; height: 1.2rem; margin: 0 0.7rem !important; background: var(--color-300); opacity: 0.3; transition: opacity cubic-bezier(0.4, 0, 0.2, 1) 0.4s; } .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; } .swiper-pagination.swiper-pagination-prodotti, .swiper-pagination.swiper-pagination-proof, .swiper-pagination.swiper-pagination-blog, .swiper-pagination.swiper-pagination-testimonianze { bottom: -7rem; } @media (min-width: 1280px) { .swiper-pagination.swiper-pagination-proof, .swiper-pagination.swiper-pagination-testimonianze { bottom: -9rem; } } /*-------------------------------------------------- Helpers --------------------------------------------------*/ .h-lvh { height: 100vh; height: 100lvh; } .h-svh { height: 100vh; height: 100svh; } .hide-native-scrollbar{ scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* Internet Explorer 10+ */ } .hide-native-scrollbar::-webkit-scrollbar { width: 0; height: 0; } /*-------------------------------------------------- Navbar menu --------------------------------------------------*/ #menu.currently-open { height: 100%; } #menu.currently-open #menu-burger-open { opacity: 0; } #menu.currently-open #menu-burger-close { opacity: 1; } @media screen and (max-width: 1279px) { #menu #menu-pages { transform: scaleY(0); pointer-events: none; } #menu.currently-open #menu-pages { transform: scaleY(1); pointer-events: all; } #menu #menu-pages a, #menu #menu-pages .menu-langs span { opacity: 0; } #menu.currently-open #menu-pages a, #menu.currently-open #menu-pages .menu-langs span { opacity: 1; transition: color 0.4s ease-out, opacity 0.6s ease-out 0.3s; } #menu #menu-search { opacity: 0; pointer-events: none; } #menu.currently-open #menu-search { opacity: 1; pointer-events: all; transition: border-color 0.4s ease-out, opacity 0.6s ease-out 0.3s; } } /*-------------------------------------------------- Single-prodotti.php --------------------------------------------------*/ /* Hide the number input spin buttons */ .js-input-box::-webkit-inner-spin-button, .input-box::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .js-input-box[type="number"] { -moz-appearance: textfield; } body .woovr-variations { padding: 0; } body .woovr-variations .woovr-variation { position: relative; margin: 0; } body .woovr-variations .woovr-variation .woovr-variation-selector { position: absolute; top: -9999px; left: -9999px; } body .woovr-variations .woovr-variation .woovr-variation-info { padding: 0; } body .woovr-variation-radio .woovr-variation-name { font-weight: normal; } body .woovr-variation-radio label { display: flex; align-items: center; cursor: pointer; } body .woovr-variation-radio label .attribute-color { display: block; width: 36px; height: 36px; width: 100%; height: 100%; /* margin-right: 14px; */ border-radius: 3px; position: absolute; top: 0; left: 0; z-index: -1; } body .woovr-variation.woovr-variation-active .woovr-variation-name { font-weight: bold; } body .woovr-variations .woovr-variation:hover { background: transparent; } body .woovr-variations[class*="woovr-variations-grid"] .woovr-variation:before, body .woovr-variations[class*="woovr-variations-grid"] .woovr-variation.woovr-variation-active:before { display: none !important; } body .woovr-variations[class*="woovr-variations-grid"] .woovr-variation { border: 1px solid #dddddd; border-radius: 3px; } body .woovr-variations[class*="woovr-variations-grid"] .woovr-variation.woovr-variation-active { outline: 2px solid #E476B0; outline-offset: 5px; outline-style: auto; border-color: #dddddd; } /* ------- TABBED CONTENT ------- */ .content-tabs:after{ display:block; content:''; visibility:hidden; opacity:0; clear:both; } .nav-tabs:after{ display:block; content:''; visibility:hidden; opacity:0; clear:both; } /* ------- WC SHOP TABLE ------- */ @media screen and (min-width: 768px) { .product-line .price{ line-height:130%; } .product-line .price .tax_label{ display:block; text-align:right; font-size:70%; line-height:100%; } } /* ------- WC CART SHIPPING ------- */ .woocommerce ul#shipping_method li input[type=radio]{ position:absolute; top:-9999px; left:-9999px; } .woocommerce ul#shipping_method li input[type=radio]+label{ position:relative; padding-left:22px; } .woocommerce ul#shipping_method li input[type=radio]+label:before, .woocommerce ul#shipping_method li input[type=radio]+label:after{ position:absolute; top:50%; transform:translateY(-50%); bottom:auto; left:0; right:auto; display:inline-flex; content:""; width:16px; height:16px; padding:0; margin:0; border-radius:50%; border:1px solid var(--color-400); transition:all 200ms ease; } .woocommerce ul#shipping_method li input[type=radio]+label:after{ left:3px; width:10px; height:10px; border:0; background-color:var(--color-400); opacity:0; border-radius:50%; transform:translateY(-50%) scale(0); } .woocommerce ul#shipping_method li input[type=radio]:checked+label:after{ opacity:1; transform:translateY(-50%) scale(1); } .woocommerce ul#shipping_method bdi{ font-weight:normal; } /* ------- ORDER REVIEW ------- */ #order_review .product-total{ text-align:right; } #order_review small.tax_label:not(:last-of-type){ display:none; } /* ------- WC CART TOTALS & CHECKOUT TOTALS ------- */ .woocommerce .totals strong{ font-weight:bold; } .woocommerce .totals .includes_tax{ display:block; font-weight:normal; text-align:right; font-size:70%; line-height:100%; } .woocommerce .totals .tax_label{ display:block; font-weight:normal; text-align:right; font-size:70%; line-height:100%; } .woocommerce .checkout .tax_label{ display:block; font-weight:normal; text-align:right; font-size:70%; line-height:100%; } /* ------- WC FORM FIELDS ------- */ /* form.woocommerce-checkout .ctm-form-field .gchoice, body.woocommerce-order-pay #order_review .ctm-form-field .gchoice { color: gray; } form.woocommerce-checkout .ctm-form-field .gchoice label, body.woocommerce-order-pay #order_review .ctm-form-field .gchoice label { transition: color 300ms ease; } */ form.woocommerce-checkout .ctm-form-field .gchoice label:after, body.woocommerce-order-pay #order_review .ctm-form-field .gchoice label:after { background-color: var(--color-400); } /* form.woocommerce-checkout .ctm-form-field .gchoice input:checked+label, body.woocommerce-order-pay #order_review .ctm-form-field .gchoice input:checked+label { color: #2b2b25; } */ form.woocommerce-checkout .ctm-form-field .gchoice input:checked+label:before, body.woocommerce-order-pay #order_review .ctm-form-field .gchoice input:checked+label:before { border-color: var(--color-400) !important; } /* form.woocommerce-checkout .ctm-form-field.f_create_account, body.woocommerce-order-pay #order_review .ctm-form-field.f_create_account { display: block !important; } @media screen and (min-width: 768px) { form.woocommerce-checkout .f_first_name, body.woocommerce-order-pay #order_review .f_first_name { width: calc(50% - 15px); margin-right: 30px; } form.woocommerce-checkout .f_last_name, body.woocommerce-order-pay #order_review .f_last_name { width: calc(50% - 15px); } form.woocommerce-checkout .f_ragione_sociale, body.woocommerce-order-pay #order_review .f_ragione_sociale { width: calc(50% - 15px); margin-right: 30px; } form.woocommerce-checkout .f_piva_cf, body.woocommerce-order-pay #order_review .f_piva_cf { width: calc(50% - 15px); } form.woocommerce-checkout .f_pec, body.woocommerce-order-pay #order_review .f_pec { width: calc(50% - 15px); margin-right: 30px; } form.woocommerce-checkout .f_sdi, body.woocommerce-order-pay #order_review .f_sdi { width: calc(50% - 15px); } form.woocommerce-checkout .f_email, body.woocommerce-order-pay #order_review .f_email { width: calc(50% - 15px); margin-right: 30px; } form.woocommerce-checkout .f_phone, body.woocommerce-order-pay #order_review .f_phone { width: calc(50% - 15px); } form.woocommerce-checkout .f_address, body.woocommerce-order-pay #order_review .f_address { width: calc(50% - 15px); margin-right: 30px } form.woocommerce-checkout .f_city, body.woocommerce-order-pay #order_review .f_city { width: calc(50% - 15px); } form.woocommerce-checkout .f_province, body.woocommerce-order-pay #order_review .f_province { width: calc(38% - 15px); margin-right: 30px } form.woocommerce-checkout .f_postcode, body.woocommerce-order-pay #order_review .f_postcode { width: calc(24% - 30px); margin-right: 30px } form.woocommerce-checkout .f_country, body.woocommerce-order-pay #order_review .f_country { width: calc(38% - 15px); } } */ form.woocommerce-checkout .shipping_address.hide, body.woocommerce-order-pay #order_review .shipping_address.hide { position: absolute; top: -9999px; left: -9999px; } form.woocommerce-checkout .reduced_tax_doc.hide, body.woocommerce-order-pay #order_review .reduced_tax_doc.hide { position: absolute; top: -9999px; left: -9999px; } form.woocommerce-checkout .ctm-form-field select, body.woocommerce-order-pay #order_review .ctm-form-field select { display: block; width: 100%; padding: 4px; padding-top: 0; border: none; border-bottom: 1px solid rgba(0,0,0,0.2); background-color: transparent; outline: none; } form.woocommerce-checkout .select2-container--default .select2-selection--single, body.woocommerce-order-pay #order_review .select2-container--default .select2-selection--single { background-color: transparent; border: none; border-bottom: 1px solid #2b2b25; border-radius: 0; padding-top: .5em; padding-bottom: .5em; padding-left: .9em; height: auto; } form.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered, body.woocommerce-order-pay #order_review .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: inherit; color: #2b2b25; padding-left: 0; } form.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow, body.woocommerce-order-pay #order_review .select2-container--default .select2-selection--single .select2-selection__arrow { margin-top: .5em; } form.woocommerce-checkout .select2-dropdown, body.woocommerce-order-pay #order_review .select2-dropdown { border: 1px solid #b1b1a8; } form.woocommerce-checkout .select2-container--default .select2-results__option--highlighted[aria-selected], form.woocommerce-checkout .select2-container--default .select2-results__option--highlighted[data-selected], form.woocommerce-checkout .select2-container--default .select2-results__option[aria-selected=true], form.woocommerce-checkout .select2-container--default .select2-results__option[data-selected=true], body.woocommerce-order-pay #order_review .select2-container--default .select2-results__option--highlighted[aria-selected], body.woocommerce-order-pay #order_review .select2-container--default .select2-results__option--highlighted[data-selected], body.woocommerce-order-pay #order_review .select2-container--default .select2-results__option[aria-selected=true], body.woocommerce-order-pay #order_review .select2-container--default .select2-results__option[data-selected=true] { background-color: #2b2b25 !important; color: #fff !important; } #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background-color: transparent; border-radius: 0; } #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { background-color: transparent; border-radius: 0; border-top: 1px solid #b1b1a8; border-bottom: 0; } #add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li { border-bottom: 1px solid #b1b1a8; } #add_payment_method #payment ul.payment_methods li>label, .woocommerce-cart #payment ul.payment_methods li>label, .woocommerce-checkout #payment ul.payment_methods li>label { position: relative; display: block; padding-left: 22px; } #add_payment_method #payment ul.payment_methods li>label .icon, .woocommerce-cart #payment ul.payment_methods li>label .icon, .woocommerce-checkout #payment ul.payment_methods li>label .icon { position: absolute; top: 50%; left: auto; right: 0; bottom: auto; transform: translateY(-50%); display: block; width: 100%; height: 32px; pointer-events: none; content: ""; background-position: right center; background-size: auto 100%; background-repeat: no-repeat; } #add_payment_method #payment ul.payment_methods li>label[for=payment_method_stripe] .icon, .woocommerce-cart #payment ul.payment_methods li>label[for=payment_method_stripe] .icon, .woocommerce-checkout #payment ul.payment_methods li>label[for=payment_method_stripe] .icon { background-image: url(https://onebra.it/wp-content/themes/onebra/css/../img/svg/method-cards.svg); } #add_payment_method #payment ul.payment_methods li>label[for=payment_method_paypal] .icon, .woocommerce-cart #payment ul.payment_methods li>label[for=payment_method_paypal] .icon, .woocommerce-checkout #payment ul.payment_methods li>label[for=payment_method_paypal] .icon { background-image: url(https://onebra.it/wp-content/themes/onebra/css/../img/svg/method-paypal.svg); } /* #add_payment_method #payment ul.payment_methods li>label[for=payment_method_bacs] .icon, .woocommerce-cart #payment ul.payment_methods li>label[for=payment_method_bacs] .icon, .woocommerce-checkout #payment ul.payment_methods li>label[for=payment_method_bacs] .icon { background-image: url(https://onebra.it/wp-content/themes/onebra/css/../img/svg/method-bank.svg); } */ #add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input { display: none !important; } #add_payment_method #payment ul.payment_methods li label:before, #add_payment_method #payment ul.payment_methods li label:after, .woocommerce-cart #payment ul.payment_methods li label:before, .woocommerce-cart #payment ul.payment_methods li label:after, .woocommerce-checkout #payment ul.payment_methods li label:before, .woocommerce-checkout #payment ul.payment_methods li label:after { position:absolute; top:50%; transform:translateY(-50%); bottom:auto; left:0; right:auto; display:inline-flex; content:""; width:16px; height:16px; padding:0; margin:0; border-radius:50%; border:1px solid var(--color-400); transition:all 200ms ease; } #add_payment_method #payment ul.payment_methods li label:after, .woocommerce-cart #payment ul.payment_methods li label:after, .woocommerce-checkout #payment ul.payment_methods li label:after { left:3px; width:10px; height:10px; border:0; background-color:var(--color-400); opacity:0; border-radius:50%; transform:translateY(-50%) scale(0); } #add_payment_method #payment ul.payment_methods li input:checked+label:after, .woocommerce-cart #payment ul.payment_methods li input:checked+label:after, .woocommerce-checkout #payment ul.payment_methods li input:checked+label:after { opacity:1; transform:translateY(-50%) scale(1); } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { background-color: transparent; color: gray; padding: 0; margin: 0; border-radius: 0; } .woocommerce-SavedPaymentMethods-saveNew { display: none !important; } #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before { display: none !important; } #add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img { display: none !important; } #add_payment_method #payment .payment_method_paypal .about_paypal, .woocommerce-cart #payment .payment_method_paypal .about_paypal, .woocommerce-checkout #payment .payment_method_paypal .about_paypal { display: none !important; } form .gchoice input { position: absolute; left: -9999px; } form .gchoice input + label, form .gchoice input + label + span.notes { position: relative; display: block; padding-left: 24px; } form .gchoice label:before, form .gchoice label:after { position:absolute; top:50%; transform:translateY(-50%); bottom:auto; left:0; right:auto; display:inline-flex; content:""; width:16px; height:16px; padding:0; margin:0; border-radius:50%; border:1px solid var(--color-400); transition:all 200ms ease; } form .gchoice label:after { left:3px; width:10px; height:10px; border:0; background-color:var(--color-400); opacity:0; border-radius:50%; transform:translateY(-50%) scale(0); } form .gchoice input:checked+label:after { opacity:1; transform:translateY(-50%) scale(1); } form .gchoice label a, .woocommerce-privacy-policy-link { text-decoration: underline; transition: color 400ms ease; } form .gchoice label a:hover, .woocommerce-privacy-policy-link:hover { color: #000; } /* ------- WC NOTICES ------- */ body .woocommerce-error, body .woocommerce-info, body .woocommerce-message { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 1.1rem 1.6rem 1.1rem 1.6rem; margin: 0 0 3rem; color: #000000; font-size: 1.4rem; border: 2px solid var(--color-300); background-color: #ffbfaa30; border-radius: 12px; text-align: center; } body .woocommerce-error .button, body .woocommerce-info .button, body .woocommerce-message .button { display: inline-flex !important; justify-content: center !important; width: 100% !important; max-width: 500px !important; order: 5 !important; float: none !important; margin: 1rem 0 0 !important; background-color: var(--color-300) !important; padding-left: 1.8rem !important; padding-right: 1.8rem !important; padding-top: 1.5rem !important; padding-bottom: 1.4rem !important; text-decoration-line: none !important; font-family: "Gotu", sans-serif !important; color: #000000 !important; font-size: 1.4rem !important; font-weight: 400 !important; line-height: 1 !important; text-align: center !important; border-radius: 9999px !important; transition-property: all !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 400ms !important; } body .woocommerce-error .button:hover, body .woocommerce-info .button:hover, body .woocommerce-message .button:hover, body .woocommerce-error .button:focus, body .woocommerce-info .button:focus, body .woocommerce-message .button:focus { color: #ffffff !important; background-color: var(--color-400) !important; } body ul.woocommerce-error, body ul.woocommerce-info, body ul.woocommerce-message { flex-direction: column; text-align: left; align-items: flex-start; } body .woocommerce-error:before, body .woocommerce-info:before, body .woocommerce-message:before, body .woocommerce-error:after, body .woocommerce-info:after, body .woocommerce-message:after { display: none !important; } @media (min-width: 1024px) { body .woocommerce-error, body .woocommerce-info, body .woocommerce-message { flex-direction: row; justify-content: space-between; text-align: left; } body .woocommerce-error .button, body .woocommerce-info .button, body .woocommerce-message .button { width: auto !important; margin: 0 !important; } } @media (min-width: 1280px) { body .woocommerce-error, body .woocommerce-info, body .woocommerce-message { /* padding: 1.8rem 2.4rem 1.8rem 2.4rem; */ margin: 0 0 4rem; font-size: 1.6rem; border-radius: 15px; } } /* ------- FORM ------- */ .ctm-form-container form{ position:relative; text-align:left; font-size:13px; letter-spacing:0; line-height:1.875; font-family:"Hanken Grotesk", sans-serif; } .ctm-form-container form p{ margin:0; } .ctm-form-container form p:after{ content:''; visibility:hidden; display:block; height:0; clear:both; } .ctm-form-container form label{ display:block; color:#000000; } .ctm-form-container form ::-webkit-input-placeholder{ color:#000000; opacity:0.6; } .ctm-form-container form :-moz-placeholder{ color:#000000; opacity:0.6; } .ctm-form-container form ::-moz-placeholder{ color:#000000; opacity:0.6; } .ctm-form-container form :-ms-input-placeholder{ color:#000000; opacity:0.6; } .ctm-form-container form select:not(.has-value){ color:#000000; } .ctm-form-container form .gform_validation_container{ position:absolute !important; top:auto; left:-9999px; right:auto; bottom:auto; } .ctm-form-container form .gchoice input{ position:absolute; left:-9999px; right:auto; } .ctm-form-container form input, .ctm-form-container form select, .ctm-form-container form textarea{ display:block; width:100%; padding:0.5em 0.4rem; color:#000000; border:none; border-bottom:1px solid rgba(0,0,0,0.2); border-radius:0; background-color:transparent; outline:none; letter-spacing:inherit; -webkit-appearance:none; -moz-appearance:none; appearance:none; } .ctm-form-container form textarea{ height:150px; min-height:150px; max-height:150px; } .ctm-form-container form select{ padding-right:30px !important; background-image:url(https://onebra.it/wp-content/themes/onebra/css/../img/svg/icon-pulldown.svg); background-repeat:no-repeat; background-position:center right 0; background-size:9px auto; } .ctm-form-container .gfield{ position:relative; margin-bottom:25px; } .ctm-form-container .gfield:last-child{ margin-bottom:0 !important; } .ctm-form-container .gfield.gform_hidden{ padding:0 !important; margin:0 !important; } .ctm-form-container form .gchoice label{ position:relative; padding-left:22px; line-height:1.5; } .ctm-form-container form .gchoice label:before, .ctm-form-container form .gchoice label:after{ position:absolute; top:50%; transform:translateY(-50%); bottom:auto; left:0; right:auto; display:inline-flex; content:''; width:16px; height:16px; padding:0; margin:0; border-radius:50%; border:1px solid var(--color-400); transition:all 200ms ease; } .ctm-form-container form .gchoice label:after{ left:3px; width:10px; height:10px; border:0; background-color:var(--color-400); opacity:0; border-radius:50%; transform:translateY(-50%) scale(0); } /* .ctm-form-container form .gchoice input:focus+label:before{outline:1px solid #000000 !important;outline-offset:4px;} */ /* .ctm-form-container form .gchoice input:checked + label:before{border-color: #000000 !important;} */ .ctm-form-container form .gchoice input:checked + label:after{ opacity:1; transform:translateY(-50%) scale(1); } .ctm-form-container .gfield .gfield_description:not(.validation_message){ color:rgba(0,0,0,0.6); font-size:12px; } .ctm-form-container .gfield.acceptance{ padding:8px 0; margin-bottom:0 !important; color:rgba(0,0,0,0.6); font-size:12px; margin-top:25px; } .ctm-form-container .gfield.acceptance legend{ display:none; } .ctm-form-container .gfield.acceptance label{ color:inherit; } .ctm-form-container .gfield .ginput_container label{ display:block; } .ctm-form-container .gfield a{ color:inherit; text-decoration:underline; transition:color 400ms ease; } .ctm-form-container .gfield.acceptance a:hover{ color:#000000; } .ctm-form-container .gfield.acceptance .gfield_validation_message{ margin-top:-9px; } .ctm-form-container .gform_footer{ padding-top:35px; } .ctm-form-container .gform_footer .gform_button{ margin:0 auto; } .ctm-form-container .gform_validation_errors{ padding:0.7em 1em; margin:0 0 20px; font-size:inherit; background-color:#dec5c6; border:1px solid #770c0c; border-radius:9999px; } .ctm-form-container .gform_validation_errors .gform_submission_error{ font-size:inherit; font-weight:600; margin-bottom:0; color:#770c0c; } .ctm-form-container .gfield_validation_message{ position:absolute; top:100%; font-size:0.75em; color:#770c0c; } .ctm-form-container form .gform_footer{ position:relative; display:flex; width:100%; } .ctm-form-container form .wrapper-button{ position:relative; display:block; } .ctm-form-container form .gform_ajax_spinner{ display:none !important; } .ctm-form-container .ginput_container_fileupload{ display:none !important; } /* .ctm-form-container .ginput_container_fileupload:before{position:absolute;top:50%;transform:translateY(-50%);margin-top:-1px;left:auto;right:0;bottom:auto;display:flex;align-items:center;height:34px;border-radius:17px;content:'Allega file';outline:none;font-size:inherit;background-color: var(--color-300);padding-left:1.6rem;padding-right:1.6rem;text-align: center;font-family: "Gotu", sans-serif;font-size: 1.2rem;line-height: 1;color: #000;text-decoration-line: none;transition-property: all;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 400ms;white-space:nowrap;-webkit-user-select:none;} */ /* .ctm-form-container .ginput_container_fileupload input[type="file"]{position:relative;padding-right:95px;cursor:pointer;padding-left:0.4rem !important;} */ .ctm-form-container .ginput_container_fileupload .gform_fileupload_rules{ display:none; font-size:0.7em; line-height:1.1; padding-top:5px; } .ctm-form-container .ginput_container_fileupload:hover:before{ color:#ffffff; background-color:var(--color-400); } /* body.en .ctm-form-container .ginput_container_fileupload:before{content:'Attach CV *';} */ .ctm-form-container .ginput_container_fileupload input::file-selector-button, .ctm-form-container .ginput_container_fileupload input::-webkit-file-upload-button{ display:none !important; } .ctm-form-container .file-upload-wrapper{ display:flex; width:100%; align-items:center; border-bottom:1px solid rgba(0,0,0,0.2); } .ctm-form-container .file-input{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; } .ctm-form-container .custom-file-upload-button{ display:block; flex-shrink:0; align-items:center; height:34px; border-radius:17px; content:'Allega file'; outline:none; font-size:inherit; background-color: var(--color-300); padding-left:1.6rem; padding-right:1.6rem; text-align: center; font-family: "Gotu", sans-serif; font-size: 1.2rem; line-height: 1; color: #000; text-decoration-line: none; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 400ms; white-space:nowrap; -webkit-user-select:none; } .ctm-form-container .file-name{ display:block; flex-grow:1; padding:0.5em 0.4rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } /* .ctm-form-container .ginput_container_fileupload input[type="file"]{position:relative;padding-right:95px;cursor:pointer;padding-left:0.4rem !important;} */ .ctm-form-container .custom-file-upload-button:hover{ color:#ffffff; background-color:var(--color-400); } /* .ctm-form-container form input:focus-visible, .ctm-form-container form textarea:focus-visible{outline:none;border-bottom-color:white;} .ctm-form-container form .gchoice input, .ctm-form-container form .gchoice input:focus-visible{outline:none !important;} .ctm-form-container form .gchoice input:focus-visible + label:before{outline:none;border-color:white;} */ .ctm-form-container form input:focus-visible, .ctm-form-container form textarea:focus-visible{ outline:none !important; } .ctm-form-container form .gchoice input, .ctm-form-container form .gchoice input:focus-visible{ outline:none !important; } .ctm-form-container form .gchoice input:focus-visible + label:before{ outline:none !important; } .ctm-form-container form .ginput_preview{ display:none; } .ctm-form-container .gform_confirmation_message{ line-height:1.875 !important; letter-spacing:0.0 !important; } .ctm-form-container form.smaller{ font-size:1.4rem; } .ctm-form-container form.smaller .gfield{ margin-bottom:1.5rem; } .ctm-form-container form.smaller .gfield.acceptance{ height:auto; padding:0; margin:0; } .ctm-form-container form.smaller .gfield:not(.acceptance) label{ display:none !important; } .ctm-form-container form.smaller input, .ctm-form-container form.smaller select, .ctm-form-container form.smaller textarea{ height:4.5rem; padding:0 2.4rem; color:#000000; border:none; border-radius:9999px; background-color:white; } .ctm-form-container form.smaller textarea{ height:10rem; } .ctm-form-container form.smaller .gfield_validation_message{ line-height:1.2; } .ctm-form-container form.smaller .gfield.acceptance .gfield_validation_message{ margin-top:-2px; } .ctm-form-container form.smaller .gform_footer{ padding-top:1.5rem; } .ctm-form-container form.smaller .gform_footer .gform_button{ margin:0; } .ctm-form-container .gform_wrapper.smaller_wrapper .gform_validation_errors{ padding:0.9rem 2.4rem; margin-bottom:1.5rem; } .ctm-form-container .gform_wrapper.smaller_wrapper .gform_validation_errors .gform_submission_error{ font-size:1.4rem; line-height:1.25; } .ctm-form-container form.white{ color:var(--color-secondary); } .ctm-form-container form.white input, .ctm-form-container form.white select, .ctm-form-container form.white textarea{ color:var(--color-secondary); border-bottom-color:var(--color-secondary); } .ctm-form-container form.white ::-webkit-input-placeholder{ color:var(--color-secondary); opacity:0.6; } .ctm-form-container form.white :-moz-placeholder{ color:var(--color-secondary); opacity:0.6; } .ctm-form-container form.white ::-moz-placeholder{ color:var(--color-secondary); opacity:0.6; } .ctm-form-container form.white :-ms-input-placeholder{ color:var(--color-secondary); opacity:0.6; } .ctm-form-container form.white select:not(.has-value){ color:rgba(51,53,49,0.6); } .ctm-form-container form.white .gchoice label:before, .ctm-form-container form.white .gchoice label:after{ border-color:var(--color-secondary); } .ctm-form-container form.white .gchoice label:after{ background-color:var(--color-secondary); } .ctm-form-container form.white .gchoice input:checked + label:before{ border-color:var(--color-secondary) !important; } .ctm-form-container form.white .gfield.acceptance{ color:var(--color-secondary); } .ctm-form-container form.white .gfield.acceptance a{ transition:opacity 500ms ease; } .ctm-form-container form.white .gfield.acceptance a:hover{ color:var(--color-secondary); opacity:0.8; } /* .ctm-form-container form#gform_3 .gfield.acceptance, .ctm-form-container form#gform_4 .gfield.acceptance{padding:0 !important;} .ctm-form-container form#gform_3 .gfield.acceptance .apply-link, .ctm-form-container form#gform_4 .gfield.acceptance .apply-link{font-weight:300 !important;text-decoration:none !important;transition:color 500ms ease;} .ctm-form-container form#gform_3 .gfield.acceptance .apply-link:hover, .ctm-form-container form#gform_4 .gfield.acceptance .apply-link:hover{color:var(--color-default) !important;opacity:1 !important;} */ @media (min-width: 768px) { .ctm-form-container form{ font-size:15px; } .ctm-form-container form select{ background-size:10px auto; } .ctm-form-container .gfield{ margin-bottom:22px; } /* .ctm-form-container .ginput_container_fileupload:before{height:38px;padding-left:1.7rem;padding-right:1.7rem;border-radius:19px;font-size:1.3rem;} */ /* .ctm-form-container .ginput_container_fileupload input[type="file"]{padding-right:100px;} */ .ctm-form-container .gform_validation_errors{ margin-bottom:20px; } .ctm-form-container .gfield .gfield_description:not(.validation_message){ font-size:13px; } .ctm-form-container .gfield.acceptance{ font-size:13px; } /* .ctm-form-container .gfield.acceptance{display:flex;align-items:center;width:60%;height:39px;margin-top:43px;font-size:13px;} .ctm-form-container form .gform_footer{padding-top:0;} .ctm-form-container form .wrapper-button{position:absolute;top:auto;left:auto;right:0;bottom:0;display:flex;width:40%;justify-content:flex-end;} */ } @media (min-width: 1024px) { .ctm-form-container form{ font-size:17px; } .ctm-form-container form select{ background-size:11px auto; } .ctm-form-container .gfield{ margin-bottom:24px; } /* .ctm-form-container .ginput_container_fileupload:before{height:42px;padding-left:1.8rem;padding-right:1.8rem;border-radius:21px;font-size:1.4rem;} */ /* .ctm-form-container .ginput_container_fileupload input[type="file"]{padding-right:105px;} */ .ctm-form-container .gform_validation_errors{ margin-bottom:25px; } /* .ctm-form-container .gfield.acceptance{height:43px;margin-top:45px;} */ } @media (min-width: 1280px) { .ctm-form-container form{ font-size:19px; } .ctm-form-container form select{ background-size:12px auto; } .ctm-form-container .gfield{ margin-bottom:26px; } /* .ctm-form-container .ginput_container_fileupload:before{height:46px;padding-left:1.8rem;padding-right:1.8rem;border-radius:23px;font-size:1.4rem;} */ /* .ctm-form-container .ginput_container_fileupload input[type="file"]{padding-right:110px;} */ .ctm-form-container .gform_validation_errors{ margin-bottom:30px; } .ctm-form-container .gfield .gfield_description:not(.validation_message){ font-size:14px; } .ctm-form-container .gfield.acceptance{ font-size:14px; } /* .ctm-form-container .gfield.acceptance{height:47px;margin-top:47px;font-size:14px;} */ } /* ------- LANDING ------- */ .page-template-page-landing #menu, .page-template-page-landing #footer { display: none !important; } /* ------- COOKIEBOT ------- */ #CybotCookiebotDialog label { font-family:inherit !important; } #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover { color:var(--color-400) !important } #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive { border-bottom:1px solid var(--color-400) !important; color:var(--color-400) !important } #CybotCookiebotDialogDetailBulkConsentLink:hover { color:var(--color-400) !important } #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton { border:2px solid var(--color-400) !important; background-color:var(--color-400) !important; } #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton:hover { opacity:.85 } #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection { background-color:var(--color-400) !important; border-color:var(--color-400) !important; } #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll { background-color:var(--color-400) !important; border-color:var(--color-400) !important; } #CybotCookiebotDialogDetailBodyContentIABv2Tabs .CybotCookiebotDialogBodyLevelButtonIABHeaderButton, #CybotCookiebotDialogDetailBodyContentIABv2Tabs .CybotCookiebotDialogBodyLevelButtonIABHeaderToggleDeselectVendorsLink, #CybotCookiebotDialogDetailBodyContentIABv2Tabs .CybotCookiebotDialogBodyLevelButtonIABHeaderToggleSelectVendorsLink { border:2px solid var(--color-400); } #CybotCookiebotDialogDetailBodyContentIABv2Tabs .CybotCookiebotDialogBodyLevelButtonIABHeaderButton.select, #CybotCookiebotDialogDetailBodyContentIABv2Tabs .CybotCookiebotDialogBodyLevelButtonIABHeaderToggleSelectVendorsLink { background-color:var(--color-400) !important; border-color:var(--color-400) !important; } #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a { color:var(--color-400) !important; } #CybotCookiebotDialogTabContent input:checked+.CybotCookiebotDialogBodyLevelButtonSlider { background-color:var(--color-400) !important } #CybotCookiebotDialogBodyLevelButtonsSelectPane label:not([for=CybotCookiebotDialogBodyLevelButtonNecessary]) .CybotCookiebotDialogBodyLevelButtonDescription:hover { color:var(--color-400) !important } @media screen and (min-width:601px) { #CybotCookiebotDialogTabContent input:focus+.CybotCookiebotDialogBodyLevelButtonSlider { box-shadow:0 0 1px var(--color-400) !important } } #CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentIABv2Tabs input[type=checkbox]:checked { background-color:var(--color-400) !important; border-color:var(--color-400) !important } #CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover, #CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentIABv2Tab:hover, #CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider:not(.CybotCookiebotDialogDetailBodyContentCookieInfoCount):hover { color:var(--color-400) !important } #CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a, #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink, #CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a, #CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a, #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a, #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink, #CybotCookiebotDialogDetailBodyContentTextAbout a { color:var(--color-400) !important; } @media screen and (min-width:601px) { #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSliderWrapper input:focus-visible+span, #CybotCookiebotDialog :focus-visible { outline:2px solid var(--color-400) !important } } #CookiebotWidget :focus-visible, #CookiebotWidget:not(.CookiebotWidget-open) .Cookiebotwidget-logo { outline:2px solid var(--color-400) !important; } #CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg { fill:var(--color-400) !important; } #CookiebotWidget .CookiebotWidget-consent-details button { color:var(--color-400) !important; } #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change { background-color:var(--color-400) !important; border-color:var(--color-400) !important; } #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw { border-color:var(--color-400) !important; } /* ------- LIGHTGALLERY ------- */ @font-face{ font-family:lg; src:url(https://onebra.it/wp-content/themes/onebra/css/../fonts/lg.eot?n1z373); src:url(https://onebra.it/wp-content/themes/onebra/css/../fonts/lg.eot?#iefixn1z373) format("embedded-opentype"),url(https://onebra.it/wp-content/themes/onebra/css/../fonts/lg.woff?n1z373) format("woff"),url(https://onebra.it/wp-content/themes/onebra/css/../fonts/lg.ttf?n1z373) format("truetype"),url(https://onebra.it/wp-content/themes/onebra/css/../fonts/lg.svg?n1z373#lg) format("svg"); font-weight:400; font-style:normal } @keyframes lg-right-end{ 0%,100%{ left:0 } 50%{ left:-30px } } @keyframes lg-left-end{ 0%,100%{ left:0 } 50%{ left:30px } } #lg-counter,.lg-outer .lg-video-cont{ vertical-align:middle; display:inline-block } .lg-icon{ font-family:lg; speak:none; font-style:normal; font-weight:400; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } .lg-actions .lg-next,.lg-actions .lg-prev{ background-color:rgba(0,0,0,.45); border-radius:2px; color:#999; cursor:pointer; display:block; font-size:22px; margin-top:-10px; padding:8px 10px 9px; position:absolute; top:50%; z-index:1080 } .lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled{ pointer-events:none; opacity:.5 } .lg-actions .lg-next:hover,.lg-actions .lg-prev:hover{ color:#FFF } .lg-actions .lg-next{ right:20px } .lg-actions .lg-next:before{ content:"\e095" } .lg-actions .lg-prev{ left:20px } .lg-actions .lg-prev:after{ content:"\e094" } .lg-outer.lg-right-end .lg-object{ animation:lg-right-end .3s; position:relative } .lg-outer.lg-left-end .lg-object{ animation:lg-left-end .3s; position:relative } .lg-toolbar{ z-index:1082; left:0; position:absolute; top:0; width:100% } .lg-toolbar .lg-icon{ color:#999; cursor:pointer; float:right; font-size:24px; height:47px; line-height:27px; padding:10px 0; text-align:center; width:50px; text-decoration:none!important; outline:0; transition:color .2s linear } .lg-toolbar .lg-icon:hover{ color:#FFF } .lg-toolbar .lg-close:after{ content:"\e070" } .lg-toolbar .lg-download:after{ content:"\e0f2" } .lg-sub-html{ bottom:0; color:#EEE; font-size:16px; left:0; padding:10px 40px; position:fixed; right:0; text-align:center; z-index:1080 } .lg-sub-html h4{ margin:0; font-size:13px; font-weight:600 } .lg-sub-html p{ font-size:12px; margin:5px 0 0 } #lg-counter{ color:#999; font-size:16px; padding-left:20px; padding-top:12px } .lg-next,.lg-prev,.lg-toolbar{ opacity:1; transition:transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear } .lg-hide-items .lg-prev{ opacity:0; transform:translate3d(-10px,0,0) } .lg-hide-items .lg-next{ opacity:0; transform:translate3d(10px,0,0) } .lg-hide-items .lg-toolbar{ opacity:0; transform:translate3d(0,-10px,0) } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object{ transform:scale3d(.5,.5,.5); opacity:0; transition:transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important; transform-origin:50% 50% } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{ transform:scale3d(1,1,1); opacity:1 } .lg-outer .lg-thumb-outer{ background-color:#0D0A0A; bottom:0; position:absolute; width:100%; z-index:1080; max-height:350px; transform:translate3d(0,100%,0); transition:transform .25s cubic-bezier(0,0,.25,1) 0s } .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{ cursor:-o-grab; cursor:-ms-grab; cursor:grab } .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{ cursor:move; cursor:-o-grabbing; cursor:-ms-grabbing; cursor:grabbing } .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{ transition-duration:0s!important } .lg-outer.lg-thumb-open .lg-thumb-outer{ transform:translate3d(0,0,0) } .lg-outer .lg-thumb{ padding:10px 0; height:100%; margin-bottom:-5px } .lg-outer .lg-thumb-item{ cursor:pointer; float:left; overflow:hidden; height:100%; border:2px solid #FFF; border-radius:4px; margin-bottom:5px } @media (min-width:1025px){ .lg-outer .lg-thumb-item{ transition:border-color .25s ease } } .lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{ border-color:#a90707 } .lg-outer .lg-thumb-item img{ width:100%; height:100%; -o-object-fit:cover; object-fit:cover } .lg-outer.lg-has-thumb .lg-item{ padding-bottom:120px } .lg-outer.lg-can-toggle .lg-item{ padding-bottom:0 } .lg-outer.lg-pull-caption-up .lg-sub-html{ transition:bottom .25s ease } .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html{ bottom:100px } .lg-outer .lg-toogle-thumb{ background-color:#0D0A0A; border-radius:2px 2px 0 0; color:#999; cursor:pointer; font-size:24px; height:39px; line-height:27px; padding:5px 0; position:absolute; right:20px; text-align:center; top:-39px; width:50px } .lg-outer .lg-toogle-thumb:after{ content:"\e1ff" } .lg-outer .lg-toogle-thumb:hover{ color:#FFF } .lg-outer .lg-video-cont{ max-width:1140px !important;;max-height:100%; width:100%; padding:0 5px } .lg-outer .lg-video{ width:100%; height:0; padding-bottom:56.25%; overflow:hidden; position:relative } .lg-outer .lg-video .lg-object{ display:inline-block; position:absolute; top:0; left:0; width:100%!important; height:100%!important } .lg-outer .lg-video .lg-video-play{ width:84px; height:59px; position:absolute; left:50%; top:50%; margin-left:-42px; margin-top:-30px; z-index:1080; cursor:pointer } .lg-outer .lg-has-vimeo .lg-video-play{ background:url(https://onebra.it/wp-content/themes/onebra/css/../img/svg/icon-play.svg) no-repeat } .lg-outer .lg-has-vimeo:hover .lg-video-play{ background:url(https://onebra.it/wp-content/themes/onebra/css/../img/svg/icon-play.svg) 0 -58px no-repeat } .lg-outer .lg-has-html5 .lg-video-play{ background:url(https://onebra.it/wp-content/themes/onebra/css/../img/svg/icon-play.svg) no-repeat; height:64px; margin-left:-32px; margin-top:-32px; width:64px; opacity:.8 } .lg-outer .lg-has-html5:hover .lg-video-play{ opacity:1 } .lg-outer .lg-has-youtube .lg-video-play{ background:url(https://onebra.it/wp-content/themes/onebra/css/../img/svg/icon-play.svg) no-repeat } .lg-outer .lg-has-youtube:hover .lg-video-play{ background:url(https://onebra.it/wp-content/themes/onebra/css/../img/svg/icon-play.svg) 0 -60px no-repeat } .lg-outer .lg-video-object{ width:100%!important; height:100%!important; position:absolute; top:0; left:0 } .lg-outer .lg-has-video .lg-video-object{ visibility:hidden } .lg-outer .lg-has-video.lg-video-playing .lg-object,.lg-outer .lg-has-video.lg-video-playing .lg-video-play{ display:none } .lg-outer .lg-has-video.lg-video-playing .lg-video-object{ visibility:visible } .lg-progress-bar{ background-color:#333; height:5px; left:0; position:absolute; top:0; width:100%; z-index:1083; opacity:0; transition:opacity 80ms ease 0s } .lg-progress-bar .lg-progress{ background-color:#a90707; height:5px; width:0 } .lg-progress-bar.lg-start .lg-progress{ width:100% } .lg-show-autoplay .lg-progress-bar{ opacity:1 } .lg-autoplay-button:after{ content:"\e01d" } .lg-show-autoplay .lg-autoplay-button:after{ content:"\e01a" } .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap{ transition-duration:0s } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{ transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s; transform:translate3d(0,0,0); backface-visibility:hidden } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{ transform:scale3d(1,1,1); transition:transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important; transform-origin:0 0; backface-visibility:hidden } #lg-zoom-in:after{ content:"\e311" } #lg-actual-size{ font-size:20px } #lg-actual-size:after{ content:"\e033" } #lg-zoom-out{ opacity:.5; pointer-events:none } #lg-zoom-out:after{ content:"\e312" } .lg-zoomed #lg-zoom-out{ opacity:1; pointer-events:auto } .lg-outer .lg-pager-outer{ bottom:60px; left:0; position:absolute; right:0; text-align:center; z-index:1080; height:10px } .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{ overflow:visible } .lg-outer .lg-pager-cont{ cursor:pointer; display:inline-block; overflow:hidden; position:relative; vertical-align:top; margin:0 5px } .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{ opacity:1; transform:translate3d(0,0,0) } .lg-outer .lg-pager-cont.lg-pager-active .lg-pager{ box-shadow:0 0 0 2px #fff inset } .lg-outer .lg-pager-thumb-cont{ background-color:#fff; color:#FFF; bottom:100%; height:83px; left:0; margin-bottom:20px; margin-left:-60px; opacity:0; padding:5px; position:absolute; width:120px; border-radius:3px; transition:opacity .15s ease 0s,transform .15s ease 0s; transform:translate3d(0,5px,0) } .lg-outer .lg-pager-thumb-cont img{ width:100%; height:100% } .lg-outer .lg-pager{ background-color:rgba(255,255,255,.5); border-radius:50%; box-shadow:0 0 0 8px rgba(255,255,255,.7) inset; display:block; height:12px; transition:box-shadow .3s ease 0s; width:12px } .lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover{ box-shadow:0 0 0 8px #fff inset } .lg-outer .lg-caret{ border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px dashed; bottom:-10px; display:inline-block; height:0; left:50%; margin-left:-5px; position:absolute; vertical-align:middle; width:0 } .lg-outer,.lg-outer .lg,.lg-outer .lg-inner{ width:100%; height:100% } .lg-fullscreen:after{ content:"\e20c" } .lg-fullscreen-on .lg-fullscreen:after{ content:"\e20d" } .group:after,.group:before{ display:table; content:""; line-height:0 } .group:after{ clear:both } .lg-outer{ position:fixed; top:0; left:0; z-index:1050; opacity:0; transition:opacity .15s ease 0s } .lg-outer *{ box-sizing:border-box } .lg-outer.lg-visible{ opacity:1 } .lg-outer.lg-css3 .lg-item.lg-current,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-prev-slide{ transition-duration:inherit!important; transition-timing-function:inherit!important } .lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{ transition-duration:0s!important; opacity:1 } .lg-outer.lg-grab img.lg-object{ cursor:-o-grab; cursor:-ms-grab; cursor:grab } .lg-outer.lg-grabbing img.lg-object{ cursor:move; cursor:-o-grabbing; cursor:-ms-grabbing; cursor:grabbing } .lg-outer .lg{ position:relative; overflow:hidden; margin-left:auto; margin-right:auto; max-width:100%; max-height:100% } .lg-outer .lg-inner{ position:absolute; left:0; top:0; white-space:nowrap } .lg-outer .lg-item{ background:url(https://onebra.it/wp-content/themes/onebra/css/../img/svg/loading.gif) center center no-repeat; display:none!important } .lg-outer.lg-css .lg-current,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide{ display:inline-block!important } .lg-outer .lg-img-wrap,.lg-outer .lg-item{ display:inline-block; text-align:center; position:absolute; width:100%; height:100% } .lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before{ content:""; display:inline-block; height:50%; width:1px; margin-right:-1px } .lg-outer .lg-img-wrap{ position:absolute; padding:0 5px; left:0; right:0; top:0; bottom:0 } .lg-outer .lg-item.lg-complete{ background-image:none } .lg-outer .lg-item.lg-current{ z-index:1060 } .lg-outer .lg-image{ display:inline-block; vertical-align:middle; max-width:100%; max-height:100%; width:auto!important; height:auto!important } .lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play{ opacity:0; transition:opacity .15s ease 0s } .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play{ opacity:1 } .lg-outer .lg-empty-html,.lg-outer.lg-hide-download #lg-download{ display:none } .lg-backdrop{ position:fixed; top:0; left:0; right:0; bottom:0; z-index:1040; background-color:rgba(37,47,103,.92); opacity:0; transition:opacity .15s ease 0s } .lg-backdrop.in{ opacity:1 } .lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide{ transition:none 0s ease 0s!important } .lg-css3.lg-use-css3 .lg-item,.lg-css3.lg-use-left .lg-item{ backface-visibility:hidden } .lg-css3.lg-fade .lg-item{ opacity:0 } .lg-css3.lg-fade .lg-item.lg-current{ opacity:1 } .lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide{ transition:opacity .1s ease 0s } .lg-css3.lg-slide.lg-use-css3 .lg-item{ opacity:0 } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{ transform:translate3d(-100%,0,0) } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{ transform:translate3d(100%,0,0) } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{ transform:translate3d(0,0,0); opacity:1 } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{ transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s } .lg-css3.lg-slide.lg-use-left .lg-item{ opacity:0; position:absolute; left:0 } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{ left:-100% } .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide{ left:100% } .lg-css3.lg-slide.lg-use-left .lg-item.lg-current{ left:0; opacity:1 } .lg-css3.lg-slide.lg-use-left .lg-item.lg-current,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{ transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s } .lg-backdrop{ background-color:rgba(34,34,34,0.7); --tw-backdrop-saturate: saturate(1.5); --tw-backdrop-blur: blur(12px); -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); } .lg-toolbar .lg-icon{ color:#fff; } .lg-autoplay-button{ display:none; } .lg-outer .lg-item{ background-image:url(https://onebra.it/wp-content/themes/onebra/css/../img/svg/loading.svg); } .lg-toolbar .lg-icon.lg-download{ display:none; } .\*\:block > * { display: block; } .\*\:text-\[80\%\] > * { font-size: 80%; } .\*\:text-primary-400 > * { color: var(--color-400); } .before\:pointer-events-none::before { content: var(--tw-content); pointer-events: none; } .before\:absolute::before { content: var(--tw-content); position: absolute; } .before\:-left-12::before { content: var(--tw-content); left: -1.2rem; } .before\:-left-16::before { content: var(--tw-content); left: -1.6rem; } .before\:-top-40::before { content: var(--tw-content); top: -4rem; } .before\:-top-72::before { content: var(--tw-content); top: -7.2rem; } .before\:bottom-12::before { content: var(--tw-content); bottom: 1.2rem; } .before\:left-0::before { content: var(--tw-content); left: 0; } .before\:right-0::before { content: var(--tw-content); right: 0; } .before\:right-24::before { content: var(--tw-content); right: 2.4rem; } .before\:right-56::before { content: var(--tw-content); right: 5.6rem; } .before\:right-8::before { content: var(--tw-content); right: 0.8rem; } .before\:top-0::before { content: var(--tw-content); top: 0; } .before\:top-32::before { content: var(--tw-content); top: 3.2rem; } .before\:-z-10::before { content: var(--tw-content); z-index: -10; } .before\:-z-20::before { content: var(--tw-content); z-index: -20; } .before\:mb-1::before { content: var(--tw-content); margin-bottom: 0.1rem; } .before\:mr-10::before { content: var(--tw-content); margin-right: 1rem; } .before\:inline-block::before { content: var(--tw-content); display: inline-block; } .before\:h-35::before { content: var(--tw-content); height: 3.5rem; } .before\:h-40::before { content: var(--tw-content); height: 4rem; } .before\:h-50::before { content: var(--tw-content); height: 5rem; } .before\:h-56::before { content: var(--tw-content); height: 5.6rem; } .before\:h-6::before { content: var(--tw-content); height: 0.6rem; } .before\:h-60::before { content: var(--tw-content); height: 6rem; } .before\:h-96::before { content: var(--tw-content); height: 9.6rem; } .before\:w-35::before { content: var(--tw-content); width: 3.5rem; } .before\:w-40::before { content: var(--tw-content); width: 4rem; } .before\:w-50::before { content: var(--tw-content); width: 5rem; } .before\:w-56::before { content: var(--tw-content); width: 5.6rem; } .before\:w-6::before { content: var(--tw-content); width: 0.6rem; } .before\:w-60::before { content: var(--tw-content); width: 6rem; } .before\:translate-y-1\/2::before { content: var(--tw-content); --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)); } .before\:rounded-\[50\%\]::before { content: var(--tw-content); border-radius: 50%; } .before\:bg-primary-300::before { content: var(--tw-content); background-color: var(--color-300); } .before\:bg-primary-400::before { content: var(--tw-content); background-color: var(--color-400); } .before\:bg-primary-900::before { content: var(--tw-content); background-color: var(--color-900); } .before\:bg-gradient-to-b::before { content: var(--tw-content); background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); } .before\:from-white::before { content: var(--tw-content); --tw-gradient-from: #fff var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .before\:to-transparent::before { content: var(--tw-content); --tw-gradient-to: transparent var(--tw-gradient-to-position); } .before\:transition-colors::before { content: var(--tw-content); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .after\:absolute::after { content: var(--tw-content); position: absolute; } .after\:-bottom-58::after { content: var(--tw-content); bottom: -5.8rem; } .after\:-left-14::after { content: var(--tw-content); left: -1.4rem; } .after\:-left-4::after { content: var(--tw-content); left: -0.4rem; } .after\:-top-20::after { content: var(--tw-content); top: -2rem; } .after\:bottom-27::after { content: var(--tw-content); bottom: 2.7rem; } .after\:left-0::after { content: var(--tw-content); left: 0; } .after\:left-30::after { content: var(--tw-content); left: 3rem; } .after\:right-24::after { content: var(--tw-content); right: 2.4rem; } .after\:top-15::after { content: var(--tw-content); top: 1.5rem; } .after\:top-80::after { content: var(--tw-content); top: 8.0rem; } .after\:-z-10::after { content: var(--tw-content); z-index: -10; } .after\:-z-20::after { content: var(--tw-content); z-index: -20; } .after\:h-35::after { content: var(--tw-content); height: 3.5rem; } .after\:h-40::after { content: var(--tw-content); height: 4rem; } .after\:h-50::after { content: var(--tw-content); height: 5rem; } .after\:h-60::after { content: var(--tw-content); height: 6rem; } .after\:h-\[11\.7rem\]::after { content: var(--tw-content); height: 11.7rem; } .after\:w-35::after { content: var(--tw-content); width: 3.5rem; } .after\:w-40::after { content: var(--tw-content); width: 4rem; } .after\:w-50::after { content: var(--tw-content); width: 5rem; } .after\:w-60::after { content: var(--tw-content); width: 6rem; } .after\:w-\[11\.7rem\]::after { content: var(--tw-content); width: 11.7rem; } .after\:-translate-x-full::after { content: var(--tw-content); --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)); } .after\:rounded-\[50\%\]::after { content: var(--tw-content); border-radius: 50%; } .after\:bg-primary-100::after { content: var(--tw-content); background-color: var(--color-100); } .after\:bg-primary-400::after { content: var(--tw-content); background-color: var(--color-400); } .after\:bg-primary-900::after { content: var(--tw-content); background-color: var(--color-900); } .last\:\!mb-0:last-child { margin-bottom: 0 !important; } .last\:border-b-0:last-child { border-bottom-width: 0px; } .last\:pb-0:last-child { padding-bottom: 0; } .hover\:scale-95:hover { --tw-scale-x: .95; --tw-scale-y: .95; 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)); } .hover\:bg-primary-200:hover { background-color: var(--color-200); } .hover\:bg-primary-300:hover { background-color: var(--color-300); } .hover\:bg-primary-400:hover { background-color: var(--color-400); } .hover\:fill-black\/30:hover { fill: rgb(0 0 0 / 0.3); } .hover\:text-\[var\(--color-500\)\]:hover { color: var(--color-500); } .hover\:text-black:hover { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .hover\:text-primary-300:hover { color: var(--color-300); } .hover\:text-primary-400:hover { color: var(--color-400); } .hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .hover\:opacity-100:hover { opacity: 1; } .hover\:opacity-70:hover { opacity: 0.7; } .hover\:opacity-75:hover { opacity: 0.75; } .hover\:opacity-80:hover { opacity: 0.8; } .before\:hover\:bg-primary-300:hover::before { content: var(--tw-content); background-color: var(--color-300); } .focus\:bg-primary-200:focus { background-color: var(--color-200); } .focus\:bg-primary-300:focus { background-color: var(--color-300); } .focus\:bg-primary-400:focus { background-color: var(--color-400); } .focus\:text-black:focus { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .focus\:text-white:focus { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .focus\:opacity-100:focus { opacity: 1; } .focus\:opacity-70:focus { opacity: 0.7; } .focus-visible\:outline-none:focus-visible { outline: 2px solid transparent; outline-offset: 2px; } .group:hover .group-hover\:scale-95 { --tw-scale-x: .95; --tw-scale-y: .95; 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\/actions:hover .group-hover\/actions\:fill-primary-400 { fill: var(--color-400); } .group\/controls:hover .group-hover\/controls\:fill-black { fill: #000; } .group:hover .group-hover\:fill-primary-300 { fill: var(--color-300); } .group\/actions:hover .group-hover\/actions\:stroke-black { stroke: #000; } .group\/actions:hover .group-hover\/actions\:stroke-white { stroke: #fff; } .group\/controls:hover .group-hover\/controls\:stroke-black { stroke: #000; } .group:hover .group-hover\:stroke-black { stroke: #000; } .group\/controls:hover .group-hover\/controls\:text-primary-300 { color: var(--color-300); } .group\/slide:hover .group-hover\/slide\:opacity-100 { opacity: 1; } .group\/popup:not(.moved-content) .group-\[\:not\(\.moved-content\)\]\/popup\:absolute { position: absolute; } .group\/controls.play .group-\[\.play\]\/controls\:left-full { left: 100%; } .group\/controls.play .group-\[\.play\]\/controls\:top-full { top: 100%; } .group\/popup:not(.moved-content) .group-\[\:not\(\.moved-content\)\]\/popup\:-left-\[9999px\] { left: -9999px; } .group\/popup:not(.moved-content) .group-\[\:not\(\.moved-content\)\]\/popup\:-top-\[9999px\] { top: -9999px; } .group\/controls.pause .group-\[\.pause\]\/controls\:block { display: block; } .group\/controls.play .group-\[\.play\]\/controls\:block { display: block; } .group\/step:not(.active) .group-\[\:not\(\.active\)\]\/step\:h-0 { height: 0; } .group\/controls.play .group-\[\.play\]\/controls\:-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\/controls.play .group-\[\.play\]\/controls\:-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)); } .group\/step.active .group-\[\.active\]\/step\:rotate-\[180deg\] { --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)); } .group\/controls.play .group-\[\.play\]\/controls\:scale-75 { --tw-scale-x: .75; --tw-scale-y: .75; 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\/slide:not(.swiper-slide-active) .group-\[\:not\(\.swiper-slide-active\)\]\/slide\:scale-\[1\.1\] { --tw-scale-x: 1.1; --tw-scale-y: 1.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\/btn.loading .group-\[\.loading\]\/btn\:opacity-0 { opacity: 0; } .group\/btn.loading .group-\[\.loading\]\/btn\:opacity-100 { opacity: 1; } .group\/slide.swiper-slide-thumb-active .group-\[\.swiper-slide-thumb-active\]\/slide\:\!opacity-100 { opacity: 1 !important; } .group\/slider:not(:hover) .group-\[\:not\(\:hover\)\]\/slider\:\!opacity-0 { opacity: 0 !important; } @media (min-width: 374px) { .xxxs\:max-w-\[calc\(100vw-6rem\)\] { max-width: calc(100vw - 6rem); } .xxxs\:flex-row { flex-direction: row; } .xxxs\:gap-20 { gap: 2rem; } .xxxs\:px-30 { padding-left: 3rem; padding-right: 3rem; } .xxxs\:pl-30 { padding-left: 3rem; } .xxxs\:pr-22 { padding-right: 2.2rem; } .before\:xxxs\:right-30::before { content: var(--tw-content); right: 3rem; } .after\:xxxs\:right-30::after { content: var(--tw-content); right: 3rem; } } @media (min-width: 440px) { .xxs\:-left-220 { left: -22rem; } .xxs\:-right-80 { right: -8.0rem; } .xxs\:pr-40 { padding-right: 4rem; } .xxs\:text-4xl { font-size: 4rem; } .before\:xxs\:right-30::before { content: var(--tw-content); right: 3rem; } .after\:xxs\:left-\[40\%\]::after { content: var(--tw-content); left: 40%; } } @media (min-width: 576px) { .xs\:-right-120 { right: -12rem; } .xs\:-mt-20 { margin-top: -2rem; } .xs\:mt-48 { margin-top: 4.8rem; } .xs\:w-\[70rem\] { width: 70rem; } .xs\:max-w-620 { max-width: 62rem; } .xs\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .xs\:flex-row { flex-direction: row; } .xs\:items-center { align-items: center; } .xs\:justify-between { justify-content: space-between; } .xs\:px-\[3\.8rem\] { padding-left: 3.8rem; padding-right: 3.8rem; } .xs\:text-left { text-align: left; } .before\:xs\:left-420::before { content: var(--tw-content); left: 42rem; } .before\:xs\:top-0::before { content: var(--tw-content); top: 0; } .after\:xs\:top-65::after { content: var(--tw-content); top: 6.5rem; } } @media (min-width: 640px) { .sm\:-bottom-30 { bottom: -3rem; } .sm\:-top-40 { top: -4rem; } .sm\:left-\[-70\%\] { left: -70%; } .sm\:right-auto { right: auto; } .sm\:col-span-12 { grid-column: span 12 / span 12; } .sm\:col-span-6 { grid-column: span 6 / span 6; } .sm\:mx-auto { margin-left: auto; margin-right: auto; } .sm\:mr-\[24px\] { margin-right: 24px; } .sm\:w-\[200\%\] { width: 200%; } .sm\:w-\[calc\(100\%\+1rem-6rem\)\] { width: calc(100% + 1rem - 6rem); } .sm\:w-\[calc\(50\%-12px\)\] { width: calc(50% - 12px); } .sm\:max-w-350 { max-width: 35rem; } .sm\:max-w-643 { max-width: 64.3rem; } .sm\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .sm\:flex-col { flex-direction: column; } .sm\:gap-12 { gap: 1.2rem; } .after\:sm\:-bottom-20::after { content: var(--tw-content); bottom: -2rem; } .after\:sm\:-left-50::after { content: var(--tw-content); left: -5rem; } .after\:sm\:h-45::after { content: var(--tw-content); height: 4.5rem; } .after\:sm\:w-45::after { content: var(--tw-content); width: 4.5rem; } } @media (min-width: 768px) { .md\:-bottom-24 { bottom: -2.4rem; } .md\:-left-120 { left: -12rem; } .md\:-right-48 { right: -4.8rem; } .md\:-top-24 { top: -2.4rem; } .md\:bottom-160 { bottom: 16rem; } .md\:bottom-\[calc\(100\%-4rem\)\] { bottom: calc(100% - 4rem); } .md\:left-0 { left: 0; } .md\:left-100 { left: 10rem; } .md\:right-\[-19\.4rem\] { right: -19.4rem; } .md\:top-32 { top: 3.2rem; } .md\:col-span-1 { grid-column: span 1 / span 1; } .md\:col-span-3 { grid-column: span 3 / span 3; } .md\:col-span-5 { grid-column: span 5 / span 5; } .md\:col-start-10 { grid-column-start: 10; } .md\:col-start-6 { grid-column-start: 6; } .md\:-mx-24 { margin-left: -2.4rem; margin-right: -2.4rem; } .md\:mx-0 { margin-left: 0; margin-right: 0; } .md\:mx-auto { margin-left: auto; margin-right: auto; } .md\:my-50 { margin-top: 5rem; margin-bottom: 5rem; } .md\:-ml-54 { margin-left: -5.4rem; } .md\:-mr-18 { margin-right: -1.8rem; } .md\:-mr-50 { margin-right: -5rem; } .md\:-mt-60 { margin-top: -6rem; } .md\:mb-110 { margin-bottom: 11rem; } .md\:mb-14 { margin-bottom: 1.4rem; } .md\:mb-16 { margin-bottom: 1.6rem; } .md\:mb-160 { margin-bottom: 16rem; } .md\:mb-20 { margin-bottom: 2rem; } .md\:mb-28 { margin-bottom: 2.8rem; } .md\:mb-64 { margin-bottom: 6.4rem; } .md\:mb-7 { margin-bottom: 0.7rem; } .md\:mb-70 { margin-bottom: 7rem; } .md\:mr-18 { margin-right: 1.8rem; } .md\:mr-20 { margin-right: 2rem; } .md\:mt-0 { margin-top: 0; } .md\:mt-110 { margin-top: 11rem; } .md\:mt-150 { margin-top: 15rem; } .md\:mt-20 { margin-top: 2rem; } .md\:mt-50 { margin-top: 5rem; } .md\:mt-56 { margin-top: 5.6rem; } .md\:mt-64 { margin-top: 6.4rem; } .md\:mt-65 { margin-top: 6.5rem; } .md\:mt-70 { margin-top: 7rem; } .md\:mt-88 { margin-top: 8.8rem; } .md\:flex { display: flex; } .md\:hidden { display: none; } .md\:h-42 { height: 4.2rem; } .md\:h-88 { height: 8.8rem; } .md\:h-900 { height: 90rem; } .md\:h-\[34px\] { height: 34px; } .md\:h-\[50\.5rem\] { height: 50.5rem; } .md\:h-\[80px\] { height: 80px; } .md\:w-16 { width: 1.6rem; } .md\:w-200 { width: 20rem; } .md\:w-24 { width: 2.4rem; } .md\:w-390 { width: 39rem; } .md\:w-400 { width: 40rem; } .md\:w-42 { width: 4.2rem; } .md\:w-\[19px\] { width: 19px; } .md\:w-\[22\.5rem\] { width: 22.5rem; } .md\:w-\[45px\] { width: 45px; } .md\:w-\[65px\] { width: 65px; } .md\:w-\[80px\] { width: 80px; } .md\:w-\[96px\] { width: 96px; } .md\:w-\[calc\(\(100\%\/2\)-1\.8rem\)\] { width: calc((100% / 2) - 1.8rem); } .md\:max-w-240 { max-width: 24rem; } .md\:max-w-350 { max-width: 35rem; } .md\:max-w-380 { max-width: 38rem; } .md\:max-w-\[54\.3rem\] { max-width: 54.3rem; } .md\:max-w-\[75\.7rem\] { max-width: 75.7rem; } .md\:max-w-\[calc\(100vw-11\.2rem\)\] { max-width: calc(100vw - 11.2rem); } .md\:max-w-none { max-width: none; } .md\:-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .md\:-translate-x-\[40\%\] { --tw-translate-x: -40%; 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\:-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .md\:rotate-0 { --tw-rotate: 0deg; 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\:grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); } .md\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:flex-row { flex-direction: row; } .md\:items-start { align-items: flex-start; } .md\:items-center { align-items: center; } .md\:gap-110 { gap: 11rem; } .md\:gap-24 { gap: 2.4rem; } .md\:gap-40 { gap: 4rem; } .md\:gap-80 { gap: 8.0rem; } .md\:gap-x-12 { -moz-column-gap: 1.2rem; column-gap: 1.2rem; } .md\:gap-x-16 { -moz-column-gap: 1.6rem; column-gap: 1.6rem; } .md\:gap-y-70 { row-gap: 7rem; } .md\:gap-y-80 { row-gap: 8.0rem; } .md\:space-y-80 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(8.0rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(8.0rem * var(--tw-space-y-reverse)); } .md\:rounded-\[30px\] { border-radius: 30px; } .md\:rounded-r-xl { border-top-right-radius: 3.7rem; border-bottom-right-radius: 3.7rem; } .md\:rounded-bl-3xl { border-bottom-left-radius: 14rem; } .md\:rounded-tl-xl { border-top-left-radius: 3.7rem; } .md\:px-0 { padding-left: 0; padding-right: 0; } .md\:px-12 { padding-left: 1.2rem; padding-right: 1.2rem; } .md\:px-32 { padding-left: 3.2rem; padding-right: 3.2rem; } .md\:px-56 { padding-left: 5.6rem; padding-right: 5.6rem; } .md\:px-8 { padding-left: 0.8rem; padding-right: 0.8rem; } .md\:py-30 { padding-top: 3rem; padding-bottom: 3rem; } .md\:py-32 { padding-top: 3.2rem; padding-bottom: 3.2rem; } .md\:py-70 { padding-top: 7rem; padding-bottom: 7rem; } .md\:py-72 { padding-top: 7.2rem; padding-bottom: 7.2rem; } .md\:py-88 { padding-top: 8.8rem; padding-bottom: 8.8rem; } .md\:pb-1 { padding-bottom: 0.1rem; } .md\:pb-42 { padding-bottom: 4.2rem; } .md\:pb-5 { padding-bottom: 0.5rem; } .md\:pb-60 { padding-bottom: 6rem; } .md\:pb-80 { padding-bottom: 8.0rem; } .md\:pl-0 { padding-left: 0; } .md\:pl-56 { padding-left: 5.6rem; } .md\:pr-32 { padding-right: 3.2rem; } .md\:pr-48 { padding-right: 4.8rem; } .md\:pr-80 { padding-right: 8.0rem; } .md\:pt-10 { padding-top: 1rem; } .md\:pt-16 { padding-top: 1.6rem; } .md\:pt-30 { padding-top: 3rem; } .md\:pt-50 { padding-top: 5rem; } .md\:pt-60 { padding-top: 6rem; } .md\:pt-80 { padding-top: 8.0rem; } .md\:text-left { text-align: left; } .md\:text-2\.5xl { font-size: 2.6rem; } .md\:text-3xl { font-size: 2.8rem; } .md\:text-4\.5xl { font-size: 4.8rem; } .md\:text-\[1\.5rem\] { font-size: 1.5rem; } .md\:text-\[1\.9rem\] { font-size: 1.9rem; } .md\:text-\[110\%\] { font-size: 110%; } .md\:text-\[2\.2rem\] { font-size: 2.2rem; } .md\:text-\[2\.3rem\] { font-size: 2.3rem; } .md\:text-\[2\.5rem\] { font-size: 2.5rem; } .md\:text-\[2\.6rem\] { font-size: 2.6rem; } .md\:text-\[2\.8rem\] { font-size: 2.8rem; } .md\:text-\[3\.2rem\] { font-size: 3.2rem; } .md\:text-\[3\.7rem\] { font-size: 3.7rem; } .md\:text-\[3rem\] { font-size: 3rem; } .md\:text-\[70\%\] { font-size: 70%; } .md\:text-\[min\(8\.5vw\2c 16\.3rem\)\] { font-size: min(8.5vw,16.3rem); } .md\:text-base { font-size: 1.6rem; } .md\:text-lg { font-size: 1.8rem; } .before\:md\:-left-16::before { content: var(--tw-content); left: -1.6rem; } .before\:md\:-top-72::before { content: var(--tw-content); top: -7.2rem; } .before\:md\:right-56::before { content: var(--tw-content); right: 5.6rem; } .before\:md\:h-100::before { content: var(--tw-content); height: 10rem; } .before\:md\:h-56::before { content: var(--tw-content); height: 5.6rem; } .before\:md\:w-100::before { content: var(--tw-content); width: 10rem; } .before\:md\:w-56::before { content: var(--tw-content); width: 5.6rem; } .after\:md\:left-1\/2::after { content: var(--tw-content); left: 50%; } .after\:md\:top-0::after { content: var(--tw-content); top: 0; } .after\:md\:hidden::after { content: var(--tw-content); display: none; } } @media (min-width: 888px) { .xm\:flex-row { flex-direction: row; } .xm\:justify-center { justify-content: center; } .xm\:gap-8 { gap: 0.8rem; } } @media (min-width: 1024px) { .lg\:-top-100 { top: -10rem; } .lg\:-top-32 { top: -3.2rem; } .lg\:-top-8 { top: -0.8rem; } .lg\:bottom-200 { bottom: 20rem; } .lg\:bottom-auto { bottom: auto; } .lg\:left-0 { left: 0; } .lg\:left-\[-60\%\] { left: -60%; } .lg\:left-\[42\%\] { left: 42%; } .lg\:right-auto { right: auto; } .lg\:top-0 { top: 0; } .lg\:order-1 { order: 1; } .lg\:order-2 { order: 2; } .lg\:col-span-1 { grid-column: span 1 / span 1; } .lg\:col-span-2 { grid-column: span 2 / span 2; } .lg\:col-span-3 { grid-column: span 3 / span 3; } .lg\:-mx-30 { margin-left: -3rem; margin-right: -3rem; } .lg\:-mx-5 { margin-left: -0.5rem; margin-right: -0.5rem; } .lg\:-mx-60 { margin-left: -6rem; margin-right: -6rem; } .lg\:mx-auto { margin-left: auto; margin-right: auto; } .lg\:my-5 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .lg\:-mr-48 { margin-right: -4.8rem; } .lg\:mb-130 { margin-bottom: 13rem; } .lg\:mb-16 { margin-bottom: 1.6rem; } .lg\:mb-40 { margin-bottom: 4rem; } .lg\:mb-8 { margin-bottom: 0.8rem; } .lg\:mb-80 { margin-bottom: 8.0rem; } .lg\:mb-90 { margin-bottom: 9rem; } .lg\:ml-0 { margin-left: 0; } .lg\:ml-20 { margin-left: 2rem; } .lg\:mr-20 { margin-right: 2rem; } .lg\:mt-0 { margin-top: 0; } .lg\:mt-130 { margin-top: 13rem; } .lg\:mt-140 { margin-top: 14rem; } .lg\:mt-160 { margin-top: 16rem; } .lg\:mt-30 { margin-top: 3rem; } .lg\:mt-70 { margin-top: 7rem; } .lg\:mt-72 { margin-top: 7.2rem; } .lg\:mt-90 { margin-top: 9rem; } .lg\:mt-96 { margin-top: 9.6rem; } .lg\:flex { display: flex; } .lg\:hidden { display: none; } .lg\:h-\[36px\] { height: 36px; } .lg\:h-\[55\.5rem\] { height: 55.5rem; } .lg\:h-\[90px\] { height: 90px; } .lg\:h-auto { height: auto; } .lg\:w-20 { width: 2rem; } .lg\:w-240 { width: 24rem; } .lg\:w-250 { width: 25rem; } .lg\:w-\[106px\] { width: 106px; } .lg\:w-\[180\%\] { width: 180%; } .lg\:w-\[50px\] { width: 50px; } .lg\:w-\[75px\] { width: 75px; } .lg\:w-\[80vw\] { width: 80vw; } .lg\:w-\[90px\] { width: 90px; } .lg\:w-full { width: 100%; } .lg\:max-w-\[41rem\] { max-width: 41rem; } .lg\:max-w-\[650px\] { max-width: 650px; } .lg\:max-w-none { max-width: none; } .lg\:-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .lg\:-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .lg\:translate-x-0 { --tw-translate-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)); } .lg\:rotate-0 { --tw-rotate: 0deg; 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)); } .lg\:grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:items-start { align-items: flex-start; } .lg\:items-center { align-items: center; } .lg\:justify-normal { justify-content: normal; } .lg\:gap-15 { gap: 1.5rem; } .lg\:gap-24 { gap: 2.4rem; } .lg\:gap-25 { gap: 2.5rem; } .lg\:gap-26 { gap: 2.6rem; } .lg\:gap-60 { gap: 6rem; } .lg\:gap-y-36 { row-gap: 3.6rem; } .lg\:space-y-32 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(3.2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(3.2rem * var(--tw-space-y-reverse)); } .lg\:space-y-40 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(4rem * var(--tw-space-y-reverse)); } .lg\:rounded-\[35px\] { border-radius: 35px; } .lg\:px-10 { padding-left: 1rem; padding-right: 1rem; } .lg\:px-40 { padding-left: 4rem; padding-right: 4rem; } .lg\:px-80 { padding-left: 8.0rem; padding-right: 8.0rem; } .lg\:py-35 { padding-top: 3.5rem; padding-bottom: 3.5rem; } .lg\:py-80 { padding-top: 8.0rem; padding-bottom: 8.0rem; } .lg\:pb-100 { padding-bottom: 10rem; } .lg\:pb-2 { padding-bottom: 0.2rem; } .lg\:pb-28 { padding-bottom: 2.8rem; } .lg\:pb-6 { padding-bottom: 0.6rem; } .lg\:pb-7 { padding-bottom: 0.7rem; } .lg\:pl-80 { padding-left: 8.0rem; } .lg\:pt-12 { padding-top: 1.2rem; } .lg\:pt-18 { padding-top: 1.8rem; } .lg\:pt-40 { padding-top: 4rem; } .lg\:pt-60 { padding-top: 6rem; } .lg\:pt-70 { padding-top: 7rem; } .lg\:text-left { text-align: left; } .lg\:text-1\.5xl { font-size: 2.2rem; } .lg\:text-5xl { font-size: 5.6rem; } .lg\:text-\[1\.6rem\] { font-size: 1.6rem; } .lg\:text-\[120\%\] { font-size: 120%; } .lg\:text-\[2\.1rem\] { font-size: 2.1rem; } .lg\:text-\[2\.5rem\] { font-size: 2.5rem; } .lg\:text-\[2\.6rem\] { font-size: 2.6rem; } .lg\:text-\[2\.9rem\] { font-size: 2.9rem; } .lg\:text-\[3\.3rem\] { font-size: 3.3rem; } .lg\:text-\[3\.4rem\] { font-size: 3.4rem; } .lg\:text-\[3\.8rem\] { font-size: 3.8rem; } .lg\:text-\[3rem\] { font-size: 3rem; } .lg\:text-\[4\.4rem\] { font-size: 4.4rem; } .lg\:text-\[90\%\] { font-size: 90%; } .lg\:text-base { font-size: 1.6rem; } .lg\:text-lg { font-size: 1.8rem; } .lg\:leading-13 { line-height: 130%; } .before\:lg\:right-80::before { content: var(--tw-content); right: 8.0rem; } .after\:lg\:-top-40::after { content: var(--tw-content); top: -4rem; } .after\:lg\:hidden::after { content: var(--tw-content); display: none; } } @media (min-width: 1280px) { .xl\:static { position: static; } .xl\:absolute { position: absolute; } .xl\:sticky { position: sticky; } .xl\:-bottom-48 { bottom: -4.8rem; } .xl\:-left-\[60px\] { left: -60px; } .xl\:-right-\[60px\] { right: -60px; } .xl\:-top-120 { top: -12rem; } .xl\:-top-32 { top: -3.2rem; } .xl\:-top-90 { top: -9rem; } .xl\:-top-96 { top: -9.6rem; } .xl\:bottom-280 { bottom: 28rem; } .xl\:bottom-40 { bottom: 4rem; } .xl\:bottom-64 { bottom: 6.4rem; } .xl\:left-12 { left: 1.2rem; } .xl\:left-\[-80\%\] { left: -80%; } .xl\:left-\[32\%\] { left: 32%; } .xl\:left-\[calc\(\(100vw-1080px\)\/-2\)\] { left: calc((100vw - 1080px) / -2); } .xl\:right-0 { right: 0; } .xl\:right-16 { right: 1.6rem; } .xl\:right-18 { right: 1.8rem; } .xl\:right-32 { right: 3.2rem; } .xl\:top-16 { top: 1.6rem; } .xl\:top-180 { top: 18rem; } .xl\:top-\[105px\] { top: 105px; } .xl\:-z-10 { z-index: -10; } .xl\:z-10 { z-index: 10; } .xl\:col-span-3 { grid-column: span 3 / span 3; } .xl\:col-span-5 { grid-column: span 5 / span 5; } .xl\:col-start-4 { grid-column-start: 4; } .xl\:mx-0 { margin-left: 0; margin-right: 0; } .xl\:mx-auto { margin-left: auto; margin-right: auto; } .xl\:my-70 { margin-top: 7rem; margin-bottom: 7rem; } .xl\:-mb-16 { margin-bottom: -1.6rem; } .xl\:-ml-10 { margin-left: -1rem; } .xl\:-mr-11 { margin-right: -1.1rem; } .xl\:-mr-12 { margin-right: -1.2rem; } .xl\:-mr-24 { margin-right: -2.4rem; } .xl\:-mt-40 { margin-top: -4rem; } .xl\:mb-144 { margin-bottom: 14.4rem; } .xl\:mb-150 { margin-bottom: 15rem; } .xl\:mb-18 { margin-bottom: 1.8rem; } .xl\:mb-190 { margin-bottom: 19rem; } .xl\:mb-40 { margin-bottom: 4rem; } .xl\:mb-45 { margin-bottom: 4.5rem; } .xl\:mb-60 { margin-bottom: 6rem; } .xl\:mb-72 { margin-bottom: 7.2rem; } .xl\:mb-80 { margin-bottom: 8.0rem; } .xl\:mb-88 { margin-bottom: 8.8rem; } .xl\:mb-9 { margin-bottom: 0.9rem; } .xl\:mb-90 { margin-bottom: 9rem; } .xl\:ml-0 { margin-left: 0; } .xl\:ml-10 { margin-left: 1rem; } .xl\:ml-40 { margin-left: 4rem; } .xl\:mr-0 { margin-right: 0; } .xl\:mr-11 { margin-right: 1.1rem; } .xl\:mr-32 { margin-right: 3.2rem; } .xl\:mt-104 { margin-top: 10.4rem; } .xl\:mt-110 { margin-top: 11rem; } .xl\:mt-120 { margin-top: 12rem; } .xl\:mt-144 { margin-top: 14.4rem; } .xl\:mt-150 { margin-top: 15rem; } .xl\:mt-16 { margin-top: 1.6rem; } .xl\:mt-180 { margin-top: 18rem; } .xl\:mt-20 { margin-top: 2rem; } .xl\:mt-24 { margin-top: 2.4rem; } .xl\:mt-28 { margin-top: 2.8rem; } .xl\:mt-40 { margin-top: 4rem; } .xl\:mt-56 { margin-top: 5.6rem; } .xl\:mt-60 { margin-top: 6rem; } .xl\:mt-66 { margin-top: 6.6rem; } .xl\:mt-80 { margin-top: 8.0rem; } .xl\:mt-90 { margin-top: 9rem; } .xl\:mt-\[-\.8rem\] { margin-top: -.8rem; } .xl\:block { display: block; } .xl\:flex { display: flex; } .xl\:hidden { display: none; } .xl\:h-104 { height: 10.4rem; } .xl\:h-130 { height: 13rem; } .xl\:h-315 { height: 31.5rem; } .xl\:h-62 { height: 6.2rem; } .xl\:h-75 { height: 7.5rem; } .xl\:h-\[100px\] { height: 100px; } .xl\:h-\[38px\] { height: 38px; } .xl\:h-\[5rem\] { height: 5rem; } .xl\:h-\[65px\] { height: 65px; } .xl\:h-\[66rem\] { height: 66rem; } .xl\:h-auto { height: auto; } .xl\:min-h-\[24\.3rem\] { min-height: 24.3rem; } .xl\:\!w-\[40\%\] { width: 40% !important; } .xl\:w-24 { width: 2.4rem; } .xl\:w-440 { width: 44rem; } .xl\:w-500 { width: 50rem; } .xl\:w-60 { width: 6rem; } .xl\:w-90 { width: 9rem; } .xl\:w-\[100px\] { width: 100px; } .xl\:w-\[116px\] { width: 116px; } .xl\:w-\[20px\] { width: 20px; } .xl\:w-\[28\.5rem\] { width: 28.5rem; } .xl\:w-\[280\%\] { width: 280%; } .xl\:w-\[29\.5rem\] { width: 29.5rem; } .xl\:w-\[32\.8rem\] { width: 32.8rem; } .xl\:w-\[5\.4rem\] { width: 5.4rem; } .xl\:w-\[55px\] { width: 55px; } .xl\:w-\[6\.9rem\] { width: 6.9rem; } .xl\:w-\[61rem\] { width: 61rem; } .xl\:w-\[65px\] { width: 65px; } .xl\:w-\[7px\] { width: 7px; } .xl\:w-\[85px\] { width: 85px; } .xl\:w-\[86\.3rem\] { width: 86.3rem; } .xl\:w-\[calc\(\(100\%\/3\)-1\.1rem\)\] { width: calc((100% / 3) - 1.1rem); } .xl\:w-\[calc\(50\%-52px\)\] { width: calc(50% - 52px); } .xl\:min-w-\[16rem\] { min-width: 16rem; } .xl\:\!max-w-none { max-width: none !important; } .xl\:max-w-200 { max-width: 20rem; } .xl\:max-w-475 { max-width: 47.5rem; } .xl\:max-w-500 { max-width: 50rem; } .xl\:max-w-600 { max-width: 60rem; } .xl\:max-w-620 { max-width: 62rem; } .xl\:max-w-900 { max-width: 90rem; } .xl\:max-w-\[1560px\] { max-width: 1560px; } .xl\:max-w-\[51rem\] { max-width: 51rem; } .xl\:max-w-\[54\.3rem\] { max-width: 54.3rem; } .xl\:max-w-\[calc\(\(62rem\*2\)\+10\.4rem\)\] { max-width: calc((62rem * 2) + 10.4rem); } .xl\:max-w-none { max-width: none; } .xl\:flex-1 { flex: 1 1 0%; } .xl\:shrink-0 { flex-shrink: 0; } .xl\:flex-grow { flex-grow: 1; } .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .xl\:flex-row { flex-direction: row; } .xl\:items-center { align-items: center; } .xl\:justify-between { justify-content: space-between; } .xl\:gap-10 { gap: 1rem; } .xl\:gap-20 { gap: 2rem; } .xl\:gap-24 { gap: 2.4rem; } .xl\:gap-30 { gap: 3rem; } .xl\:gap-32 { gap: 3.2rem; } .xl\:gap-40 { gap: 4rem; } .xl\:gap-45 { gap: 4.5rem; } .xl\:gap-50 { gap: 5rem; } .xl\:gap-60 { gap: 6rem; } .xl\:gap-80 { gap: 8.0rem; } .xl\:gap-\[5\%\] { gap: 5%; } .xl\:gap-x-12 { -moz-column-gap: 1.2rem; column-gap: 1.2rem; } .xl\:gap-x-32 { -moz-column-gap: 3.2rem; column-gap: 3.2rem; } .xl\:gap-y-104 { row-gap: 10.4rem; } .xl\:gap-y-44 { row-gap: 4.4rem; } .xl\:space-y-45 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(4.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(4.5rem * var(--tw-space-y-reverse)); } .xl\:rounded-\[40px\] { border-radius: 40px; } .xl\:rounded-xxl { border-radius: 4rem; } .xl\:bg-transparent { background-color: transparent; } .xl\:p-0 { padding: 0; } .xl\:px-0 { padding-left: 0; padding-right: 0; } .xl\:px-12 { padding-left: 1.2rem; padding-right: 1.2rem; } .xl\:px-18 { padding-left: 1.8rem; padding-right: 1.8rem; } .xl\:px-22 { padding-left: 2.2rem; padding-right: 2.2rem; } .xl\:px-30 { padding-left: 3rem; padding-right: 3rem; } .xl\:px-70 { padding-left: 7rem; padding-right: 7rem; } .xl\:py-40 { padding-top: 4rem; padding-bottom: 4rem; } .xl\:py-88 { padding-top: 8.8rem; padding-bottom: 8.8rem; } .xl\:py-90 { padding-top: 9rem; padding-bottom: 9rem; } .xl\:pb-100 { padding-bottom: 10rem; } .xl\:pb-11 { padding-bottom: 1.1rem; } .xl\:pb-110 { padding-bottom: 11rem; } .xl\:pb-120 { padding-bottom: 12rem; } .xl\:pb-140 { padding-bottom: 14rem; } .xl\:pb-144 { padding-bottom: 14.4rem; } .xl\:pb-16 { padding-bottom: 1.6rem; } .xl\:pb-17 { padding-bottom: 1.7rem; } .xl\:pb-2 { padding-bottom: 0.2rem; } .xl\:pb-22 { padding-bottom: 2.2rem; } .xl\:pb-24 { padding-bottom: 2.4rem; } .xl\:pb-25 { padding-bottom: 2.5rem; } .xl\:pb-48 { padding-bottom: 4.8rem; } .xl\:pb-62 { padding-bottom: 6.2rem; } .xl\:pb-7 { padding-bottom: 0.7rem; } .xl\:pb-70 { padding-bottom: 7rem; } .xl\:pb-75 { padding-bottom: 7.5rem; } .xl\:pb-8 { padding-bottom: 0.8rem; } .xl\:pb-80 { padding-bottom: 8.0rem; } .xl\:pl-100 { padding-left: 10rem; } .xl\:pl-30 { padding-left: 3rem; } .xl\:pl-48 { padding-left: 4.8rem; } .xl\:pl-64 { padding-left: 6.4rem; } .xl\:pr-2 { padding-right: 0.2rem; } .xl\:pr-48 { padding-right: 4.8rem; } .xl\:pr-6 { padding-right: 0.6rem; } .xl\:pt-0 { padding-top: 0; } .xl\:pt-100 { padding-top: 10rem; } .xl\:pt-110 { padding-top: 11rem; } .xl\:pt-12 { padding-top: 1.2rem; } .xl\:pt-120 { padding-top: 12rem; } .xl\:pt-14 { padding-top: 1.4rem; } .xl\:pt-17 { padding-top: 1.7rem; } .xl\:pt-18 { padding-top: 1.8rem; } .xl\:pt-20 { padding-top: 2rem; } .xl\:pt-24 { padding-top: 2.4rem; } .xl\:pt-25 { padding-top: 2.5rem; } .xl\:pt-28 { padding-top: 2.8rem; } .xl\:pt-35 { padding-top: 3.5rem; } .xl\:pt-40 { padding-top: 4rem; } .xl\:pt-70 { padding-top: 7rem; } .xl\:pt-80 { padding-top: 8.0rem; } .xl\:pt-90 { padding-top: 9rem; } .xl\:pt-\[2\.3rem\] { padding-top: 2.3rem; } .xl\:text-2\.5xl { font-size: 2.6rem; } .xl\:text-6xl { font-size: 6.4rem; } .xl\:text-\[1\.5rem\] { font-size: 1.5rem; } .xl\:text-\[1\.7rem\] { font-size: 1.7rem; } .xl\:text-\[1\.9rem\] { font-size: 1.9rem; } .xl\:text-\[100\%\] { font-size: 100%; } .xl\:text-\[2\.3rem\] { font-size: 2.3rem; } .xl\:text-\[2\.8rem\] { font-size: 2.8rem; } .xl\:text-\[3\.3rem\] { font-size: 3.3rem; } .xl\:text-\[3\.4rem\] { font-size: 3.4rem; } .xl\:text-\[3\.8rem\] { font-size: 3.8rem; } .xl\:text-\[4\.4rem\] { font-size: 4.4rem; } .xl\:text-\[5\.1rem\] { font-size: 5.1rem; } .xl\:text-base { font-size: 1.6rem; } .xl\:text-lg { font-size: 1.8rem; } .xl\:text-xl { font-size: 2rem; } .xl\:text-xs { font-size: 1.4rem; } .xl\:opacity-30 { opacity: 0.3; } .xl\:\*\:text-\[100\%\] > * { font-size: 100%; } .before\:xl\:pointer-events-none::before { content: var(--tw-content); pointer-events: none; } .before\:xl\:absolute::before { content: var(--tw-content); position: absolute; } .before\:xl\:-left-96::before { content: var(--tw-content); left: -9.6rem; } .before\:xl\:-top-180::before { content: var(--tw-content); top: -18rem; } .before\:xl\:bottom-0::before { content: var(--tw-content); bottom: 0; } .before\:xl\:bottom-16::before { content: var(--tw-content); bottom: 1.6rem; } .before\:xl\:left-100::before { content: var(--tw-content); left: 10rem; } .before\:xl\:right-20::before { content: var(--tw-content); right: 2rem; } .before\:xl\:top-40::before { content: var(--tw-content); top: 4rem; } .before\:xl\:-z-10::before { content: var(--tw-content); z-index: -10; } .before\:xl\:h-120::before { content: var(--tw-content); height: 12rem; } .before\:xl\:h-58::before { content: var(--tw-content); height: 5.8rem; } .before\:xl\:h-70::before { content: var(--tw-content); height: 7rem; } .before\:xl\:h-90::before { content: var(--tw-content); height: 9rem; } .before\:xl\:w-58::before { content: var(--tw-content); width: 5.8rem; } .before\:xl\:w-70::before { content: var(--tw-content); width: 7rem; } .before\:xl\:w-90::before { content: var(--tw-content); width: 9rem; } .before\:xl\:rounded-\[50\%\]::before { content: var(--tw-content); border-radius: 50%; } .before\:xl\:bg-primary-900::before { content: var(--tw-content); background-color: var(--color-900); } .after\:xl\:pointer-events-none::after { content: var(--tw-content); pointer-events: none; } .after\:xl\:absolute::after { content: var(--tw-content); position: absolute; } .after\:xl\:-left-65::after { content: var(--tw-content); left: -6.5rem; } .after\:xl\:-left-8::after { content: var(--tw-content); left: -0.8rem; } .after\:xl\:-top-56::after { content: var(--tw-content); top: -5.6rem; } .after\:xl\:bottom-0::after { content: var(--tw-content); bottom: 0; } .after\:xl\:left-0::after { content: var(--tw-content); left: 0; } .after\:xl\:left-40::after { content: var(--tw-content); left: 4rem; } .after\:xl\:left-46::after { content: var(--tw-content); left: 4.6rem; } .after\:xl\:right-4::after { content: var(--tw-content); right: 0.4rem; } .after\:xl\:top-120::after { content: var(--tw-content); top: 12rem; } .after\:xl\:top-48::after { content: var(--tw-content); top: 4.8rem; } .after\:xl\:h-55::after { content: var(--tw-content); height: 5.5rem; } .after\:xl\:h-70::after { content: var(--tw-content); height: 7rem; } .after\:xl\:h-\[15\.8rem\]::after { content: var(--tw-content); height: 15.8rem; } .after\:xl\:h-\[25\.7rem\]::after { content: var(--tw-content); height: 25.7rem; } .after\:xl\:w-55::after { content: var(--tw-content); width: 5.5rem; } .after\:xl\:w-70::after { content: var(--tw-content); width: 7rem; } .after\:xl\:w-\[15\.8rem\]::after { content: var(--tw-content); width: 15.8rem; } .after\:xl\:w-\[25\.7rem\]::after { content: var(--tw-content); width: 25.7rem; } .after\:xl\:-translate-x-full::after { content: var(--tw-content); --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)); } .after\:xl\:translate-x-\[-80\%\]::after { content: var(--tw-content); --tw-translate-x: -80%; 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)); } .after\:xl\:rounded-\[50\%\]::after { content: var(--tw-content); border-radius: 50%; } .after\:xl\:bg-primary-100::after { content: var(--tw-content); background-color: var(--color-100); } .after\:xl\:bg-primary-400::after { content: var(--tw-content); background-color: var(--color-400); } .group\/controls.play .xl\:group-\[\.play\]\/controls\:scale-50 { --tw-scale-x: .5; --tw-scale-y: .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)); } } @media (min-width: 1366px) { .after\:xxl\:left-60::after { content: var(--tw-content); left: 6rem; } } @media (min-width: 1440px) { @media (min-width: 768px) { .\31\.5xl\:md\:text-\[16\.3rem\] { font-size: 16.3rem; } } .\31\.5xl\:mx-auto { margin-left: auto; margin-right: auto; } .\31\.5xl\:h-\[110px\] { height: 110px; } .\31\.5xl\:h-\[40px\] { height: 40px; } .\31\.5xl\:max-w-\[164rem\] { max-width: 164rem; } .\31\.5xl\:pb-10 { padding-bottom: 1rem; } .before\:1\.5xl\:absolute::before { content: var(--tw-content); position: absolute; } .before\:1\.5xl\:bottom-0::before { content: var(--tw-content); bottom: 0; } .before\:1\.5xl\:left-0::before { content: var(--tw-content); left: 0; } .before\:1\.5xl\:left-100::before { content: var(--tw-content); left: 10rem; } .before\:1\.5xl\:-z-10::before { content: var(--tw-content); z-index: -10; } .before\:1\.5xl\:h-90::before { content: var(--tw-content); height: 9rem; } .before\:1\.5xl\:w-90::before { content: var(--tw-content); width: 9rem; } .before\:1\.5xl\:rounded-\[50\%\]::before { content: var(--tw-content); border-radius: 50%; } .before\:1\.5xl\:bg-primary-900::before { content: var(--tw-content); background-color: var(--color-900); } .after\:1\.5xl\:left-80::after { content: var(--tw-content); left: 8.0rem; } } @media (min-width: 1536px) { .\32xl\:h-\[6\.3rem\] { height: 6.3rem; } .after\:2xl\:translate-x-\[-70\%\]::after { content: var(--tw-content); --tw-translate-x: -70%; 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: 1600px) { .\32\.5xl\:w-\[100rem\] { width: 100rem; } } @media (min-width: 1681px) { .\33xl\:w-600 { width: 60rem; } .\33xl\:w-700 { width: 70rem; } .\33xl\:w-\[21px\] { width: 21px; } .\33xl\:-translate-x-40 { --tw-translate-x: -4rem; 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)); } } .\[\&\.current\]\:bg-primary-300.current { background-color: var(--color-300); } .\[\&\.current\]\:font-bold.current { font-weight: 700; } .\[\&\.current\]\:\!text-primary-400.current { color: var(--color-400) !important; } .\[\&\.current\]\:text-black.current { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .\[\&\.loading\]\:bg-primary-300.loading { background-color: var(--color-300); } .\[\&\.loading\]\:bg-primary-400.loading { background-color: var(--color-400); } .\[\&\.loading\]\:bg-white.loading { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .\[\&\.loading\]\:text-black.loading { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .\[\&\.loading\]\:text-white.loading { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .\[\&\.menu-open\]\:overflow-hidden.menu-open { overflow: hidden; } .\[\&\.swiper-button-disabled\]\:pointer-events-none.swiper-button-disabled { pointer-events: none; } .\[\&\.swiper-button-disabled\]\:opacity-0.swiper-button-disabled { opacity: 0; } .\[\&\.swiper-slide-active\]\:\!opacity-100.swiper-slide-active { opacity: 1 !important; } .\[\&\:not\(\.close\)\]\:pointer-events-auto:not(.close) { pointer-events: auto; } .\[\&\:not\(\.close\)\]\:opacity-100:not(.close) { opacity: 1; } .\[\&\:not\(\.swiper-slide-visible\)\]\:\!opacity-0:not(.swiper-slide-visible) { opacity: 0 !important; } body.wc-block-product-gallery-modal-open,body.wc-modal--open{overflow:hidden}.wc-block-grid__products .wc-block-grid__product-image{display:block;position:relative;text-decoration:none}.wc-block-grid__products .wc-block-grid__product-image a{border:0;box-shadow:none;outline:0;text-decoration:none}.wc-block-grid__products .wc-block-grid__product-image img{height:auto;max-width:100%;width:100%}.wc-block-grid__products .wc-block-grid__product-image img[hidden]{display:none}.wc-block-grid__products .wc-block-grid__product-image img[alt=""]{border:1px solid #f2f2f2}.edit-post-visual-editor .editor-block-list__block .wc-block-grid__product-title,.editor-styles-wrapper .wc-block-grid__product-title,.wc-block-grid__product-title{color:inherit;display:block;font-family:inherit;font-size:inherit;font-weight:700;line-height:1.2;padding:0}.wc-block-grid__product-price{display:block}.wc-block-grid__product-price .wc-block-grid__product-price__regular{margin-right:.5em}.wc-block-grid__product-add-to-cart.wp-block-button{white-space:normal;word-break:break-word}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{display:inline-flex;font-size:1em;justify-content:center;text-align:center;white-space:normal;word-break:break-word}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.loading{opacity:.25}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.added:after{content:"";display:inline-block;font-family:WooCommerce;height:auto;margin-left:.5em;width:auto}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.loading:after{animation:spin 2s linear infinite;content:"";display:inline-block;font-family:WooCommerce;height:auto;margin-left:.5em;width:auto}.has-5-columns:not(.alignfull) .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-6-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-7-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-8-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-9-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after{content:"";margin:0}.wc-block-grid__product-rating{display:block}.wc-block-grid__product-rating .star-rating,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars{font-family:WooCommerce;font-size:1em;font-weight:400;height:1.618em;line-height:1.618;margin:0 auto;overflow:hidden;position:relative;text-align:left;width:5.3em}.wc-block-grid__product-rating .star-rating:before,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars:before{content:"SSSSS";left:0;opacity:.5;position:absolute;right:0;top:0;white-space:nowrap}.wc-block-grid__product-rating .star-rating span,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars span{left:0;overflow:hidden;padding-top:1.5em;position:absolute;right:0;top:0}.wc-block-grid__product-rating .star-rating span:before,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars span:before{color:inherit;content:"SSSSS";left:0;position:absolute;right:0;top:0;white-space:nowrap}.wc-block-grid .wc-block-grid__product-onsale,.wc-block-grid__product-image .wc-block-grid__product-onsale{background:#fff;border:1px solid #43454b;border-radius:4px;color:#43454b;display:inline-block;font-size:.875em;font-weight:600;left:auto;padding:.25em .75em;position:absolute;right:4px;text-align:center;text-transform:uppercase;top:4px;width:auto;z-index:9}.wc-block-grid__product .wc-block-grid__product-image,.wc-block-grid__product .wc-block-grid__product-link{display:inline-block;position:relative}.wc-block-grid__product .wc-block-grid__product-image:not(.wc-block-components-product-image),.wc-block-grid__product .wc-block-grid__product-title{margin:0 0 12px}.wc-block-grid__product .wc-block-grid__product-add-to-cart,.wc-block-grid__product .wc-block-grid__product-onsale,.wc-block-grid__product .wc-block-grid__product-price,.wc-block-grid__product .wc-block-grid__product-rating{margin:0 auto 12px}.theme-twentysixteen .wc-block-grid .price ins{color:#77a464}.theme-twentynineteen .wc-block-grid__product{font-size:.88889em}.theme-twentynineteen .wc-block-components-product-sale-badge,.theme-twentynineteen .wc-block-components-product-title,.theme-twentynineteen .wc-block-grid__product-onsale,.theme-twentynineteen .wc-block-grid__product-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.theme-twentynineteen .wc-block-grid__product-title:before{display:none}.theme-twentynineteen .wc-block-components-product-sale-badge,.theme-twentynineteen .wc-block-grid__product-onsale{line-height:1}.theme-twentynineteen .editor-styles-wrapper .wp-block-button .wp-block-button__link:not(.has-text-color){color:#fff}.theme-twentytwenty .wc-block-grid__product-link{color:#000}.theme-twentytwenty .wc-block-components-product-title,.theme-twentytwenty .wc-block-grid__product-title{color:#cd2653;font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-size:1em}.theme-twentytwenty .wp-block-columns .wc-block-components-product-title{margin-top:0}.theme-twentytwenty .wc-block-components-product-price .woocommerce-Price-amount,.theme-twentytwenty .wc-block-components-product-price__value,.theme-twentytwenty .wc-block-grid__product-price .woocommerce-Price-amount,.theme-twentytwenty .wc-block-grid__product-price__value{font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-size:.9em}.theme-twentytwenty .wc-block-components-product-price del,.theme-twentytwenty .wc-block-grid__product-price del{opacity:.5}.theme-twentytwenty .wc-block-components-product-price ins,.theme-twentytwenty .wc-block-grid__product-price ins{text-decoration:none}.theme-twentytwenty .star-rating,.theme-twentytwenty .wc-block-grid__product-rating{font-size:.7em}.theme-twentytwenty .star-rating .wc-block-components-product-rating__stars,.theme-twentytwenty .star-rating .wc-block-grid__product-rating__stars,.theme-twentytwenty .wc-block-grid__product-rating .wc-block-components-product-rating__stars,.theme-twentytwenty .wc-block-grid__product-rating .wc-block-grid__product-rating__stars{line-height:1}.theme-twentytwenty .wc-block-components-product-button>.wp-block-button__link,.theme-twentytwenty .wc-block-grid__product-add-to-cart>.wp-block-button__link{font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif}.theme-twentytwenty .wc-block-components-product-sale-badge,.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{background:#cd2653;color:#fff;font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-weight:700;letter-spacing:-.02em;line-height:1.2;text-transform:uppercase}.theme-twentytwenty .wc-block-grid__products .wc-block-components-product-sale-badge{position:static}.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-image .wc-block-components-product-sale-badge{position:absolute}.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale:not(.wc-block-components-product-sale-badge){position:absolute;right:4px;top:4px;z-index:1}.theme-twentytwenty .wc-block-active-filters__title,.theme-twentytwenty .wc-block-attribute-filter__title,.theme-twentytwenty .wc-block-price-filter__title,.theme-twentytwenty .wc-block-stock-filter__title{font-size:1em}.theme-twentytwenty .wc-block-active-filters .wc-block-active-filters__clear-all,.theme-twentytwenty .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{font-size:.75em}@media only screen and (min-width:768px){.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{font-size:.875em;padding:.5em}}@media only screen and (min-width:1168px){.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{font-size:.875em;padding:.5em}}.theme-twentytwentytwo .wc-block-grid__product-add-to-cart .added_to_cart{display:block;margin-top:12px}.theme-twentytwentytwo .wc-block-components-product-price ins,.theme-twentytwentytwo .wc-block-grid__product-price ins{text-decoration:none}.screen-reader-text{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;overflow-wrap:normal!important;padding:0;position:absolute!important;width:1px}.screen-reader-text:focus{clip:auto!important;background-color:#fff;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip-path:none;color:#2b2d2f;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.wp-block-group.woocommerce.product .up-sells.upsells.products{max-width:var(--wp--style--global--wide-size)} .wc-block-components-notice-banner{align-content:flex-start;align-items:stretch;background-color:#fff;border:1px solid;border-radius:4px;box-sizing:border-box;color:#2f2f2f;display:flex;font-size:.875em;font-weight:400;gap:12px;line-height:1.5;margin:16px 0;padding:16px!important}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content{-ms-grid-row-align:center;align-self:center;flex-basis:100%;padding-right:16px;white-space:normal}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content:last-child{padding-right:0}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-block-components-notice-banner__summary{font-weight:600;margin:0 0 8px}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ol,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ul{margin:0 0 0 24px;padding:0}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ol li:after,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ul li:after{clear:both;content:"";display:block}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward{-moz-appearance:none;appearance:none;background:transparent!important;border:0;color:#2f2f2f!important;float:right;margin:0;opacity:.7;padding:0!important;text-decoration-line:underline;text-underline-position:under;transition:all .2s ease-in-out}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:active,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:focus,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:hover{opacity:1;text-decoration:none}.wc-block-components-notice-banner>svg{fill:#fff;background-color:#2f2f2f;border-radius:50%;flex-grow:0;flex-shrink:0;height:100%;padding:2px}.wc-block-components-notice-banner>.wc-block-components-button{background:transparent none!important;border:0!important;box-shadow:none!important;color:#2f2f2f!important;flex:0 0 16px;height:16px!important;margin:6px 0 0 auto!important;min-height:auto!important;min-width:0!important;opacity:.6;outline:none!important;padding:0!important;width:16px!important}.wc-block-components-notice-banner>.wc-block-components-button>svg{margin:0!important}.wc-block-components-notice-banner>.wc-block-components-button:active,.wc-block-components-notice-banner>.wc-block-components-button:focus,.wc-block-components-notice-banner>.wc-block-components-button:hover{opacity:1}.wc-block-components-notice-banner>.wc-block-components-button:focus{outline:2px solid currentColor!important;outline-offset:0}.wc-block-components-notice-banner.is-error{background-color:#fff0f0;border-color:#cc1818}.wc-block-components-notice-banner.is-error>svg{background-color:#cc1818;transform:rotate(180deg)}.wc-block-components-notice-banner.is-warning{background-color:#fffbf4;border-color:#f0b849}.wc-block-components-notice-banner.is-warning>svg{background-color:#f0b849;transform:rotate(180deg)}.wc-block-components-notice-banner.is-success{background-color:#f4fff7;border-color:#4ab866}.wc-block-components-notice-banner.is-success>svg{background-color:#4ab866}.wc-block-components-notice-banner.is-info{background-color:#f4f8ff;border-color:#007cba}.wc-block-components-notice-banner.is-info>svg{background-color:#007cba}.wc-block-components-notice-banner:focus{outline-width:0}.wc-block-components-notice-banner:focus-visible{outline-style:solid;outline-width:2px}.woocommerce.wc-block-store-notices.alignwide{max-width:var(--wp--style--global--wide-size)} .tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em} .woovr-active form.variations_form .variations,.woovr-variations+.variations{display:none!important}.woovr-active.woovr-show-price form.variations_form .single_variation .woocommerce-variation-price{display:none!important}.woovr-active.woovr-show-description form.variations_form .single_variation .woocommerce-variation-description{display:none!important}.woovr-active.woovr-show-availability form.variations_form .single_variation .woocommerce-variation-availability{display:none!important}.woovr-variations{padding-top:5px;padding-bottom:5px}.woovr-variations .woovr-variation{display:flex;align-items:center;cursor:pointer;margin-left:-5px;margin-right:-5px}.woovr-variations .woovr-variation:hover{background-color:#f9f9f9}.woovr-variations .woovr-variation>div{max-width:100%;padding:5px}.woovr-variation-image{width:50px;flex:0 0 50px}.woovr-variation-image img{width:40px;height:auto;max-width:40px;display:block}.woovr-variation-selector input{outline:none}.woovr-variation-selector ul{padding:0!important;margin:0!important;list-style:none!important}.woovr-variation-info,.woovr-variation-selector{flex-grow:1}.woovr-variation-name p{margin-bottom:0;font-size:12px}.woovr-variation-radio .woovr-variation-selector{width:30px;flex:0 0 30px}.woovr-variation-radio .woovr-variation-availability p{margin-bottom:0}.woovr-variation-radio .woovr-variation-name{font-weight:700}.woovr-variation-radio .woovr-variation-info .woovr-variation-price,.woovr-variation-radio .woovr-variation-info .woovr-variation-availability{display:inline-block;margin-right:10px;font-size:14px}.woovr-variation-radio .woovr-variation-info .woovr-variation-description{font-size:14px}.woovr-variation-selector .dd-select{background-color:#fff!important}.woovr-variation-selector .dd-options{max-height:360px}.woovr-variation-selector .dd-option-image,.woovr-variation-selector .dd-selected-image{max-width:42px;border-radius:3px;margin-right:10px}.woovr-variation-selector .dd-selected-text,.woovr-variation-selector .dd-option-text{font-size:14px;font-weight:600;line-height:inherit!important;color:#6d6d6d}.woovr-variation-selector .dd-selected-text,.woovr-variation-selector .dd-option-text,.woovr-variation-selector .dd-selected-description-truncated{white-space:normal}.woovr-variation-selector .dd-desc .woovr-variation-price,.woovr-variation-selector .dd-desc .woovr-variation-availability{display:inline-block;margin-right:10px}.woovr-variation-selector .dd-desc .woovr-variation-availability .stock{display:inline-block;margin:0!important}.woovr-variation-selector .dd-desc .woovr-variation-description{display:block}.woovr-variation-selector .dd-option,.woovr-variation-selector .dd-selected{display:block!important}.woovr-variation-selector .dd-option.dd-option-without-desc,.woovr-variation-selector .dd-selected.dd-option-without-desc{display:flex!important;align-items:center}.woovr-variation-selector .dd-option.dd-option-without-desc label,.woovr-variation-selector .dd-selected.dd-option-without-desc label{flex-grow:1}.wpc-select2-dropdown{border:1px solid #aaa;border-radius:4px}.wpc-select2-dropdown ul li{display:flex;align-items:center}.wpc-select2-dropdown ul li .image{width:40px;flex:0 0 40px;margin-right:10px}.wpc-select2-dropdown ul li .info{flex-grow:1;display:flex;flex-direction:column}.wpc-select2-dropdown ul li .info .woovr-variation-price,.wpc-select2-dropdown ul li .info .woovr-variation-availability{display:inline-block;margin-right:10px;font-size:14px}.wpc-select2-dropdown ul li .info .woovr-variation-availability .stock{display:inline-block;margin:0!important}.wpc-select2-dropdown ul li .info .woovr-variation-description{display:block;font-size:14px}.select2-container--open .wpc-select2-dropdown.select2-dropdown--below{border-top:1px solid #aaa;border-top-left-radius:4px;border-top-right-radius:4px}.woovr-variations[class*=woovr-variations-grid]{display:flex;flex-wrap:wrap;margin-left:-10px;margin-right:-10px}.woovr-variations[class*=woovr-variations-grid] .woovr-variation{width:calc(100%/3 - 20px);margin:10px;padding:10px;display:flex;flex-direction:column;border:1px solid #ddd;text-align:center;cursor:pointer;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none}.woovr-variations[class*=woovr-variations-grid] .woovr-variation[data-images=yes] .woovr-variation-image:before{content:'';background-image:url("data:image/svg+xml;charset=utf8,%3Csvg fill='%23ffffff' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' id='multiple-image'%3E%3Cpath d='M18,15V5a3,3,0,0,0-3-3H5A3,3,0,0,0,2,5V15a3,3,0,0,0,3,3H15A3,3,0,0,0,18,15ZM4,5A1,1,0,0,1,5,4H15a1,1,0,0,1,1,1V9.36L14.92,8.27a2.56,2.56,0,0,0-1.81-.75h0a2.58,2.58,0,0,0-1.81.75l-.91.91-.81-.81a2.93,2.93,0,0,0-4.11,0L4,9.85Zm.12,10.45A.94.94,0,0,1,4,15V12.67L6.88,9.79a.91.91,0,0,1,1.29,0L9,10.6Zm8.6-5.76a.52.52,0,0,1,.39-.17h0a.52.52,0,0,1,.39.17L16,12.18V15a1,1,0,0,1-1,1H6.4ZM21,6a1,1,0,0,0-1,1V17a3,3,0,0,1-3,3H7a1,1,0,0,0,0,2H17a5,5,0,0,0,5-5V7A1,1,0,0,0,21,6Z'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-size:16px;background-position:50%;background-color:rgba(0,0,0,.3);display:block;width:28px;height:28px;border-radius:4px;position:absolute;top:15px;left:15px}.woovr-variations.woovr-variations-grid-2 .woovr-variation{width:calc(50% - 20px)}.woovr-variations.woovr-variations-grid-3 .woovr-variation{width:calc(100%/3 - 20px)}.woovr-variations.woovr-variations-grid-4 .woovr-variation{width:calc(25% - 20px)}.woovr-variations[class*=woovr-variations-grid] .woovr-variation>div{padding:0}.woovr-variations[class*=woovr-variations-grid] .woovr-variation .woovr-variation-selector{display:none}.woovr-variations[class*=woovr-variations-grid] .woovr-variation.woovr-variation-active{border-color:green}.woovr-variations[class*=woovr-variations-grid] .woovr-variation:before{content:"✓";color:#fff;display:block;width:24px;height:24px;line-height:24px;background-color:#eee;text-align:center;font-size:16px;position:absolute;top:15px;right:15px;z-index:9;border-radius:50%;border-width:2px;border-style:solid;border-color:#fff;border-image:initial}.woovr-variations[class*=woovr-variations-grid] .woovr-variation.woovr-variation-active:before{color:#fff;background-color:green}.woovr-variations[class*=woovr-variations-grid] .woovr-variation .woovr-variation-image{width:100%;flex:none;margin-bottom:10px}.woovr-variations[class*=woovr-variations-grid] .woovr-variation .woovr-variation-image img{width:100%;max-width:100%;height:auto}.woovr-variations[class*=woovr-variations-grid] .woovr-fieldset{width:100%;padding:0;display:flex;flex-wrap:wrap}body.rtl .woovr-variation-selector .dd-option-image,body.rtl .woovr-variation-selector .dd-selected-image{float:right;margin-right:0;margin-left:10px}body.rtl .woovr-variation-selector .dd-pointer{right:auto;left:10px}body.rtl .wpc-select2-dropdown ul li .image{margin-right:0;margin-left:10px} .wc-stripe-payment-button-preview{display:flex;justify-content:center;align-items:center;background-color:#000;border-radius:5px;height:40px}.wc-stripe-payment-button-preview img{height:22px}.wc-stripe-payment-button-preview:hover{cursor:pointer;filter:opacity(0.7)}.wc-stripe-payment-button-preview.wc-stripe-amazon-pay-preview{background-color:#ffd814}.wc-stripe-payment-button-preview.wc-stripe-amazon-pay-preview img{height:40px}.wc-stripe-payment-button-preview.wc-stripe-link-preview{background-color:#00d66f}.wc-stripe-payment-button-preview.wc-stripe-link-preview img{height:40px} button.stripe-gateway-stripelink-modal-trigger{display:none;position:absolute;right:5px;width:64px;height:40px;background:no-repeat url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA3MiAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM2LjEyIDMuNjc2ODNDMzYuMTIgMi41NDg4MiAzNy4wNzA0IDEuNjMyMDIgMzguMTg4OCAxLjYzMjAyQzM5LjMwNzIgMS42MzIwMiA0MC4yNTc2IDIuNTUzNjIgNDAuMjU3NiAzLjY3NjgzQzQwLjI1NzYgNC44MDAwMyAzOS4zNDA4IDUuNzQ1NjMgMzguMTg4OCA1Ljc0NTYzQzM3LjAzNjggNS43NDU2MyAzNi4xMiA0LjgyODgzIDM2LjEyIDMuNjc2ODNaIiBmaWxsPSIjMDExRTBGIi8+CjxwYXRoIGQ9Ik0yOS45ODA4IDEuOTIwMDFIMzMuNTgwOFYyMi4wOEgyOS45ODA4VjEuOTIwMDFaIiBmaWxsPSIjMDExRTBGIi8+CjxwYXRoIGQ9Ik00MC4wMDggNy42ODAwMUgzNi4zNzkyVjIyLjA4SDQwLjAwOFY3LjY4MDAxWiIgZmlsbD0iIzAxMUUwRiIvPgo8cGF0aCBkPSJNNjYuMDk2IDE0LjM5MDRDNjguODI3MiAxMi43MTA0IDcwLjY4NDggMTAuMjA5NiA3MS40MTkyIDcuNjc1MjRINjcuNzkwNEM2Ni44NDQ4IDEwLjA5NDQgNjQuNjc1MiAxMS45MTM2IDYyLjI4OTYgMTIuNjg2NFYxLjkxNTIzSDU4LjY2MDhWMjIuMDc1Mkg2Mi4yODk2VjE2LjA4QzY1LjA1OTIgMTYuNzcxMiA2Ny4yNDggMTkuMTY2NCA2Ny45OTY4IDIyLjA3NTJINzEuNjQ5NkM3MS4wOTI4IDE5LjAyMjQgNjkuMDA0OCAxNi4xNjY0IDY2LjA5NiAxNC4zOTA0WiIgZmlsbD0iIzAxMUUwRiIvPgo8cGF0aCBkPSJNNDYuNDQgOS4yOTI4M0M0Ny4zOTA0IDguMDMwNDMgNDkuMjQzMiA3LjI5NjAyIDUwLjc0NTYgNy4yOTYwMkM1My41NDg4IDcuMjk2MDIgNTUuODY3MiA5LjM0NTYzIDU1Ljg3MiAxMi40NDE2VjIyLjA3NTJINTIuMjQzMlYxMy4yNDMyQzUyLjI0MzIgMTEuOTcxMiA1MS42NzY4IDEwLjUwMjQgNDkuODM4NCAxMC41MDI0QzQ3LjY3ODQgMTAuNTAyNCA0Ni40MzUyIDEyLjQxNzYgNDYuNDM1MiAxNC42NTkyVjIyLjA4NDhINDIuODA2NFY3LjY4OTYySDQ2LjQ0VjkuMjkyODNaIiBmaWxsPSIjMDExRTBGIi8+CjxwYXRoIGQ9Ik0xMiAyNEMxOC42Mjc0IDI0IDI0IDE4LjYyNzQgMjQgMTJDMjQgNS4zNzI1NyAxOC42Mjc0IDAgMTIgMEM1LjM3MjU5IDAgMCA1LjM3MjU3IDAgMTJDMCAxOC42Mjc0IDUuMzcyNTkgMjQgMTIgMjRaIiBmaWxsPSIjMDBENjZGIi8+CjxwYXRoIGQ9Ik0xMS40NDc5IDQuODAwMDVINy43NDcwN0M4LjQ2NzA3IDcuODA5NjUgMTAuNTY5NSAxMC4zODI0IDEzLjE5OTkgMTJDMTAuNTY0NyAxMy42MTc2IDguNDY3MDcgMTYuMTkwNCA3Ljc0NzA3IDE5LjJIMTEuNDQ3OUMxMi4zNjQ3IDE2LjQxNiAxNC45MDM5IDEzLjk5NjggMTguMDIzOSAxMy41MDI0VjEwLjQ5MjlDMTQuODk5MSAxMC4wMDMzIDEyLjM1OTkgNy41ODQwNSAxMS40NDc5IDQuODAwMDVaIiBmaWxsPSIjMDExRTBGIi8+Cjwvc3ZnPgo=);background-color:transparent !important;cursor:pointer;border:none}button.stripe-gateway-stripelink-modal-trigger:hover{background-color:transparent;border-color:transparent}.wc-block-checkout__payment-method .wc-block-components-radio-control__label>span{width:95%}.wc-block-checkout__payment-method .wc-block-components-radio-control__label>span>span{float:right;display:flex;align-items:center;justify-content:center}