/** * Swiper 4.5.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2019 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 13, 2019 */ .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1} .swiper-container-no-flexbox .swiper-slide{float:left} .swiper-container-vertical>.swiper-wrapper{flex-direction:column} .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box} .swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0,0,0)} .swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap} .swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto} .swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform} .swiper-slide-invisible-blank{visibility:hidden} .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto} .swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height} .swiper-container-3d{perspective:1200px} .swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d} .swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10} .swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{touch-action:pan-y} .swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{touch-action:pan-x} .swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat} .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none} .swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto} .swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto} .swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")} .swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")} .swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")} .swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")} .swiper-button-lock{display:none} .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-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;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:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2} button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none} .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer} .swiper-pagination-bullet-active{opacity:1;background:#007aff} .swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)} .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s top,.2s -webkit-transform;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px} .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap} .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s left,.2s -webkit-transform;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform} .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s right,.2s -webkit-transform;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform} .swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute} .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top} .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top} .swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0} .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0} .swiper-pagination-white .swiper-pagination-bullet-active{background:#fff} .swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)} .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff} .swiper-pagination-black .swiper-pagination-bullet-active{background:#000} .swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)} .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000} .swiper-pagination-lock{display:none} .swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)} .swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%} .swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%} .swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0} .swiper-scrollbar-cursor-drag{cursor:move} .swiper-scrollbar-lock{display:none} .swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center} .swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain} .swiper-slide-zoomed{cursor:move} .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%;animation:swiper-preloader-spin 1s steps(12,end) infinite} .swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat} .swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")} @keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}} .swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000} .swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out} .swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity} .swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none} .swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto} .swiper-container-cube{overflow:visible} .swiper-container-cube .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%} .swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none} .swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible} .swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;backface-visibility:hidden} .swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;filter:blur(50px);z-index:0} .swiper-container-flip{overflow:visible} .swiper-container-flip .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1} .swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none} .swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto} .swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;backface-visibility:hidden} .swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} /* Namespace base and components, as tailwind does not support this directly */ /*! 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) */ .ns-mf *, .ns-mf ::before, .ns-mf ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #EEEFF2; /* 2 */ } .ns-mf ::before, .ns-mf ::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 */ .ns-mf html, .ns-mf :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ .ns-mf 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. */ .ns-mf hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ .ns-mf abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ .ns-mf h1, .ns-mf h2, .ns-mf h3, .ns-mf h4, .ns-mf h5, .ns-mf h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ .ns-mf a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ .ns-mf b, .ns-mf 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. */ .ns-mf code, .ns-mf kbd, .ns-mf samp, .ns-mf 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. */ .ns-mf small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ .ns-mf sub, .ns-mf sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } .ns-mf sub { bottom: -0.25em; } .ns-mf 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. */ .ns-mf 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. */ .ns-mf button, .ns-mf input, .ns-mf optgroup, .ns-mf select, .ns-mf 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. */ .ns-mf button, .ns-mf select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ .ns-mf button, .ns-mf input:where([type='button']), .ns-mf input:where([type='reset']), .ns-mf 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. */ .ns-mf :-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) */ .ns-mf :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ .ns-mf progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ .ns-mf ::-webkit-inner-spin-button, .ns-mf ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ .ns-mf [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ .ns-mf ::-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. */ .ns-mf ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ .ns-mf summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ .ns-mf blockquote, .ns-mf dl, .ns-mf dd, .ns-mf h1, .ns-mf h2, .ns-mf h3, .ns-mf h4, .ns-mf h5, .ns-mf h6, .ns-mf hr, .ns-mf figure, .ns-mf p, .ns-mf pre { margin: 0; } .ns-mf fieldset { margin: 0; padding: 0; } .ns-mf legend { padding: 0; } .ns-mf ol, .ns-mf ul, .ns-mf menu { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ .ns-mf dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ .ns-mf 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. */ .ns-mf input::-moz-placeholder, .ns-mf textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } .ns-mf input::placeholder, .ns-mf textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ .ns-mf button, .ns-mf [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ .ns-mf :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. */ .ns-mf img, .ns-mf svg, .ns-mf video, .ns-mf canvas, .ns-mf audio, .ns-mf iframe, .ns-mf embed, .ns-mf 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) */ .ns-mf img, .ns-mf video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ .ns-mf [hidden] { display: none; } @font-face { font-family: Roboto; font-weight: 400; src: url(../fonts/MF/Roboto/Roboto-Regular.ttf); } @font-face { font-family: Roboto; font-weight: 300; src: url(../fonts/MF/Roboto/Roboto-Light.ttf); } @font-face { font-family: Roboto; font-weight: 700; src: url(../fonts/MF/Roboto/Roboto-Bold.ttf); } @font-face { font-family: Roboto Slab; font-weight: 400; src: url(../fonts/MF/Roboto_Slab/static/RobotoSlab-Regular.ttf); } @font-face { font-family: Roboto Slab; font-weight: 700; src: url(../fonts/MF/Roboto_Slab/static/RobotoSlab-Bold.ttf); } .ns-mf button { /*Remove default outline*/ } .ns-mf button:focus{outline:2px solid transparent;outline-offset:2px} /*Custom hidden class for use on MF to not create issues with the namespaced/bootstrap hidden class..*/ .ns-mf .mf-hidden { display: none; } .ns-mf select { padding-right: 45px !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("data:image/svg+xml;utf8,") no-repeat; background-position: right 15px top 50%; } /* Generated by using https://www.cssportal.com/style-input-range/ And added progress color for FF and IE (no native support for chrome) */ .ns-mf input[type=range] { height: 28px; -webkit-appearance: none; margin: 10px 0; width: 100%; } .ns-mf input[type=range]:focus { outline: none; } .ns-mf input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 4px; cursor: pointer; animate: 0.2s; box-shadow: 0px 0px 0px #000000; background: #6E8EBF; border-radius: 2px; border: 0px solid #000000; } .ns-mf input[type=range]::-webkit-slider-thumb { box-shadow: 0px 0px 0px #000000; border: 0px solid #000000; height: 22px; width: 22px; border-radius: 12px; background: #3A5987; cursor: pointer; -webkit-appearance: none; margin-top: -9px; } .ns-mf input[type=range]:focus::-webkit-slider-runnable-track { background: #6E8EBF; } .ns-mf input[type=range]::-moz-range-track { width: 100%; height: 4px; cursor: pointer; animate: 0.2s; box-shadow: 0px 0px 0px #000000; background: #A8BCDC; border-radius: 2px; border: 0px solid #000000; } .ns-mf input[type=range]::-moz-range-progress { background: #6E8EBF; } .ns-mf input[type=range]::-moz-range-thumb { box-shadow: 0px 0px 0px #000000; border: 0px solid #000000; height: 22px; width: 22px; border-radius: 12px; background: #3A5987; cursor: pointer; } .ns-mf input[type=range]::-ms-track { width: 100%; height: 4px; cursor: pointer; animate: 0.2s; background: transparent; border-color: transparent; color: transparent; } .ns-mf input[type=range]::-ms-fill-lower { background: #6E8EBF; border: 0px solid #000000; border-radius: 4px; box-shadow: 0px 0px 0px #000000; } .ns-mf input[type=range]::-ms-fill-upper { background: #A8BCDC; border: 0px solid #000000; border-radius: 4px; box-shadow: 0px 0px 0px #000000; } .ns-mf input[type=range]::-ms-thumb { margin-top: 1px; box-shadow: 0px 0px 0px #000000; border: 0px solid #000000; height: 22px; width: 22px; border-radius: 12px; background: #3A5987; cursor: pointer; } .ns-mf input[type=range]:focus::-ms-fill-lower { background: #6E8EBF; } .ns-mf input[type=range]:focus::-ms-fill-upper { background: #A8BCDC; } .ns-mf #usedcars-list > a > div > img { margin-bottom: -32px; } .ns-mf *, .ns-mf ::before, .ns-mf ::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: } .ns-mf ::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: } .ns-mf .container{width:100%;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem} @media (min-width: 640px){ .ns-mf .container{max-width:640px}} @media (min-width: 768px){ .ns-mf .container{max-width:768px}} @media (min-width: 1024px){ .ns-mf .container{max-width:1024px}} @media (min-width: 1280px){ .ns-mf .container{max-width:1280px}} @media (min-width: 1536px){ .ns-mf .container{max-width:1536px}} .ns-mf .btn{display:inline-block} .ns-mf .btn{border-radius:5px} .ns-mf .btn{--tw-bg-opacity:1;background-color:rgb(219 108 90 / var(--tw-bg-opacity))} .ns-mf .btn{padding-left:15px;padding-right:15px} .ns-mf .btn{padding-top:0.75rem;padding-bottom:0.75rem} .ns-mf .btn{font-size:14px} .ns-mf .btn{font-weight:600} .ns-mf .btn{text-transform:uppercase} .ns-mf .btn{line-height:1.2} .ns-mf .btn{--tw-text-opacity:1;color:rgb(22 25 39 / var(--tw-text-opacity))} .ns-mf .btn:hover{--tw-bg-opacity:0.9} .ns-mf .btn:disabled{cursor:default} .ns-mf .btn:disabled{--tw-bg-opacity:1;background-color:rgb(195 201 208 / var(--tw-bg-opacity))} .ns-mf .btn:disabled{--tw-bg-opacity:1} .ns-mf .btn:disabled{--tw-text-opacity:1;color:rgb(134 140 152 / var(--tw-text-opacity))} .ns-mf .btn { font-size: 15px; line-height: 120%; } .ns-mf .btn-alt{display:inline-block} .ns-mf .btn-alt{border-radius:5px} .ns-mf .btn-alt{border-width:1px} .ns-mf .btn-alt{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))} .ns-mf .btn-alt{padding-left:2rem;padding-right:2rem} .ns-mf .btn-alt{padding-top:0.75rem;padding-bottom:0.75rem} .ns-mf .btn-alt{font-weight:700} .ns-mf .btn-alt{text-transform:uppercase} .ns-mf .btn-alt{--tw-text-opacity:1;color:rgb(58 89 135 / var(--tw-text-opacity))} .ns-mf .btn-alt:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))} .ns-mf .btn-alt:hover{--tw-bg-opacity:0.75} .ns-mf .btn-alt:disabled{cursor:default} .ns-mf .btn-alt:disabled{--tw-bg-opacity:1;background-color:rgb(195 201 208 / var(--tw-bg-opacity))} .ns-mf .btn-alt:disabled{--tw-bg-opacity:1} .ns-mf .btn-alt:disabled{--tw-text-opacity:1;color:rgb(134 140 152 / var(--tw-text-opacity))} .ns-mf .btn-alt { font-size: 15px; line-height: 120%; } .ns-mf .btn-header{margin-bottom:-18px} .ns-mf .btn-header{display:flex} .ns-mf .btn-header{justify-content:center} .ns-mf .btn-header{white-space:nowrap} .ns-mf .btn-header{border-bottom-width:5px} .ns-mf .btn-header{--tw-border-opacity:1;border-bottom-color:rgb(255 255 255 / var(--tw-border-opacity))} .ns-mf .btn-header{padding-bottom:14px} .ns-mf .btn-header{font-size:16px} .ns-mf .btn-header{font-weight:300} .ns-mf .btn-header{line-height:1.35} .ns-mf .btn-header{--tw-text-opacity:1;color:rgb(22 25 39 / var(--tw-text-opacity))} .ns-mf .btn-header:hover{border-bottom-color:rgb(219 108 90 / 0.4)} .ns-mf .btn-filter { font-size: 16px; font-weight: 700; line-height: 120%; /* 19.2px */ text-transform: uppercase; padding: 10px 20px; border-bottom: 2px solid transparent; display: inline-block; margin-bottom: -1px; } .ns-mf .btn-filter:hover,.ns-mf .btn-filter.is-checked { border-bottom: 2px solid #DB6C5A; } .ns-mf .btn-grey { font-size: 15px; line-height: 120%; /* 19.2px */ text-transform: uppercase; border-radius: 5px; border: 1px solid #DFE0E3; background: #fff; padding: 11px 30px; display: inline-block; letter-spacing: 0.8px; } .ns-mf .btn-grey{border-radius:5px} .ns-mf .btn-grey{font-weight:700} .ns-mf .btn-grey{--tw-text-opacity:1;color:rgb(58 89 135 / var(--tw-text-opacity))} .ns-mf .btn-grey.is-checked { background: #505862; color: #fff; border-color: #505862; /*@apply hover:bg-[#F1F1F2] hover:text-black;*/ } /* .btn-menu { @apply font-bold hover:text-neutral-dark text-black text-small mr-5; } */ .ns-mf .input{border-radius:4px} .ns-mf .input{border-width:1px} .ns-mf .input{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))} .ns-mf .input{padding-left:0.75rem;padding-right:0.75rem} .ns-mf .input{padding-top:0.625rem;padding-bottom:0.625rem} .ns-mf .input::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(22 25 39 / var(--tw-placeholder-opacity))} .ns-mf .input::placeholder{--tw-placeholder-opacity:1;color:rgb(22 25 39 / var(--tw-placeholder-opacity))} .ns-mf .input::-moz-placeholder{--tw-placeholder-opacity:0.3} .ns-mf .input::placeholder{--tw-placeholder-opacity:0.3} .ns-mf .input { font-size: 15px; line-height: 160%; } .ns-mf .input-group{display:flex} .ns-mf .input-group{border-radius:4px} .ns-mf .input-group .input{border-top-right-radius:0;border-bottom-right-radius:0} .ns-mf .input-append{display:inline-flex} .ns-mf .input-append{align-items:center} .ns-mf .input-append{border-top-right-radius:4px;border-bottom-right-radius:4px} .ns-mf .input-append{border-width:1px} .ns-mf .input-append{border-left-width:0px} .ns-mf .input-append{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))} .ns-mf .input-append{padding-left:1rem;padding-right:1rem} .ns-mf .input-append{--tw-text-opacity:1;color:rgb(134 140 152 / var(--tw-text-opacity))} .ns-mf .input-append { font-size: 15px; line-height: 160%; } .ns-mf .checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none} .ns-mf .checkbox{border-radius:4px} .ns-mf .checkbox{border-width:1px} .ns-mf .checkbox{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))} .ns-mf .checkbox { height: 23px; width: 23px; } .ns-mf .checkbox:checked{--tw-bg-opacity:1;background-color:rgb(110 142 191 / var(--tw-bg-opacity))} .ns-mf .checkbox:checked { background-image: url( "data:image/svg+xml;utf8,"); background-position: 50%; background-size: 50%; background-repeat: no-repeat; border-color: white; } .ns-mf .radio{-webkit-appearance:none;-moz-appearance:none;appearance:none} .ns-mf .radio{border-radius:9999px} .ns-mf .radio{border-width:1px} .ns-mf .radio{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))} .ns-mf .radio { height: 23px; width: 23px; } .ns-mf .radio:checked{--tw-border-opacity:1;border-color:rgb(110 142 191 / var(--tw-border-opacity))} .ns-mf .radio:checked { border-width: 6px; } .ns-mf .hide { display: none; } .ns-mf .mf-content{--tw-text-opacity:1;color:rgb(80 88 98 / var(--tw-text-opacity))} .ns-mf .mf-content h1{margin-top:2rem;margin-bottom:2rem} .ns-mf .mf-content h1{font-family:Roboto Slab, ui-serif, Georgia, Cambria, Times New Roman, Times, serif} .ns-mf .mf-content h1{font-size:36px;line-height:135%} .ns-mf .mf-content h1{font-weight:700} .ns-mf .mf-content h1{--tw-text-opacity:1;color:rgb(22 25 39 / var(--tw-text-opacity))} @media (min-width: 768px){ .ns-mf .mf-content h1{font-size:50px;line-height:115%}} .ns-mf .mf-content h2{margin-top:1.25rem;margin-bottom:1.25rem} .ns-mf .mf-content h2{font-family:Roboto Slab, ui-serif, Georgia, Cambria, Times New Roman, Times, serif} .ns-mf .mf-content h2{font-size:30px;line-height:135%} .ns-mf .mf-content h2{font-weight:700} .ns-mf .mf-content h2{--tw-text-opacity:1;color:rgb(22 25 39 / var(--tw-text-opacity))} @media (min-width: 768px){ .ns-mf .mf-content h2{font-size:36px;line-height:135%}} .ns-mf .mf-content h3{margin-top:0.75rem;margin-bottom:0.75rem} .ns-mf .mf-content h3{font-family:Roboto Slab, ui-serif, Georgia, Cambria, Times New Roman, Times, serif} .ns-mf .mf-content h3{font-size:23px;line-height:135%} .ns-mf .mf-content h3{font-weight:700} .ns-mf .mf-content h3{--tw-text-opacity:1;color:rgb(22 25 39 / var(--tw-text-opacity))} @media (min-width: 768px){ .ns-mf .mf-content h3{font-size:30px;line-height:135%}} .ns-mf .mf-content p{margin-bottom:1.25rem} .ns-mf .mf-content ul{list-style-position:inside} .ns-mf .mf-content ul{list-style-type:disc} .ns-mf .mf-content ol{list-style-position:inside} .ns-mf .mf-content ol{list-style-type:decimal} .ns-mf .mf-content a{--tw-text-opacity:1;color:rgb(58 89 135 / var(--tw-text-opacity))} .ns-mf .mf-content a{-webkit-text-decoration-line:underline;text-decoration-line:underline} .ns-mf .mf-content a:hover{--tw-text-opacity:1;color:rgb(110 142 191 / var(--tw-text-opacity))} .ns-mf .mf-content a.btn{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))} .ns-mf .mf-content a.btn{-webkit-text-decoration-line:none;text-decoration-line:none} .ns-mf .mf-content a.btn:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))} .ns-mf .mf-slideshow { /*https://nemrut.co/blog/how-to-create-carousel-slider-using-alpine-js-tailwindcss*/ scroll-snap-type: x mandatory; scroll-behavior: smooth; /*hide scrollbar*/ -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; } /* Firefox */ .ns-mf .mf-slideshow::-webkit-scrollbar { display: none; } .ns-mf .mf-slideshow > div { scroll-snap-align: center; } @media (min-width: 640px){ .ns-mf .two-column{position:relative}} @media (min-width: 640px){ .ns-mf .two-column{left:50%}} @media (min-width: 640px){ .ns-mf .two-column{right:50%}} @media (min-width: 640px){ .ns-mf .two-column{margin-left:-50vw;margin-right:-50vw}} @media (min-width: 640px){ .ns-mf .two-column{display:flex}} @media (min-width: 640px){ .ns-mf .two-column{width:100vw}} .ns-mf .two-column > div { flex: 1; display: flex; justify-content: center; flex-direction: column; } .ns-mf .two-column > div img, .ns-mf .two-column > div video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .ns-mf .content-block-element{margin-bottom:1rem} .ns-mf .img-responsive{height:auto} .ns-mf .img-responsive{max-width:100%} .ns-mf .mg-img-fullwidth{max-height:100vh} .ns-mf .mg-img-fullwidth{width:100%} .ns-mf .mg-img-fullwidth{-o-object-fit:contain;object-fit:contain} .ns-mf ul.mf-dropdown{min-width:200px} .ns-mf ul.mf-dropdown{padding-top:0.5rem;padding-bottom:0.5rem} .ns-mf ul.mf-dropdown > li{display:inline-block} .ns-mf ul.mf-dropdown > li{width:100%} .ns-mf ul.mf-dropdown > li{padding-left:1.25rem;padding-right:1.25rem} .ns-mf ul.mf-dropdown > li{padding-top:0.625rem;padding-bottom:0.625rem} .ns-mf ul.mf-dropdown > li{font-size:16px} .ns-mf ul.mf-dropdown > li{font-weight:300} .ns-mf ul.mf-dropdown > li:hover{--tw-text-opacity:1;color:rgb(80 88 98 / var(--tw-text-opacity))} /* We have configured the namespace in the tailwind configuration for utilities, since this is supported (but it does not support this for base and components) */ .ns-mf :is(.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} .ns-mf :is(.invisible){visibility:hidden} .ns-mf :is(.collapse){visibility:collapse} .ns-mf :is(.fixed){position:fixed} .ns-mf :is(.absolute){position:absolute} .ns-mf :is(.relative){position:relative} .ns-mf :is(.inset-0){inset:0px} .ns-mf :is(.-left-10){left:-2.5rem} .ns-mf :is(.bottom-0){bottom:0px} .ns-mf :is(.bottom-auto){bottom:auto} .ns-mf :is(.left-0){left:0px} .ns-mf :is(.left-5){left:1.25rem} .ns-mf :is(.left-\[16px\]){left:16px} .ns-mf :is(.left-auto){left:auto} .ns-mf :is(.right-0){right:0px} .ns-mf :is(.right-4){right:1rem} .ns-mf :is(.right-5){right:1.25rem} .ns-mf :is(.right-auto){right:auto} .ns-mf :is(.top-0){top:0px} .ns-mf :is(.top-2){top:0.5rem} .ns-mf :is(.top-2\.5){top:0.625rem} .ns-mf :is(.top-24){top:6rem} .ns-mf :is(.top-\[-40px\]){top:-40px} .ns-mf :is(.z-10){z-index:10} .ns-mf :is(.z-20){z-index:20} .ns-mf :is(.m-4){margin:1rem} .ns-mf :is(.m-auto){margin:auto} .ns-mf :is(.mx-5){margin-left:1.25rem;margin-right:1.25rem} .ns-mf :is(.mx-\[16\%\]){margin-left:16%;margin-right:16%} .ns-mf :is(.mx-auto){margin-left:auto;margin-right:auto} .ns-mf :is(.my-10){margin-top:2.5rem;margin-bottom:2.5rem} .ns-mf :is(.my-12){margin-top:3rem;margin-bottom:3rem} .ns-mf :is(.my-14){margin-top:3.5rem;margin-bottom:3.5rem} .ns-mf :is(.my-16){margin-top:4rem;margin-bottom:4rem} .ns-mf :is(.my-2){margin-top:0.5rem;margin-bottom:0.5rem} .ns-mf :is(.my-2\.5){margin-top:0.625rem;margin-bottom:0.625rem} .ns-mf :is(.my-20){margin-top:5rem;margin-bottom:5rem} .ns-mf :is(.my-3){margin-top:0.75rem;margin-bottom:0.75rem} .ns-mf :is(.my-4){margin-top:1rem;margin-bottom:1rem} .ns-mf :is(.my-5){margin-top:1.25rem;margin-bottom:1.25rem} .ns-mf :is(.my-8){margin-top:2rem;margin-bottom:2rem} .ns-mf :is(.-mb-2){margin-bottom:-0.5rem} .ns-mf :is(.-mr-3){margin-right:-0.75rem} .ns-mf :is(.mb-0){margin-bottom:0px} .ns-mf :is(.mb-0\.5){margin-bottom:0.125rem} .ns-mf :is(.mb-1){margin-bottom:0.25rem} .ns-mf :is(.mb-1\.5){margin-bottom:0.375rem} .ns-mf :is(.mb-10){margin-bottom:2.5rem} .ns-mf :is(.mb-14){margin-bottom:3.5rem} .ns-mf :is(.mb-16){margin-bottom:4rem} .ns-mf :is(.mb-2){margin-bottom:0.5rem} .ns-mf :is(.mb-2\.5){margin-bottom:0.625rem} .ns-mf :is(.mb-20){margin-bottom:5rem} .ns-mf :is(.mb-3){margin-bottom:0.75rem} .ns-mf :is(.mb-3\.5){margin-bottom:0.875rem} .ns-mf :is(.mb-4){margin-bottom:1rem} .ns-mf :is(.mb-5){margin-bottom:1.25rem} .ns-mf :is(.mb-6){margin-bottom:1.5rem} .ns-mf :is(.mb-7){margin-bottom:1.75rem} .ns-mf :is(.mb-8){margin-bottom:2rem} .ns-mf :is(.ml-0){margin-left:0px} .ns-mf :is(.ml-1){margin-left:0.25rem} .ns-mf :is(.ml-2){margin-left:0.5rem} .ns-mf :is(.ml-5){margin-left:1.25rem} .ns-mf :is(.ml-auto){margin-left:auto} .ns-mf :is(.mr-2){margin-right:0.5rem} .ns-mf :is(.mr-3){margin-right:0.75rem} .ns-mf :is(.mr-4){margin-right:1rem} .ns-mf :is(.mr-5){margin-right:1.25rem} .ns-mf :is(.mr-8){margin-right:2rem} .ns-mf :is(.mt-1){margin-top:0.25rem} .ns-mf :is(.mt-10){margin-top:2.5rem} .ns-mf :is(.mt-14){margin-top:3.5rem} .ns-mf :is(.mt-2){margin-top:0.5rem} .ns-mf :is(.mt-2\.5){margin-top:0.625rem} .ns-mf :is(.mt-20){margin-top:5rem} .ns-mf :is(.mt-3){margin-top:0.75rem} .ns-mf :is(.mt-4){margin-top:1rem} .ns-mf :is(.mt-5){margin-top:1.25rem} .ns-mf :is(.mt-6){margin-top:1.5rem} .ns-mf :is(.mt-8){margin-top:2rem} .ns-mf :is(.block){display:block} .ns-mf :is(.inline-block){display:inline-block} .ns-mf :is(.inline){display:inline} .ns-mf :is(.flex){display:flex} .ns-mf :is(.inline-flex){display:inline-flex} .ns-mf :is(.table){display:table} .ns-mf :is(.grid){display:grid} .ns-mf :is(.hidden){display:none} .ns-mf :is(.h-10){height:2.5rem} .ns-mf :is(.h-14){height:3.5rem} .ns-mf :is(.h-16){height:4rem} .ns-mf :is(.h-18){height:4.5rem} .ns-mf :is(.h-20){height:5rem} .ns-mf :is(.h-24){height:6rem} .ns-mf :is(.h-32){height:8rem} .ns-mf :is(.h-5){height:1.25rem} .ns-mf :is(.h-6){height:1.5rem} .ns-mf :is(.h-8){height:2rem} .ns-mf :is(.h-96){height:24rem} .ns-mf :is(.h-\[56px\]){height:56px} .ns-mf :is(.h-auto){height:auto} .ns-mf :is(.h-full){height:100%} .ns-mf :is(.max-h-0){max-height:0px} .ns-mf :is(.max-h-16){max-height:4rem} .ns-mf :is(.max-h-20){max-height:5rem} .ns-mf :is(.max-h-24){max-height:6rem} .ns-mf :is(.max-h-full){max-height:100%} .ns-mf :is(.max-h-screen){max-height:100vh} .ns-mf :is(.w-1\/2){width:50%} .ns-mf :is(.w-1\/6){width:16.666667%} .ns-mf :is(.w-10){width:2.5rem} .ns-mf :is(.w-2\/3){width:66.666667%} .ns-mf :is(.w-20){width:5rem} .ns-mf :is(.w-24){width:6rem} .ns-mf :is(.w-32){width:8rem} .ns-mf :is(.w-5){width:1.25rem} .ns-mf :is(.w-6){width:1.5rem} .ns-mf :is(.w-\[100px\]){width:100px} .ns-mf :is(.w-auto){width:auto} .ns-mf :is(.w-full){width:100%} .ns-mf :is(.max-w-2xl){max-width:42rem} .ns-mf :is(.max-w-3xl){max-width:48rem} .ns-mf :is(.max-w-4xl){max-width:56rem} .ns-mf :is(.max-w-5xl){max-width:64rem} .ns-mf :is(.max-w-6xl){max-width:72rem} .ns-mf :is(.max-w-full){max-width:100%} .ns-mf :is(.max-w-xl){max-width:36rem} .ns-mf :is(.flex-1){flex:1 1 0%} .ns-mf :is(.flex-shrink-0){flex-shrink:0} .ns-mf :is(.shrink-0){flex-shrink:0} .ns-mf :is(.flex-grow){flex-grow:1} .ns-mf :is(.-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))} .ns-mf :is(.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))} .ns-mf :is(.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))} .ns-mf :is(.cursor-pointer){cursor:pointer} .ns-mf :is(.resize){resize:both} .ns-mf :is(.grid-cols-1){grid-template-columns:repeat(1, minmax(0, 1fr))} .ns-mf :is(.grid-cols-2){grid-template-columns:repeat(2, minmax(0, 1fr))} .ns-mf :is(.flex-row){flex-direction:row} .ns-mf :is(.flex-col){flex-direction:column} .ns-mf :is(.flex-wrap){flex-wrap:wrap} .ns-mf :is(.flex-nowrap){flex-wrap:nowrap} .ns-mf :is(.place-items-center){place-items:center} .ns-mf :is(.items-start){align-items:flex-start} .ns-mf :is(.items-center){align-items:center} .ns-mf :is(.justify-center){justify-content:center} .ns-mf :is(.justify-between){justify-content:space-between} .ns-mf :is(.justify-evenly){justify-content:space-evenly} .ns-mf :is(.gap-10){gap:2.5rem} .ns-mf :is(.gap-2){gap:0.5rem} .ns-mf :is(.gap-2\.5){gap:0.625rem} .ns-mf :is(.gap-3){gap:0.75rem} .ns-mf :is(.gap-4){gap:1rem} .ns-mf :is(.gap-5){gap:1.25rem} .ns-mf :is(.gap-7){gap:1.75rem} .ns-mf :is(.gap-x-5){-moz-column-gap:1.25rem;column-gap:1.25rem} .ns-mf :is(.gap-x-6){-moz-column-gap:1.5rem;column-gap:1.5rem} .ns-mf :is(.gap-y-3){row-gap:0.75rem} .ns-mf :is(.gap-y-4){row-gap:1rem} .ns-mf :is(.gap-y-8){row-gap:2rem} .ns-mf :is(.self-start){align-self:flex-start} .ns-mf :is(.self-end){align-self:flex-end} .ns-mf :is(.self-center){align-self:center} .ns-mf :is(.overflow-auto){overflow:auto} .ns-mf :is(.overflow-hidden){overflow:hidden} .ns-mf :is(.whitespace-nowrap){white-space:nowrap} .ns-mf :is(.rounded-full){border-radius:9999px} .ns-mf :is(.rounded-small){border-radius:5px} .ns-mf :is(.rounded-smaller){border-radius:4px} .ns-mf :is(.rounded-b-smaller){border-bottom-right-radius:4px;border-bottom-left-radius:4px} .ns-mf :is(.rounded-l-full){border-top-left-radius:9999px;border-bottom-left-radius:9999px} .ns-mf :is(.rounded-t-none){border-top-left-radius:0;border-top-right-radius:0} .ns-mf :is(.rounded-t-smaller){border-top-left-radius:4px;border-top-right-radius:4px} .ns-mf :is(.border){border-width:1px} .ns-mf :is(.border-2){border-width:2px} .ns-mf :is(.border-b){border-bottom-width:1px} .ns-mf :is(.border-r){border-right-width:1px} .ns-mf :is(.border-t){border-top-width:1px} .ns-mf :is(.border-t-0){border-top-width:0px} .ns-mf :is(.border-contrast-2){--tw-border-opacity:1;border-color:rgb(219 108 90 / var(--tw-border-opacity))} .ns-mf :is(.border-dark){--tw-border-opacity:1;border-color:rgb(223 224 227 / var(--tw-border-opacity))} .ns-mf :is(.border-grey){--tw-border-opacity:1;border-color:rgb(196 196 196 / var(--tw-border-opacity))} .ns-mf :is(.border-neutral){--tw-border-opacity:1;border-color:rgb(134 140 152 / var(--tw-border-opacity))} .ns-mf :is(.border-neutral-dark){--tw-border-opacity:1;border-color:rgb(80 88 98 / var(--tw-border-opacity))} .ns-mf :is(.border-b-\[\#C3C9D0\]){--tw-border-opacity:1;border-bottom-color:rgb(195 201 208 / var(--tw-border-opacity))} .ns-mf :is(.bg-black){--tw-bg-opacity:1;background-color:rgb(22 25 39 / var(--tw-bg-opacity))} .ns-mf :is(.bg-contrast-1){--tw-bg-opacity:1;background-color:rgb(14 200 148 / var(--tw-bg-opacity))} .ns-mf :is(.bg-contrast-2){--tw-bg-opacity:1;background-color:rgb(219 108 90 / var(--tw-bg-opacity))} .ns-mf :is(.bg-neutral){--tw-bg-opacity:1;background-color:rgb(134 140 152 / var(--tw-bg-opacity))} .ns-mf :is(.bg-white){--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))} .ns-mf :is(.bg-opacity-40){--tw-bg-opacity:0.4} .ns-mf :is(.bg-opacity-50){--tw-bg-opacity:0.5} .ns-mf :is(.bg-opacity-75){--tw-bg-opacity:0.75} .ns-mf :is(.from-black){--tw-gradient-from:#161927 var(--tw-gradient-from-position);--tw-gradient-to:rgb(22 25 39 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .ns-mf :is(.object-contain){-o-object-fit:contain;object-fit:contain} .ns-mf :is(.object-cover){-o-object-fit:cover;object-fit:cover} .ns-mf :is(.object-center){-o-object-position:center;object-position:center} .ns-mf :is(.p-1){padding:0.25rem} .ns-mf :is(.p-10){padding:2.5rem} .ns-mf :is(.p-2){padding:0.5rem} .ns-mf :is(.p-2\.5){padding:0.625rem} .ns-mf :is(.p-20){padding:5rem} .ns-mf :is(.p-3){padding:0.75rem} .ns-mf :is(.p-4){padding:1rem} .ns-mf :is(.p-5){padding:1.25rem} .ns-mf :is(.p-7){padding:1.75rem} .ns-mf :is(.p-\[17px\]){padding:17px} .ns-mf :is(.px-2){padding-left:0.5rem;padding-right:0.5rem} .ns-mf :is(.px-3){padding-left:0.75rem;padding-right:0.75rem} .ns-mf :is(.px-4){padding-left:1rem;padding-right:1rem} .ns-mf :is(.px-5){padding-left:1.25rem;padding-right:1.25rem} .ns-mf :is(.px-6){padding-left:1.5rem;padding-right:1.5rem} .ns-mf :is(.px-\[13px\]){padding-left:13px;padding-right:13px} .ns-mf :is(.px-\[15px\]){padding-left:15px;padding-right:15px} .ns-mf :is(.px-\[17px\]){padding-left:17px;padding-right:17px} .ns-mf :is(.py-1){padding-top:0.25rem;padding-bottom:0.25rem} .ns-mf :is(.py-1\.5){padding-top:0.375rem;padding-bottom:0.375rem} .ns-mf :is(.py-10){padding-top:2.5rem;padding-bottom:2.5rem} .ns-mf :is(.py-16){padding-top:4rem;padding-bottom:4rem} .ns-mf :is(.py-2){padding-top:0.5rem;padding-bottom:0.5rem} .ns-mf :is(.py-2\.5){padding-top:0.625rem;padding-bottom:0.625rem} .ns-mf :is(.py-24){padding-top:6rem;padding-bottom:6rem} .ns-mf :is(.py-3){padding-top:0.75rem;padding-bottom:0.75rem} .ns-mf :is(.py-4){padding-top:1rem;padding-bottom:1rem} .ns-mf :is(.py-5){padding-top:1.25rem;padding-bottom:1.25rem} .ns-mf :is(.py-8){padding-top:2rem;padding-bottom:2rem} .ns-mf :is(.py-\[18px\]){padding-top:18px;padding-bottom:18px} .ns-mf :is(.py-\[4px\]){padding-top:4px;padding-bottom:4px} .ns-mf :is(.pb-1){padding-bottom:0.25rem} .ns-mf :is(.pb-20){padding-bottom:5rem} .ns-mf :is(.pb-5){padding-bottom:1.25rem} .ns-mf :is(.pb-8){padding-bottom:2rem} .ns-mf :is(.pl-12){padding-left:3rem} .ns-mf :is(.pl-7){padding-left:1.75rem} .ns-mf :is(.pl-\[9px\]){padding-left:9px} .ns-mf :is(.pr-5){padding-right:1.25rem} .ns-mf :is(.pr-\[6px\]){padding-right:6px} .ns-mf :is(.pt-1){padding-top:0.25rem} .ns-mf :is(.pt-1\.5){padding-top:0.375rem} .ns-mf :is(.pt-12){padding-top:3rem} .ns-mf :is(.text-left){text-align:left} .ns-mf :is(.text-center){text-align:center} .ns-mf :is(.text-right){text-align:right} .ns-mf :is(.font-content){font-family:Roboto, ui-sans-serif, system-ui} .ns-mf :is(.font-heading){font-family:Roboto Slab, ui-serif, Georgia, Cambria, Times New Roman, Times, serif} .ns-mf :is(.text-\[12px\]){font-size:12px} .ns-mf :is(.text-\[13px\]){font-size:13px} .ns-mf :is(.text-\[14px\]){font-size:14px} .ns-mf :is(.text-\[15px\]){font-size:15px} .ns-mf :is(.text-\[16px\]){font-size:16px} .ns-mf :is(.text-heading-1){font-size:50px;line-height:115%} .ns-mf :is(.text-heading-2){font-size:36px;line-height:135%} .ns-mf :is(.text-heading-3){font-size:30px;line-height:135%} .ns-mf :is(.text-heading-4){font-size:23px;line-height:135%} .ns-mf :is(.text-heading-5){font-size:18px;line-height:135%} .ns-mf :is(.text-large){font-size:26px;line-height:120%} .ns-mf :is(.text-medium){font-size:20px;line-height:166%} .ns-mf :is(.text-normal){font-size:16px;line-height:160%} .ns-mf :is(.text-sm){font-size:15px} .ns-mf :is(.text-small){font-size:14px;line-height:162%} .ns-mf :is(.text-smaller){font-size:13px;line-height:135%} .ns-mf :is(.text-tiny){font-size:11px;line-height:135%} .ns-mf :is(.font-bold){font-weight:700} .ns-mf :is(.font-light){font-weight:300} .ns-mf :is(.font-normal){font-weight:400} .ns-mf :is(.font-semibold){font-weight:600} .ns-mf :is(.uppercase){text-transform:uppercase} .ns-mf :is(.capitalize){text-transform:capitalize} .ns-mf :is(.not-italic){font-style:normal} .ns-mf :is(.leading-\[1\.2\]){line-height:1.2} .ns-mf :is(.leading-\[1\.35\]){line-height:1.35} .ns-mf :is(.leading-\[1\.5\]){line-height:1.5} .ns-mf :is(.tracking-\[1px\]){letter-spacing:1px} .ns-mf :is(.tracking-normal){letter-spacing:0em} .ns-mf :is(.tracking-wider){letter-spacing:0.05em} .ns-mf :is(.\!text-white){--tw-text-opacity:1 !important;color:rgb(255 255 255 / var(--tw-text-opacity)) !important} .ns-mf :is(.text-\[\#074332\]){--tw-text-opacity:1;color:rgb(7 67 50 / var(--tw-text-opacity))} .ns-mf :is(.text-\[\#5D5D5D\]){--tw-text-opacity:1;color:rgb(93 93 93 / var(--tw-text-opacity))} .ns-mf :is(.text-black){--tw-text-opacity:1;color:rgb(22 25 39 / var(--tw-text-opacity))} .ns-mf :is(.text-blue-dark){--tw-text-opacity:1;color:rgb(58 89 135 / var(--tw-text-opacity))} .ns-mf :is(.text-contrast-2){--tw-text-opacity:1;color:rgb(219 108 90 / var(--tw-text-opacity))} .ns-mf :is(.text-neutral){--tw-text-opacity:1;color:rgb(134 140 152 / var(--tw-text-opacity))} .ns-mf :is(.text-neutral-dark){--tw-text-opacity:1;color:rgb(80 88 98 / var(--tw-text-opacity))} .ns-mf :is(.text-neutral-light){--tw-text-opacity:1;color:rgb(195 201 208 / var(--tw-text-opacity))} .ns-mf :is(.text-red){--tw-text-opacity:1;color:rgb(235 87 87 / var(--tw-text-opacity))} .ns-mf :is(.text-white){--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))} .ns-mf :is(.text-opacity-80){--tw-text-opacity:0.8} .ns-mf :is(.underline){-webkit-text-decoration-line:underline;text-decoration-line:underline} .ns-mf :is(.no-underline){-webkit-text-decoration-line:none;text-decoration-line:none} .ns-mf :is(.opacity-0){opacity:0} .ns-mf :is(.opacity-80){opacity:0.8} .ns-mf :is(.shadow){--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .ns-mf :is(.shadow-box){--tw-shadow:0 3px 5px rgba(68, 92, 130, 0.04);--tw-shadow-colored:0 3px 5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .ns-mf :is(.ring){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)} .ns-mf :is(.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)} .ns-mf :is(.invert){--tw-invert:invert(100%);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)} .ns-mf :is(.filter){filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .ns-mf :is(.transition-all){transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .ns-mf :is(.transition-opacity){transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .ns-mf :is(.duration-500){transition-duration:500ms} /* Add our fonts */ /* Set some simple global stuff */ .ns-mf { font-family: Roboto; } body { background: #fcfcfd; } /********************************************************************************** START: Set some global stuff. Copied from generated style, but without the namespace **********************************************************************************/ /* 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. */ html { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: 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 */ } /* 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 */ } /********************************************************************************** END: Set some global stuff. Copied from generated style, but without the namespace **********************************************************************************/ /*Add support for .modal-open from bootstrap on body*/ body.modal-open { overflow: hidden; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-open .modal { overflow-x: hidden !important; overflow-y: auto !important; } .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; } .modal-backdrop.in { filter: alpha(opacity=50); opacity: .5; } .campaign-slide-controls >div:before { visibility: hidden; content: " "; z-index: -1; position: absolute; top: 5px; transition: top 250ms linear 0s; left: calc(50% - 8px); height: 16px; width: 16px; transform: rotate(45deg); border-radius: 2px; } .campaign-slide-controls >div:before{--tw-bg-opacity:1;background-color:rgb(22 25 39 / var(--tw-bg-opacity))} .campaign-slide-controls >div.active{--tw-border-opacity:1;border-color:rgb(22 25 39 / var(--tw-border-opacity))} .campaign-slide-controls >div.active{--tw-bg-opacity:1;background-color:rgb(22 25 39 / var(--tw-bg-opacity))} .campaign-slide-controls >div.active{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))} .campaign-slide-controls >div.active:before { visibility: visible; top: -6px; } @media (min-width: 640px){ .sm\:container{width:100%;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem} @media (min-width: 640px){ .sm\:container{max-width:640px}} @media (min-width: 768px){ .sm\:container{max-width:768px}} @media (min-width: 1024px){ .sm\:container{max-width:1024px}} @media (min-width: 1280px){ .sm\:container{max-width:1280px}} @media (min-width: 1536px){ .sm\:container{max-width:1536px}}} @media (min-width: 768px){ .md\:container{width:100%;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem} @media (min-width: 640px){ .md\:container{max-width:640px}} @media (min-width: 768px){ .md\:container{max-width:768px}} @media (min-width: 1024px){ .md\:container{max-width:1024px}} @media (min-width: 1280px){ .md\:container{max-width:1280px}} @media (min-width: 1536px){ .md\:container{max-width:1536px}}} @media (min-width: 1280px){ .xl\:container{width:100%;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem} @media (min-width: 640px){ .xl\:container{max-width:640px}} @media (min-width: 768px){ .xl\:container{max-width:768px}} @media (min-width: 1024px){ .xl\:container{max-width:1024px}} @media (min-width: 1280px){ .xl\:container{max-width:1280px}} @media (min-width: 1536px){ .xl\:container{max-width:1536px}}} .ns-mf :is(.hover\:border-hover:hover){--tw-border-opacity:1;border-color:rgb(231 232 237 / var(--tw-border-opacity))} .ns-mf :is(.hover\:bg-contrast-2\/10:hover){background-color:rgb(219 108 90 / 0.1)} .ns-mf :is(.hover\:bg-contrast-2\/90:hover){background-color:rgb(219 108 90 / 0.9)} .ns-mf :is(.hover\:bg-neutral-dark:hover){--tw-bg-opacity:1;background-color:rgb(80 88 98 / var(--tw-bg-opacity))} .ns-mf :is(.hover\:text-neutral:hover){--tw-text-opacity:1;color:rgb(134 140 152 / var(--tw-text-opacity))} .ns-mf :is(.hover\:text-neutral-dark:hover){--tw-text-opacity:1;color:rgb(80 88 98 / var(--tw-text-opacity))} .ns-mf :is(.hover\:text-white:hover){--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))} .ns-mf :is(.hover\:opacity-100:hover){opacity:1} .ns-mf :is(.hover\:shadow-box-hover:hover){--tw-shadow:0 2px 3px rgba(68, 92, 130, 0.08);--tw-shadow-colored:0 2px 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .ns-mf :is(.group:hover .group-hover\:text-black){--tw-text-opacity:1;color:rgb(22 25 39 / var(--tw-text-opacity))} .ns-mf :is(.group:hover .group-hover\:text-neutral){--tw-text-opacity:1;color:rgb(134 140 152 / var(--tw-text-opacity))} .ns-mf :is(.group:hover .group-hover\:text-neutral-dark){--tw-text-opacity:1;color:rgb(80 88 98 / var(--tw-text-opacity))} .ns-mf :is(.group.is-open .group-\[\.is-open\]\:visible){visibility:visible} .ns-mf :is(.group.is-open .group-\[\.is-open\]\:mt-2){margin-top:0.5rem} .ns-mf :is(.group.is-open .group-\[\.is-open\]\:max-h-screen){max-height:100vh} .ns-mf :is(.group.is-open .group-\[\.is-open\]\:-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))} .ns-mf :is(.group.is-open .group-\[\.is-open\]\:opacity-100){opacity:1} .ns-mf :is(.group.is-open .group-\[\.is-open\]\:duration-500){transition-duration:500ms} @media (min-width: 640px){ .ns-mf :is(.sm\:mb-0){margin-bottom:0px} .ns-mf :is(.sm\:ml-20){margin-left:5rem} .ns-mf :is(.sm\:mt-4){margin-top:1rem} .ns-mf :is(.sm\:mt-8){margin-top:2rem} .ns-mf :is(.sm\:block){display:block} .ns-mf :is(.sm\:hidden){display:none} .ns-mf :is(.sm\:w-1\/2){width:50%} .ns-mf :is(.sm\:w-1\/3){width:33.333333%} .ns-mf :is(.sm\:grid-cols-2){grid-template-columns:repeat(2, minmax(0, 1fr))} .ns-mf :is(.sm\:grid-cols-3){grid-template-columns:repeat(3, minmax(0, 1fr))} .ns-mf :is(.sm\:flex-row){flex-direction:row} .ns-mf :is(.sm\:items-center){align-items:center} .ns-mf :is(.sm\:px-0){padding-left:0px;padding-right:0px} .ns-mf :is(.sm\:py-28){padding-top:7rem;padding-bottom:7rem} .ns-mf :is(.sm\:py-44){padding-top:11rem;padding-bottom:11rem} .ns-mf :is(.sm\:py-8){padding-top:2rem;padding-bottom:2rem}} @media (min-width: 768px){ .ns-mf :is(.md\:absolute){position:absolute} .ns-mf :is(.md\:my-8){margin-top:2rem;margin-bottom:2rem} .ns-mf :is(.md\:mb-10){margin-bottom:2.5rem} .ns-mf :is(.md\:mt-8){margin-top:2rem} .ns-mf :is(.md\:block){display:block} .ns-mf :is(.md\:inline-flex){display:inline-flex} .ns-mf :is(.md\:hidden){display:none} .ns-mf :is(.md\:h-0){height:0px} .ns-mf :is(.md\:h-8){height:2rem} .ns-mf :is(.md\:h-full){height:100%} .ns-mf :is(.md\:w-1\/2){width:50%} .ns-mf :is(.md\:w-1\/3){width:33.333333%} .ns-mf :is(.md\:w-3\/6){width:50%} .ns-mf :is(.md\:w-5\/6){width:83.333333%} .ns-mf :is(.md\:min-w-dropdown){min-width:200px} .ns-mf :is(.md\:grid-cols-1){grid-template-columns:repeat(1, minmax(0, 1fr))} .ns-mf :is(.md\:grid-cols-2){grid-template-columns:repeat(2, minmax(0, 1fr))} .ns-mf :is(.md\:grid-cols-3){grid-template-columns:repeat(3, minmax(0, 1fr))} .ns-mf :is(.md\:grid-cols-4){grid-template-columns:repeat(4, minmax(0, 1fr))} .ns-mf :is(.md\:flex-row){flex-direction:row} .ns-mf :is(.md\:px-0){padding-left:0px;padding-right:0px} .ns-mf :is(.md\:py-20){padding-top:5rem;padding-bottom:5rem} .ns-mf :is(.md\:py-28){padding-top:7rem;padding-bottom:7rem} .ns-mf :is(.md\:py-4){padding-top:1rem;padding-bottom:1rem} .ns-mf :is(.md\:text-heading-1){font-size:50px;line-height:115%} .ns-mf :is(.md\:text-heading-2){font-size:36px;line-height:135%} .ns-mf :is(.md\:text-heading-3){font-size:30px;line-height:135%} .ns-mf :is(.md\:text-heading-5){font-size:18px;line-height:135%} .ns-mf :is(.md\:text-small){font-size:14px;line-height:162%}} @media (min-width: 1024px){ .ns-mf :is(.lg\:mb-0){margin-bottom:0px} .ns-mf :is(.lg\:mr-3){margin-right:0.75rem} .ns-mf :is(.lg\:mr-3\.5){margin-right:0.875rem} .ns-mf :is(.lg\:mr-8){margin-right:2rem} .ns-mf :is(.lg\:mt-12){margin-top:3rem} .ns-mf :is(.lg\:block){display:block} .ns-mf :is(.lg\:inline-block){display:inline-block} .ns-mf :is(.lg\:flex){display:flex} .ns-mf :is(.lg\:hidden){display:none} .ns-mf :is(.lg\:h-8){height:2rem} .ns-mf :is(.lg\:w-1\/2){width:50%} .ns-mf :is(.lg\:w-1\/4){width:25%} .ns-mf :is(.lg\:grid-cols-2){grid-template-columns:repeat(2, minmax(0, 1fr))} .ns-mf :is(.lg\:grid-cols-4){grid-template-columns:repeat(4, minmax(0, 1fr))} .ns-mf :is(.lg\:flex-row){flex-direction:row} .ns-mf :is(.lg\:gap-7){gap:1.75rem} .ns-mf :is(.lg\:border-t){border-top-width:1px} .ns-mf :is(.lg\:py-44){padding-top:11rem;padding-bottom:11rem} .ns-mf :is(.lg\:py-\[29px\]){padding-top:29px;padding-bottom:29px} .ns-mf :is(.lg\:pb-0){padding-bottom:0px} .ns-mf :is(.lg\:text-\[15px\]){font-size:15px} .ns-mf :is(.lg\:text-heading-4){font-size:23px;line-height:135%}} @media (min-width: 1280px){ .ns-mf :is(.xl\:w-auto){width:auto} .ns-mf :is(.xl\:grid-cols-1){grid-template-columns:repeat(1, minmax(0, 1fr))} .ns-mf :is(.xl\:grid-cols-3){grid-template-columns:repeat(3, minmax(0, 1fr))} .ns-mf :is(.xl\:grid-cols-4){grid-template-columns:repeat(4, minmax(0, 1fr))} .ns-mf :is(.xl\:gap-12){gap:3rem}} @media (min-width: 1536px){ .ns-mf :is(.\32xl\:grid-cols-1){grid-template-columns:repeat(1, minmax(0, 1fr))} .ns-mf :is(.\32xl\:grid-cols-4){grid-template-columns:repeat(4, minmax(0, 1fr))} .ns-mf :is(.\32xl\:grid-cols-5){grid-template-columns:repeat(5, minmax(0, 1fr))} .ns-mf :is(.\32xl\:grid-cols-6){grid-template-columns:repeat(6, minmax(0, 1fr))}}