Created
November 6, 2024 21:39
-
-
Save alyleite/295da88c03963955666143dcaeea92c4 to your computer and use it in GitHub Desktop.
style-777
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
| .scrollable-container + a { | |
| width: 0 !important; | |
| height: 0 !important; | |
| background: transparent; | |
| border: transparent; | |
| transform: scale(0); | |
| } | |
| .scrollable-container + a span { | |
| display: none; | |
| } | |
| .typebot-container { | |
| background-color: #f7f3ef; | |
| background-size: 450px; | |
| background-image: url(//cdn.jsdelivr.net/gh/avancopremium/avanco/fundo-light.svg); | |
| } | |
| .typebot-container.dark { | |
| background-color: #081418; | |
| background-size: 450px; | |
| background-image: url(//cdn.jsdelivr.net/gh/avancopremium/avanco/fundo-dark.svg); | |
| } | |
| * { | |
| -webkit-touch-callout: none; | |
| -webkit-user-select: none; | |
| -webkit-tap-highlight-color: #0000; | |
| -webkit-tap-highlight-color: transparent; | |
| } | |
| .dark ::part(player-svg-border) { | |
| fill: #202c33; | |
| } | |
| .typebot-input-container > .typebot-input { | |
| max-width: var(--typebot-chat-container-max-width) !important; | |
| position: fixed; | |
| right: 50%; | |
| transform: translate(50%, -50%); | |
| bottom: -30px; | |
| width: calc(100vw - 20px); | |
| background-color: unset !important; | |
| box-shadow: unset !important; | |
| padding: 0 !important; | |
| align-items: center !important; | |
| z-index: 30; | |
| } | |
| .typebot-input-container > .typebot-input > input { | |
| background-color: #fff; | |
| border-radius: 50px; | |
| padding: 12px 1rem 12px 3rem; | |
| box-shadow: 0 1px 0.5px #0b141a14 !important; | |
| } | |
| .dark .typebot-input-container > .typebot-input > input { | |
| background-color: #202c33 !important; | |
| } | |
| .typebot-input-container > .typebot-input input { | |
| font-size: 16px; | |
| font-weight: 400; | |
| color: #111b21; | |
| height: 47px; | |
| } | |
| .dark .typebot-input-container > .typebot-input input { | |
| color: #e9edef !important; | |
| } | |
| .typebot-input-container > .typebot-input:has(> input)::before { | |
| content: ""; | |
| display: block; | |
| position: absolute; | |
| background-image: url(//cdn.jsdelivr.net/gh/avancopremium/avanco/emoji-light.svg); | |
| background-repeat: no-repeat; | |
| width: 28px; | |
| height: 28px; | |
| left: 0; | |
| top: 50%; | |
| transform: translate(50%, -50%); | |
| } | |
| .dark .typebot-input-container > .typebot-input:has(> input)::before { | |
| background-image: url(//cdn.jsdelivr.net/gh/avancopremium/avanco/emoji-dark.svg) !important; | |
| } | |
| .typebot-input-container > .typebot-input::after { | |
| content: ""; | |
| display: block; | |
| position: absolute; | |
| background-image: url(//cdn.jsdelivr.net/gh/avancopremium/avanco/clip.svg); | |
| background-repeat: no-repeat; | |
| width: 28px; | |
| height: 28px; | |
| right: 80px; | |
| top: 50%; | |
| transform: translate(50%, -50%); | |
| } | |
| .typebot-input-container > .typebot-input button { | |
| font-size: 0; | |
| border-radius: 50px !important; | |
| padding: 10px; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| box-shadow: 0 1px 0.5px #0b141a14 !important; | |
| height: 47px; | |
| width: 47px; | |
| padding: 10px 13px; | |
| } | |
| .typebot-input-container > .typebot-input button svg { | |
| width: 20px; | |
| height: 20px; | |
| display: none; | |
| } | |
| .typebot-input-container > .typebot-input button::before { | |
| content: ""; | |
| display: block; | |
| background-image: url(//cdn.jsdelivr.net/gh/avancopremium/avanco/enviar.svg); | |
| background-repeat: no-repeat; | |
| background-position-x: center; | |
| background-position-y: center; | |
| width: 25px; | |
| height: 25px; | |
| } | |
| .typebot-input-container > .typebot-input:has(> div.flex) { | |
| align-items: center; | |
| } | |
| .typebot-input-container | |
| > .typebot-input | |
| > div.flex:has(> .typebot-country-select) { | |
| width: 100%; | |
| padding: 0 10px; | |
| background-color: #fff; | |
| border-radius: 50px; | |
| box-shadow: 0 1px 0.5px #0b141a14 !important; | |
| } | |
| .dark | |
| .typebot-input-container | |
| > .typebot-input | |
| > div.flex:has(> .typebot-country-select) { | |
| background-color: #202c33 !important; | |
| } | |
| .typebot-input-container > .typebot-input .typebot-country-select, | |
| .typebot-input-container > .typebot-input .typebot-country-select option { | |
| font-size: 16px; | |
| font-weight: 400; | |
| color: #111b21; | |
| } | |
| .dark .typebot-input-container > .typebot-input .typebot-country-select, | |
| .dark .typebot-input-container > .typebot-input .typebot-country-select option { | |
| color: #e9edef !important; | |
| } | |
| .typebot-input-container > .typebot-input .typebot-country-select > .flex { | |
| height: 100%; | |
| display: flex; | |
| align-items: center; | |
| } | |
| .typebot-input-container > .typebot-input .typebot-country-select > .flex span { | |
| height: 100%; | |
| line-height: 2.8; | |
| } | |
| .typebot-input-container > .typebot-input .typebot-country-select + input { | |
| line-height: 1; | |
| padding: 0 1rem 0 0.5rem; | |
| } | |
| .typebot-input-container > .typebot-input .typebot-country-select select { | |
| background-color: #fff; | |
| } | |
| .dark .typebot-input-container > .typebot-input .typebot-country-select select { | |
| background-color: #202c33 !important; | |
| } | |
| .typebot-input-container > .typebot-input-form { | |
| max-width: var(--typebot-chat-container-max-width) !important; | |
| position: fixed; | |
| right: 50%; | |
| transform: translate(50%, -50%); | |
| bottom: -14px; | |
| width: calc(100vw - 20px); | |
| background-color: unset !important; | |
| box-shadow: unset !important; | |
| padding: 0 !important; | |
| z-index: 30; | |
| } | |
| .typebot-input-container > .typebot-input-form .typebot-input { | |
| background-color: #fff; | |
| border-radius: 50px; | |
| box-shadow: 0 1px 0.5px #0b141a14 !important; | |
| } | |
| .dark .typebot-input-container > .typebot-input-form .typebot-input { | |
| background-color: #202c33 !important; | |
| } | |
| .typebot-input-container | |
| > .typebot-input-form | |
| .typebot-input:not(:has(> .typebot-country-select)) { | |
| padding: 0 1rem 0 1.6rem; | |
| } | |
| .typebot-input-container > .typebot-input-form .typebot-input input { | |
| font-size: 16px; | |
| font-weight: 400; | |
| color: #111b21; | |
| } | |
| .dark .typebot-input-container > .typebot-input-form .typebot-input input { | |
| color: #e9edef !important; | |
| } | |
| .typebot-input-container > .typebot-input-form .typebot-input, | |
| .typebot-input-container > .typebot-input-form .typebot-input * { | |
| height: 47px; | |
| } | |
| .typebot-input-container > .typebot-input-form .typebot-input > input { | |
| padding: 0 1.5rem; | |
| } | |
| .typebot-input-container | |
| > .typebot-input-form | |
| .typebot-input:not(:has(> .typebot-country-select))::before { | |
| content: ""; | |
| display: block; | |
| position: absolute; | |
| background-image: url(//cdn.jsdelivr.net/gh/avancopremium/avanco/emoji-light.svg); | |
| background-repeat: no-repeat; | |
| width: 28px; | |
| height: 28px; | |
| left: 0; | |
| top: 50%; | |
| transform: translate(50%, -50%); | |
| } | |
| .dark | |
| .typebot-input-container | |
| > .typebot-input-form | |
| .typebot-input:not(:has(> .typebot-country-select))::before { | |
| background-image: url(//cdn.jsdelivr.net/gh/avancopremium/avanco/emoji-dark.svg) !important; | |
| } | |
| .typebot-input-container > .typebot-input-form .typebot-input::after { | |
| content: ""; | |
| display: block; | |
| position: absolute; | |
| background-image: url(//cdn.jsdelivr.net/gh/avancopremium/avanco/clip.svg); | |
| background-repeat: no-repeat; | |
| width: 28px; | |
| height: 28px; | |
| right: 30px; | |
| top: 50%; | |
| transform: translate(50%, -50%); | |
| } | |
| .typebot-input-container > .typebot-input-form button { | |
| font-size: 0; | |
| border-radius: 50px !important; | |
| padding: 10px; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| box-shadow: 0 1px 0.5px #0b141a14 !important; | |
| height: 47px; | |
| width: 47px; | |
| padding: 10px 13px; | |
| } | |
| .typebot-input-container > .typebot-input-form button svg { | |
| width: 20px; | |
| height: 20px; | |
| } | |
| .typebot-input-container > .typebot-input-form .typebot-country-select { | |
| background-color: #fff; | |
| border-radius: 50px; | |
| } | |
| .dark .typebot-input-container > .typebot-input-form .typebot-country-select { | |
| background-color: #202c33 !important; | |
| } | |
| .typebot-input-container | |
| > .typebot-input-form | |
| .typebot-input | |
| .typebot-country-select { | |
| padding: 0 0.3rem; | |
| } | |
| .typebot-input-container | |
| > .typebot-input-form | |
| .typebot-input | |
| .typebot-country-select | |
| + input { | |
| line-height: 1; | |
| padding: 0 1rem 0 0.5rem; | |
| } | |
| .typebot-input-container > .typebot-input-form .typebot-country-select, | |
| .typebot-input-container > .typebot-input-form .typebot-country-select option { | |
| font-size: 16px; | |
| font-weight: 400; | |
| color: #111b21; | |
| } | |
| .dark .typebot-input-container > .typebot-input-form .typebot-country-select, | |
| .dark | |
| .typebot-input-container | |
| > .typebot-input-form | |
| .typebot-country-select | |
| option { | |
| color: #e9edef !important; | |
| } | |
| .typebot-input-container > .typebot-input-form .typebot-country-select > .flex { | |
| display: flex; | |
| align-items: center; | |
| line-height: 2.8; | |
| } | |
| .typebot-input-container > .typebot-input-form .typebot-country-select select { | |
| background-color: #fff; | |
| } | |
| .dark | |
| .typebot-input-container | |
| > .typebot-input-form | |
| .typebot-country-select | |
| select { | |
| background-color: #202c33 !important; | |
| } | |
| #top-bar #name::after { | |
| content: ""; | |
| display: block; | |
| position: absolute; | |
| background-image: url(//cdn.jsdelivr.net/gh/avancopremium/avanco/check.svg); | |
| width: 18px; | |
| height: 18px; | |
| right: -21px; | |
| top: 1px; | |
| } | |
| @media (max-width: 350px) { | |
| .typebot-avatar-container { | |
| display: none !important; | |
| } | |
| } | |
| .typebot-avatar-container { | |
| width: 35px !important; | |
| display: none; | |
| } | |
| .scrollable-container | |
| .typebot-chat-chunk | |
| .flex.gap-1 | |
| + .flex.justify-end | |
| .flex-shrink-0 { | |
| //width: 35px !important; | |
| } | |
| .typebot-avatar-container div.top-0 { | |
| top: 0 !important; | |
| width: 30px; | |
| height: 30px; | |
| } | |
| .scrollable-container .typebot-chat-chunk .typebot-host-bubble figure.z-10.p-4 { | |
| padding: 8px; | |
| } | |
| .scrollable-container | |
| .typebot-chat-chunk | |
| .typebot-host-bubble | |
| figure:not(.z-10.p-4) | |
| span { | |
| display: none !important; | |
| } | |
| .typebot-avatar-container div.top-0 figure { | |
| width: 30px; | |
| height: 30px; | |
| } | |
| .scrollable-container .typebot-chat-chunk .typebot-button { | |
| border-color: #008069; | |
| background-color: #008069; | |
| border-radius: 14px; | |
| } | |
| .dark .scrollable-container .typebot-chat-chunk .typebot-button { | |
| border-color: #005c4b; | |
| background-color: #005c4b; | |
| border-radius: 14px; | |
| } | |
| .scrollable-container .typebot-chat-chunk .typebot-button + .ping { | |
| margin-top: -2px; | |
| margin-right: -2px; | |
| } | |
| .scrollable-container .typebot-chat-chunk .typebot-button + .ping span { | |
| background-color: #008069; | |
| } | |
| .dark .scrollable-container .typebot-chat-chunk .typebot-button + .ping span { | |
| background-color: #005c4b; | |
| } | |
| .scrollable-container .typebot-chat-chunk .bubble-typing { | |
| background-color: #fff; | |
| } | |
| .scrollable-container .typebot-chat-chunk .slate-html-container span { | |
| color: #111b21; | |
| } | |
| .dark .scrollable-container .typebot-chat-chunk .bubble-typing { | |
| background-color: #202c33; | |
| } | |
| .dark .scrollable-container .typebot-chat-chunk .slate-html-container span { | |
| color: #e9edef; | |
| } | |
| .scrollable-container | |
| .typebot-chat-chunk | |
| .flex.guest-container | |
| .typebot-guest-bubble { | |
| position: relative; | |
| border-radius: 14px 0 14px 14px; | |
| background-color: #e7ffdb; | |
| color: #111b21; | |
| display: flex; | |
| flex-direction: row; | |
| } | |
| .dark | |
| .scrollable-container | |
| .typebot-chat-chunk | |
| .flex.guest-container | |
| .typebot-guest-bubble { | |
| position: relative; | |
| border-radius: 14px 0 14px 14px; | |
| background-color: #005c4b; | |
| color: #e9edef; | |
| display: flex; | |
| flex-direction: row; | |
| } | |
| .scrollable-container | |
| .typebot-chat-chunk | |
| .flex.gap-1 | |
| .flex-1 | |
| .flex.flex-col:first-child | |
| .bubble-typing, | |
| .scrollable-container | |
| .typebot-chat-chunk | |
| .flex.gap-2 | |
| .flex-1 | |
| .flex.flex-col:first-child | |
| .bubble-typing { | |
| border-radius: 0 14px 14px 14px; | |
| } | |
| .scrollable-container | |
| .typebot-chat-chunk | |
| .flex.gap-1 | |
| .flex-1 | |
| .flex.flex-col | |
| .bubble-typing, | |
| .scrollable-container | |
| .typebot-chat-chunk | |
| .flex.gap-2 | |
| .flex-1 | |
| .flex.flex-col | |
| .bubble-typing { | |
| border-radius: 14px; | |
| } | |
| .scrollable-container | |
| .typebot-chat-chunk | |
| .flex.gap-1 | |
| .flex-1 | |
| .flex.flex-col:first-child | |
| .bubble-typing::after, | |
| .scrollable-container | |
| .typebot-chat-chunk | |
| .flex.gap-2 | |
| .flex-1 | |
| .flex.flex-col:first-child | |
| .bubble-typing::after { | |
| content: ""; | |
| position: absolute; | |
| visibility: visible; | |
| top: 0; | |
| left: -8px; | |
| width: 8px; | |
| height: 13px; | |
| background-image: url(//cdn.jsdelivr.net/gh/avancopremium/avanco/ponta-esquerda-light.svg); | |
| } | |
| .scrollable-container | |
| .typebot-chat-chunk | |
| .flex.gap-1 | |
| + .flex.guest-container | |
| .typebot-guest-bubble::after, | |
| .scrollable-container | |
| .typebot-chat-chunk | |
| .flex.gap-2 | |
| + .flex.guest-container | |
| .typebot-guest-bubble::after { | |
| content: ""; | |
| position: absolute; | |
| visibility: visible; | |
| top: 0; | |
| right: -8px; | |
| width: 8px; | |
| height: 13px; | |
| background-image: url(//cdn.jsdelivr.net/gh/avancopremium/avanco/ponta-direita-light.svg); | |
| } | |
| .dark | |
| .scrollable-container | |
| .typebot-chat-chunk | |
| .flex.gap-1 | |
| .flex-1 | |
| .flex.flex-col:first-child | |
| .bubble-typing::after, | |
| .dark | |
| .scrollable-container | |
| .typebot-chat-chunk | |
| .flex.gap-2 | |
| .flex-1 | |
| .flex.flex-col:first-child | |
| .bubble-typing::after { | |
| content: ""; | |
| position: absolute; | |
| visibility: visible; | |
| top: 0; | |
| left: -8px; | |
| width: 8px; | |
| height: 13px; | |
| background-image: url(//cdn.jsdelivr.net/gh/avancopremium/avanco/ponta-esquerda-dark.svg); | |
| } | |
| .dark | |
| .scrollable-container | |
| .typebot-chat-chunk | |
| .flex.gap-1 | |
| + .flex.guest-container | |
| .typebot-guest-bubble::after, | |
| .dark | |
| .scrollable-container | |
| .typebot-chat-chunk | |
| .flex.gap-2 | |
| + .flex.guest-container | |
| .typebot-guest-bubble::after { | |
| content: ""; | |
| position: absolute; | |
| visibility: visible; | |
| top: 0; | |
| right: -8px; | |
| width: 8px; | |
| height: 13px; | |
| background-image: url(//cdn.jsdelivr.net/gh/avancopremium/avanco/ponta-direita-dark.svg); | |
| } | |
| .bubble-typing, | |
| .typebot-guest-bubble { | |
| box-shadow: 0 1px 0.5px #0b141a14 !important; | |
| } | |
| .scrollable-container { | |
| padding-top: 70px !important; | |
| } | |
| .invisible { | |
| visibility: hidden; | |
| } | |
| .absolute { | |
| position: absolute; | |
| } | |
| .relative { | |
| position: relative; | |
| } | |
| .-bottom-0 { | |
| bottom: 0; | |
| } | |
| .-bottom-0\.5 { | |
| bottom: -0.125rem; | |
| } | |
| .bottom-1 { | |
| bottom: 0.25rem; | |
| } | |
| .bottom-1\.5 { | |
| bottom: 0.375rem; | |
| } | |
| .bottom-2 { | |
| bottom: 0.5rem; | |
| } | |
| .bottom-2\.5 { | |
| bottom: 0.625rem; | |
| } | |
| .right-0 { | |
| right: 0; | |
| } | |
| .right-2 { | |
| right: 0.5rem; | |
| } | |
| .right-4 { | |
| right: 1rem; | |
| } | |
| .top-0 { | |
| top: 0; | |
| } | |
| .ml-3 { | |
| margin-left: 0.75rem; | |
| } | |
| .mt-1 { | |
| margin-top: 0.25rem; | |
| } | |
| .flex { | |
| display: flex; | |
| } | |
| .inline-flex { | |
| display: inline-flex; | |
| } | |
| .hidden { | |
| display: none; | |
| } | |
| .h-10 { | |
| height: 2.5rem; | |
| } | |
| .h-16 { | |
| height: 4rem; | |
| } | |
| .h-2 { | |
| height: 0.5rem; | |
| } | |
| .h-3 { | |
| height: 0.75rem; | |
| } | |
| .h-3\.5 { | |
| height: 0.875rem; | |
| } | |
| .h-6 { | |
| height: 1.5rem; | |
| } | |
| .h-7 { | |
| height: 1.75rem; | |
| } | |
| .h-9 { | |
| height: 2.25rem; | |
| } | |
| .h-\[70px\] { | |
| height: 70px; | |
| } | |
| .h-screen { | |
| height: 100vh; | |
| } | |
| .w-10 { | |
| width: 2.5rem; | |
| } | |
| .w-14 { | |
| width: 3.5rem; | |
| } | |
| .w-3 { | |
| width: 0.75rem; | |
| } | |
| .w-3\.5 { | |
| width: 0.875rem; | |
| } | |
| .w-4 { | |
| width: 1rem; | |
| } | |
| .w-6 { | |
| width: 1.5rem; | |
| } | |
| .w-7 { | |
| width: 1.75rem; | |
| } | |
| .w-9 { | |
| width: 2.25rem; | |
| } | |
| .w-\[calc\(100\%-16px\)\] { | |
| width: calc(100% - 16px); | |
| } | |
| .w-fit { | |
| width: fit-content; | |
| } | |
| .w-full { | |
| width: 100%; | |
| } | |
| .w-min { | |
| width: min-content; | |
| } | |
| .w-screen { | |
| width: 100vw; | |
| } | |
| .cursor-pointer { | |
| cursor: pointer; | |
| } | |
| .flex-col { | |
| flex-direction: column; | |
| } | |
| .items-end { | |
| align-items: flex-end; | |
| } | |
| .items-center { | |
| align-items: center; | |
| } | |
| .justify-end { | |
| justify-content: flex-end; | |
| } | |
| .justify-between { | |
| justify-content: space-between; | |
| } | |
| .gap-1 { | |
| gap: 0.25rem; | |
| } | |
| .gap-2 { | |
| gap: 0.5rem; | |
| } | |
| .gap-4 { | |
| gap: 1rem; | |
| } | |
| .gap-6 { | |
| gap: 1.5rem; | |
| } | |
| .rounded-full { | |
| border-radius: 9999px; | |
| } | |
| .rounded-md { | |
| border-radius: 0.375rem; | |
| } | |
| .rounded-b-md { | |
| border-bottom-right-radius: 0.375rem; | |
| border-bottom-left-radius: 0.375rem; | |
| } | |
| .border-b { | |
| border-bottom-width: 1px; | |
| } | |
| .bg-\[\#005C4B\] { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(0 92 75 / var(--tw-bg-opacity)); | |
| } | |
| .bg-\[\#008069\], | |
| .bg-\[\#cbf2ee\] { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(0 128 105 / var(--tw-bg-opacity)); | |
| } | |
| .bg-\[\#cbf2ee\] { | |
| background-color: rgb(203 242 238 / var(--tw-bg-opacity)); | |
| } | |
| .bg-\[\#f8f7f7\], | |
| .bg-white { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(248 247 247 / var(--tw-bg-opacity)); | |
| } | |
| .bg-white { | |
| background-color: rgb(255 255 255 / var(--tw-bg-opacity)); | |
| } | |
| .bg-gradient-to-t { | |
| background-image: linear-gradient(to top, var(--tw-gradient-stops)); | |
| } | |
| .from-\[rgba\(11\2c 20\2c 26\2c \.5\)\] { | |
| --tw-gradient-from: rgba(11, 20, 26, 0.5) var(--tw-gradient-from-position); | |
| --tw-gradient-to: rgba(11, 20, 26, 0) var(--tw-gradient-to-position); | |
| --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
| } | |
| .to-\[rgba\(11\2c 20\2c 26\2c 0\)\] { | |
| --tw-gradient-to: rgba(11, 20, 26, 0) var(--tw-gradient-to-position); | |
| } | |
| .p-2 { | |
| padding: 0.5rem; | |
| } | |
| .p-4 { | |
| padding: 1rem; | |
| } | |
| .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; | |
| } | |
| .py-1 { | |
| padding-top: 0.25rem; | |
| padding-bottom: 0.25rem; | |
| } | |
| .py-1\.5 { | |
| padding-top: 0.375rem; | |
| padding-bottom: 0.375rem; | |
| } | |
| .py-2 { | |
| padding-top: 0.5rem; | |
| padding-bottom: 0.5rem; | |
| } | |
| .py-3 { | |
| padding-top: 0.75rem; | |
| padding-bottom: 0.75rem; | |
| } | |
| .py-5 { | |
| padding-top: 1.25rem; | |
| padding-bottom: 1.25rem; | |
| } | |
| .text-center { | |
| text-align: center; | |
| } | |
| .align-top { | |
| vertical-align: top; | |
| } | |
| .text-lg { | |
| font-size: 1.125rem; | |
| line-height: 1.75rem; | |
| } | |
| .text-sm { | |
| font-size: 0.875rem; | |
| line-height: 1.25rem; | |
| } | |
| .text-xs { | |
| font-size: 0.75rem; | |
| line-height: 1rem; | |
| } | |
| .font-normal { | |
| font-weight: 400; | |
| } | |
| .font-semibold { | |
| font-weight: 600; | |
| } | |
| .leading-none { | |
| line-height: 1; | |
| } | |
| .leading-tight { | |
| line-height: 1.25; | |
| } | |
| .text-\[\#54656f\], | |
| .text-\[\#667781\] { | |
| --tw-text-opacity: 1; | |
| color: rgb(84 101 111 / var(--tw-text-opacity)); | |
| } | |
| .text-\[\#667781\] { | |
| color: rgb(102 119 129 / var(--tw-text-opacity)); | |
| } | |
| .text-\[rgba\(233\2c 237\2c 239\2c \.9\)\] { | |
| color: rgba(233, 237, 239, 0.9); | |
| } | |
| .text-white { | |
| --tw-text-opacity: 1; | |
| color: rgb(255 255 255 / var(--tw-text-opacity)); | |
| } | |
| .shadow-\[0_1px_0\.5px_rgba\(11\2c 20\2c 26\2c 0\.08\)\] { | |
| --tw-shadow: 0 1px 0.5px rgba(11, 20, 26, 0.08); | |
| --tw-shadow-colored: 0 1px 0.5px var(--tw-shadow-color); | |
| box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), | |
| var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); | |
| } | |
| @media (min-width: 320px) { | |
| .xs\:block { | |
| display: block; | |
| } | |
| } | |
| .dark\:border-\[\#8696a00a\]:where(.dark, .dark *) { | |
| border-color: #8696a00a; | |
| } | |
| .dark\:bg-\[\#1c272d\]:where(.dark, .dark *) { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(28 39 45 / var(--tw-bg-opacity)); | |
| } | |
| .dark\:bg-\[\#202c33\]:where(.dark, .dark *) { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(32 44 51 / var(--tw-bg-opacity)); | |
| } | |
| .dark\:fill-\[\#53bcea\]:where(.dark, .dark *) { | |
| fill: #53bcea; | |
| } | |
| .dark\:fill-\[\#5faca7\]:where(.dark, .dark *) { | |
| fill: #5faca7; | |
| } | |
| .dark\:fill-\[\#e9edef\]:where(.dark, .dark *) { | |
| fill: #e9edef; | |
| } | |
| .dark\:text-\[\#5faca7\]:where(.dark, .dark *) { | |
| --tw-text-opacity: 1; | |
| color: rgb(95 172 167 / var(--tw-text-opacity)); | |
| } | |
| .dark\:text-\[\#8696a0\]:where(.dark, .dark *) { | |
| --tw-text-opacity: 1; | |
| color: rgb(134 150 160 / var(--tw-text-opacity)); | |
| } | |
| .dark\:text-\[\#99beb7\]:where(.dark, .dark *) { | |
| --tw-text-opacity: 1; | |
| color: rgb(153 190 183 / var(--tw-text-opacity)); | |
| } | |
| .dark\:text-\[\#e9edef\]:where(.dark, .dark *) { | |
| --tw-text-opacity: 1; | |
| color: rgb(233 237 239 / var(--tw-text-opacity)); | |
| } | |
| .dark\:shadow-\[0_1px_3px_rgba\(11\2c | |
| 20\2c | |
| 26\2c | |
| 0\.4\)\]:where(.dark, .dark *) { | |
| --tw-shadow: 0 1px 3px rgba(11, 20, 26, 0.4); | |
| --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color); | |
| box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), | |
| var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment