Created
June 21, 2023 14:26
-
-
Save ferdiunal/6ff8c3edad06fa1598a727f61c972eab to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @charset "UTF-8"; | |
| @tailwind base; | |
| @tailwind components; | |
| @tailwind utilities; | |
| @layer base { | |
| :root { | |
| --header-height: 72px; | |
| } | |
| html { | |
| display: flex; | |
| min-height: 100%; | |
| } | |
| body { | |
| display: flex; | |
| flex-direction: column; | |
| flex-grow: 1; | |
| width: 100%; | |
| font-size: 16px; | |
| letter-spacing: 0.01em !important; | |
| line-height: 1.5em; | |
| } | |
| /* purgecss start ignore */ | |
| #__next { | |
| height: 100%; | |
| } | |
| #__next > div { | |
| height: 100%; | |
| display: flex; | |
| flex-direction: column; | |
| flex-grow: 1; | |
| } | |
| /* purgecss end ignore */ | |
| .aspect-1 { | |
| padding-top: 100%; | |
| } | |
| .body-dragging { | |
| @apply select-none; | |
| -webkit-user-select: none; | |
| cursor: grabbing; | |
| } | |
| .truncate-2, | |
| .truncate-3 { | |
| white-space: nowrap; | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| } | |
| @supports (-webkit-box-orient: vertical) { | |
| .truncate-2 { | |
| display: -webkit-box; | |
| white-space: initial; | |
| -webkit-line-clamp: 2; | |
| -webkit-box-orient: vertical; | |
| } | |
| .truncate-3 { | |
| display: -webkit-box; | |
| white-space: initial; | |
| -webkit-line-clamp: 3; | |
| -webkit-box-orient: vertical; | |
| } | |
| } | |
| } | |
| #WEB3_CONNECT_MODAL_ID { | |
| z-index: 100; | |
| } | |
| .Frill_Trigger_Tab { | |
| top: calc(100% - 100px) !important; | |
| } | |
| /* purgecss start ignore */ | |
| .tippy-box[data-animation=fade][data-state=hidden]{ | |
| opacity:0 | |
| } | |
| [data-tippy-root]{ | |
| max-width:calc(100vw - 10px) | |
| } | |
| .tippy-box{ | |
| position:relative; | |
| background-color:#333; | |
| color:#fff; | |
| border-radius:4px; | |
| font-size:14px; | |
| line-height:1.4; | |
| outline:0; | |
| transition-property:transform,visibility,opacity | |
| } | |
| .tippy-box[data-placement^=top]>.tippy-arrow{ | |
| bottom:0 | |
| } | |
| .tippy-box[data-placement^=top]>.tippy-arrow:before{ | |
| bottom:-7px; | |
| left:0; | |
| border-width:8px 8px 0; | |
| border-top-color:initial; | |
| transform-origin:center top | |
| } | |
| .tippy-box[data-placement^=bottom]>.tippy-arrow{ | |
| top:0 | |
| } | |
| .tippy-box[data-placement^=bottom]>.tippy-arrow:before{ | |
| top:-7px; | |
| left:0; | |
| border-width:0 8px 8px; | |
| border-bottom-color:initial; | |
| transform-origin:center bottom | |
| } | |
| .tippy-box[data-placement^=left]>.tippy-arrow{ | |
| right:0 | |
| } | |
| .tippy-box[data-placement^=left]>.tippy-arrow:before{ | |
| border-width:8px 0 8px 8px; | |
| border-left-color:initial; | |
| right:-7px; | |
| transform-origin:center left | |
| } | |
| .tippy-box[data-placement^=right]>.tippy-arrow{ | |
| left:0 | |
| } | |
| .tippy-box[data-placement^=right]>.tippy-arrow:before{ | |
| left:-7px; | |
| border-width:8px 8px 8px 0; | |
| border-right-color:initial; | |
| transform-origin:center right | |
| } | |
| .tippy-box[data-inertia][data-state=visible]{ | |
| transition-timing-function:cubic-bezier(.54,1.5,.38,1.11) | |
| } | |
| .tippy-arrow{ | |
| width:16px; | |
| height:16px; | |
| color:#333 | |
| } | |
| .tippy-arrow:before{ | |
| content:""; | |
| position:absolute; | |
| border-color:transparent; | |
| border-style:solid | |
| } | |
| .tippy-content{ | |
| position:relative; | |
| padding:5px 9px; | |
| z-index:1 | |
| } | |
| /* purgecss end ignore */ | |
| /* purgecss start ignore */ | |
| .tippy-box[data-animation=shift-away][data-state=hidden]{ | |
| opacity:0 | |
| } | |
| .tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top]{ | |
| transform:translateY(10px) | |
| } | |
| .tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom]{ | |
| transform:translateY(-10px) | |
| } | |
| .tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left]{ | |
| transform:translateX(10px) | |
| } | |
| .tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right]{ | |
| transform:translateX(-10px) | |
| } | |
| /* purgecss end ignore */ | |
| /* purgecss start ignore */ | |
| .szh-menu-container { | |
| position: relative; | |
| width: 0px; | |
| height: 0px; | |
| } | |
| .szh-menu { | |
| margin: 0; | |
| padding: 0; | |
| list-style: none; | |
| box-sizing: border-box; | |
| width: -webkit-max-content; | |
| width: -moz-max-content; | |
| width: max-content; | |
| position: absolute; | |
| z-index: 100; | |
| border: 1px solid rgba(0, 0, 0, 0.1); | |
| background-color: #fff; | |
| } | |
| .szh-menu:focus { | |
| outline: none; | |
| } | |
| .szh-menu--state-closed { | |
| display: none; | |
| } | |
| .szh-menu__arrow { | |
| box-sizing: border-box; | |
| width: 0.75rem; | |
| height: 0.75rem; | |
| background-color: #fff; | |
| border: 1px solid transparent; | |
| border-left-color: rgba(0, 0, 0, 0.1); | |
| border-top-color: rgba(0, 0, 0, 0.1); | |
| position: absolute; | |
| z-index: -1; | |
| } | |
| .szh-menu__arrow--dir-left { | |
| right: -0.375rem; | |
| transform: translateY(-50%) rotate(135deg); | |
| } | |
| .szh-menu__arrow--dir-right { | |
| left: -0.375rem; | |
| transform: translateY(-50%) rotate(-45deg); | |
| } | |
| .szh-menu__arrow--dir-top { | |
| bottom: -0.375rem; | |
| transform: translateX(-50%) rotate(-135deg); | |
| } | |
| .szh-menu__arrow--dir-bottom { | |
| top: -0.375rem; | |
| transform: translateX(-50%) rotate(45deg); | |
| } | |
| .szh-menu__item { | |
| cursor: pointer; | |
| } | |
| .szh-menu__item:focus { | |
| outline: none; | |
| } | |
| .szh-menu__item--hover { | |
| background-color: #ebebeb; | |
| } | |
| .szh-menu__item--focusable { | |
| cursor: default; | |
| background-color: inherit; | |
| } | |
| .szh-menu__item--disabled { | |
| cursor: default; | |
| color: #aaa; | |
| } | |
| .szh-menu__submenu { | |
| position: relative; | |
| } | |
| .szh-menu__group { | |
| box-sizing: border-box; | |
| } | |
| .szh-menu__radio-group { | |
| margin: 0; | |
| padding: 0; | |
| list-style: none; | |
| } | |
| .szh-menu__divider { | |
| height: 1px; | |
| margin: 0.5rem 0; | |
| background-color: rgba(0, 0, 0, 0.12); | |
| } | |
| .szh-menu-button { | |
| box-sizing: border-box; | |
| } | |
| .szh-menu { | |
| -webkit-user-select: none; | |
| -moz-user-select: none; | |
| -ms-user-select: none; | |
| user-select: none; | |
| color: #212529; | |
| border: none; | |
| border-radius: 0.25rem; | |
| box-shadow: 0 3px 7px rgba(0, 0, 0, 0.133), 0 0.6px 2px rgba(0, 0, 0, 0.1); | |
| min-width: 10rem; | |
| padding: 0.5rem 0; | |
| } | |
| .szh-menu__item { | |
| display: flex; | |
| align-items: center; | |
| position: relative; | |
| padding: 0.375rem 1.5rem; | |
| } | |
| .szh-menu-container--itemTransition .szh-menu__item { | |
| transition-property: background-color, color; | |
| transition-duration: 0.15s; | |
| transition-timing-function: ease-in-out; | |
| } | |
| .szh-menu__item--active { | |
| color: #fff; | |
| background-color: #007bff; | |
| } | |
| .szh-menu__item--type-radio { | |
| padding-left: 2.2rem; | |
| } | |
| .szh-menu__item--type-radio::before { | |
| content: "○"; | |
| position: absolute; | |
| left: 0.8rem; | |
| top: 0.55rem; | |
| font-size: 0.8rem; | |
| } | |
| .szh-menu__item--type-radio.szh-menu__item--checked::before { | |
| content: "●"; | |
| } | |
| .szh-menu__item--type-checkbox { | |
| padding-left: 2.2rem; | |
| } | |
| .szh-menu__item--type-checkbox::before { | |
| position: absolute; | |
| left: 0.8rem; | |
| } | |
| .szh-menu__item--type-checkbox.szh-menu__item--checked::before { | |
| content: "✔"; | |
| } | |
| .szh-menu__submenu > .szh-menu__item { | |
| padding-right: 2.5rem; | |
| } | |
| .szh-menu__submenu > .szh-menu__item::after { | |
| content: "❯"; | |
| position: absolute; | |
| right: 1rem; | |
| } | |
| .szh-menu__header { | |
| color: #888; | |
| font-size: 0.8rem; | |
| padding: 0.2rem 1.5rem; | |
| text-transform: uppercase; | |
| } | |
| /* purgecss end ignore */ | |
| *, | |
| *::before, | |
| *::after { | |
| margin: 0; | |
| padding: 0; | |
| box-sizing: border-box; | |
| } | |
| img { | |
| max-width: 100%; | |
| height: auto; | |
| display: block; | |
| } | |
| a { | |
| text-decoration: none; | |
| } | |
| a:focus, | |
| button:focus, | |
| [role='button']:focus { | |
| outline: 0; | |
| } | |
| /* Reset some default form styles */ | |
| input::-moz-placeholder, textarea::-moz-placeholder { | |
| color: var(--color-ink-400); | |
| opacity: 1; | |
| } | |
| input:-ms-input-placeholder, textarea:-ms-input-placeholder { | |
| color: var(--color-ink-400); | |
| opacity: 1; | |
| } | |
| input::placeholder, textarea::placeholder { | |
| color: var(--color-ink-400); | |
| opacity: 1; | |
| } | |
| /* clears the 'X' from Internet Explorer */ | |
| input[type='search']::-ms-clear, | |
| input[type='search']::-ms-reveal { | |
| display: none; | |
| width: 0; | |
| height: 0; | |
| } | |
| /* clears the 'X' from Chrome */ | |
| input[type='search']::-webkit-search-decoration, | |
| input[type='search']::-webkit-search-cancel-button, | |
| input[type='search']::-webkit-search-results-button, | |
| input[type='search']::-webkit-search-results-decoration { | |
| display: none; | |
| } | |
| /* Chrome, Safari, Edge, Opera */ | |
| input[type='number']::-webkit-outer-spin-button, | |
| input[type='number']::-webkit-inner-spin-button { | |
| -webkit-appearance: none; | |
| margin: 0; | |
| } | |
| /* purgecss end ignore */ | |
| /* purgecss start ignore */ | |
| :root { | |
| --color-ink-1000: rgba(0, 0, 0, 1); | |
| --color-ink-950: rgba(17, 18, 22, 1); | |
| --color-ink-900: rgba(40, 50, 55, 1); | |
| --color-ink-800: rgba(58, 71, 78, 1); | |
| --color-ink-700: rgba(73, 89, 99, 1); | |
| --color-ink-600: rgba(89, 109, 121, 1); | |
| --color-ink-500: rgba(102, 124, 137, 1); | |
| --color-ink-400: rgba(125, 143, 155, 1); | |
| --color-ink-300: rgba(148, 163, 173, 1); | |
| --color-ink-200: rgba(179, 190, 196, 1); | |
| --color-ink-100: rgba(223, 223, 223, 1); | |
| --color-ink-050: rgba(241, 243, 245, 1); | |
| --color-ink-000: rgba(255, 255, 255, 1); | |
| --color-primary-active-main: rgba(103, 86, 226, 1); | |
| --color-primary-active-main-50: rgba(103, 86, 226, 0.5); | |
| --color-primary-active-main-15: rgba(103, 86, 226, 0.15); | |
| --color-primary-active-main-light-15: rgba(179, 170, 241, 0.15); | |
| --color-primary-active-dark: rgba(77, 23, 255, 1, 1); | |
| --color-primary-active-light: rgba(0, 134, 255, 1); | |
| --color-primary-success-main: rgba(35, 233, 180, 1); | |
| --color-primary-success-dark: rgba(0, 186, 74, 1); | |
| --color-primary-success-light: rgba(184, 245, 223, 1); | |
| --color-primary-gold-main: rgba(255, 172, 75, 1); | |
| --color-primary-gold-dark: rgba(249, 146, 58, 1); | |
| --color-primary-gold-light: rgba(255, 206, 143, 1); | |
| --color-primary-danger-main: rgba(255, 90, 90, 1); | |
| --color-primary-danger-dark: rgba(247, 64, 63, 1); | |
| --color-primary-danger-light: rgba(248, 159, 161, 1); | |
| --color-brand-teal-main: rgba(145, 215, 224, 1); | |
| --color-brand-teal-dark: rgba(84, 188, 204, 1); | |
| --color-brand-teal-light: rgba(227, 245, 248, 1); | |
| --color-brand-pink-main: rgba(240, 89, 132, 1); | |
| --color-brand-pink-dark: rgba(232, 30, 90, 1); | |
| --color-brand-pink-light: rgba(247, 181, 200, 1); | |
| --color-brand-purple-light: rgba(248, 234, 254, 1); | |
| --color-brand-purple-main: rgba(227, 168, 255, 1); | |
| --color-brand-purple-dark: rgba(203, 106, 246, 1); | |
| --color-brand-yellow-main: rgba(255, 226, 123, 1); | |
| --color-brand-yellow-dark: rgba(255, 206, 15, 1); | |
| --color-brand-yellow-light: rgba(255, 249, 224, 1); | |
| --color-brand-blue-main: rgba(77, 23, 255, 1); | |
| --color-extras-overlay: rgba(0, 0, 0, 0.4); | |
| --color-extras-scrollbar: rgba(0, 0, 0, 0.15); | |
| --color-extras-scrollbar-hover: rgba(0, 0, 0, 0.4); | |
| } | |
| :root .light { | |
| --color-ink-1000: rgba(0, 0, 0, 1); | |
| --color-ink-950: rgba(25, 28, 30, 1); | |
| --color-ink-900: rgba(40, 50, 55, 1); | |
| --color-ink-800: rgba(58, 71, 78, 1); | |
| --color-ink-700: rgba(73, 89, 99, 1); | |
| --color-ink-600: rgba(89, 109, 121, 1); | |
| --color-ink-500: rgba(102, 124, 137, 1); | |
| --color-ink-400: rgba(125, 143, 155, 1); | |
| --color-ink-300: rgba(148, 163, 173, 1); | |
| --color-ink-200: rgba(179, 190, 196, 1); | |
| --color-ink-100: rgba(209, 216, 219, 1); | |
| --color-ink-050: rgba(241, 243, 245, 1); | |
| --color-ink-000: rgba(255, 255, 255, 1); | |
| } | |
| :root .dark { | |
| --color-ink-1000: rgba(255, 255, 255, 1); | |
| --color-ink-950: rgba(247, 248, 250, 1); | |
| --color-ink-900: rgba(223, 223, 223, 1); | |
| --color-ink-800: rgba(209, 216, 219, 1); | |
| --color-ink-700: rgba(168, 181, 189, 1); | |
| --color-ink-600: rgba(125, 143, 155, 1); | |
| --color-ink-500: rgba(102, 124, 137, 1); | |
| --color-ink-400: rgba(89, 109, 121, 1); | |
| --color-ink-300: rgba(73, 89, 99, 1); | |
| --color-ink-200: rgba(58, 71, 78, 1); | |
| --color-ink-100: rgba(38, 50, 56, 1); | |
| --color-ink-050: rgba(25, 28, 30, 1); | |
| --color-ink-000: rgba(0, 0, 0, 1); | |
| --color-extras-scrollbar: rgba(255, 255, 255, 0.15); | |
| --color-extras-scrollbar-hover: rgba(2, 1, 1, 0.4); | |
| } | |
| /* purgecss end ignore */ | |
| .input-reset { | |
| appearance: none; | |
| -moz-appearance: none; | |
| -webkit-appearance: none; | |
| border-width: 0; | |
| outline: 0; | |
| background: none; | |
| box-shadow: none; | |
| } | |
| .button-reset { | |
| appearance: none; | |
| -moz-appearance: none; | |
| -webkit-appearance: none; | |
| border-width: 0; | |
| outline: 0; | |
| background: none; | |
| box-shadow: none; | |
| cursor: pointer; | |
| padding: 0; | |
| } | |
| .button-reset:focus { | |
| outline: 2px solid transparent; | |
| outline-offset: 2px; | |
| } | |
| .scrollbars::-webkit-scrollbar { | |
| width: 10px !important; | |
| height: 10px !important; | |
| } | |
| .scrollbars::-webkit-scrollbar-track { | |
| background: transparent; | |
| } | |
| .scrollbars::-webkit-scrollbar-thumb { | |
| background: var(--color-extras-scrollbar); | |
| border-radius: 6px; | |
| box-shadow: inset 0px 0 0px 2px var(--color-ink-000); | |
| } | |
| .scrollbars::-webkit-scrollbar-thumb:hover { | |
| background: var(--color-extras-scrollbar-hover); | |
| } | |
| .scrollbars-none { | |
| -ms-overflow-style: -ms-autohiding-scrollbar; | |
| -ms-overflow-style: none; | |
| } | |
| /*! tailwindcss v2.2.19 | MIT License | https://tailwindcss.com */ | |
| /*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */ | |
| /* | |
| Document | |
| ======== | |
| */ | |
| /** | |
| Use a better box model (opinionated). | |
| */ | |
| *, | |
| ::before, | |
| ::after { | |
| box-sizing: border-box; | |
| } | |
| /** | |
| Use a more readable tab size (opinionated). | |
| */ | |
| html { | |
| -moz-tab-size: 4; | |
| -o-tab-size: 4; | |
| tab-size: 4; | |
| } | |
| /** | |
| 1. Correct the line height in all browsers. | |
| 2. Prevent adjustments of font size after orientation changes in iOS. | |
| */ | |
| html { | |
| line-height: 1.15; /* 1 */ | |
| -webkit-text-size-adjust: 100%; /* 2 */ | |
| } | |
| /* | |
| Sections | |
| ======== | |
| */ | |
| /** | |
| Remove the margin in all browsers. | |
| */ | |
| body { | |
| margin: 0; | |
| } | |
| /** | |
| Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) | |
| */ | |
| body { | |
| font-family: | |
| system-ui, | |
| -apple-system, /* Firefox supports this but not yet `system-ui` */ | |
| 'Segoe UI', | |
| Roboto, | |
| Helvetica, | |
| Arial, | |
| sans-serif, | |
| 'Apple Color Emoji', | |
| 'Segoe UI Emoji'; | |
| } | |
| /* | |
| Grouping content | |
| ================ | |
| */ | |
| /** | |
| 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) | |
| */ | |
| hr { | |
| height: 0; /* 1 */ | |
| color: inherit; /* 2 */ | |
| } | |
| /* | |
| Text-level semantics | |
| ==================== | |
| */ | |
| /** | |
| Add the correct text decoration in Chrome, Edge, and Safari. | |
| */ | |
| abbr[title] { | |
| -webkit-text-decoration: underline dotted; | |
| text-decoration: underline dotted; | |
| } | |
| /** | |
| Add the correct font weight in Edge and Safari. | |
| */ | |
| b, | |
| strong { | |
| font-weight: bolder; | |
| } | |
| /** | |
| 1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) | |
| 2. Correct the odd 'em' font sizing in all browsers. | |
| */ | |
| code, | |
| kbd, | |
| samp, | |
| pre { | |
| font-family: | |
| ui-monospace, | |
| SFMono-Regular, | |
| Consolas, | |
| 'Liberation Mono', | |
| Menlo, | |
| monospace; /* 1 */ | |
| font-size: 1em; /* 2 */ | |
| } | |
| /** | |
| Add the correct font size in all browsers. | |
| */ | |
| small { | |
| font-size: 80%; | |
| } | |
| /** | |
| Prevent 'sub' and 'sup' elements from affecting the line height in all browsers. | |
| */ | |
| sub, | |
| sup { | |
| font-size: 75%; | |
| line-height: 0; | |
| position: relative; | |
| vertical-align: baseline; | |
| } | |
| sub { | |
| bottom: -0.25em; | |
| } | |
| sup { | |
| top: -0.5em; | |
| } | |
| /* | |
| Tabular data | |
| ============ | |
| */ | |
| /** | |
| 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) | |
| */ | |
| table { | |
| text-indent: 0; /* 1 */ | |
| border-color: inherit; /* 2 */ | |
| } | |
| /* | |
| Forms | |
| ===== | |
| */ | |
| /** | |
| 1. Change the font styles in all browsers. | |
| 2. Remove the margin in Firefox and Safari. | |
| */ | |
| button, | |
| input, | |
| optgroup, | |
| select, | |
| textarea { | |
| font-family: inherit; /* 1 */ | |
| font-size: 100%; /* 1 */ | |
| line-height: 1.15; /* 1 */ | |
| margin: 0; /* 2 */ | |
| } | |
| /** | |
| Remove the inheritance of text transform in Edge and Firefox. | |
| 1. Remove the inheritance of text transform in Firefox. | |
| */ | |
| button, | |
| select { /* 1 */ | |
| text-transform: none; | |
| -moz-appearance:none; /* Firefox */ | |
| -webkit-appearance:none; /* Safari and Chrome */ | |
| appearance:none; | |
| } | |
| /** | |
| Correct the inability to style clickable types in iOS and Safari. | |
| */ | |
| button, | |
| [type='button'], | |
| [type='reset'], | |
| [type='submit'] { | |
| -webkit-appearance: button; | |
| } | |
| /** | |
| Remove the inner border and padding in Firefox. | |
| */ | |
| /** | |
| Restore the focus styles unset by the previous rule. | |
| */ | |
| /** | |
| Remove the additional ':invalid' styles in Firefox. | |
| See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737 | |
| */ | |
| /** | |
| Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers. | |
| */ | |
| legend { | |
| padding: 0; | |
| } | |
| /** | |
| Add the correct vertical alignment in Chrome and Firefox. | |
| */ | |
| progress { | |
| vertical-align: baseline; | |
| } | |
| /** | |
| Correct the cursor style of increment and decrement buttons in Safari. | |
| */ | |
| /** | |
| 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. | |
| */ | |
| /** | |
| 1. Correct the inability to style clickable types in iOS and Safari. | |
| 2. Change font properties to 'inherit' in Safari. | |
| */ | |
| /* | |
| Interactive | |
| =========== | |
| */ | |
| /* | |
| Add the correct display in Chrome and Safari. | |
| */ | |
| summary { | |
| display: list-item; | |
| } | |
| /** | |
| * Manually forked from SUIT CSS Base: https://github.com/suitcss/base | |
| * A thin layer on top of normalize.css that provides a starting point more | |
| * suitable for web applications. | |
| */ | |
| /** | |
| * Removes the default spacing and border for appropriate elements. | |
| */ | |
| blockquote, | |
| dl, | |
| dd, | |
| h1, | |
| h2, | |
| h3, | |
| h4, | |
| h5, | |
| h6, | |
| hr, | |
| figure, | |
| p, | |
| pre { | |
| margin: 0; | |
| } | |
| button { | |
| background-color: transparent; | |
| background-image: none; | |
| } | |
| fieldset { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| ol, | |
| ul { | |
| list-style: none; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| /** | |
| * Tailwind custom reset styles | |
| */ | |
| /** | |
| * 1. Use the user's configured `sans` font-family (with Tailwind's default | |
| * sans-serif font stack as a fallback) as a sane default. | |
| * 2. Use Tailwind's default "normal" line-height so the user isn't forced | |
| * to override it to ensure consistency even when using the default theme. | |
| */ | |
| html { | |
| font-family: 'Poppins', 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"; /* 1 */ | |
| line-height: 1.5; /* 2 */ | |
| } | |
| /** | |
| * Inherit font-family and line-height from `html` so users can set them as | |
| * a class directly on the `html` element. | |
| */ | |
| body { | |
| font-family: inherit; | |
| line-height: inherit; | |
| } | |
| /** | |
| * 1. Prevent padding and border from affecting element width. | |
| * | |
| * We used to set this in the html element and inherit from | |
| * the parent element for everything else. This caused issues | |
| * in shadow-dom-enhanced elements like <details> where the content | |
| * is wrapped by a div with box-sizing set to `content-box`. | |
| * | |
| * https://github.com/mozdevs/cssremedy/issues/4 | |
| * | |
| * | |
| * 2. Allow adding a border to an element by just adding a border-width. | |
| * | |
| * By default, the way the browser specifies that an element should have no | |
| * border is by setting it's border-style to `none` in the user-agent | |
| * stylesheet. | |
| * | |
| * In order to easily add borders to elements by just setting the `border-width` | |
| * property, we change the default border-style for all elements to `solid`, and | |
| * use border-width to hide them instead. This way our `border` utilities only | |
| * need to set the `border-width` property instead of the entire `border` | |
| * shorthand, making our border utilities much more straightforward to compose. | |
| * | |
| * https://github.com/tailwindcss/tailwindcss/pull/116 | |
| */ | |
| *, | |
| ::before, | |
| ::after { | |
| box-sizing: border-box; /* 1 */ | |
| border-width: 0; /* 2 */ | |
| border-style: solid; /* 2 */ | |
| border-color: currentColor; /* 2 */ | |
| } | |
| /* | |
| * Ensure horizontal rules are visible by default | |
| */ | |
| hr { | |
| border-top-width: 1px; | |
| } | |
| /** | |
| * Undo the `border-style: none` reset that Normalize applies to images so that | |
| * our `border-{width}` utilities have the expected effect. | |
| * | |
| * The Normalize reset is unnecessary for us since we default the border-width | |
| * to 0 on all elements. | |
| * | |
| * https://github.com/tailwindcss/tailwindcss/issues/362 | |
| */ | |
| img { | |
| border-style: solid; | |
| } | |
| textarea { | |
| resize: vertical; | |
| border: 1px solid #D0D5DD; | |
| } | |
| input::-moz-placeholder, textarea::-moz-placeholder { | |
| opacity: 1; | |
| color: #a1a1aa; | |
| } | |
| input:-ms-input-placeholder, textarea:-ms-input-placeholder { | |
| opacity: 1; | |
| color: #a1a1aa; | |
| } | |
| input::placeholder, | |
| textarea::placeholder { | |
| opacity: 1; | |
| color: #a1a1aa; | |
| } | |
| button, | |
| [role="button"] { | |
| cursor: pointer; | |
| } | |
| /** | |
| * Override legacy focus reset from Normalize with modern Firefox focus styles. | |
| * | |
| * This is actually an improvement over the new defaults in Firefox in our testing, | |
| * as it triggers the better focus styles even for links, which still use a dotted | |
| * outline in Firefox by default. | |
| */ | |
| table { | |
| border-collapse: collapse; | |
| } | |
| 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; | |
| } | |
| /** | |
| * Reset form element properties that are easy to forget to | |
| * style explicitly so you don't inadvertently introduce | |
| * styles that deviate from your design system. These styles | |
| * supplement a partial reset that is already applied by | |
| * normalize.css. | |
| */ | |
| button, | |
| input, | |
| optgroup, | |
| select, | |
| textarea { | |
| padding: 0; | |
| line-height: inherit; | |
| color: inherit; | |
| } | |
| /** | |
| * Use the configured 'mono' font family for elements that | |
| * are expected to be rendered with a monospace font, falling | |
| * back to the system monospace stack if there is no configured | |
| * 'mono' font family. | |
| */ | |
| pre, | |
| code, | |
| kbd, | |
| samp { | |
| font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; | |
| } | |
| /** | |
| * 1. Make replaced elements `display: block` by default as that's | |
| * the behavior you want almost all of the time. Inspired by | |
| * CSS Remedy, with `svg` added as well. | |
| * | |
| * https://github.com/mozdevs/cssremedy/issues/14 | |
| * | |
| * 2. Add `vertical-align: middle` to align replaced elements more | |
| * sensibly by default when overriding `display` by adding a | |
| * utility like `inline`. | |
| * | |
| * This can trigger a poorly considered linting error in some | |
| * tools but is included by design. | |
| * | |
| * https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210 | |
| */ | |
| 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; | |
| } | |
| /** | |
| * Ensure the default browser behavior of the `hidden` attribute. | |
| */ | |
| [hidden] { | |
| display: none; | |
| } | |
| *, ::before, ::after { | |
| border-color: currentColor; | |
| } | |
| :root { | |
| --header-height: 72px; | |
| } | |
| html { | |
| display: flex; | |
| min-height: 100%; | |
| } | |
| body { | |
| display: flex; | |
| flex-direction: column; | |
| flex-grow: 1; | |
| width: 100%; | |
| font-size: 16px; | |
| letter-spacing: 0.01em !important; | |
| line-height: 1.5em; | |
| } | |
| #__next { | |
| display: flex; | |
| flex-direction: column; | |
| flex-grow: 1; | |
| } | |
| .aspect-1 { | |
| padding-top: 100%; | |
| } | |
| .body-dragging { | |
| -moz-user-select: none; | |
| -ms-user-select: none; | |
| user-select: none; | |
| -webkit-user-select: none; | |
| cursor: -webkit-grabbing; | |
| cursor: grabbing; | |
| } | |
| .truncate-2, | |
| .truncate-3 { | |
| white-space: nowrap; | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| } | |
| @supports (-webkit-box-orient: vertical) { | |
| .truncate-2 { | |
| display: -webkit-box; | |
| white-space: initial; | |
| -webkit-line-clamp: 2; | |
| -webkit-box-orient: vertical; | |
| } | |
| .truncate-3 { | |
| display: -webkit-box; | |
| white-space: initial; | |
| -webkit-line-clamp: 3; | |
| -webkit-box-orient: vertical; | |
| } | |
| } | |
| .container { | |
| width: 100%; | |
| margin-right: auto; | |
| margin-left: auto; | |
| } | |
| @media (min-width: 480px) { | |
| .container { | |
| max-width: 480px; | |
| } | |
| } | |
| @media (min-width: 768px) { | |
| .container { | |
| max-width: 768px; | |
| } | |
| } | |
| @media (min-width: 976px) { | |
| .container { | |
| max-width: 976px; | |
| } | |
| } | |
| @media (min-width: 1440px) { | |
| .container { | |
| max-width: 1440px; | |
| } | |
| } | |
| @media (min-width: 2000px) { | |
| .container { | |
| max-width: 2000px; | |
| } | |
| } | |
| .btn { | |
| display: inline-flex; | |
| font-family: 'Poppins', 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"; | |
| font-weight: 500; | |
| border-radius: 0.25rem; | |
| line-height: 1.125rem; | |
| position: relative; | |
| flex-shrink: 0; | |
| align-items: center; | |
| justify-content: center; | |
| outline: none; | |
| border: 1px solid; | |
| cursor: pointer; | |
| white-space: nowrap; | |
| transition-property: background-color, border-color, box-shadow, color; | |
| transition-duration: 250ms; | |
| } | |
| .btn:focus { | |
| outline: none; | |
| } | |
| .btn[disabled] { | |
| pointer-events: none; | |
| cursor: default; | |
| } | |
| .icon-btn { | |
| display: inline-flex; | |
| border-radius: 100%; | |
| position: relative; | |
| flex-shrink: 0; | |
| align-items: center; | |
| justify-content: center; | |
| outline: none; | |
| border: 1px solid; | |
| cursor: pointer; | |
| transition-property: background-color, border-color, box-shadow, color; | |
| transition-duration: 250ms; | |
| } | |
| .icon-btn:focus { | |
| outline: none; | |
| } | |
| .icon-btn[disabled] { | |
| pointer-events: none; | |
| cursor: default; | |
| } | |
| .btn--active { | |
| border-color: var(--color-primary-active-main); | |
| } | |
| .btn--active:hover { | |
| border-color: var(--color-primary-active-main); | |
| } | |
| .btn--active { | |
| background-color: var(--color-primary-active-main); | |
| } | |
| .btn--active:hover { | |
| background-color: var(--color-primary-active-main); | |
| } | |
| .btn--active { | |
| --tw-text-opacity: 1; | |
| color: rgba(255, 255, 255, var(--tw-text-opacity)); | |
| } | |
| .btn--active:disabled { | |
| opacity: 0.7; | |
| } | |
| .btn--blue { | |
| border-color: var(--color-brand-blue-main); | |
| } | |
| .btn--blue:hover { | |
| border-color: var(--color-brand-blue-main); | |
| } | |
| .btn--blue { | |
| background-color: var(--color-brand-blue-main); | |
| } | |
| .btn--blue:hover { | |
| background-color: var(--color-brand-blue-main); | |
| } | |
| .btn--blue { | |
| --tw-text-opacity: 1; | |
| color: rgba(255, 255, 255, var(--tw-text-opacity)); | |
| } | |
| .btn--active:disabled { | |
| opacity: 0.7; | |
| } | |
| .btn--green { | |
| border-color: #1d6e42; | |
| } | |
| .btn--primary { | |
| border-color: var(--color-ink-1000); | |
| } | |
| .btn--primary:hover { | |
| border-color: var(--color-ink-900); | |
| } | |
| .btn--primary:disabled { | |
| border-color: var(--color-ink-050); | |
| } | |
| .btn--primary { | |
| background-color: var(--color-ink-1000); | |
| } | |
| .btn--primary:hover { | |
| background-color: var(--color-ink-900); | |
| } | |
| .btn--primary:disabled { | |
| background-color: var(--color-ink-300); | |
| background-color: var(--color-ink-050); | |
| } | |
| .btn--primary { | |
| color: var(--color-ink-000); | |
| } | |
| .btn--primary:disabled { | |
| color: var(--color-ink-300); | |
| } | |
| .btn--danger { | |
| border-color: var(--color-primary-danger-dark); | |
| } | |
| .btn--danger:hover { | |
| border-color: var(--color-primary-danger-dark); | |
| } | |
| .btn--danger { | |
| background-color: var(--color-primary-danger-main); | |
| } | |
| .btn--danger:hover { | |
| background-color: var(--color-primary-danger-dark); | |
| } | |
| .btn--danger { | |
| color: var(--color-ink-000); | |
| } | |
| .btn--danger:disabled { | |
| opacity: 0.7; | |
| } | |
| .btn--secondary { | |
| border-color: var(--color-ink-100); | |
| } | |
| .btn--secondary:hover { | |
| border-color: var(--color-primary-active-main); | |
| } | |
| .btn--secondary { | |
| background-color: var(--color-ink-000); | |
| } | |
| .btn--secondary:hover { | |
| background-color: var(--color-ink-000); | |
| } | |
| .btn--secondary { | |
| color: var(--color-ink-1000); | |
| } | |
| .btn--secondary:disabled { | |
| color: var(--color-ink-200); | |
| } | |
| .btn--secondary { | |
| --tw-shadow: inset 0 0 0 0 var(--color-primary-active-main); | |
| box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); | |
| } | |
| .btn--secondary:hover { | |
| --tw-shadow: inset 0 0 0 1px var(--color-primary-active-main); | |
| box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); | |
| } | |
| .btn--naked { | |
| border-color: transparent; | |
| background-color: transparent; | |
| color: currentColor; | |
| } | |
| .btn--naked:hover { | |
| text-decoration: underline; | |
| } | |
| .btn--naked:disabled { | |
| opacity: 0.7; | |
| } | |
| .btn--link { | |
| border-color: transparent; | |
| background-color: transparent; | |
| font-weight: 400; | |
| color: var(--color-primary-active-main); | |
| } | |
| .btn--link:hover { | |
| text-decoration: underline; | |
| } | |
| .btn--link:disabled { | |
| opacity: 0.7; | |
| } | |
| .btn--inherit .btn--icon-left { | |
| width: 16px; | |
| height: 16px; | |
| margin-right: 6px; | |
| margin-left: 0; | |
| } | |
| .btn--inherit .btn--icon-right { | |
| width: 16px; | |
| height: 16px; | |
| margin-left: 6px; | |
| margin-right: 0; | |
| } | |
| .icon-btn--inherit .icon-btn--icon { | |
| width: 16px; | |
| height: 16px; | |
| } | |
| .btn--sm { | |
| padding-left: 0.5rem; | |
| padding-right: 0.5rem; | |
| font-size: 0.75rem; | |
| height: 24px; | |
| } | |
| .btn--sm .btn--icon-left { | |
| width: 16px; | |
| height: 16px; | |
| margin-right: 6px; | |
| margin-left: -2px; | |
| } | |
| .btn--sm .btn--icon-right { | |
| width: 16px; | |
| height: 16px; | |
| margin-left: 6px; | |
| margin-right: -2px; | |
| } | |
| .icon-btn--sm { | |
| width: 24px; | |
| height: 24px; | |
| } | |
| .icon-btn--sm .icon-btn--icon { | |
| width: 16px; | |
| height: 16px; | |
| } | |
| .btn--md { | |
| padding-left: 0.75rem; | |
| padding-right: 0.75rem; | |
| font-size: 0.875rem; | |
| height: 32px; | |
| } | |
| .btn--md .btn--icon-left { | |
| width: 16px; | |
| height: 16px; | |
| margin-right: 8px; | |
| margin-left: -4px; | |
| } | |
| .btn--md .btn--icon-right { | |
| width: 16px; | |
| height: 16px; | |
| margin-left: 8px; | |
| margin-right: -4px; | |
| } | |
| .icon-btn--md { | |
| width: 32px; | |
| height: 32px; | |
| } | |
| .icon-btn--md .icon-btn--icon { | |
| width: 16px; | |
| height: 16px; | |
| } | |
| .btn--lg { | |
| padding-left: 1rem; | |
| padding-right: 1rem; | |
| font-size: 0.875rem; | |
| height: 40px; | |
| } | |
| .btn--lg .btn--icon-left { | |
| width: 20px; | |
| height: 20px; | |
| margin-right: 10px; | |
| margin-left: -5px; | |
| } | |
| .btn--lg .btn--icon-right { | |
| width: 20px; | |
| height: 20px; | |
| margin-left: 10px; | |
| margin-right: -5px; | |
| } | |
| .icon-btn--lg { | |
| width: 40px; | |
| height: 40px; | |
| } | |
| .icon-btn--lg .icon-btn--icon { | |
| width: 24px; | |
| height: 24px; | |
| } | |
| .btn--xl { | |
| padding-left: 1.5rem; | |
| padding-right: 1.5rem; | |
| font-size: 0.875rem; | |
| height: 48px; | |
| } | |
| .btn--xl .btn--icon-left { | |
| width: 20px; | |
| height: 20px; | |
| margin-right: 12px; | |
| margin-left: -11px; | |
| } | |
| .btn--xl .btn--icon-right { | |
| width: 20px; | |
| height: 20px; | |
| margin-left: 12px; | |
| margin-right: -11px; | |
| } | |
| .icon-btn--xl { | |
| width: 48px; | |
| height: 48px; | |
| } | |
| .icon-btn--xl .icon-btn--icon { | |
| width: 24px; | |
| height: 24px; | |
| } | |
| .hero { | |
| font-size: 4rem; | |
| font-weight: 700; | |
| line-height: 5rem; | |
| } | |
| .display-xl { | |
| font-size: 1.5rem; | |
| font-weight: 700; | |
| line-height: 1.95rem; | |
| } | |
| @media (min-width: 768px) { | |
| .display-xl { | |
| font-size: 3rem; | |
| line-height: 3.5rem; | |
| } | |
| } | |
| .display-lg { | |
| font-size: 1.12rem; | |
| font-weight: 700; | |
| line-height: 1.53rem; | |
| } | |
| @media (min-width: 768px) { | |
| .display-lg { | |
| font-size: 2rem; | |
| line-height: 2.5rem; | |
| } | |
| } | |
| .display-md { | |
| font-size: 1rem; | |
| font-weight: 500; | |
| line-height: 1.4rem; | |
| } | |
| @media (min-width: 768px) { | |
| .display-md { | |
| font-size: 1.5rem; | |
| font-weight: 700; | |
| line-height: 2rem; | |
| } | |
| } | |
| .display-sm { | |
| font-size: 0.88rem; | |
| font-weight: 500; | |
| line-height: 1.225rem; | |
| } | |
| @media (min-width: 768px) { | |
| .display-sm { | |
| font-size: 1.125rem; | |
| line-height: 1.5rem; | |
| } | |
| } | |
| .display-xl:sm { | |
| font-size: 1.5rem; | |
| font-weight: 700; | |
| line-height: 1.95rem; | |
| } | |
| .display-lg:sm { | |
| font-size: 1.12rem; | |
| font-weight: 700; | |
| line-height: 1.53rem; | |
| } | |
| .display-md:sm { | |
| font-size: 1rem; | |
| font-weight: 500; | |
| line-height: 1.4rem; | |
| } | |
| .display-sm:sm { | |
| font-size: 0.88rem; | |
| font-weight: 500; | |
| line-height: 1.225rem; | |
| } | |
| .display-xl:lg { | |
| font-size: 3rem; | |
| font-weight: 700; | |
| line-height: 3.5rem; | |
| } | |
| .display-lg:lg { | |
| font-size: 2rem; | |
| font-weight: 700; | |
| line-height: 2.5rem; | |
| } | |
| .display-md:lg { | |
| font-size: 1.5rem; | |
| font-weight: 700; | |
| line-height: 2rem; | |
| } | |
| .display-sm:lg { | |
| font-size: 1.125rem; | |
| font-weight: 500; | |
| line-height: 1.5rem; | |
| } | |
| .heading { | |
| font-size: 1rem; | |
| font-weight: 500; | |
| line-height: 1.25rem; | |
| } | |
| .heading-sm { | |
| font-size: 0.75rem; | |
| font-weight: 500; | |
| line-height: 1rem; | |
| } | |
| .body { | |
| font-size: 0.88rem; | |
| font-weight: 400; | |
| line-height: 1.3125rem; | |
| } | |
| .body-strong { | |
| font-size: 0.88rem; | |
| font-weight: 500; | |
| line-height: 1.3125rem; | |
| } | |
| .body-lg { | |
| font-size: 1rem; | |
| font-weight: 400; | |
| line-height: 1.5rem; | |
| } | |
| .body-lg-strong { | |
| font-size: 1rem; | |
| font-weight: 500; | |
| line-height: 1.5rem; | |
| } | |
| .caption { | |
| font-size: 0.75rem; | |
| font-weight: 400; | |
| line-height: 1.125rem; | |
| } | |
| .component { | |
| font-size: 0.875rem; | |
| font-weight: 400; | |
| line-height: 1rem; | |
| } | |
| .component-strong { | |
| font-size: 0.875rem; | |
| font-weight: 500; | |
| line-height: 1rem; | |
| } | |
| .component-sm { | |
| font-size: 0.75rem; | |
| font-weight: 400; | |
| line-height: 1rem; | |
| } | |
| .component-sm-strong { | |
| font-size: 0.75rem; | |
| font-weight: 500; | |
| line-height: 1rem; | |
| } | |
| .pointer-events-none { | |
| pointer-events: none; | |
| } | |
| .visible { | |
| visibility: visible; | |
| } | |
| .invisible { | |
| visibility: hidden; | |
| } | |
| .fixed { | |
| position: fixed; | |
| } | |
| .absolute { | |
| position: absolute; | |
| } | |
| .relative { | |
| position: relative; | |
| } | |
| .sticky { | |
| position: -webkit-sticky; | |
| position: sticky; | |
| } | |
| .inset-0 { | |
| top: 0px; | |
| right: 0px; | |
| bottom: 0px; | |
| left: 0px; | |
| } | |
| .inset-1 { | |
| top: 0.25rem; | |
| right: 0.25rem; | |
| bottom: 0.25rem; | |
| left: 0.25rem; | |
| } | |
| .inset-2 { | |
| top: 0.5rem; | |
| right: 0.5rem; | |
| bottom: 0.5rem; | |
| left: 0.5rem; | |
| } | |
| .inset-4 { | |
| top: 1rem; | |
| right: 1rem; | |
| bottom: 1rem; | |
| left: 1rem; | |
| } | |
| .inset-x-4 { | |
| left: 1rem; | |
| right: 1rem; | |
| } | |
| .inset-y-0 { | |
| top: 0px; | |
| bottom: 0px; | |
| } | |
| .top-0 { | |
| top: 0px; | |
| } | |
| .top-2 { | |
| top: 0.5rem; | |
| } | |
| .top-3 { | |
| top: 0.75rem; | |
| } | |
| .top-4 { | |
| top: 1rem; | |
| } | |
| .top-0\.5 { | |
| top: 0.125rem; | |
| } | |
| .top-full { | |
| top: 100%; | |
| } | |
| .right-0 { | |
| right: 0px; | |
| } | |
| .right-3 { | |
| right: 0.75rem; | |
| } | |
| .right-4 { | |
| right: 1rem; | |
| } | |
| .bottom-0 { | |
| bottom: 0px; | |
| } | |
| .bottom-4 { | |
| bottom: 1rem; | |
| } | |
| .bottom-auto { | |
| bottom: auto; | |
| } | |
| .bottom-full { | |
| bottom: 100%; | |
| } | |
| .left-0 { | |
| left: 0px; | |
| } | |
| .left-1\/2 { | |
| left: 50%; | |
| } | |
| .left-full { | |
| left: 100%; | |
| } | |
| .z-0 { | |
| z-index: 0; | |
| } | |
| .z-1 { | |
| z-index: 1; | |
| } | |
| .z-2 { | |
| z-index: 2; | |
| } | |
| .z-10 { | |
| z-index: 10; | |
| } | |
| .z-20 { | |
| z-index: 20; | |
| } | |
| .z-100 { | |
| z-index: 100; | |
| } | |
| .-z-10 { | |
| z-index: -10; | |
| } | |
| .-z-1 { | |
| z-index: -1; | |
| } | |
| .z-modal { | |
| z-index: 100; | |
| } | |
| .z-toasts { | |
| z-index: 200; | |
| } | |
| .m-0 { | |
| margin: 0px; | |
| } | |
| .m-auto { | |
| margin: auto; | |
| } | |
| .mx-4 { | |
| margin-left: 1rem; | |
| margin-right: 1rem; | |
| } | |
| .mx-auto { | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| .my-5 { | |
| margin-top: 1.25rem; | |
| margin-bottom: 1.25rem; | |
| } | |
| .my-10 { | |
| margin-top: 2.5rem; | |
| margin-bottom: 2.5rem; | |
| } | |
| .mt-0 { | |
| margin-top: 0px; | |
| } | |
| .mt-1 { | |
| margin-top: 0.25rem; | |
| } | |
| .mt-2 { | |
| margin-top: 0.5rem; | |
| } | |
| .mt-3 { | |
| margin-top: 0.75rem; | |
| } | |
| .mt-4 { | |
| margin-top: 1rem; | |
| } | |
| .mt-6 { | |
| margin-top: 1.5rem; | |
| } | |
| .mt-7 { | |
| margin-top: 1.75rem; | |
| } | |
| .mt-9 { | |
| margin-top: 2.25rem; | |
| } | |
| .mt-12 { | |
| margin-top: 3rem; | |
| } | |
| .mt-20 { | |
| margin-top: 5rem; | |
| } | |
| .mt-48 { | |
| margin-top: 12rem; | |
| } | |
| .mt-auto { | |
| margin-top: auto; | |
| } | |
| .mr-1 { | |
| margin-right: 0.25rem; | |
| } | |
| .mr-2 { | |
| margin-right: 0.5rem; | |
| } | |
| .mr-4 { | |
| margin-right: 1rem; | |
| } | |
| .mr-6 { | |
| margin-right: 1.5rem; | |
| } | |
| .mr-auto { | |
| margin-right: auto; | |
| } | |
| .-mr-1 { | |
| margin-right: -0.25rem; | |
| } | |
| .mb-2 { | |
| margin-bottom: 0.5rem; | |
| } | |
| .mb-4 { | |
| margin-bottom: 1rem; | |
| } | |
| .mb-6 { | |
| margin-bottom: 1.5rem; | |
| } | |
| .mb-8 { | |
| margin-bottom: 2rem; | |
| } | |
| .mb-10 { | |
| margin-bottom: 2.5rem; | |
| } | |
| .mb-18 { | |
| margin-bottom: 3.4rem; | |
| } | |
| .mb-20 { | |
| margin-bottom: 5rem; | |
| } | |
| .mb-auto { | |
| margin-bottom: auto; | |
| } | |
| .-mb-1 { | |
| margin-bottom: -0.25rem; | |
| } | |
| .ml-2 { | |
| margin-left: 0.5rem; | |
| } | |
| .ml-auto { | |
| margin-left: auto; | |
| } | |
| .-ml-1 { | |
| margin-left: -0.25rem; | |
| } | |
| .-ml-2 { | |
| margin-left: -0.5rem; | |
| } | |
| .block { | |
| display: block; | |
| } | |
| .inline-block { | |
| display: inline-block; | |
| } | |
| .inline { | |
| display: inline; | |
| } | |
| .flex { | |
| display: flex; | |
| } | |
| .inline-flex { | |
| display: inline-flex; | |
| } | |
| .table { | |
| display: table; | |
| } | |
| .grid { | |
| display: grid; | |
| } | |
| .list-item { | |
| display: list-item; | |
| } | |
| .hidden { | |
| display: none; | |
| } | |
| .h-0 { | |
| height: 0px; | |
| } | |
| .h-1 { | |
| height: 0.25rem; | |
| } | |
| .h-2 { | |
| height: 0.5rem; | |
| } | |
| .h-3 { | |
| height: 0.75rem; | |
| } | |
| .h-4 { | |
| height: 1rem; | |
| } | |
| .h-5 { | |
| height: 1.25rem; | |
| } | |
| .h-6 { | |
| height: 1.5rem; | |
| } | |
| .h-8 { | |
| height: 2rem; | |
| } | |
| .h-10 { | |
| height: 2.5rem; | |
| } | |
| .h-12 { | |
| height: 3rem; | |
| } | |
| .h-14 { | |
| height: 3.5rem; | |
| } | |
| .h-16 { | |
| height: 4rem; | |
| } | |
| .h-18 { | |
| height: 4.5rem; | |
| } | |
| .h-20 { | |
| height: 5rem; | |
| } | |
| .h-36 { | |
| height: 9rem; | |
| } | |
| .h-52 { | |
| height: 13rem; | |
| } | |
| .h-96 { | |
| height: 24rem; | |
| } | |
| .h-auto { | |
| height: auto; | |
| } | |
| .h-full { | |
| height: 100%; | |
| } | |
| .max-h-56 { | |
| max-height: 14rem; | |
| } | |
| .max-h-80 { | |
| max-height: 20rem; | |
| } | |
| .max-h-81 { | |
| max-height: 22rem; | |
| } | |
| .max-h-full { | |
| max-height: 100%; | |
| } | |
| .min-h-6 { | |
| min-height: 1.5rem; | |
| } | |
| .min-h-10 { | |
| min-height: 2.5rem; | |
| } | |
| .min-h-60 { | |
| min-height: 15rem; | |
| } | |
| .w-0 { | |
| width: 0px; | |
| } | |
| .w-1 { | |
| width: 0.25rem; | |
| } | |
| .w-3 { | |
| width: 0.75rem; | |
| } | |
| .w-4 { | |
| width: 1rem; | |
| } | |
| .w-5 { | |
| width: 1.25rem; | |
| } | |
| .w-6 { | |
| width: 1.5rem; | |
| } | |
| .w-8 { | |
| width: 2rem; | |
| } | |
| .w-10 { | |
| width: 2.5rem; | |
| } | |
| .w-12 { | |
| width: 3rem; | |
| } | |
| .w-16 { | |
| width: 4rem; | |
| } | |
| .w-20 { | |
| width: 5rem; | |
| } | |
| .w-24 { | |
| width: 6rem; | |
| } | |
| .w-32 { | |
| width: 8rem; | |
| } | |
| .w-36 { | |
| width: 9rem; | |
| } | |
| .w-40 { | |
| width: 10rem; | |
| } | |
| .w-48 { | |
| width: 12rem; | |
| } | |
| .w-52 { | |
| width: 13rem; | |
| } | |
| .w-60 { | |
| width: 15rem; | |
| } | |
| .w-64 { | |
| width: 16rem; | |
| } | |
| .w-80 { | |
| width: 20rem; | |
| } | |
| .w-1\/3 { | |
| width: 33.333333%; | |
| } | |
| .w-1\/4 { | |
| width: 25%; | |
| } | |
| .w-1\/5 { | |
| width: 20%; | |
| } | |
| .w-full { | |
| width: 100%; | |
| } | |
| .w-min { | |
| width: -webkit-min-content; | |
| width: -moz-min-content; | |
| width: min-content; | |
| } | |
| .min-w-0 { | |
| min-width: 0px; | |
| } | |
| .min-w-32 { | |
| min-width: 8rem; | |
| } | |
| .min-w-96 { | |
| min-width: 24rem; | |
| } | |
| .max-w-20 { | |
| max-width: 5rem; | |
| } | |
| .max-w-36 { | |
| max-width: 9rem; | |
| } | |
| .max-w-40 { | |
| max-width: 10rem; | |
| } | |
| .max-w-80 { | |
| max-width: 20rem; | |
| } | |
| .max-w-96 { | |
| max-width: 24rem; | |
| } | |
| .max-w-xl { | |
| max-width: 36rem; | |
| } | |
| .max-w-full { | |
| max-width: 100%; | |
| } | |
| .max-w-1\/2 { | |
| max-width: 50%; | |
| } | |
| .max-w-10\/12 { | |
| max-width: 83.333333%; | |
| } | |
| .flex-1 { | |
| flex: 1 1 0%; | |
| } | |
| .flex-shrink-0 { | |
| flex-shrink: 0; | |
| } | |
| .flex-shrink { | |
| flex-shrink: 1; | |
| } | |
| .flex-grow { | |
| flex-grow: 1; | |
| } | |
| .transform { | |
| --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; | |
| transform: translateX(var(--tw-translate-x)) translateY(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-1\/2 { | |
| --tw-translate-x: -50%; | |
| } | |
| .translate-y-0 { | |
| --tw-translate-y: 0px; | |
| } | |
| .-translate-y-2 { | |
| --tw-translate-y: -0.5rem; | |
| } | |
| .rotate-45 { | |
| --tw-rotate: 45deg; | |
| } | |
| .rotate-90 { | |
| --tw-rotate: 90deg; | |
| } | |
| .-rotate-90 { | |
| --tw-rotate: -90deg; | |
| } | |
| .scale-75 { | |
| --tw-scale-x: .75; | |
| --tw-scale-y: .75; | |
| } | |
| .group:hover .group-hover\:scale-90 { | |
| --tw-scale-x: .9; | |
| --tw-scale-y: .9; | |
| } | |
| @-webkit-keyframes spin { | |
| to { | |
| transform: rotate(360deg); | |
| } | |
| } | |
| @keyframes spin { | |
| to { | |
| transform: rotate(360deg); | |
| } | |
| } | |
| @-webkit-keyframes ping { | |
| 75%, 100% { | |
| transform: scale(2); | |
| opacity: 0; | |
| } | |
| } | |
| @keyframes ping { | |
| 75%, 100% { | |
| transform: scale(2); | |
| opacity: 0; | |
| } | |
| } | |
| @-webkit-keyframes pulse { | |
| 50% { | |
| opacity: .5; | |
| } | |
| } | |
| @keyframes pulse { | |
| 50% { | |
| opacity: .5; | |
| } | |
| } | |
| @-webkit-keyframes bounce { | |
| 0%, 100% { | |
| transform: translateY(-25%); | |
| -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1); | |
| animation-timing-function: cubic-bezier(0.8,0,1,1); | |
| } | |
| 50% { | |
| transform: none; | |
| -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1); | |
| animation-timing-function: cubic-bezier(0,0,0.2,1); | |
| } | |
| } | |
| @keyframes bounce { | |
| 0%, 100% { | |
| transform: translateY(-25%); | |
| -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1); | |
| animation-timing-function: cubic-bezier(0.8,0,1,1); | |
| } | |
| 50% { | |
| transform: none; | |
| -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1); | |
| animation-timing-function: cubic-bezier(0,0,0.2,1); | |
| } | |
| } | |
| .cursor-default { | |
| cursor: default; | |
| } | |
| .cursor-pointer { | |
| cursor: pointer; | |
| } | |
| .select-none { | |
| -webkit-user-select: none; | |
| -moz-user-select: none; | |
| -ms-user-select: none; | |
| user-select: none; | |
| } | |
| .resize-none { | |
| resize: none; | |
| } | |
| .resize-y { | |
| resize: vertical; | |
| } | |
| .resize-x { | |
| resize: horizontal; | |
| } | |
| .resize { | |
| resize: both; | |
| } | |
| .list-disc { | |
| list-style-type: disc; | |
| } | |
| .list-decimal { | |
| list-style-type: decimal; | |
| } | |
| .appearance-none { | |
| -webkit-appearance: none; | |
| -moz-appearance: none; | |
| appearance: none; | |
| } | |
| .grid-cols-2 { | |
| grid-template-columns: repeat(2, minmax(0, 1fr)); | |
| } | |
| .grid-cols-3 { | |
| grid-template-columns: repeat(3, minmax(0, 1fr)); | |
| } | |
| .grid-cols-4 { | |
| grid-template-columns: repeat(4, minmax(0, 1fr)); | |
| } | |
| .flex-row { | |
| flex-direction: row; | |
| } | |
| .flex-row-reverse { | |
| flex-direction: row-reverse; | |
| } | |
| .flex-col { | |
| flex-direction: column; | |
| } | |
| .flex-col-reverse { | |
| flex-direction: column-reverse; | |
| } | |
| .flex-wrap { | |
| flex-wrap: wrap; | |
| } | |
| .flex-nowrap { | |
| flex-wrap: nowrap; | |
| } | |
| .items-start { | |
| align-items: flex-start; | |
| } | |
| .items-center { | |
| align-items: center; | |
| } | |
| .items-stretch { | |
| align-items: stretch; | |
| } | |
| .justify-start { | |
| justify-content: flex-start; | |
| } | |
| .justify-end { | |
| justify-content: flex-end; | |
| } | |
| .justify-center { | |
| justify-content: center; | |
| } | |
| .justify-between { | |
| justify-content: space-between; | |
| } | |
| .gap-2 { | |
| gap: 0.5rem; | |
| } | |
| .gap-4 { | |
| gap: 1rem; | |
| } | |
| .gap-6 { | |
| gap: 1.5rem; | |
| } | |
| .gap-7 { | |
| gap: 1.75rem; | |
| } | |
| .space-x-0 > :not([hidden]) ~ :not([hidden]) { | |
| --tw-space-x-reverse: 0; | |
| margin-right: calc(0px * var(--tw-space-x-reverse)); | |
| margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))); | |
| } | |
| .space-x-1 > :not([hidden]) ~ :not([hidden]) { | |
| --tw-space-x-reverse: 0; | |
| margin-right: calc(0.25rem * var(--tw-space-x-reverse)); | |
| margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))); | |
| } | |
| .space-x-2 > :not([hidden]) ~ :not([hidden]) { | |
| --tw-space-x-reverse: 0; | |
| margin-right: calc(0.5rem * var(--tw-space-x-reverse)); | |
| margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); | |
| } | |
| .space-x-3 > :not([hidden]) ~ :not([hidden]) { | |
| --tw-space-x-reverse: 0; | |
| margin-right: calc(0.75rem * var(--tw-space-x-reverse)); | |
| margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))); | |
| } | |
| .space-x-4 > :not([hidden]) ~ :not([hidden]) { | |
| --tw-space-x-reverse: 0; | |
| margin-right: calc(1rem * var(--tw-space-x-reverse)); | |
| margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); | |
| } | |
| .space-x-5 > :not([hidden]) ~ :not([hidden]) { | |
| --tw-space-x-reverse: 0; | |
| margin-right: calc(1.25rem * var(--tw-space-x-reverse)); | |
| margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse))); | |
| } | |
| .space-x-6 > :not([hidden]) ~ :not([hidden]) { | |
| --tw-space-x-reverse: 0; | |
| margin-right: calc(1.5rem * var(--tw-space-x-reverse)); | |
| margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))); | |
| } | |
| .space-x-8 > :not([hidden]) ~ :not([hidden]) { | |
| --tw-space-x-reverse: 0; | |
| margin-right: calc(2rem * var(--tw-space-x-reverse)); | |
| margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse))); | |
| } | |
| .space-x-9 > :not([hidden]) ~ :not([hidden]) { | |
| --tw-space-x-reverse: 0; | |
| margin-right: calc(2.25rem * var(--tw-space-x-reverse)); | |
| margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse))); | |
| } | |
| .space-x-10 > :not([hidden]) ~ :not([hidden]) { | |
| --tw-space-x-reverse: 0; | |
| margin-right: calc(2.5rem * var(--tw-space-x-reverse)); | |
| margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse))); | |
| } | |
| .space-x-px > :not([hidden]) ~ :not([hidden]) { | |
| --tw-space-x-reverse: 0; | |
| margin-right: calc(1px * var(--tw-space-x-reverse)); | |
| margin-left: calc(1px * calc(1 - var(--tw-space-x-reverse))); | |
| } | |
| .space-x-0\.5 > :not([hidden]) ~ :not([hidden]) { | |
| --tw-space-x-reverse: 0; | |
| margin-right: calc(0.125rem * var(--tw-space-x-reverse)); | |
| margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse))); | |
| } | |
| .space-x-1\.5 > :not([hidden]) ~ :not([hidden]) { | |
| --tw-space-x-reverse: 0; | |
| margin-right: calc(0.375rem * var(--tw-space-x-reverse)); | |
| margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse))); | |
| } | |
| .-space-x-2 > :not([hidden]) ~ :not([hidden]) { | |
| --tw-space-x-reverse: 0; | |
| margin-right: calc(-0.5rem * var(--tw-space-x-reverse)); | |
| margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse))); | |
| } | |
| .space-y-0 > :not([hidden]) ~ :not([hidden]) { | |
| --tw-space-y-reverse: 0; | |
| margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); | |
| margin-bottom: calc(0px * var(--tw-space-y-reverse)); | |
| } | |
| .space-y-1 > :not([hidden]) ~ :not([hidden]) { | |
| --tw-space-y-reverse: 0; | |
| margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); | |
| margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); | |
| } | |
| .space-y-2 > :not([hidden]) ~ :not([hidden]) { | |
| --tw-space-y-reverse: 0; | |
| margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); | |
| margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); | |
| } | |
| .space-y-3 > :not([hidden]) ~ :not([hidden]) { | |
| --tw-space-y-reverse: 0; | |
| margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); | |
| margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); | |
| } | |
| .space-y-4 > :not([hidden]) ~ :not([hidden]) { | |
| --tw-space-y-reverse: 0; | |
| margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); | |
| margin-bottom: calc(1rem * var(--tw-space-y-reverse)); | |
| } | |
| .space-y-5 > :not([hidden]) ~ :not([hidden]) { | |
| --tw-space-y-reverse: 0; | |
| margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); | |
| margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)); | |
| } | |
| .space-y-6 > :not([hidden]) ~ :not([hidden]) { | |
| --tw-space-y-reverse: 0; | |
| margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); | |
| margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); | |
| } | |
| .space-y-8 > :not([hidden]) ~ :not([hidden]) { | |
| --tw-space-y-reverse: 0; | |
| margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); | |
| margin-bottom: calc(2rem * var(--tw-space-y-reverse)); | |
| } | |
| .space-y-9 > :not([hidden]) ~ :not([hidden]) { | |
| --tw-space-y-reverse: 0; | |
| margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse))); | |
| margin-bottom: calc(2.25rem * var(--tw-space-y-reverse)); | |
| } | |
| .space-y-10 > :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-px > :not([hidden]) ~ :not([hidden]) { | |
| --tw-space-y-reverse: 0; | |
| margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse))); | |
| margin-bottom: calc(1px * var(--tw-space-y-reverse)); | |
| } | |
| .space-y-0\.5 > :not([hidden]) ~ :not([hidden]) { | |
| --tw-space-y-reverse: 0; | |
| margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse))); | |
| margin-bottom: calc(0.125rem * var(--tw-space-y-reverse)); | |
| } | |
| .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) { | |
| --tw-space-y-reverse: 0; | |
| margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse))); | |
| margin-bottom: calc(0.375rem * var(--tw-space-y-reverse)); | |
| } | |
| .space-x-reverse > :not([hidden]) ~ :not([hidden]) { | |
| --tw-space-x-reverse: 1; | |
| } | |
| .overflow-auto { | |
| overflow: auto; | |
| } | |
| .overflow-hidden { | |
| overflow: hidden; | |
| } | |
| .overflow-x-auto { | |
| overflow-x: auto; | |
| } | |
| .overflow-y-auto { | |
| overflow-y: auto; | |
| } | |
| .overflow-x-hidden { | |
| overflow-x: hidden; | |
| } | |
| .truncate { | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| white-space: nowrap; | |
| } | |
| .whitespace-nowrap { | |
| white-space: nowrap; | |
| } | |
| .rounded-sm { | |
| border-radius: 0.125rem; | |
| } | |
| .rounded { | |
| border-radius: 0.25rem; | |
| } | |
| .rounded-md { | |
| border-radius: 0.375rem; | |
| } | |
| .rounded-lg { | |
| border-radius: 0.5rem; | |
| } | |
| .rounded-full { | |
| border-radius: 9999px; | |
| } | |
| .rounded-r-none { | |
| border-top-right-radius: 0px; | |
| border-bottom-right-radius: 0px; | |
| } | |
| .border-2 { | |
| border-width: 2px; | |
| } | |
| .border { | |
| border-width: 1px; | |
| } | |
| .border-t { | |
| border-top-width: 1px; | |
| } | |
| .border-b-2 { | |
| border-bottom-width: 2px; | |
| } | |
| .border-b-1 { | |
| border-bottom-width: 1px; | |
| } | |
| .border-l-1 { | |
| border-left-width: 1px; | |
| } | |
| .border-r-1 { | |
| border-right-width: 1px; | |
| } | |
| .border-b { | |
| border-bottom-width: 1px; | |
| } | |
| .border-l { | |
| border-left-width: 1px; | |
| } | |
| .border-none { | |
| border-style: none; | |
| } | |
| .border-white { | |
| --tw-border-opacity: 1; | |
| border-color: rgba(255, 255, 255, var(--tw-border-opacity)); | |
| } | |
| .border-black { | |
| --tw-border-opacity: 1; | |
| border-color: rgba(0, 0, 0, var(--tw-border-opacity)); | |
| } | |
| .border-transparent { | |
| border-color: transparent; | |
| } | |
| .border-current { | |
| border-color: currentColor; | |
| } | |
| .border-ink-primary { | |
| border-color: var(--color-primary-active-main); | |
| } | |
| .border-ink-black { | |
| border-color: black; | |
| } | |
| .border-ink-100 { | |
| border-color: var(--color-ink-100); | |
| } | |
| .border-ink-200 { | |
| border-color: var(--color-ink-200); | |
| } | |
| .border-ink-1000 { | |
| border-color: var(--color-ink-1000); | |
| } | |
| .border-ink-900 { | |
| border-color: var(--color-ink-900); | |
| } | |
| .border-ink-050 { | |
| border-color: var(--color-ink-050); | |
| } | |
| .border-active-dark { | |
| border-color: var(--color-primary-active-dark); | |
| } | |
| .border-active { | |
| border-color: var(--color-primary-active-main); | |
| } | |
| .border-danger-dark { | |
| border-color: var(--color-primary-danger-dark); | |
| } | |
| .hover\:border-ink-900:hover { | |
| border-color: var(--color-ink-900); | |
| } | |
| .hover\:border-active:hover { | |
| border-color: var(--color-primary-active-main); | |
| } | |
| .hover\:border-danger-dark:hover { | |
| border-color: var(--color-primary-danger-dark); | |
| } | |
| .focus\:border-active:focus { | |
| border-color: var(--color-primary-active-main); | |
| } | |
| .disabled\:border-ink-050:disabled { | |
| border-color: var(--color-ink-050); | |
| } | |
| .bg-white { | |
| --tw-bg-opacity: 1; | |
| background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); | |
| } | |
| .bg-black { | |
| --tw-bg-opacity: 1; | |
| background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); | |
| } | |
| .bg-black-50 { | |
| --tw-bg-opacity: 0.5; | |
| background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); | |
| } | |
| .bg-transparent { | |
| background-color: transparent; | |
| } | |
| .bg-blue { | |
| background-color: var(--color-brand-blue-main); | |
| } | |
| .bg-primary { | |
| background-color: var(--color-primary-active-main); | |
| } | |
| .bg-primary-light { | |
| background-color: rgba(209, 204, 246, 1); | |
| } | |
| .bg-primary-50 { | |
| background-color: var(--color-primary-active-main-50); | |
| } | |
| .bg-primary-light-15 { | |
| background-color: var(--color-primary-active-main-light-15); | |
| } | |
| .bg-ink-gradient { | |
| background: linear-gradient(270deg, #323337 50%, rgba(80, 62, 110, 0.29) 100%); | |
| } | |
| .bg-gray { | |
| background-color: #F3F3F3; | |
| } | |
| .bg-ink-100 { | |
| background-color: var(--color-ink-100); | |
| } | |
| .bg-ink-900 { | |
| background-color: var(--color-ink-900); | |
| } | |
| .bg-ink-950 { | |
| background-color: var(--color-ink-950); | |
| } | |
| .bg-ink-1000 { | |
| background-color: var(--color-ink-1000); | |
| } | |
| .bg-ink-000 { | |
| background-color: var(--color-ink-000); | |
| } | |
| .bg-ink-050 { | |
| background-color: var(--color-ink-050); | |
| } | |
| .bg-active-light { | |
| background-color: var(--color-primary-active-light); | |
| } | |
| .bg-active { | |
| background-color: var(--color-primary-active-main); | |
| } | |
| .bg-success-light { | |
| background-color: var(--color-primary-success-light); | |
| } | |
| .bg-success-dark { | |
| background-color: var(--color-primary-success-dark); | |
| } | |
| .bg-success { | |
| background-color: var(--color-primary-success-main); | |
| } | |
| .bg-gold-light { | |
| background-color: var(--color-primary-gold-light); | |
| } | |
| .bg-gold-dark { | |
| background-color: var(--color-primary-gold-dark); | |
| } | |
| .bg-danger-light { | |
| background-color: var(--color-primary-danger-light); | |
| } | |
| .bg-danger { | |
| background-color: var(--color-primary-danger-main); | |
| } | |
| .bg-teal-light { | |
| background-color: var(--color-brand-teal-light); | |
| } | |
| .bg-purple-light { | |
| background-color: var(--color-brand-purple-light); | |
| } | |
| .bg-yellow-dark { | |
| background-color: var(--color-brand-yellow-dark); | |
| } | |
| .hover\:bg-ink-900:hover { | |
| background-color: var(--color-ink-900); | |
| } | |
| .hover\:bg-ink-000:hover { | |
| background-color: var(--color-ink-000); | |
| } | |
| .hover\:bg-active:hover { | |
| background-color: var(--color-primary-active-main); | |
| } | |
| .hover\:bg-danger-dark:hover { | |
| background-color: var(--color-primary-danger-dark); | |
| } | |
| .disabled\:bg-ink-300:disabled { | |
| background-color: var(--color-ink-300); | |
| } | |
| .disabled\:bg-ink-050:disabled { | |
| background-color: var(--color-ink-050); | |
| } | |
| .dark .dark\:bg-ink-050 { | |
| background-color: var(--color-ink-050); | |
| } | |
| .bg-opacity-20 { | |
| --tw-bg-opacity: 0.2; | |
| } | |
| .hover\:bg-opacity-30:hover { | |
| --tw-bg-opacity: 0.3; | |
| } | |
| .bg-cover { | |
| background-size: cover; | |
| } | |
| .bg-contain { | |
| background-size: contain; | |
| } | |
| .bg-center { | |
| background-position: center; | |
| } | |
| .bg-no-repeat { | |
| background-repeat: no-repeat; | |
| } | |
| .object-contain { | |
| -o-object-fit: contain; | |
| object-fit: contain; | |
| } | |
| .p-0 { | |
| padding: 0px; | |
| } | |
| .p-1 { | |
| padding: 0.25rem; | |
| } | |
| .p-2 { | |
| padding: 0.5rem; | |
| } | |
| .p-3 { | |
| padding: 0.75rem; | |
| } | |
| .p-4 { | |
| padding: 1rem; | |
| } | |
| .p-5 { | |
| padding: 1.25rem; | |
| } | |
| .p-6 { | |
| padding: 1.5rem; | |
| } | |
| .p-8 { | |
| padding: 2rem; | |
| } | |
| .p-10 { | |
| padding: 2.5rem; | |
| } | |
| .p-1\.5 { | |
| padding: 0.375rem; | |
| } | |
| .px-0 { | |
| padding-left: 0px; | |
| padding-right: 0px; | |
| } | |
| .px-1 { | |
| padding-left: 0.25rem; | |
| padding-right: 0.25rem; | |
| } | |
| .px-2 { | |
| padding-left: 0.5rem; | |
| padding-right: 0.5rem; | |
| } | |
| .px-3 { | |
| padding-left: 0.75rem; | |
| padding-right: 0.75rem; | |
| } | |
| .px-4 { | |
| padding-left: 1rem; | |
| padding-right: 1rem; | |
| } | |
| .px-5 { | |
| padding-left: 1.25rem; | |
| padding-right: 1.25rem; | |
| } | |
| .px-6 { | |
| padding-left: 1.5rem; | |
| padding-right: 1.5rem; | |
| } | |
| .px-7 { | |
| padding-left: 1.75rem; | |
| padding-right: 1.75rem; | |
| } | |
| .px-9 { | |
| padding-left: 2.25rem; | |
| padding-right: 2.25rem; | |
| } | |
| .px-10 { | |
| padding-left: 2.5rem; | |
| padding-right: 2.5rem; | |
| } | |
| .px-1\.5 { | |
| padding-left: 0.375rem; | |
| padding-right: 0.375rem; | |
| } | |
| .py-1 { | |
| padding-top: 0.25rem; | |
| padding-bottom: 0.25rem; | |
| } | |
| .py-2 { | |
| padding-top: 0.5rem; | |
| padding-bottom: 0.5rem; | |
| } | |
| .py-3 { | |
| padding-top: 0.75rem; | |
| padding-bottom: 0.75rem; | |
| } | |
| .py-4 { | |
| padding-top: 1rem; | |
| padding-bottom: 1rem; | |
| } | |
| .py-5 { | |
| padding-top: 1.25rem; | |
| padding-bottom: 1.25rem; | |
| } | |
| .py-7 { | |
| padding-top: 1.75rem; | |
| padding-bottom: 1.75rem; | |
| } | |
| .pt-0 { | |
| padding-top: 0px; | |
| } | |
| .pt-3 { | |
| padding-top: 0.75rem; | |
| } | |
| .pt-4 { | |
| padding-top: 1rem; | |
| } | |
| .pt-6 { | |
| padding-top: 1.5rem; | |
| } | |
| .pt-10 { | |
| padding-top: 2.5rem; | |
| } | |
| .pt-20 { | |
| padding-top: 5rem; | |
| } | |
| .pr-1 { | |
| padding-right: 0.25rem; | |
| } | |
| .pr-2 { | |
| padding-right: 0.5rem; | |
| } | |
| .pr-4 { | |
| padding-right: 1rem; | |
| } | |
| .pr-8 { | |
| padding-right: 2rem; | |
| } | |
| .pb-4 { | |
| padding-bottom: 1rem; | |
| } | |
| .pb-6 { | |
| padding-bottom: 1.5rem; | |
| } | |
| .pb-8 { | |
| padding-bottom: 2rem; | |
| } | |
| .pb-10 { | |
| padding-bottom: 2.5rem; | |
| } | |
| .pl-3 { | |
| padding-left: 0.75rem; | |
| } | |
| .pl-7 { | |
| padding-left: 1.75rem; | |
| } | |
| .pl-8 { | |
| padding-left: 2rem; | |
| } | |
| .text-left { | |
| text-align: left; | |
| } | |
| .text-center { | |
| text-align: center; | |
| } | |
| .text-hero { | |
| font-size: 4rem; | |
| } | |
| .text-display-xl\:lg { | |
| font-size: 3rem; | |
| } | |
| .text-display-lg\:lg { | |
| font-size: 2rem; | |
| } | |
| .text-display-md\:lg { | |
| font-size: 1.5rem; | |
| } | |
| .text-display-sm\:lg { | |
| font-size: 1.125rem; | |
| } | |
| .text-display-xl\:sm { | |
| font-size: 1.5rem; | |
| } | |
| .text-display-lg\:sm { | |
| font-size: 1.12rem; | |
| } | |
| .text-display-md\:sm { | |
| font-size: 1rem; | |
| } | |
| .text-display-sm\:sm { | |
| font-size: 0.88rem; | |
| } | |
| .text-heading { | |
| font-size: 1rem; | |
| } | |
| .text-heading-sm { | |
| font-size: 0.75rem; | |
| } | |
| .text-body { | |
| font-size: 0.88rem; | |
| } | |
| .text-body-lg { | |
| font-size: 1rem; | |
| } | |
| .text-caption { | |
| font-size: 0.75rem; | |
| } | |
| .text-component { | |
| font-size: 0.875rem; | |
| } | |
| .text-component-sm { | |
| font-size: 0.75rem; | |
| } | |
| .font-regular { | |
| font-weight: 400; | |
| } | |
| .font-medium { | |
| font-weight: 500; | |
| } | |
| .font-semibold { | |
| font-weight: 600; | |
| } | |
| .font-bold { | |
| font-weight: 700; | |
| } | |
| .uppercase { | |
| text-transform: uppercase; | |
| } | |
| .italic { | |
| font-style: italic; | |
| } | |
| .leading-none { | |
| line-height: 1; | |
| } | |
| .leading-hero { | |
| line-height: 5rem; | |
| } | |
| .leading-display-xl\:lg { | |
| line-height: 3.5rem; | |
| } | |
| .leading-display-lg\:lg { | |
| line-height: 2.5rem; | |
| } | |
| .leading-display-md\:lg { | |
| line-height: 2rem; | |
| } | |
| .leading-display-sm\:lg { | |
| line-height: 1.5rem; | |
| } | |
| .leading-display-xl\:sm { | |
| line-height: 1.95rem; | |
| } | |
| .leading-display-lg\:sm { | |
| line-height: 1.53rem; | |
| } | |
| .leading-display-md\:sm { | |
| line-height: 1.4rem; | |
| } | |
| .leading-display-sm\:sm { | |
| line-height: 1.225rem; | |
| } | |
| .leading-heading { | |
| line-height: 1.25rem; | |
| } | |
| .leading-heading-sm { | |
| line-height: 1rem; | |
| } | |
| .leading-body { | |
| line-height: 1.3125rem; | |
| } | |
| .leading-body-lg { | |
| line-height: 1.5rem; | |
| } | |
| .leading-caption { | |
| line-height: 1.125rem; | |
| } | |
| .leading-component { | |
| line-height: 1rem; | |
| } | |
| .leading-component-sm { | |
| line-height: 1rem; | |
| } | |
| .leading-input { | |
| line-height: 1.125rem; | |
| } | |
| .text-white { | |
| --tw-text-opacity: 1; | |
| color: rgba(255, 255, 255, var(--tw-text-opacity)); | |
| } | |
| .text-black { | |
| --tw-text-opacity: 1; | |
| color: rgba(0, 0, 0, var(--tw-text-opacity)); | |
| } | |
| .text-transparent { | |
| color: transparent; | |
| } | |
| .text-current { | |
| color: currentColor; | |
| } | |
| .text-ink-100 { | |
| color: var(--color-ink-100); | |
| } | |
| .text-ink-200 { | |
| color: var(--color-ink-200); | |
| } | |
| .text-ink-300 { | |
| color: var(--color-ink-300); | |
| } | |
| .text-ink-400 { | |
| color: var(--color-ink-400); | |
| } | |
| .text-ink-500 { | |
| color: var(--color-ink-500); | |
| } | |
| .text-ink-600 { | |
| color: var(--color-ink-600); | |
| } | |
| .text-ink-700 { | |
| color: var(--color-ink-700); | |
| } | |
| .text-ink-800 { | |
| color: var(--color-ink-800); | |
| } | |
| .text-ink-900 { | |
| color: var(--color-ink-900); | |
| } | |
| .text-ink-950 { | |
| color: var(--color-ink-950); | |
| } | |
| .text-ink-1000 { | |
| color: var(--color-ink-1000); | |
| } | |
| .text-ink-000 { | |
| color: var(--color-ink-000); | |
| } | |
| .text-ink-050 { | |
| color: var(--color-ink-050); | |
| } | |
| .text-overlay { | |
| color: var(--color-extras-overlay); | |
| } | |
| .text-active-light { | |
| color: var(--color-primary-active-light); | |
| } | |
| .text-active-dark { | |
| color: var(--color-primary-active-dark); | |
| } | |
| .text-active { | |
| color: var(--color-primary-active-main); | |
| } | |
| .text-success-light { | |
| color: var(--color-primary-success-light); | |
| } | |
| .text-success-dark { | |
| color: var(--color-primary-success-dark); | |
| } | |
| .text-success { | |
| color: var(--color-primary-success-main); | |
| } | |
| .text-gold-light { | |
| color: var(--color-primary-gold-light); | |
| } | |
| .text-gold-dark { | |
| color: var(--color-primary-gold-dark); | |
| } | |
| .text-gold { | |
| color: var(--color-primary-gold-main); | |
| } | |
| .text-danger-light { | |
| color: var(--color-primary-danger-light); | |
| } | |
| .text-danger-dark { | |
| color: var(--color-primary-danger-dark); | |
| } | |
| .text-danger { | |
| color: var(--color-primary-danger-main); | |
| } | |
| .text-teal-light { | |
| color: var(--color-brand-teal-light); | |
| } | |
| .text-teal-dark { | |
| color: var(--color-brand-teal-dark); | |
| } | |
| .text-teal { | |
| color: var(--color-brand-teal-main); | |
| } | |
| .text-pink-light { | |
| color: var(--color-brand-pink-light); | |
| } | |
| .text-pink-dark { | |
| color: var(--color-brand-pink-dark); | |
| } | |
| .text-pink { | |
| color: var(--color-brand-pink-main); | |
| } | |
| .text-primary { | |
| color: var(--color-primary-active-main); | |
| } | |
| .text-purple-light { | |
| color: var(--color-brand-purple-light); | |
| } | |
| .text-purple-dark { | |
| color: var(--color-brand-purple-dark); | |
| } | |
| .text-purple { | |
| color: var(--color-brand-purple-main); | |
| } | |
| .text-yellow-light { | |
| color: var(--color-brand-yellow-light); | |
| } | |
| .text-yellow-dark { | |
| color: var(--color-brand-yellow-dark); | |
| } | |
| .text-yellow { | |
| color: var(--color-brand-yellow-main); | |
| } | |
| .hover\:text-ink-900:hover { | |
| color: var(--color-ink-900); | |
| } | |
| .hover\:text-ink-1000:hover { | |
| color: var(--color-ink-1000); | |
| } | |
| .hover\:text-active:hover { | |
| color: var(--color-primary-active-main); | |
| } | |
| .disabled\:text-ink-200:disabled { | |
| color: var(--color-ink-200); | |
| } | |
| .disabled\:text-ink-300:disabled { | |
| color: var(--color-ink-300); | |
| } | |
| .underline { | |
| text-decoration: underline; | |
| } | |
| .hover\:underline:hover { | |
| text-decoration: underline; | |
| } | |
| .opacity-0 { | |
| opacity: 0; | |
| } | |
| .opacity-20 { | |
| opacity: 0.2; | |
| } | |
| .opacity-30 { | |
| opacity: 0.3; | |
| } | |
| .opacity-40 { | |
| opacity: 0.4; | |
| } | |
| .opacity-50 { | |
| opacity: 0.5; | |
| } | |
| .opacity-60 { | |
| opacity: 0.6; | |
| } | |
| .opacity-100 { | |
| opacity: 1; | |
| } | |
| .group:hover .group-hover\:opacity-10 { | |
| opacity: 0.1; | |
| } | |
| .group:hover .group-hover\:opacity-100 { | |
| opacity: 1; | |
| } | |
| .disabled\:opacity-70:disabled { | |
| opacity: 0.7; | |
| } | |
| *, ::before, ::after { | |
| --tw-shadow: 0 0 #0000; | |
| } | |
| .shadow-md { | |
| --tw-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12); | |
| box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); | |
| } | |
| .shadow-lg { | |
| --tw-shadow: 0px 8px 24px rgba(0, 0, 0, 0.12); | |
| box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); | |
| } | |
| .shadow-active { | |
| --tw-shadow: inset 0 0 0 1px var(--color-primary-active-main); | |
| box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); | |
| } | |
| .shadow-active-none { | |
| --tw-shadow: inset 0 0 0 0 var(--color-primary-active-main); | |
| box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); | |
| } | |
| .hover\:shadow-md:hover { | |
| --tw-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12); | |
| box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); | |
| } | |
| .hover\:shadow-active:hover { | |
| --tw-shadow: inset 0 0 0 1px var(--color-primary-active-main); | |
| box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); | |
| } | |
| .focus\:shadow-active:focus { | |
| --tw-shadow: inset 0 0 0 1px var(--color-primary-active-main); | |
| box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); | |
| } | |
| .outline-none { | |
| outline: 2px solid transparent; | |
| outline-offset: 2px; | |
| } | |
| .focus\:outline-none:focus { | |
| outline: 2px solid transparent; | |
| outline-offset: 2px; | |
| } | |
| *, ::before, ::after { | |
| --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); | |
| --tw-ring-offset-width: 0px; | |
| --tw-ring-offset-color: #fff; | |
| --tw-ring-color: rgba(59, 130, 246, 0.5); | |
| --tw-ring-offset-shadow: 0 0 #0000; | |
| --tw-ring-shadow: 0 0 #0000; | |
| } | |
| .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); | |
| } | |
| .filter { | |
| --tw-blur: var(--tw-empty,/*!*/ /*!*/); | |
| --tw-brightness: var(--tw-empty,/*!*/ /*!*/); | |
| --tw-contrast: var(--tw-empty,/*!*/ /*!*/); | |
| --tw-grayscale: var(--tw-empty,/*!*/ /*!*/); | |
| --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/); | |
| --tw-invert: var(--tw-empty,/*!*/ /*!*/); | |
| --tw-saturate: var(--tw-empty,/*!*/ /*!*/); | |
| --tw-sepia: var(--tw-empty,/*!*/ /*!*/); | |
| --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/); | |
| 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); | |
| } | |
| .blur { | |
| --tw-blur: blur(8px); | |
| } | |
| .transition-all { | |
| transition-property: all; | |
| transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
| transition-duration: 150ms; | |
| } | |
| .transition { | |
| transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; | |
| transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; | |
| transition-property: background-color, border-color, 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-colors { | |
| transition-property: background-color, border-color, 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-200 { | |
| transition-duration: 200ms; | |
| } | |
| .duration-300 { | |
| transition-duration: 300ms; | |
| } | |
| .duration-1000 { | |
| transition-duration: 1000ms; | |
| } | |
| #WEB3_CONNECT_MODAL_ID { | |
| z-index: 100; | |
| } | |
| .Frill_Trigger_Tab { | |
| top: calc(100% - 100px) !important; | |
| } | |
| @media (min-width: 480px) { | |
| .sm\:my-auto { | |
| margin-top: auto; | |
| margin-bottom: auto; | |
| } | |
| .sm\:w-max { | |
| width: -webkit-max-content; | |
| width: -moz-max-content; | |
| width: max-content; | |
| } | |
| .sm\:p-10 { | |
| padding: 2.5rem; | |
| } | |
| .sm\:py-14 { | |
| padding-top: 3.5rem; | |
| padding-bottom: 3.5rem; | |
| } | |
| } | |
| @media (min-width: 768px) { | |
| .md\:hero { | |
| font-size: 4rem; | |
| font-weight: 700; | |
| line-height: 5rem; | |
| } | |
| .md\:inset-x-24 { | |
| left: 6rem; | |
| right: 6rem; | |
| } | |
| .md\:bottom-10 { | |
| bottom: 2.5rem; | |
| } | |
| .md\:mt-0 { | |
| margin-top: 0px; | |
| } | |
| .md\:w-auto { | |
| width: auto; | |
| } | |
| .md\:grid-cols-4 { | |
| grid-template-columns: repeat(4, minmax(0, 1fr)); | |
| } | |
| .md\:flex-row { | |
| flex-direction: row; | |
| } | |
| .md\:space-x-6 > :not([hidden]) ~ :not([hidden]) { | |
| --tw-space-x-reverse: 0; | |
| margin-right: calc(1.5rem * var(--tw-space-x-reverse)); | |
| margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))); | |
| } | |
| .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) { | |
| --tw-space-y-reverse: 0; | |
| margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); | |
| margin-bottom: calc(0px * var(--tw-space-y-reverse)); | |
| } | |
| .md\:border-l { | |
| border-left-width: 1px; | |
| } | |
| .md\:px-2 { | |
| padding-left: 0.5rem; | |
| padding-right: 0.5rem; | |
| } | |
| .md\:px-4 { | |
| padding-left: 1rem; | |
| padding-right: 1rem; | |
| } | |
| .md\:text-display-xl\:lg { | |
| font-size: 3rem; | |
| } | |
| .md\:text-display-lg\:lg { | |
| font-size: 2rem; | |
| } | |
| .md\:text-display-md\:lg { | |
| font-size: 1.5rem; | |
| } | |
| .md\:text-display-sm\:lg { | |
| font-size: 1.125rem; | |
| } | |
| .md\:font-bold { | |
| font-weight: 700; | |
| } | |
| .md\:leading-display-xl\:lg { | |
| line-height: 3.5rem; | |
| } | |
| .md\:leading-display-lg\:lg { | |
| line-height: 2.5rem; | |
| } | |
| .md\:leading-display-md\:lg { | |
| line-height: 2rem; | |
| } | |
| .md\:leading-display-sm\:lg { | |
| line-height: 1.5rem; | |
| } | |
| } | |
| .tree { | |
| list-style: none; | |
| font-size: 14px; | |
| font-weight: bold; | |
| color: #5A6872; | |
| } | |
| .tree li { | |
| position: relative; | |
| } | |
| .tree ul { | |
| list-style: none; | |
| padding-left: 4px; | |
| } | |
| .tree ul li { | |
| padding: 6px 0 6px 12px; | |
| } | |
| .tree ul li::before { | |
| content: ""; | |
| position: absolute; | |
| left: 0; | |
| top: calc(50% - 1px); | |
| height: 3px; | |
| width: 8px; | |
| background-color: #E2E8F2; | |
| } | |
| .tree ul li::after { | |
| content: ""; | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| height: 100%; | |
| width: 3px; | |
| background-color: #E2E8F2; | |
| } | |
| .tree ul li:last-child::after { | |
| height: calc(50%); | |
| } | |
| .tree ul li:last-child::before { | |
| border-radius: 0 0 0 4px; | |
| } | |
| .absolute-center { | |
| position: absolute; | |
| top: 50%; | |
| left: 50%; | |
| transform: translate(-50%, -50%); | |
| } | |
| .styles_input__VlIl_ { | |
| display: block; | |
| width: 100%; | |
| border-radius: 0.25rem; | |
| border-width: 1px; | |
| font-size: 0.875rem; | |
| line-height: 1.125rem; | |
| --tw-shadow: inset 0 0 0 0 var(--color-primary-active-main); | |
| box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); | |
| appearance: none; | |
| -moz-appearance: none; | |
| -webkit-appearance: none; | |
| outline: 0; | |
| box-shadow: none; | |
| transition-property: border-color, box-shadow, background; | |
| transition-duration: 0.25s; | |
| text-align: inherit; | |
| } | |
| .dark .styles_input__VlIl_, | |
| .styles_input__VlIl_ { | |
| background-color: var(--color-ink-000); | |
| } | |
| .styles_input__VlIl_:focus { | |
| border-color: var(--color-primary-active-main); | |
| --tw-shadow: inset 0 0 0 1px var(--color-primary-active-main); | |
| box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); | |
| outline-offset: -2px; | |
| } | |
| .styles_input__VlIl_[disabled] { | |
| pointer-events: none; | |
| cursor: default; | |
| opacity: 0.6; | |
| } | |
| .styles_variant-outlined__FWtX7 { | |
| border-color: var(--color-ink-100); | |
| } | |
| .styles_variant-ghost__AxhM6, | |
| .styles_variant-outlined__FWtX7 { | |
| background-color: var(--color-ink-000); | |
| color: var(--color-ink-900); | |
| } | |
| .styles_variant-ghost__AxhM6 { | |
| border-color: transparent; | |
| } | |
| .dark .styles_variant-outlined__FWtX7 { | |
| border-color: var(--color-ink-200); | |
| background-color: var(--color-ink-000); | |
| } | |
| .styles_variant-outlined__FWtX7:-webkit-autofill { | |
| box-shadow: 0 0 0 30px var(--color-ink-000) inset !important; | |
| color: var(--color-ink-700) !important; | |
| -webkit-text-fill-color: var(--color-ink-700) !important; | |
| } | |
| .styles_size-sm__PHYaG { | |
| height: 1.5rem; | |
| } | |
| .styles_padding-sm__oUmFN { | |
| padding-left: 0.5rem; | |
| padding-right: 0.5rem; | |
| } | |
| .styles_size-sm--icon-left__hZYMA { | |
| padding-left: 2rem; | |
| } | |
| .styles_size-sm--icon-right__lCkb7 { | |
| padding-right: 2rem; | |
| } | |
| .styles_size-md__tPxH5 { | |
| height: 2rem; | |
| } | |
| .styles_padding-md__2T9wO { | |
| padding-left: 0.5rem; | |
| padding-right: 0.5rem; | |
| } | |
| .styles_size-md--icon-left__Z4bEU { | |
| padding-left: 2rem; | |
| } | |
| .styles_size-md--icon-right__I47NJ { | |
| padding-right: 2rem; | |
| } | |
| .styles_size-lg__5bUeh { | |
| height: 2.5rem; | |
| } | |
| .styles_padding-lg___TEn4 { | |
| padding-left: 0.75rem; | |
| padding-right: 0.75rem; | |
| } | |
| .styles_size-lg--icon-left__0l_I_ { | |
| padding-left: 2.25rem; | |
| } | |
| .styles_size-lg--icon-right__CmtBi { | |
| padding-right: 2.25rem; | |
| } | |
| .styles_size-xl__ZBV8a { | |
| height: 3rem; | |
| } | |
| .styles_padding-xl__c_G39 { | |
| padding-left: 0.75rem; | |
| padding-right: 0.75rem; | |
| } | |
| .styles_size-xl--icon-left__G7F_B { | |
| padding-left: 2.25rem; | |
| } | |
| .styles_size-xl--icon-right__XjOnO { | |
| padding-right: 2.25rem; | |
| } | |
| .styles_image__rl_mU { | |
| position: relative; | |
| --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; | |
| transform: translateX(var(--tw-translate-x)) translateY(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)); | |
| overflow: hidden; | |
| border-radius: 0.25rem; | |
| background-color: var(--color-ink-000); | |
| transition-timing-function: cubic-bezier(0.82, 0.26, 0.33, 0.93); | |
| transform-origin: left center; | |
| transition-property: transform box-shadow border-radius z-index; | |
| transition-delay: 0s 0s 0s 0.2s; | |
| transition-duration: 0.28s; | |
| transform: scale(1); | |
| box-shadow: inset 0 0 0 1px var(--color-ink-100); | |
| z-index: 0; | |
| } | |
| .styles_zoom__QQV7_:hover { | |
| border-radius: 0.5rem; | |
| transform: scale(3); | |
| box-shadow: inset 0 0 0 0.3333px var(--color-ink-100), 0 5px 20px rgba(0, 0, 0, 0.12); | |
| z-index: 1; | |
| } | |
| .styles_dot__v7_1I { | |
| position: relative; | |
| display: block; | |
| flex-shrink: 0; | |
| border-radius: 9999px; | |
| border-width: 1px; | |
| --tw-border-opacity: 1; | |
| border-color: var(--color-ink-300); | |
| background-color: var(--color-ink-000); | |
| } | |
| .dark .styles_dot__v7_1I { | |
| background-color: var(--color-ink-300); | |
| } | |
| .styles_dot__v7_1I:after { | |
| border-radius: 9999px; | |
| border-width: 1px; | |
| --tw-border-opacity: 1; | |
| border-color: var(--color-ink-300); | |
| --tw-bg-opacity: 1; | |
| background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); | |
| content: ""; | |
| display: block; | |
| position: absolute; | |
| top: -1px; | |
| left: -1px; | |
| flex-shrink: 0; | |
| transition: transform 0.25s; | |
| } | |
| .styles_dot__v7_1I.styles_sm__Q5DK_ { | |
| width: 24px; | |
| height: 14px; | |
| border-radius: 21px; | |
| } | |
| .styles_dot__v7_1I.styles_sm__Q5DK_:after { | |
| width: 14px; | |
| height: 14px; | |
| } | |
| .styles_dot__v7_1I.styles_md__6RXQz { | |
| width: 40px; | |
| height: 24px; | |
| border-radius: 36px; | |
| } | |
| .styles_dot__v7_1I.styles_md__6RXQz:after { | |
| width: 24px; | |
| height: 24px; | |
| } | |
| .styles_input__z2Hx3:checked + .styles_dot__v7_1I { | |
| background-color: var(--color-primary-active-main); | |
| border-color: var(--color-primary-active-main); | |
| } | |
| .styles_input__z2Hx3:checked + .styles_dot__v7_1I:after { | |
| border-color: var(--color-primary-active-main); | |
| } | |
| .styles_input__z2Hx3:checked + .styles_dot__v7_1I.styles_sm__Q5DK_:after { | |
| transform: translateX(10px); | |
| } | |
| .styles_input__z2Hx3:checked + .styles_dot__v7_1I.styles_md__6RXQz:after { | |
| transform: translateX(16px); | |
| } | |
| .styles_wrap__46od8 { | |
| position: relative; | |
| display: flex; | |
| width: 100%; | |
| flex-direction: column; | |
| } | |
| .styles_output__8r1FJ { | |
| bottom: 100%; | |
| left: 0; | |
| display: inline-flex; | |
| --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-translate-x: -50%; | |
| --tw-translate-y: 0px; | |
| border-radius: 0.25rem; | |
| padding: 0.5rem; | |
| font-size: 0.75rem; | |
| font-weight: 500; | |
| line-height: 1; | |
| color: var(--color-ink-000); | |
| opacity: 0; | |
| transition-property: transform; | |
| transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
| transition-duration: 0.15s; | |
| transition-duration: 0.2s; | |
| } | |
| .styles_output__8r1FJ, | |
| .styles_output__8r1FJ:before { | |
| position: absolute; | |
| transform: translateX(var(--tw-translate-x)) translateY(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)); | |
| background-color: var(--color-ink-1000); | |
| } | |
| .styles_output__8r1FJ:before { | |
| top: 100%; | |
| left: 50%; | |
| height: 0.25rem; | |
| width: 0.25rem; | |
| --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-translate-x: -50%; | |
| --tw-translate-y: -50%; | |
| --tw-rotate: 45deg; | |
| content: ""; | |
| } | |
| .styles_wrap__46od8:hover .styles_output__8r1FJ { | |
| --tw-translate-x: -50%; | |
| --tw-translate-y: -0.5rem; | |
| opacity: 1; | |
| } | |
| .styles_input___bXy3::-webkit-slider-thumb { | |
| height: 1rem; | |
| width: 1rem; | |
| border-radius: 9999px; | |
| color: var(--color-ink-000); | |
| box-shadow: 0 0 0 2px currentColor; | |
| } | |
| .styles_tip__Vi4MI { | |
| background-color: var(--color-ink-1000); | |
| font-size: 0.875rem; | |
| font-weight: 500; | |
| color: var(--color-ink-000); | |
| } | |
| .styles_tip__Vi4MI .tippy-arrow { | |
| color: var(--color-ink-1000); | |
| } | |
| .styles_wrap__mZ4IN { | |
| pointer-events: none; | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| overflow: hidden; | |
| contain: strict; | |
| } | |
| .styles_pixelated__1FsRm { | |
| -ms-interpolation-mode: nearest-neighbor; | |
| image-rendering: -moz-crisp-edges; | |
| image-rendering: pixelated; | |
| } | |
| .styles_blend-over__e3OHl { | |
| mix-blend-mode: normal; | |
| } | |
| .styles_blend-multiply__eTxPZ { | |
| mix-blend-mode: multiply; | |
| } | |
| .styles_blend-screen__OMIgk { | |
| mix-blend-mode: screen; | |
| } | |
| .styles_blend-overlay__UrOIj { | |
| mix-blend-mode: overlay; | |
| } | |
| .styles_blend-darken__wzUM3 { | |
| mix-blend-mode: darken; | |
| } | |
| .styles_blend-lighten__bOSYP { | |
| mix-blend-mode: lighten; | |
| } | |
| .styles_blend-colour-dodge__I3Psd { | |
| mix-blend-mode: color-dodge; | |
| } | |
| .styles_blend-colour-burn__PoYPY { | |
| mix-blend-mode: color-burn; | |
| } | |
| .styles_blend-hard-light__1P0nH { | |
| mix-blend-mode: hard-light; | |
| } | |
| .styles_blend-soft-light__umBFV { | |
| mix-blend-mode: soft-light; | |
| } | |
| .styles_blend-difference__d56_X { | |
| mix-blend-mode: difference; | |
| } | |
| .styles_blend-exclusion__dd8bH { | |
| mix-blend-mode: exclusion; | |
| } | |
| .styles_blend-saturate__WEDL5 { | |
| mix-blend-mode: saturation; | |
| } | |
| .styles_menu__llnsJ { | |
| width: 100%; | |
| overflow: auto; | |
| padding-top: 0; | |
| max-height: 240px; | |
| } | |
| .styles_menu__llnsJ li:first-of-type { | |
| position: -webkit-sticky; | |
| position: sticky; | |
| top: 0; | |
| z-index: 1; | |
| margin-bottom: 0.5rem; | |
| background-color: var(--color-ink-000); | |
| padding: 0; | |
| } | |
| .styles_input__4OgMl input { | |
| border-bottom-left-radius: 0; | |
| border-bottom-right-radius: 0; | |
| border-color: transparent; | |
| } | |
| .styles_form__IDce9 { | |
| display: grid; | |
| flex-grow: 1; | |
| gap: 0.5rem; | |
| transition-property: opacity; | |
| transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
| transition-duration: 0.15s; | |
| grid-template-columns: minmax(0, 1fr) -webkit-max-content minmax(0, 1fr); | |
| grid-template-columns: minmax(0, 1fr) max-content minmax(0, 1fr); | |
| } | |
| .styles_tokenGrid__z28Xm { | |
| display: grid; | |
| gap: 2rem; | |
| grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); | |
| } | |
| .styles_box__3FICh { | |
| position: relative; | |
| height: 1rem; | |
| width: 1rem; | |
| flex-shrink: 0; | |
| cursor: pointer; | |
| border-radius: 0.125rem; | |
| border-width: 1px; | |
| border-color: var(--color-ink-500); | |
| } | |
| .styles_tick__LqH74 { | |
| position: absolute; | |
| --tw-border-opacity: 1; | |
| border-color: rgba(255, 255, 255, var(--tw-border-opacity)); | |
| top: 3px; | |
| left: 2px; | |
| width: 10px; | |
| height: 5px; | |
| transform: rotate(-45deg) scale(0.75); | |
| opacity: 0; | |
| transition-duration: 0.2s; | |
| transition-property: opacity, transform; | |
| border-width: 0 0 2px 2px; | |
| } | |
| input:checked + .styles_box__3FICh, | |
| input:focus + .styles_box__3FICh { | |
| border-color: var(--color-primary-active-main); | |
| } | |
| input:checked + .styles_box__3FICh { | |
| background-color: var(--color-primary-active-main); | |
| } | |
| input:checked + .styles_box__3FICh .styles_tick__LqH74 { | |
| transform: rotate(-45deg) scale(1); | |
| opacity: 1; | |
| } | |
| .styles_container__gNePc { | |
| margin-left: auto; | |
| margin-right: auto; | |
| display: flex; | |
| width: 100%; | |
| flex-direction: column; | |
| padding-left: 0.75rem; | |
| padding-right: 0.75rem; | |
| } | |
| @media (min-width: 768px) { | |
| .styles_container__gNePc { | |
| padding-left: 1rem; | |
| padding-right: 1rem; | |
| } | |
| } | |
| .styles_size--sm__YxxQS { | |
| max-width: 800px; | |
| } | |
| .styles_size--md__rqxCd { | |
| max-width: 1200px; | |
| } | |
| .styles_size--full__5g2LU { | |
| max-width: none; | |
| } | |
| .styles_sidebar__L0GX_ { | |
| z-index: 1; | |
| margin-bottom: auto; | |
| width: 16rem; | |
| flex-shrink: 0; | |
| overflow-y: auto; | |
| max-height: calc(100vh - var(--header-height)); | |
| padding-right: 18px; | |
| margin-right: 6px; | |
| } | |
| .styles_header__Oj9HT, | |
| .styles_sidebar__L0GX_ { | |
| position: -webkit-sticky; | |
| position: sticky; | |
| padding-bottom: 1rem; | |
| top: var(--header-height); | |
| } | |
| .styles_header__Oj9HT { | |
| z-index: 30; | |
| display: flex; | |
| align-items: center; | |
| justify-content: space-between; | |
| background-color: var(--color-ink-000); | |
| } | |
| /*# sourceMappingURL=5dc3a7e1bf83e673.css.map*/ | |
| .styles_input__VlIl_ { | |
| display: block; | |
| width: 100%; | |
| border-radius: 0.25rem; | |
| border-width: 1px; | |
| font-size: 0.875rem; | |
| line-height: 1.125rem; | |
| --tw-shadow: inset 0 0 0 0 var(--color-primary-active-main); | |
| box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); | |
| appearance: none; | |
| -moz-appearance: none; | |
| -webkit-appearance: none; | |
| outline: 0; | |
| box-shadow: none; | |
| transition-property: border-color, box-shadow, background; | |
| transition-duration: 0.25s; | |
| text-align: inherit; | |
| } | |
| .dark .styles_input__VlIl_, | |
| .styles_input__VlIl_ { | |
| background-color: var(--color-ink-000); | |
| } | |
| .styles_input__VlIl_:focus { | |
| border-color: var(--color-primary-active-main); | |
| --tw-shadow: inset 0 0 0 1px var(--color-primary-active-main); | |
| box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); | |
| outline-offset: -2px; | |
| } | |
| .styles_input__VlIl_[disabled] { | |
| pointer-events: none; | |
| cursor: default; | |
| opacity: 0.6; | |
| } | |
| .styles_variant-outlined__FWtX7 { | |
| border-color: var(--color-ink-100); | |
| } | |
| .styles_variant-ghost__AxhM6, | |
| .styles_variant-outlined__FWtX7 { | |
| background-color: var(--color-ink-000); | |
| color: var(--color-ink-900); | |
| } | |
| .styles_variant-ghost__AxhM6 { | |
| border-color: transparent; | |
| } | |
| .dark .styles_variant-outlined__FWtX7 { | |
| border-color: var(--color-ink-200); | |
| background-color: var(--color-ink-000); | |
| } | |
| .styles_variant-outlined__FWtX7:-webkit-autofill { | |
| box-shadow: 0 0 0 30px var(--color-ink-000) inset !important; | |
| color: var(--color-ink-700) !important; | |
| -webkit-text-fill-color: var(--color-ink-700) !important; | |
| } | |
| .styles_size-sm__PHYaG { | |
| height: 1.5rem; | |
| } | |
| .styles_padding-sm__oUmFN { | |
| padding-left: 0.5rem; | |
| padding-right: 0.5rem; | |
| } | |
| .styles_size-sm--icon-left__hZYMA { | |
| padding-left: 2rem; | |
| } | |
| .styles_size-sm--icon-right__lCkb7 { | |
| padding-right: 2rem; | |
| } | |
| .styles_size-md__tPxH5 { | |
| height: 2rem; | |
| } | |
| .styles_padding-md__2T9wO { | |
| padding-left: 0.5rem; | |
| padding-right: 0.5rem; | |
| } | |
| .styles_size-md--icon-left__Z4bEU { | |
| padding-left: 2rem; | |
| } | |
| .styles_size-md--icon-right__I47NJ { | |
| padding-right: 2rem; | |
| } | |
| .styles_size-lg__5bUeh { | |
| height: 2.5rem; | |
| } | |
| .styles_padding-lg___TEn4 { | |
| padding-left: 0.75rem; | |
| padding-right: 0.75rem; | |
| } | |
| .styles_size-lg--icon-left__0l_I_ { | |
| padding-left: 2.25rem; | |
| } | |
| .styles_size-lg--icon-right__CmtBi { | |
| padding-right: 2.25rem; | |
| } | |
| .styles_size-xl__ZBV8a { | |
| height: 3rem; | |
| } | |
| .styles_padding-xl__c_G39 { | |
| padding-left: 0.75rem; | |
| padding-right: 0.75rem; | |
| } | |
| .styles_size-xl--icon-left__G7F_B { | |
| padding-left: 2.25rem; | |
| } | |
| .styles_size-xl--icon-right__XjOnO { | |
| padding-right: 2.25rem; | |
| } | |
| .styles_tip__Vi4MI { | |
| background-color: var(--color-ink-1000); | |
| font-size: 0.875rem; | |
| font-weight: 500; | |
| color: var(--color-ink-000); | |
| } | |
| .styles_tip__Vi4MI .tippy-arrow { | |
| color: var(--color-ink-1000); | |
| } | |
| .styles_container__gNePc { | |
| margin-left: auto; | |
| margin-right: auto; | |
| display: flex; | |
| width: 100%; | |
| flex-direction: column; | |
| padding-left: 0.75rem; | |
| padding-right: 0.75rem; | |
| } | |
| @media (min-width: 768px) { | |
| .styles_container__gNePc { | |
| padding-left: 1rem; | |
| padding-right: 1rem; | |
| } | |
| } | |
| .styles_size--sm__YxxQS { | |
| max-width: 800px; | |
| } | |
| .styles_size--md__rqxCd { | |
| max-width: 1200px; | |
| } | |
| .styles_size--full__5g2LU { | |
| max-width: none; | |
| } | |
| /*# sourceMappingURL=4cba7404ad942c46.css.map*/ | |
| .styles_container__gNePc { | |
| margin-left: auto; | |
| margin-right: auto; | |
| display: flex; | |
| width: 100%; | |
| flex-direction: column; | |
| padding-left: 0.75rem; | |
| padding-right: 0.75rem; | |
| } | |
| @media (min-width: 768px) { | |
| .styles_container__gNePc { | |
| padding-left: 1rem; | |
| padding-right: 1rem; | |
| } | |
| } | |
| .styles_size--sm__YxxQS { | |
| max-width: 800px; | |
| } | |
| .styles_size--md__rqxCd { | |
| max-width: 1200px; | |
| } | |
| .styles_size--full__5g2LU { | |
| max-width: none; | |
| } | |
| .styles_input__VlIl_ { | |
| display: block; | |
| width: 100%; | |
| border-radius: 0.25rem; | |
| border-width: 1px; | |
| font-size: 0.875rem; | |
| line-height: 1.125rem; | |
| --tw-shadow: inset 0 0 0 0 var(--color-primary-active-main); | |
| box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); | |
| appearance: none; | |
| -moz-appearance: none; | |
| -webkit-appearance: none; | |
| outline: 0; | |
| box-shadow: none; | |
| transition-property: border-color, box-shadow, background; | |
| transition-duration: 0.25s; | |
| text-align: inherit; | |
| } | |
| .dark .styles_input__VlIl_, | |
| .styles_input__VlIl_ { | |
| background-color: var(--color-ink-000); | |
| } | |
| .styles_input__VlIl_:focus { | |
| border-color: var(--color-primary-active-main); | |
| --tw-shadow: inset 0 0 0 1px var(--color-primary-active-main); | |
| box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); | |
| outline-offset: -2px; | |
| } | |
| .styles_input__VlIl_[disabled] { | |
| pointer-events: none; | |
| cursor: default; | |
| opacity: 0.6; | |
| } | |
| .styles_variant-outlined__FWtX7 { | |
| border-color: var(--color-ink-100); | |
| } | |
| .styles_variant-ghost__AxhM6, | |
| .styles_variant-outlined__FWtX7 { | |
| background-color: var(--color-ink-000); | |
| color: var(--color-ink-900); | |
| } | |
| .styles_variant-ghost__AxhM6 { | |
| border-color: transparent; | |
| } | |
| .dark .styles_variant-outlined__FWtX7 { | |
| border-color: var(--color-ink-200); | |
| background-color: var(--color-ink-000); | |
| } | |
| .styles_variant-outlined__FWtX7:-webkit-autofill { | |
| box-shadow: 0 0 0 30px var(--color-ink-000) inset !important; | |
| color: var(--color-ink-700) !important; | |
| -webkit-text-fill-color: var(--color-ink-700) !important; | |
| } | |
| .styles_size-sm__PHYaG { | |
| height: 1.5rem; | |
| } | |
| .styles_padding-sm__oUmFN { | |
| padding-left: 0.5rem; | |
| padding-right: 0.5rem; | |
| } | |
| .styles_size-sm--icon-left__hZYMA { | |
| padding-left: 2rem; | |
| } | |
| .styles_size-sm--icon-right__lCkb7 { | |
| padding-right: 2rem; | |
| } | |
| .styles_size-md__tPxH5 { | |
| height: 2rem; | |
| } | |
| .styles_padding-md__2T9wO { | |
| padding-left: 0.5rem; | |
| padding-right: 0.5rem; | |
| } | |
| .styles_size-md--icon-left__Z4bEU { | |
| padding-left: 2rem; | |
| } | |
| .styles_size-md--icon-right__I47NJ { | |
| padding-right: 2rem; | |
| } | |
| .styles_size-lg__5bUeh { | |
| height: 2.5rem; | |
| } | |
| .styles_padding-lg___TEn4 { | |
| padding-left: 0.75rem; | |
| padding-right: 0.75rem; | |
| } | |
| .styles_size-lg--icon-left__0l_I_ { | |
| padding-left: 2.25rem; | |
| } | |
| .styles_size-lg--icon-right__CmtBi { | |
| padding-right: 2.25rem; | |
| } | |
| .styles_size-xl__ZBV8a { | |
| height: 3rem; | |
| } | |
| .styles_padding-xl__c_G39 { | |
| padding-left: 0.75rem; | |
| padding-right: 0.75rem; | |
| } | |
| .styles_size-xl--icon-left__G7F_B { | |
| padding-left: 2.25rem; | |
| } | |
| .styles_size-xl--icon-right__XjOnO { | |
| padding-right: 2.25rem; | |
| } | |
| .styles_modal__wDZC8 { | |
| border-radius: 0.5rem; | |
| max-height: 80vh; | |
| max-width: 100%; | |
| } | |
| .styles_size--content__QrAkr { | |
| width: -webkit-min-content; | |
| width: -moz-min-content; | |
| width: min-content; | |
| } | |
| .styles_size--xs__R7pP7 { | |
| border-radius: 0.75rem; | |
| width: 420px; | |
| } | |
| .styles_size--sm__385oc { | |
| width: 700px; | |
| } | |
| .styles_size--md__vwFcy { | |
| width: 800px; | |
| } | |
| .styles_size--lg__bRs52 { | |
| width: 1000px; | |
| } | |
| /* purgecss end ignore */ | |
| /* purgecss start ignore */ | |
| .styles_button__q1OAc { | |
| position: relative; | |
| display: flex; | |
| align-items: center; | |
| justify-content: space-between; | |
| border-radius: 0.5rem; | |
| border-style: none; | |
| padding-left: 1.75rem; | |
| padding-right: 1.75rem; | |
| padding-top: 0.75rem; | |
| padding-bottom: 0.75rem; | |
| font-size: 1rem; | |
| font-weight: 700; | |
| line-height: 1; | |
| --tw-text-opacity: 1; | |
| color: rgba(255, 255, 255, var(--tw-text-opacity)); | |
| outline: 2px solid transparent; | |
| outline-offset: 2px; | |
| min-height: 56px; | |
| } | |
| .styles_metamask__E6SQg { | |
| background-color: #e99b34; | |
| } | |
| .styles_walletconnect__qJsgZ { | |
| background-color: #4637fd; | |
| } | |
| .styles_coinbase__W_e8c { | |
| background-color: #164edf; | |
| } | |
| /* purgecss end ignore */ | |
| /* purgecss start ignore */ | |
| .styles_menu__6L3Rb { | |
| position: absolute !important; | |
| } | |
| .styles_item__qKsFe { | |
| font-size: 0.88rem; | |
| font-weight: 400; | |
| line-height: 1.3125rem; | |
| position: relative; | |
| padding-left: 0.75rem; | |
| padding-right: 0.75rem; | |
| padding-top: 0.5rem; | |
| padding-bottom: 0.5rem; | |
| } | |
| .styles_itemLink__P3Odi { | |
| font-size: 0.88rem; | |
| font-weight: 400; | |
| line-height: 1.3125rem; | |
| padding: 0px; | |
| } | |
| .styles_itemLink__P3Odi > a { | |
| padding-left: 0.75rem; | |
| padding-right: 0.75rem; | |
| padding-top: 0.5rem; | |
| padding-bottom: 0.5rem; | |
| } | |
| .styles_itemDisabled__dPRRj { | |
| opacity: 0.5; | |
| } | |
| /* purgecss end ignore */ | |
| /* purgecss start ignore */ | |
| .header { | |
| position: fixed; | |
| top: 0px; | |
| z-index: 100; | |
| display: grid; | |
| width: 100%; | |
| align-items: center; | |
| background-color: var(--color-ink-950); | |
| padding-left: 0.75rem; | |
| padding-right: 0.75rem; | |
| transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; | |
| transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; | |
| transition-property: background-color, border-color, 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-duration: 300ms; | |
| height: var(--header-height); | |
| grid-template-columns: 1fr 1fr 1fr; | |
| } | |
| .styles_sider_a7GY1 { | |
| width: 320px; | |
| height: 100%; | |
| background-color: var(--color-ink-950); | |
| } | |
| .styles_clearfix__p5EJ9 { | |
| flex-shrink: 0; | |
| height: var(--header-height); | |
| } | |
| .container { | |
| margin-left: auto; | |
| margin-right: auto; | |
| margin-top: 110px; | |
| display: flex; | |
| width: 100%; | |
| flex-direction: column; | |
| padding-left: 0.75rem; | |
| padding-right: 0.75rem; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment