/*** The new CSS reset - version 1.7.3 (last updated 7.8.2022) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ @font-face { font-family: 'CircularXX'; src: url('https://cdn.helloklarity.net/ui/font/CircularXXWeb-Light.woff2') format('woff2'); font-display: swap; font-weight: 100 300; font-style: normal; } @font-face { font-family: 'CircularXX'; src: url('https://cdn.helloklarity.net/ui/font/CircularXXWeb-Regular.woff2') format('woff2'); font-display: swap; font-weight: 400; font-style: normal; } @font-face { font-family: 'CircularXX'; src: url('https://cdn.helloklarity.net/ui/font/CircularXXWeb-Book.woff2') format('woff2'); font-display: swap; font-weight: 450; font-style: normal; } @font-face { font-family: 'CircularXX'; src: url('https://cdn.helloklarity.net/ui/font/CircularXXWeb-Medium.woff2') format('woff2'); font-display: swap; font-weight: 500 600; font-style: normal; } @font-face { font-family: 'CircularXX'; src: url('https://cdn.helloklarity.net/ui/font/CircularXXWeb-Bold.woff2') format('woff2'); font-display: swap; font-weight: 700 900; font-style: normal; } @font-face { font-family: 'CircularXX'; src: url('https://cdn.helloklarity.net/ui/font/CircularXXWeb-Italic.woff2') format('woff2'); font-display: swap; font-weight: 400; font-style: italic; } body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; } html { margin: 0; padding: 0; border: 0; font-size: 100%; color: #15191E; vertical-align: baseline; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; font-family: 'CircularXX', -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; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; width: auto !important; /* width: 100vw; */ } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-width: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; -moz-appearance: revert; appearance: revert; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable="false"])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable="true"]) { -webkit-user-drag: element; } @tailwind base; @tailwind components; @tailwind utilities; /* reset tailwind ui */ [type='reset'], [type='submit'], .ant-btn-primary { -webkit-appearance: button; background-color: var(--primary-color); background-image: none; } .ant-switch { background: rgba(0, 0, 0, 0.25); } .ant-btn .anticon { vertical-align: middle; } .ant-message { z-index: 100001 !important; } /* Remove control when type=number https://www.w3schools.com/howto/howto_css_hide_arrow_number.asp */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } tr.ant-table-row-selected>td { background: rgba(0, 0, 0, 0.05) !important; } .ant-input, .ant-btn, .ant-select-selector { box-shadow: none !important; } .ant-input:focus, .ant-input:hover { border-color: var(--primary-color); } .ant-btn { outline: none !important } .ant-input-affix-wrapper-focused { box-shadow: none !important; } tr.ant-table-row-selected>td.ant-table-cell-fix-left, tr.ant-table-row-selected>td.ant-table-cell-fix-right { background: #f2f1f3 !important; } a { color: var(--primary-color); } a:hover { text-decoration: underline; } :root { font-size: 16px; --Primary-text: #15191E; --Subtext: #485149; --primary-color: #0E62F4; --main-color: #0E62F4; --Primary-blue: #0E62F4; --main-bg-color: #F8FAFC; --max-width: 1440px; --max-width-percent: 86%; --min-width: 750px; --mobile-breakpoint: 992px; --content-width: 1200px; --mobile-img-max-width: 460px; --Primary-Text: #15191E; --Light-grey: #E5E7EB; --gray-400: #9CA3AF; --gray-500: #6B7280; --Gray: #6B7280; --White-gray: #6B7280; --Black-text: #15191E; --gray-900: #111827; --Subtext: #485149; --white: #FFFFFF; --Outline: #D1D5DB; --Main-blue: #0E62F4; --main-blue: #0E62F4; --px4: 0.25rem; --px8: 0.5rem; --px12: 0.75rem; --px14: 0.875rem; --px16: 1rem; --px18: 1.125rem; --px19: 1.1875rem; --px20: 1.25rem; /*20px*/ --px22: 1.375rem; /*22px*/ --px24: 1.5rem; /*24px*/ --px26: 1.625rem; /*26px*/ --px28: 1.725rem; /*28px*/ --px30: 1.825rem; /*30px*/ --px32: 2rem; --px34: 2.125rem; /*32px*/ --px36: 2.25rem; /*36px*/ --px38: 2.5rem; /*38px*/ --px48: 3rem; /*48px*/ --px50: 3.3rem; --px54: 3.375rem; --px70: 3.9rem; } html, body { /* background-color: var(--main-bg-color); */ --fc-frame-bottom: 15px; } .ant-tabs-tab:focus { outline: none !important; } .commonTable { border-radius: 8px; border: 1px solid var(--gray-200, #E5E7EB); overflow: hidden; } .commonTable .ant-table-thead { background: #F9FAFB; } .commonTable .ant-table-thead>tr>th { color: var(--gray-500, #6B7280); font-size: 12px; font-style: normal; padding: 12px; font-weight: 500; line-height: 16px; letter-spacing: 0.6px; text-transform: uppercase; } .commonTable .ant-table-tbody>tr>td { padding: 16px; border-bottom: 1px solid #f0f0f0; } .commonTable .ant-table-tbody>tr:hover { background: #fafafa; } /* stupid widget!! */ .CarouselWidget-prefix { position: absolute; top: -9999px; } #reviewsio-carousel-widget .CarouselWidget-prefix { position: static; top: auto; } #reviewsio-carousel-widget-simple .CarouselWidget-prefix { position: static; top: auto; } .CarouselWidget-prefix .CarouselWidget .R-ReviewsList-container .R-ReviewsList__controlButton { color: #000 !important; } @media only screen and (max-width: 1440px) { :root { font-size: 16px; } } @media only screen and (max-width: 1120px) { :root { --px50: 2.6rem; --px54: 2.8rem; --px70: 3rem; } } @media only screen and (max-width: 700px) { :root { font-size: 16px; --max-width: auto; --max-width-percent: 96%; } } .disabled-responsive-fontsize { --px4: 4px; --px8: 8px; --px12: 12px; --px14: 14px; --px16: 16px; --px18: 18px; --px19: 19px; --px20: 20px; --px22: 22px; --px24: 24px; --px26: 26px; --px28: 28px; --px30: 30px; --px32: 32px; --px34: 34px; --px36: 36px; --px38: 38px; --px48: 48px; --px50: 50px; --px54: 54px; --px70: 70px; } .fadeInOnScroll { opacity: 0; transform: translate3d(0, 50px, 0); transition: all 0.6s ease; } .fadeInOnScroll.fadeIn { opacity: 1; transform: translate3d(0, 0, 0); } #fc_frame { bottom: var(--fc-frame-bottom) !important; } .hide-overflow { overflow: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #F8FAFC; } .hide-scrollbar { -ms-overflow-style: none; /* 适用于Internet Explorer 10+ */ scrollbar-width: none; /* 适用于Firefox */ } /* ::-webkit-scrollbar { height: 6px; background-color: #eee; } ::-webkit-scrollbar-thumb { background-color: #999; border-radius: 6px; border: 0px solid #ddd; } */ .hide-scrollbar::-webkit-scrollbar { display: none; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; -webkit-text-fill-color: #000 !important; } .grecaptcha-badge { opacity: 0; } @media only screen and (max-width: 992px) { html { width: 100vw; overflow-x: clip; } body { overflow-x: clip !important; width: 100vw !important; } }