/* Лендинг (/, /suppliers и языковые версии). Перенесён 1:1 из одобренного прототипа «Маркер». Все правила под html.lp-doc: класс ставит LandingShell, пока лендинг на экране, поэтому стили не влияют на платформу. Тёмная тема — класс .dark платформы (flowbite-theme-mode). Анимации отключаются при prefers-reduced-motion. */ /* Шрифт Onest (SIL OFL 1.1, fonts/OFL.txt): вариативный, начертания 400–700 */ @font-face { font-family: "Onest"; font-style: normal; font-weight: 400 700; font-display: swap; src: url(/assets/fonts/286e7e034b6833075598.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Onest"; font-style: normal; font-weight: 400 700; font-display: swap; src: url(/assets/fonts/ff1833a983b44cee36f7.woff2) format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: "Onest"; font-style: normal; font-weight: 400 700; font-display: swap; src: url(/assets/fonts/5413e0b3cae88111c409.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Onest"; font-style: normal; font-weight: 400 700; font-display: swap; src: url(/assets/fonts/9beabb65aaab1cb521f4.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } html.lp-doc { --bg: #FFFFFF; --ink: #06192A; --muted: #3D5466; --line: #DCE6EE; --line-2: #C3D2DE; --soft: #F2F8FC; --card: #FFFFFF; --card-ink: #06192A; --card-muted: #557085; --card-line: #E3EBF1; --accent: #0A76B4; --brand: #14A0E6; --chart: #14A0E6; --chart-fill: rgba(20, 160, 230, .16); --field: #72CCF5; --field-ink: #04121E; --field-muted: #0B3550; /* между primary-400 и primary-300 из tailwind.config.js: чёрный текст читается легче */ --cta: #FFFC00; --cta-hover: #F5E000; --cta-ink: #06192A; --mark: #FFFC00; --mark-ink: #06192A; /* accent-700 «основной» и accent-600 из tailwind.config.js */ --hl-from: 52%; --num-from: 58%; --hl-ink: #06192A; --step-top: #7FCDF4; --step-front: #14A0E6; --step-side: #0B7DB8; --band: #0B2233; --band-ink: #F1F7FB; --band-muted: #A9C0D0; --band-line: #21405A; --ok: #136B3F; --ok-bg: #DDF3E6; --check: #1E9E57; --tg: #2AABEE; --tg-link: #3390EC; --live: #E53935; --urgent: #D92D20; --beam-top: .4; --glass: rgba(255, 255, 255, .8); --shadow: 0 22px 44px -22px rgba(4, 40, 70, .45), 0 2px 6px rgba(4, 40, 70, .08); --shadow-lg: 0 50px 90px -46px rgba(4, 40, 70, .6), 0 2px 8px rgba(4, 40, 70, .08); --island-shadow: 0 40px 80px -48px rgba(4, 30, 50, .55), 0 1px 2px rgba(4, 30, 50, .06); --logo-l: block; --logo-d: none; --font: "Onest", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; --ease: cubic-bezier(.16, 1, .3, 1); --spring: cubic-bezier(.34, 1.56, .64, 1); --hdr-h: 72px; } html.lp-doc.dark { --bg: #0A141C; --ink: #EAF3F9; --muted: #9DB2C2; --line: #1D3446; --line-2: #2A4760; --soft: #0E1C27; --card: #0F2232; --card-ink: #EAF3F9; --card-muted: #8FA9BC; --card-line: #1D3446; --accent: #52BEF4; --chart: #3FB4F0; --chart-fill: rgba(63, 180, 240, .18); --field: #0F5F8F; --field-ink: #EAF3F9; --field-muted: #BFDCEE; --hl-from: 8%; --num-from: 0%; --hl-ink: #06192A; --step-top: #2B7FAE; --step-front: #14A0E6; --step-side: #0B5E8C; --band: #0E2A3F; --band-line: #24445E; --ok: #8BDDB0; --ok-bg: #12301F; --check: #2FB86A; --urgent: #FF6B5E; --beam-top: .34; --glass: rgba(10, 20, 28, .78); --shadow: 0 22px 44px -22px rgba(0, 0, 0, .7), 0 2px 6px rgba(0, 0, 0, .3); --shadow-lg: 0 50px 90px -46px rgba(0, 0, 0, .85), 0 2px 8px rgba(0, 0, 0, .3); --island-shadow: 0 40px 80px -48px rgba(0, 0, 0, .85), inset 0 0 0 1px #1D3446; --logo-l: none; --logo-d: block; color-scheme: dark; } /* ---------- Основа ---------- */ html.lp-doc * { box-sizing: border-box; } /* атрибут hidden главнее display из правил компонентов: меню, сообщения и итоги скрываются им */ html.lp-doc [hidden] { display: none !important; } /* блок, который показывается только целиком, без скрипта не виден: решение принимает motion/reveal.js */ html.lp-doc [data-rv-whole]:not(.in) { opacity: 0; } html.lp-doc { scroll-behavior: smooth; scroll-padding-top: calc(var(--hdr-h) + 16px); } /* :root повышает вес правила: у body в index.html есть dark:bg-gray-900 платформы */ html.lp-doc:root body { background: var(--bg); color: var(--ink); font-family: var(--font); font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } html.lp-doc body::before { content: ""; position: fixed; inset: 0 0 auto; height: env(safe-area-inset-top, 0px); z-index: 60; background: var(--bg); } html.lp-doc ::-moz-selection { background: var(--mark); color: var(--mark-ink); } html.lp-doc ::selection { background: var(--mark); color: var(--mark-ink); } html.lp-doc a { color: inherit; } html.lp-doc img { display: block; } html.lp-doc h1, html.lp-doc h2, html.lp-doc h3, html.lp-doc p, html.lp-doc dl, html.lp-doc dd, html.lp-doc ol, html.lp-doc ul { margin: 0; } html.lp-doc :focus-visible { outline: 2px solid var(--brand); outline-offset: 3px; border-radius: 6px; } html.lp-doc .view { overflow-x: clip; } html.lp-doc .wrap { max-width: 1280px; margin-inline: auto; padding-left: max(clamp(16px, 4vw, 48px), env(safe-area-inset-left, 0px)); padding-right: max(clamp(16px, 4vw, 48px), env(safe-area-inset-right, 0px)); } html.lp-doc .skip { position: absolute; left: 12px; top: -60px; z-index: 70; background: var(--ink); color: var(--bg); padding: 10px 14px; border-radius: 8px; text-decoration: none; font-weight: 600; } html.lp-doc .skip:focus { top: calc(12px + env(safe-area-inset-top, 0px)); } html.lp-doc .anchor-top { display: block; height: 0; } /* ---------- Типографика ---------- */ html.lp-doc .h1 { font-weight: 600; font-size: clamp(38px, 4.7vw, 68px); line-height: 1.04; letter-spacing: -.032em; text-wrap: balance; } html.lp-doc .h2 { font-weight: 600; font-size: clamp(30px, 3.7vw, 52px); line-height: 1.07; letter-spacing: -.028em; text-wrap: balance; max-width: 20ch; } html.lp-doc .h3 { font-weight: 600; font-size: clamp(22px, 2vw, 28px); line-height: 1.15; letter-spacing: -.02em; text-wrap: balance; } html.lp-doc .lede { font-size: clamp(17px, 1.3vw, 19.5px); line-height: 1.55; color: var(--muted); max-width: 58ch; text-wrap: pretty; } html.lp-doc .lede b { color: var(--ink); font-weight: 600; } html.lp-doc .hl { color: var(--hl-ink); background-color: transparent; padding: 0 .06em; margin: 0 -.02em; background-image: linear-gradient(transparent var(--hl-from), var(--mark) var(--hl-from) 94%, transparent 94%); background-repeat: no-repeat; background-size: 100% 100%; -webkit-box-decoration-break: clone; box-decoration-break: clone; transition: background-size 1s var(--ease); } html.lp-doc .sec { padding-block: clamp(84px, 10vw, 148px); position: relative; } html.lp-doc .stack { display: grid; gap: clamp(28px, 3.6vw, 48px); } html.lp-doc .stack-s { display: grid; gap: 18px; align-content: start; } html.lp-doc .sec-head { display: grid; gap: 18px; } html.lp-doc .src { font-size: 13px; color: var(--muted); } /* ---------- Кнопки ---------- */ /* Призывы — «таблетки»; кнопки внутри фрагментов интерфейса (.ubtn) — как в платформе: 8 px, font-medium */ html.lp-doc .btn { position: relative; isolation: isolate; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: 10px; font: inherit; font-weight: 600; font-size: 16px; line-height: 1.2; white-space: nowrap; text-decoration: none; padding: 15px 28px; border-radius: 999px; border: 0; cursor: pointer; background: var(--cta); color: var(--cta-ink); transition: transform .25s var(--ease), background-color .2s, box-shadow .3s var(--ease), color .2s, translate .45s var(--ease); } html.lp-doc .btn::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(105deg, transparent 30%, rgba(255, 255, 255, .55) 48%, transparent 66%); transform: translateX(-120%); transition: transform .7s var(--ease); } html.lp-doc .btn:hover { background: var(--cta-hover); box-shadow: 0 14px 28px -14px rgba(150, 146, 0, .75); } html.lp-doc .btn:hover::after { transform: translateX(120%); } html.lp-doc .btn:active { transform: scale(.96); } html.lp-doc .btn svg { width: 19px; height: 19px; flex: none; } html.lp-doc .btn .arr { transition: transform .3s var(--ease); } html.lp-doc .btn:hover .arr { transform: translateX(4px); } html.lp-doc .btn.ghost { background: transparent; color: var(--ink); box-shadow: inset 0 0 0 1.5px var(--line-2); } html.lp-doc .btn.ghost::after { display: none; } html.lp-doc .btn.ghost:hover { box-shadow: inset 0 0 0 1.5px currentColor; background: color-mix(in srgb, currentColor 6%, transparent); } html.lp-doc .btn.on-dark { color: var(--band-ink); box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--band-ink) 40%, transparent); } html.lp-doc .btn.sm { padding: 10px 18px; font-size: 14.5px; } html.lp-doc .btn.big { padding: 19px 36px; font-size: 18px; } html.lp-doc .ubtn { display: inline-flex; align-items: center; gap: 6px; font-weight: 500; font-size: 14px; line-height: 1.25; white-space: nowrap; padding: 8px 16px; border-radius: 8px; background: var(--cta); color: var(--cta-ink); transition: transform .1s ease-out; } html.lp-doc .ubtn.ghost { background: transparent; color: var(--card-ink); box-shadow: inset 0 0 0 1px var(--card-line); } html.lp-doc .ubtn svg { width: 15px; height: 15px; } html.lp-doc .ubtn.press { animation: lp-press .5s var(--ease); } @keyframes lp-press { 30% { transform: scale(.92); box-shadow: 0 0 0 6px color-mix(in srgb, var(--mark) 45%, transparent); } } html.lp-doc .ibtn { display: inline-grid; place-items: center; min-width: 40px; height: 40px; border-radius: 999px; border: 0; padding: 0 10px; font: inherit; font-size: 14px; font-weight: 600; color: inherit; background: transparent; cursor: pointer; transition: background-color .2s; } html.lp-doc .ibtn:hover { background: var(--soft); } html.lp-doc .ibtn svg { width: 20px; height: 20px; } /* ---------- Шапка ---------- */ html.lp-doc .hdr { position: sticky; top: env(safe-area-inset-top, 0px); z-index: 50; transition: transform .5s var(--ease), background-color .3s, box-shadow .3s; } html.lp-doc .hdr-in { display: flex; align-items: center; gap: 24px; height: var(--hdr-h); position: relative; } html.lp-doc .hdr-in::after { content: ""; position: absolute; left: max(clamp(16px, 4vw, 48px), env(safe-area-inset-left, 0px)); right: max(clamp(16px, 4vw, 48px), env(safe-area-inset-right, 0px)); bottom: 0; height: 2px; background: var(--ink); transition: opacity .3s; } html.lp-doc .hdr.scrolled { background: var(--glass); backdrop-filter: saturate(1.6) blur(16px); box-shadow: 0 1px 0 var(--line); } html.lp-doc .hdr.scrolled .hdr-in::after { opacity: 0; } html.lp-doc .hdr.away { transform: translateY(calc(-100% - env(safe-area-inset-top, 0px))); } html.lp-doc .hdr-progress { position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; opacity: 0; transition: opacity .3s; } html.lp-doc .hdr.scrolled .hdr-progress { opacity: 1; } html.lp-doc .hdr-progress i { display: block; height: 100%; background: var(--brand); transform-origin: 0 50%; transform: scaleX(var(--sp, 0)); } html.lp-doc .logo { display: inline-flex; align-items: center; gap: 9px; font-weight: 700; font-size: 20px; letter-spacing: -.02em; text-decoration: none; flex: none; } html.lp-doc .logo-mark { display: inline-flex; } html.lp-doc .logo-mark img { height: 30px; width: auto; } html.lp-doc .logo-l { display: var(--logo-l); } html.lp-doc .logo-d { display: var(--logo-d); } html.lp-doc .hnav { display: none; } html.lp-doc .hnav-set { position: relative; display: flex; gap: 2px; } html.lp-doc .hnav a { position: relative; z-index: 1; padding: 8px 14px; border-radius: 999px; font-size: 15px; font-weight: 500; text-decoration: none; color: var(--muted); transition: color .2s; } html.lp-doc .hnav a:hover, html.lp-doc .hnav a[aria-current="true"] { color: var(--ink); } html.lp-doc .nav-ai { display: inline-flex; align-items: center; gap: 5px; } html.lp-doc .nav-ai svg { width: 14px; height: 14px; flex: none; color: var(--brand); } html.lp-doc .mnav-links .nav-ai { gap: 10px; } html.lp-doc .mnav-links .nav-ai svg { width: .62em; height: .62em; } html.lp-doc .glider { position: absolute; z-index: 0; top: 0; left: 0; height: 100%; border-radius: 999px; background: var(--soft); box-shadow: inset 0 0 0 1px var(--line); opacity: 0; transition: transform .45s var(--ease), width .45s var(--ease), opacity .25s; pointer-events: none; } html.lp-doc .hdr-right { margin-left: auto; display: flex; align-items: center; gap: 6px; } html.lp-doc .login { display: none; font-size: 15px; font-weight: 600; text-decoration: none; padding: 8px 12px; border-radius: 999px; transition: background-color .2s; } html.lp-doc .login:hover { background: var(--soft); } html.lp-doc .hdr-cta { display: none; margin-left: 6px; } html.lp-doc .lang { position: relative; display: none; } html.lp-doc .lang-btn { gap: 4px; display: inline-flex; align-items: center; } html.lp-doc .lang-btn svg { width: 15px; height: 15px; transition: transform .25s var(--ease); } html.lp-doc .lang-btn[aria-expanded="true"] svg { transform: rotate(180deg); } html.lp-doc .lang-menu { position: absolute; right: 0; top: calc(100% + 8px); min-width: 170px; display: grid; padding: 6px; border-radius: 14px; background: var(--card); box-shadow: var(--shadow), 0 0 0 1px var(--card-line); transform-origin: top right; animation: lp-pop .25s var(--ease); } html.lp-doc .lang-menu button { font: inherit; font-size: 14.5px; text-align: left; padding: 9px 12px; border-radius: 9px; border: 0; background: transparent; color: var(--card-ink); cursor: pointer; } html.lp-doc .lang-menu button:hover { background: var(--soft); } html.lp-doc .lang-menu button[aria-checked="true"] { font-weight: 600; } html.lp-doc .lang-menu button[aria-checked="true"]::after { content: " ✓"; color: var(--accent); } @keyframes lp-pop { from { opacity: 0; transform: scale(.94) translateY(-4px); } } html.lp-doc .theme-btn .t-moon { display: var(--logo-l); } html.lp-doc .theme-btn .t-sun { display: var(--logo-d); } @media (min-width: 640px) { html.lp-doc .lang { display: block; } html.lp-doc .login { display: inline-flex; } } @media (min-width: 760px) { html.lp-doc .hdr-cta:not([hidden]) { display: inline-flex; } } /* Полное меню — от 1200px. Шапка не шире 1280px, а шесть пунктов на русском и узбекском длинные, поэтому пункты уже, чем в прототипе, а до 1280px ещё и мельче */ html.lp-doc .hnav a { white-space: nowrap; } @media (min-width: 1200px) { html.lp-doc .hnav { display: block; } html.lp-doc .burger { display: none; } html.lp-doc .hnav a { padding: 8px 10px; } } @media (min-width: 1200px) and (max-width: 1279px) { html.lp-doc .hdr-in { gap: 16px; } html.lp-doc .hnav a { padding: 8px 9px; font-size: 14px; } } /* Мобильное меню */ html.lp-doc .mnav { position: fixed; inset: 0; z-index: 45; background: var(--bg); overflow-y: auto; padding-top: calc(var(--hdr-h) + env(safe-area-inset-top, 0px) + 12px); padding-bottom: max(24px, env(safe-area-inset-bottom, 0px)); } html.lp-doc .mnav-in { display: grid; gap: 28px; } html.lp-doc .mnav-links > div { display: grid; } html.lp-doc .mnav-links a { font-size: clamp(28px, 8vw, 40px); font-weight: 600; letter-spacing: -.025em; text-decoration: none; padding: 8px 0; border-bottom: 1px solid var(--line); opacity: 0; transform: translateY(16px); animation: lp-mIn .6s var(--ease) forwards; animation-delay: calc(var(--mi, 0) * 50ms + 60ms); } @keyframes lp-mIn { to { opacity: 1; transform: none; } } html.lp-doc .mnav-langs { display: flex; gap: 8px; } html.lp-doc .mnav-langs button, html.lp-doc .ftr-langs button { font: inherit; font-size: 14px; font-weight: 600; padding: 8px 14px; border-radius: 999px; border: 0; background: var(--soft); color: inherit; cursor: pointer; } html.lp-doc .mnav-langs button[aria-pressed="true"] { background: var(--ink); color: var(--bg); } html.lp-doc .mnav-acts { display: grid; gap: 10px; } html.lp-doc .mnav-acts .btn { width: 100%; } html.lp-doc.menu-open { overflow: hidden; } /* ---------- Первый экран ---------- */ html.lp-doc .hero { position: relative; padding-block: clamp(28px, 4.5vw, 64px) clamp(120px, 11vw, 168px); } html.lp-doc .hero-bg { position: absolute; inset: 0; pointer-events: none; } html.lp-doc .hero-grid { position: relative; z-index: 1; display: grid; gap: 40px; } html.lp-doc .hero-copy { display: grid; gap: 24px; justify-items: start; align-content: center; } html.lp-doc .hero .h1 { max-width: 16ch; font-size: clamp(36px, 3.9vw, 58px); } html.lp-doc .hero .lede { max-width: 50ch; } html.lp-doc .eyebrow { display: inline-flex; align-items: center; gap: 9px; font-size: 13.5px; font-weight: 600; padding: 6px 13px 6px 11px; border-radius: 16px; background: var(--soft); box-shadow: inset 0 0 0 1px var(--line); } html.lp-doc .eyebrow i { flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--brand); box-shadow: 0 0 0 0 color-mix(in srgb, var(--brand) 50%, transparent); animation: lp-beacon 2.4s infinite; } @keyframes lp-beacon { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--brand) 55%, transparent); } 70%, 100% { box-shadow: 0 0 0 8px transparent; } } html.lp-doc .acts { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; } html.lp-doc .ai-flag { display: inline-flex; align-items: center; gap: 12px; max-width: 100%; text-decoration: none; color: var(--ink); } html.lp-doc .ai-flag-ic { flex: none; display: grid; place-items: center; color: var(--ink); } html.lp-doc .ai-flag-ic svg { width: 42px; height: 42px; } html.lp-doc .ai-flag-tx { font-size: 16px; font-weight: 600; line-height: 1.3; } html.lp-doc .ai-flag .arr { width: 16px; height: 16px; flex: none; color: var(--muted); transition: translate .3s var(--ease), color .2s; } html.lp-doc .ai-flag:hover .arr { translate: 4px 0; color: var(--ink); } html.lp-doc.motion .ai-flag-ic svg { animation: lp-twinkle 4s var(--ease) infinite; } @keyframes lp-twinkle { 0%, 100% { scale: 1; } 50% { scale: .86; } } @media (max-width: 420px) { html.lp-doc .ai-flag { gap: 10px; } html.lp-doc .ai-flag-ic svg { width: 34px; height: 34px; } html.lp-doc .ai-flag-tx { font-size: 14.5px; } html.lp-doc .ai-flag .arr { display: none; } } @media (min-width: 960px) { html.lp-doc .ai-flag { gap: 14px; } html.lp-doc .ai-flag-ic svg { width: 44px; height: 44px; } html.lp-doc .ai-flag-tx { font-size: 18px; } } html.lp-doc .hint { display: flex; align-items: center; gap: 7px; font-size: 13.5px; color: var(--muted); } html.lp-doc .hint svg { width: 15px; height: 15px; flex: none; } html.lp-doc .terms { display: flex; flex-wrap: wrap; gap: 10px 24px; } html.lp-doc .terms span { display: inline-flex; align-items: flex-start; gap: 9px; font-size: 14.5px; line-height: 22px; font-weight: 600; } html.lp-doc .terms span::before { content: ""; flex: none; width: 22px; height: 22px; border-radius: 50%; background: var(--check) url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27none%27 stroke=%27%23fff%27 stroke-width=%273.2%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 d=%27M6.5 12.5l3.8 3.8L17.5 9%27/%3E%3C/svg%3E") center / 16px no-repeat; } html.lp-doc .slab { position: absolute; background: var(--field); border-radius: 18px; right: -12vw; bottom: 7%; width: 92vw; height: 44%; transform: skewY(-7deg); translate: 0 var(--py, 0px); } @media (min-width: 1024px) { /* первый экран занимает высоту окна, содержимое по центру: на высоких экранах внизу не остаётся пустоты */ html.lp-doc .hero { min-height: calc(100vh - var(--hdr-h)); min-height: calc(100svh - var(--hdr-h)); display: flex; flex-direction: column; justify-content: center; } html.lp-doc .hero > .wrap { width: 100%; } html.lp-doc .hero-grid { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: center; gap: 56px; } html.lp-doc .slab { right: -5vw; top: 9%; bottom: auto; width: 47vw; height: 80%; } } /* шире 1600px фигуры держатся у колонки контента, а не уезжают к краям окна */ @media (min-width: 1600px) { html.lp-doc .slab { right: calc((100vw - 1280px) / 2 - 280px); width: 760px; } } /* Объёмные фигуры */ html.lp-doc .shape { position: absolute; pointer-events: none; translate: 0 var(--py, 0px); } html.lp-doc .ball { width: clamp(64px, 8vw, 124px); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 32% 28%, #FFFEF2 0 5%, #FFFD80 20%, #FFFC00 46%, #D4CF00 76%, #A29E00 100%); box-shadow: inset -10px -14px 26px rgba(110, 106, 0, .3), 0 30px 46px -22px rgba(150, 146, 0, .6); animation: lp-bob 7s ease-in-out infinite; } html.lp-doc .pill { width: clamp(84px, 10vw, 156px); aspect-ratio: 2.6; border-radius: 999px; background: linear-gradient(180deg, #8ED9FB 0%, #22A9EA 42%, #0B6FA6 100%); box-shadow: inset 0 6px 10px rgba(255, 255, 255, .45), inset 0 -8px 14px rgba(0, 40, 80, .32), 0 26px 40px -20px rgba(4, 60, 110, .6); rotate: -24deg; animation: lp-bob 9s ease-in-out -3s infinite; } html.lp-doc .stairs { width: clamp(130px, 15vw, 230px); aspect-ratio: 240 / 200; height: auto; filter: drop-shadow(0 28px 26px rgba(4, 40, 70, .22)); } @keyframes lp-bob { 50% { transform: translateY(-14px); } } html.lp-doc .hero .ball { right: 6vw; bottom: 47%; } html.lp-doc .hero .pill { right: 4vw; bottom: 4%; } html.lp-doc .hero .stairs { display: none; } @media (min-width: 1024px) { html.lp-doc .hero .ball { bottom: auto; right: calc(47vw - 5vw - 40px); top: 4%; } html.lp-doc .hero .stairs { display: block; left: -36px; bottom: 30px; opacity: .95; } html.lp-doc .hero .pill { right: 2vw; bottom: 8%; } html.lp-doc .hero.sp .ball { right: 36vw; } } @media (max-width: 1023px) { html.lp-doc .hero .pill { display: none; } } @media (min-width: 1600px) { html.lp-doc .hero .ball { right: calc((100vw - 1280px) / 2 + 440px); } html.lp-doc .hero .pill { right: calc((100vw - 1280px) / 2 - 128px); } html.lp-doc .hero .stairs { left: max(-36px, calc((100vw - 1280px) / 2 - 196px)); } } /* Вход первого экрана */ html.lp-doc.motion .intro { opacity: 0; transform: translateY(18px); } html.lp-doc.motion.loaded .intro { opacity: 1; transform: none; transition: opacity .9s var(--ease), transform 1s var(--ease); transition-delay: calc(var(--d, 0) * 90ms + 150ms); } html.lp-doc.motion .slab { transform: skewY(-7deg) scaleX(.2); transform-origin: 100% 50%; opacity: 0; } html.lp-doc.motion.loaded .slab { transform: skewY(-7deg); opacity: 1; transition: transform 1.3s var(--ease) .15s, opacity .5s .15s; } html.lp-doc.motion .hero .shape { opacity: 0; scale: .6; } html.lp-doc.motion.loaded .hero .shape { opacity: 1; scale: 1; transition: opacity .8s .7s, scale 1.2s var(--spring) .7s; } html.lp-doc.motion .intro-card { opacity: 0; transform: perspective(1400px) translateY(46px) rotateX(10deg); } html.lp-doc.motion.loaded .intro-card { opacity: 1; transform: none; transition: opacity 1s var(--ease) .35s, transform 1.4s var(--ease) .35s; } /* Слова заголовков поднимаются и проявляются */ html.lp-doc .w { display: inline-block; } html.lp-doc.motion [data-split] .w { opacity: 0; transform: translateY(.4em); filter: blur(8px); } html.lp-doc.motion [data-split].split-in .w { opacity: 1; transform: none; filter: none; transition: opacity .7s var(--ease), transform .9s var(--ease), filter .7s var(--ease); transition-delay: calc(var(--wi) * 42ms); } html.lp-doc.motion [data-split]:not(.split-in) .hl { background-size: 0% 100%; } html.lp-doc.motion [data-split].split-in .hl { transition-delay: calc(var(--wn, 6) * 42ms + 250ms); } /* Появление при прокрутке */ html.lp-doc.motion [data-rv]:not(.in) { opacity: 0; transform: translateY(28px); } html.lp-doc.motion [data-rv] { transition: opacity .9s var(--ease), transform 1.1s var(--ease); transition-delay: var(--rd, 0ms); } /* ---------- Остров клиентов ---------- */ html.lp-doc .island-sec { position: relative; z-index: 2; margin-top: clamp(-100px, -7vw, -52px); } html.lp-doc .island { background: var(--soft); border-radius: 28px; padding: clamp(22px, 3.4vw, 44px); display: grid; gap: clamp(22px, 3vw, 36px); box-shadow: var(--island-shadow); } html.lp-doc .island-head { display: grid; gap: 18px 40px; align-items: end; } @media (min-width: 900px) { html.lp-doc .island-head { grid-template-columns: minmax(0, 1fr) auto; } } html.lp-doc .nums { display: flex; flex-wrap: wrap; gap: 14px 44px; } html.lp-doc .nums div { display: grid; gap: 4px; } html.lp-doc .nums strong { font-weight: 600; font-size: clamp(40px, 5.4vw, 68px); line-height: 1; letter-spacing: -.035em; color: var(--hl-ink); background: linear-gradient(transparent var(--num-from), var(--mark) var(--num-from) 92%, transparent 92%); padding: 0 .05em; justify-self: start; } html.lp-doc .nums div > span { font-size: 15px; font-weight: 600; color: var(--muted); } /* Механический счётчик: каждая цифра — лента 0–9, младшие разряды крутятся дольше */ html.lp-doc .odo { display: inline-flex; vertical-align: top; } html.lp-doc .odo-ch { display: inline-block; height: 1.08em; line-height: 1.08em; } html.lp-doc .odo-d { overflow: hidden; } html.lp-doc .odo.spinning .odo-d { -webkit-mask-image: linear-gradient(transparent, #000 22%, #000 78%, transparent); mask-image: linear-gradient(transparent, #000 22%, #000 78%, transparent); } html.lp-doc .odo-strip { display: block; white-space: pre; text-align: center; transition: transform calc(1.5s + var(--i) * .18s) cubic-bezier(.12, .9, .25, 1); } html.lp-doc .odo.go .odo-strip { transform: translateY(calc(var(--n) * -1.08em)); } html.lp-doc .odo.instant .odo-strip { transition: none; } /* Логотипы бегущей лентой: ряд повторён дважды, лента сдвигается на половину своей ширины */ html.lp-doc .marquee { overflow: hidden; margin-inline: calc(clamp(22px, 3.4vw, 44px) * -1); padding-block: 6px 14px; -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent); mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent); } html.lp-doc .marquee-track { display: flex; width: -moz-max-content; width: max-content; animation: lp-marquee 38s linear infinite; } html.lp-doc .marquee:hover .marquee-track { animation-play-state: paused; } @keyframes lp-marquee { to { transform: translateX(-50%); } } html.lp-doc .marquee .logo-tile { flex: none; width: clamp(150px, 15vw, 200px); margin-right: 12px; } html.lp-doc .logo-tile.more { display: flex; flex-direction: column; gap: 6px; justify-content: center; align-items: center; background: transparent; box-shadow: none; border: 1.5px dashed var(--line-2); color: var(--muted); font-size: 13.5px; font-weight: 600; line-height: 1.25; text-align: center; } html.lp-doc .incog-badge { width: 44px; height: 44px; border-radius: 50%; background: #FFFFFF; display: grid; place-items: center; flex: none; box-shadow: 0 6px 14px -8px rgba(4, 30, 50, .45), 0 0 0 1px rgba(6, 25, 42, .06); overflow: hidden; } html.lp-doc .incog { width: 40px; height: 40px; margin-top: 6px; transition: transform .4s var(--spring); } html.lp-doc .logo-tile.more { position: relative; overflow: hidden; cursor: help; } html.lp-doc .logo-tile.more > :not(.more-note) { transition: opacity .3s var(--ease), transform .4s var(--ease); } /* Пояснение появляется прямо в плитке: снаружи его обрезала бы бегущая лента */ html.lp-doc .more-note { position: absolute; inset: 0; display: grid; place-items: center; padding: 10px 14px; border-radius: inherit; background: var(--card); color: var(--card-ink); font-size: 12.5px; font-weight: 600; line-height: 1.35; text-align: center; opacity: 0; transform: translateY(8px); transition: opacity .3s var(--ease), transform .4s var(--ease); pointer-events: none; } html.lp-doc .logo-tile.more:is(:hover, :focus-visible) > :not(.more-note) { opacity: 0; transform: translateY(-8px); } html.lp-doc .logo-tile.more:is(:hover, :focus-visible) .more-note { opacity: 1; transform: none; } html.lp-doc .marquee:focus-within .marquee-track { animation-play-state: paused; } html.lp-doc .logo-tile { height: clamp(78px, 8vw, 104px); border-radius: 14px; background: #FFFFFF; display: grid; place-items: center; padding: 12px 16px; box-shadow: 0 1px 2px rgba(4, 30, 50, .08), 0 8px 20px -14px rgba(4, 30, 50, .35); transition: transform .4s var(--ease), box-shadow .4s var(--ease); } html.lp-doc .logo-tile:not(.more):hover { transform: translateY(-4px); box-shadow: 0 1px 2px rgba(4, 30, 50, .08), 0 18px 30px -16px rgba(4, 30, 50, .45); } html.lp-doc .logo-tile img { max-height: 46px; max-width: 100%; width: auto; height: auto; } html.lp-doc .logo-tile img.sq { max-height: 74px; } /* ---------- Где теряются деньги, как сейчас и как с B2Biz ---------- */ html.lp-doc .chats { display: grid; gap: 18px; } @media (min-width: 900px) { html.lp-doc .chats { grid-template-columns: minmax(0, .82fr) auto minmax(0, 1.18fr); align-items: center; gap: 26px; } } html.lp-doc .chat-col, html.lp-doc .cmp-col { display: grid; gap: 10px; min-width: 0; } html.lp-doc .col-title { font-size: 13.5px; font-weight: 600; color: var(--muted); } html.lp-doc .bubble { max-width: 92%; background: var(--card); color: var(--card-ink); border-radius: 16px 16px 16px 4px; padding: 10px 13px; box-shadow: 0 0 0 1px var(--card-line), 0 8px 18px -12px rgba(4, 30, 50, .35); font-size: 14px; display: grid; gap: 2px; } html.lp-doc .bubble:nth-of-type(odd) { margin-left: 6%; } html.lp-doc .bubble b { font-size: 12px; color: var(--accent); font-weight: 600; } html.lp-doc .bubble .att { display: inline-flex; gap: 6px; align-items: center; font-weight: 600; } html.lp-doc .bubble .att svg { width: 15px; height: 15px; } html.lp-doc .arrow { justify-self: center; width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; background: var(--cta); color: var(--cta-ink); transform: rotate(90deg); } @media (min-width: 900px) { html.lp-doc .arrow { transform: none; } } html.lp-doc .arrow svg { width: 22px; height: 22px; } html.lp-doc .cmp { background: var(--card); color: var(--card-ink); border-radius: 14px; box-shadow: var(--shadow), 0 0 0 1px var(--card-line); overflow-x: auto; } html.lp-doc .cmp table { width: 100%; font-size: 13.5px; border-collapse: collapse; } html.lp-doc .cmp th, html.lp-doc .cmp td { padding: 11px 13px; border-bottom: 1px solid var(--card-line); text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; } html.lp-doc .cmp th { font-size: 12px; color: var(--card-muted); font-weight: 600; } html.lp-doc .cmp th:first-child, html.lp-doc .cmp td:first-child { text-align: left; } html.lp-doc .cmp tbody tr:last-child td { border-bottom: 0; } html.lp-doc .cmp tr.win td { background: color-mix(in srgb, var(--mark) 32%, transparent); font-weight: 600; } html.lp-doc .cmp caption { caption-side: bottom; text-align: left; padding: 10px 13px 12px; font-size: 12px; color: var(--card-muted); border-top: 1px solid var(--card-line); } html.lp-doc.motion .chats:not(.play) .bubble, html.lp-doc.motion .chats:not(.play) tbody tr { opacity: 0; transform: translateY(14px); } html.lp-doc.motion .chats .bubble { transition: opacity .6s var(--ease), transform .7s var(--ease); transition-delay: calc(var(--i) * 180ms); } html.lp-doc.motion .chats tbody tr { transition: opacity .6s var(--ease), transform .7s var(--ease); transition-delay: calc(var(--i) * 130ms + 1s); } html.lp-doc.motion .chats:not(.play) .arrow { transform: scale(.4) rotate(90deg); opacity: 0; } html.lp-doc.motion .chats .arrow { transition: transform .7s var(--spring) .8s, opacity .4s .8s; } @media (min-width: 900px) { html.lp-doc.motion .chats:not(.play) .arrow { transform: scale(.4); } } html.lp-doc.motion .chats:not(.play) tr.win td { background-color: transparent; } html.lp-doc.motion .chats tr.win td { transition: background-color .8s 1.8s; } /* Прямые и непрямые закупки: две наклонные плиты */ html.lp-doc .wcards { display: grid; gap: 28px; margin-top: 8px; } @media (min-width: 960px) { html.lp-doc .wcards { grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); gap: 28px; align-items: center; } } /* Свет от слов «непрямых закупках» падает на карточку непрямых, прямые уходят на второй план */ html.lp-doc .where > .wrap { position: relative; z-index: 1; } html.lp-doc .wh-beam { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; overflow: visible; display: none; } html.lp-doc .wh-beam .b-top { stop-color: var(--mark); stop-opacity: var(--beam-top); } html.lp-doc .wh-beam .b-mid { stop-color: var(--mark); stop-opacity: calc(var(--beam-top) * .55); } html.lp-doc .wh-beam .b-end { stop-color: var(--mark); stop-opacity: calc(var(--beam-top) * .2); } html.lp-doc .wh-beam polygon { transform-box: view-box; transform-origin: var(--sx, 50%) var(--sy, 0); } html.lp-doc.motion .wh-beam polygon { opacity: 0; transform: scaleY(.15); transition: opacity 1.1s var(--ease), transform 1.4s var(--ease); } html.lp-doc.motion .where.lit .wh-beam polygon { opacity: 1; transform: none; } html.lp-doc .where.lit .wh-beam .beam-core { animation: lp-beamBreath 4.5s ease-in-out 1.6s infinite; } @keyframes lp-beamBreath { 50% { opacity: .62; } } html.lp-doc .where.lit #h-where .hl { filter: drop-shadow(0 0 16px color-mix(in srgb, var(--mark) 75%, transparent)); transition: filter 1s var(--ease); } html.lp-doc .where .wcard { transition: opacity 1s var(--ease), transform 1.2s var(--ease), filter 1s var(--ease); } html.lp-doc .where.lit .wcard.indirect::before { box-shadow: 0 46px 90px -34px color-mix(in srgb, var(--mark) 85%, transparent), 0 0 0 1px color-mix(in srgb, var(--mark-ink) 6%, transparent); } @media (min-width: 960px) { html.lp-doc .wh-beam { display: block; } html.lp-doc .where.lit .wcard.direct { transform: scale(.88); transform-origin: 35% 50%; } html.lp-doc .where.lit .wcard.indirect { transform: scale(1.02); } } html.lp-doc .wcard { position: relative; isolation: isolate; display: grid; gap: 14px; align-content: start; padding: clamp(28px, 3.6vw, 48px); color: var(--wc-ink); } html.lp-doc .wcard::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: 36px; background: var(--wc-bg); transform: perspective(1400px) rotateY(var(--wy)) skewY(var(--wsk)); transition: transform 1.2s var(--ease); } html.lp-doc .wcard.direct { --wc-bg: var(--field); --wc-ink: var(--field-ink); --wy: 7deg; --wsk: -2.4deg; --pill-ink: #0A76B4; } html.lp-doc .wcard.indirect { --wc-bg: var(--cta); --wc-ink: var(--mark-ink); --wy: -7deg; --wsk: 2.4deg; --pill-ink: #06192A; } html.lp-doc.motion .wcard:not(.in)::before { transform: perspective(1400px) rotateY(0deg) skewY(0deg) scale(.96); } html.lp-doc .wcard h3 { font-size: clamp(24px, 2.4vw, 32px); font-weight: 600; letter-spacing: -.02em; } html.lp-doc .wc-sub { font-weight: 500; font-size: 15.5px; opacity: .82; max-width: 46ch; } html.lp-doc .wc-list { list-style: none; padding: 0; display: grid; gap: 8px; font-size: 16px; font-weight: 500; } html.lp-doc .wc-list li { display: flex; gap: 10px; align-items: baseline; } html.lp-doc .wc-list li::before { content: ""; flex: none; width: 7px; height: 7px; border-radius: 50%; background: currentColor; transform: translateY(-2px); } html.lp-doc .wc-pill { justify-self: stretch; margin-top: 10px; padding: 15px 26px; border-radius: 999px; background: #FFFFFF; color: var(--pill-ink); font-weight: 600; font-size: 16px; box-shadow: 0 10px 24px -14px rgba(4, 30, 50, .45); } html.lp-doc .wc-ball { width: clamp(64px, 7vw, 96px); right: -18px; bottom: -26px; } html.lp-doc .wc-mess { position: absolute; right: -10px; top: -34px; display: grid; justify-items: end; gap: 6px; pointer-events: none; } html.lp-doc .wb { display: inline-flex; align-items: center; gap: 7px; padding: 7px 11px 7px 7px; border-radius: 12px 12px 12px 4px; background: #FFFFFF; color: #06192A; font-size: 12.5px; font-weight: 600; box-shadow: 0 14px 26px -14px rgba(4, 30, 50, .5), 0 0 0 1px rgba(6, 25, 42, .06); rotate: calc((var(--k) - 1) * 4deg); animation: lp-bob 6s ease-in-out calc(var(--k) * -1.6s) infinite; } html.lp-doc .wb:nth-child(2) { margin-right: 34px; } html.lp-doc .wb mark { background: var(--mark); color: var(--mark-ink); padding: 0 4px; border-radius: 3px; } html.lp-doc .wb-ico { width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; background: #EAF6FD; color: #0A76B4; flex: none; } html.lp-doc .wb-ico svg { width: 14px; height: 14px; } html.lp-doc .wb-ico.tg { background: var(--tg); color: #FFFFFF; } html.lp-doc .wb-ico.xl { background: transparent; } html.lp-doc .wb-ico.xl svg { width: 18px; height: 21px; } @media (max-width: 959px) { html.lp-doc .wc-mess { position: static; justify-items: start; margin-top: 6px; } html.lp-doc .wb { rotate: none; } html.lp-doc .wb:nth-child(2) { margin-right: 0; } } html.lp-doc .wh-note { font-size: 16px; color: var(--muted); max-width: 70ch; } /* Как сейчас и как с B2Biz */ html.lp-doc .vs-grid { display: grid; gap: 28px; } @media (min-width: 960px) { html.lp-doc .vs-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; align-items: center; } } html.lp-doc .vs-now, html.lp-doc .vs-b2b { display: grid; gap: 22px; align-content: start; } html.lp-doc .vs-now { padding-block: 8px; } html.lp-doc .vs-b2b { position: relative; isolation: isolate; color: var(--field-ink); padding: clamp(28px, 3.6vw, 48px); } html.lp-doc .vs-b2b::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: 36px; background: var(--field); transform: perspective(1400px) rotateY(-6deg) skewY(-2.2deg); transition: transform 1.2s var(--ease); } html.lp-doc.motion .vs-b2b:not(.in)::before { transform: perspective(1400px) rotateY(0deg) skewY(0deg) scale(.96); } html.lp-doc .vs-h { font-size: clamp(22px, 2.2vw, 28px); font-weight: 600; letter-spacing: -.02em; } html.lp-doc .vs-list { list-style: none; padding: 0; display: grid; gap: 16px; } html.lp-doc .vs-list li { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 14px; align-items: center; font-size: 16.5px; line-height: 1.45; } html.lp-doc .vx, html.lp-doc .vc { width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; } html.lp-doc .vx { background: var(--live); color: #FFFFFF; } html.lp-doc .vc { background: var(--cta); color: var(--cta-ink); box-shadow: 0 6px 14px -6px rgba(110, 106, 0, .55); } html.lp-doc .vx svg, html.lp-doc .vc svg { width: 16px; height: 16px; } html.lp-doc .vs .chats { margin-top: clamp(16px, 3vw, 40px); } /* Простое решение: объёмный знак B2Biz и цифры */ html.lp-doc .simple-h { max-width: 24ch; } html.lp-doc .simple-grid { display: grid; gap: 32px; align-items: center; } @media (min-width: 960px) { html.lp-doc .simple-grid { grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 56px; } } html.lp-doc .obj { position: relative; width: 100%; max-width: 580px; justify-self: center; aspect-ratio: 1 / .86; perspective: 1200px; } html.lp-doc .obj::after { content: ""; position: absolute; left: 26%; right: 26%; bottom: 5%; height: 9%; border-radius: 50%; background: radial-gradient(closest-side, rgba(4, 40, 70, .32), transparent); filter: blur(6px); z-index: -1; } html.lp-doc .obj-sway, html.lp-doc .obj-scene { position: absolute; inset: 0; transform-style: preserve-3d; } html.lp-doc .obj-sway { animation: lp-sway 9s ease-in-out infinite; } @keyframes lp-sway { 0%, 100% { transform: rotateY(-6deg) rotateX(2deg); } 50% { transform: rotateY(6deg) rotateX(-2deg); } } html.lp-doc .obj-scene { transform: rotateX(calc(12deg + var(--oy, 0) * -10deg)) rotateY(calc(-16deg + var(--ox, 0) * 18deg)); transition: transform .9s var(--ease); } html.lp-doc .tile { position: absolute; left: 29%; top: 23%; width: 42%; aspect-ratio: 1; transform-style: preserve-3d; } html.lp-doc .tile i { position: absolute; inset: 0; border-radius: 24%; background: #0B6FA6; transform: translateZ(calc(var(--l) * -2.2px)); } html.lp-doc .tile i:last-child { box-shadow: 0 40px 60px -20px rgba(4, 40, 70, .55); } html.lp-doc .tile-face { position: absolute; inset: 0; border-radius: 24%; overflow: hidden; display: grid; place-items: center; transform: translateZ(1px); background: linear-gradient(150deg, #7FD3FA 0%, #22A9EA 42%, #0E86C4 100%); box-shadow: inset 0 3px 0 rgba(255, 255, 255, .55), inset 0 -14px 34px rgba(0, 40, 80, .28); } html.lp-doc .tile-face::before { content: ""; position: absolute; inset: -30% 30% 45% -30%; background: radial-gradient(closest-side, rgba(255, 255, 255, .55), transparent); transform: rotate(-20deg); } html.lp-doc .tile-face img { width: 60%; height: auto; position: relative; filter: drop-shadow(0 6px 10px rgba(0, 40, 80, .3)); } html.lp-doc .o-ball { width: 15%; right: 17%; top: 5%; transform: translateZ(60px); animation: none; } html.lp-doc .o-pill { width: 22%; left: 16%; bottom: 10%; transform: translateZ(120px); animation: none; } html.lp-doc .ochip { position: absolute; display: flex; align-items: center; gap: 9px; padding: 10px 13px; border-radius: 14px; background: var(--card); color: var(--card-ink); font-size: 13px; font-weight: 600; line-height: 1.3; box-shadow: var(--shadow), 0 0 0 1px var(--card-line); transform: translateZ(calc(var(--z) * 1px)); animation: lp-chipFloat 6s ease-in-out calc(var(--k) * -1.5s) infinite; } @keyframes lp-chipFloat { 50% { translate: 0 -10px; } } html.lp-doc .ochip svg { width: 16px; height: 16px; flex: none; } html.lp-doc .oc-tg { left: 0; top: 9%; max-width: 250px; align-items: flex-start; box-shadow: 0 0 0 2px var(--tg), 0 22px 40px -20px rgba(4, 30, 50, .6); } html.lp-doc .oc-tg > span:last-child { display: grid; gap: 1px; font-weight: 500; } html.lp-doc .oc-tg b { font-size: 12px; color: var(--card-muted); font-weight: 600; } html.lp-doc .oc-price { right: 0; top: 30%; flex-direction: column; align-items: flex-start; gap: 4px; font-weight: 500; color: var(--card-muted); font-size: 12px; } html.lp-doc .oc-price b { font-size: 15px; } html.lp-doc .oc-ai { left: 4%; bottom: 22%; background: var(--mark); color: var(--mark-ink); } html.lp-doc .oc-offers { right: 6%; bottom: 6%; } html.lp-doc .avs { display: flex; } html.lp-doc .avs i { width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; font-style: normal; font-size: 11px; font-weight: 700; color: #FFFFFF; background: var(--brand); box-shadow: 0 0 0 2px var(--card); } html.lp-doc .avs i + i { margin-left: -4px; } html.lp-doc .avs i:nth-child(2) { background: #0B7DB8; } html.lp-doc .avs i:nth-child(3) { background: #F2A900; } html.lp-doc .avs i:nth-child(4) { background: #1E8E57; } html.lp-doc .avs i:nth-child(5) { background: #7A5AF8; } @media (max-width: 600px) { html.lp-doc .ochip { font-size: 11.5px; padding: 8px 10px; } html.lp-doc .oc-tg { max-width: 190px; } } html.lp-doc.motion .obj:not(.in) .ochip, html.lp-doc.motion .obj:not(.in) .o-ball, html.lp-doc.motion .obj:not(.in) .o-pill { opacity: 0; scale: .7; } html.lp-doc.motion .obj .ochip, html.lp-doc.motion .obj .o-ball, html.lp-doc.motion .obj .o-pill { transition: opacity .6s var(--ease), scale .8s var(--spring); transition-delay: calc(var(--k, 2) * 140ms + 300ms); } html.lp-doc.motion .obj:not(.in) .tile { scale: .8; opacity: 0; } html.lp-doc.motion .obj .tile { transition: scale 1.1s var(--spring), opacity .6s; } html.lp-doc .kpis { display: grid; gap: 30px; } html.lp-doc .kpis > div { display: grid; gap: 6px; padding-top: 20px; border-top: 2px solid var(--ink); } html.lp-doc .kpis > div + div { border-top: 1px solid var(--line); } html.lp-doc .kpis dt { font-weight: 600; font-size: clamp(48px, 5.6vw, 80px); line-height: 1; letter-spacing: -.04em; color: var(--brand); } html.lp-doc .kpis dd { font-size: 17px; font-weight: 500; color: var(--muted); max-width: 36ch; } /* ---------- Зрелость закупочной функции ---------- */ /* Четыре ступени растут слева направо; с третьей начинаются электронные торги. Ступень можно выбрать — ниже появится следующий шаг */ html.lp-doc .mat-h { max-width: 22ch; } html.lp-doc .mat { display: grid; gap: 22px; } html.lp-doc .mat-ask { display: flex; align-items: flex-start; gap: 12px; font-weight: 600; font-size: 15.5px; color: var(--muted); } html.lp-doc .mat-ask::before { content: ""; flex: none; width: 28px; height: 2px; margin-top: .72em; border-radius: 2px; background: currentColor; } html.lp-doc .mat-steps { position: relative; display: grid; gap: 12px; } html.lp-doc .mat-step { --st-bg: var(--soft); --st-ink: var(--ink); --st-muted: var(--muted); --st-n: var(--accent); --st-ring: var(--line); position: relative; isolation: isolate; display: grid; gap: 8px; align-content: start; text-align: left; font: inherit; color: var(--st-ink); background: none; border: 0; border-radius: 22px; cursor: pointer; padding: 26px 22px 24px; transition: translate .45s var(--ease); } html.lp-doc .mat-step::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; background: var(--st-bg); box-shadow: inset 0 0 0 1px var(--st-ring); transform-origin: 50% 100%; transition: box-shadow .3s var(--ease), transform .9s var(--ease); } html.lp-doc .mat-step.etp { --st-bg: var(--field); --st-ink: var(--field-ink); --st-muted: var(--field-muted); --st-n: var(--field-ink); --st-ring: transparent; } html.lp-doc .mat-step[aria-pressed="true"] { --st-ring: var(--ink); } html.lp-doc .mat-step[aria-pressed="true"]::before { box-shadow: inset 0 0 0 3px var(--st-ring), var(--shadow); } @media (hover: hover) { html.lp-doc .mat-step:hover { translate: 0 -6px; } } html.lp-doc .mat-n { font-weight: 600; font-size: 14px; letter-spacing: .06em; color: var(--st-n); font-variant-numeric: tabular-nums; } html.lp-doc .mat-step b { font-weight: 600; font-size: clamp(19px, 1.6vw, 22px); letter-spacing: -.015em; line-height: 1.2; } html.lp-doc .mat-t { font-size: 15.5px; line-height: 1.45; color: var(--st-muted); } html.lp-doc .mat-here { position: absolute; top: -15px; right: 18px; padding: 5px 13px; border-radius: 999px; background: var(--mark); color: var(--mark-ink); font-weight: 600; font-size: 13px; line-height: 1.3; box-shadow: 0 10px 18px -10px rgba(110, 106, 0, .8); opacity: 0; scale: .5; transition: opacity .2s, scale .5s var(--spring); pointer-events: none; } html.lp-doc .mat-step[aria-pressed="true"] .mat-here { opacity: 1; scale: 1; } /* Инструменты ступени: телефон и Telegram, почта и Excel, затем B2Biz. Только на широком экране, где у ступеней есть свободный низ */ html.lp-doc .mat-tools { display: none; } html.lp-doc .mat-tools i { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: var(--card); color: var(--accent); box-shadow: 0 8px 16px -10px rgba(4, 30, 50, .5), 0 0 0 1px var(--card-line); } html.lp-doc .mat-tools i + i { margin-left: -8px; } html.lp-doc .mat-tools i.tg { background: var(--tg); color: #FFFFFF; } html.lp-doc .mat-tools svg { width: 20px; height: 20px; } html.lp-doc .mat-tools svg.file { width: 18px; height: 21px; } html.lp-doc .mat-tools img { width: 24px; height: 24px; } html.lp-doc .mat-step.etp .mat-tools i { background: #FFFFFF; color: #0A76B4; box-shadow: 0 8px 16px -10px rgba(4, 30, 50, .6); } /* Порог: на телефоне — строка между второй и третьей ступенью, на широком экране — вертикальная линия в зазоре */ html.lp-doc .mat-gate { display: flex; align-items: center; gap: 12px; margin-block: 6px; } html.lp-doc .mat-gate::before, html.lp-doc .mat-gate::after { content: ""; flex: 1; height: 2px; background: repeating-linear-gradient(90deg, var(--line-2) 0 8px, transparent 8px 14px); } html.lp-doc .mat-gate span { flex: none; padding: 7px 15px; border-radius: 999px; background: var(--mark); color: var(--mark-ink); font-weight: 600; font-size: 13.5px; line-height: 1.25; box-shadow: 0 10px 22px -12px rgba(110, 106, 0, .8); } @media (min-width: 960px) { html.lp-doc .mat-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; align-items: end; padding-top: 64px; } html.lp-doc .mat-step { min-height: calc(190px + var(--lv) * 58px); padding: 30px 24px 26px; } html.lp-doc .mat-gate { position: absolute; z-index: 1; left: 50%; top: 0; bottom: 0; margin: 0; flex-direction: column; gap: 10px; translate: -50% 0; pointer-events: none; } html.lp-doc .mat-gate::before { display: none; } html.lp-doc .mat-gate::after { width: 2px; height: auto; background: repeating-linear-gradient(180deg, var(--line-2) 0 8px, transparent 8px 14px); } } @media (min-width: 1100px) { html.lp-doc .mat-step { grid-template-rows: auto auto auto 1fr; min-height: calc(214px + var(--lv) * 58px); } html.lp-doc .mat-tools { display: flex; align-self: end; margin-top: 14px; } } html.lp-doc .mat-next { position: relative; overflow: hidden; display: grid; gap: 18px; align-items: center; padding: 22px 24px 22px 30px; border-radius: 20px; background: var(--card); color: var(--card-ink); box-shadow: var(--shadow), 0 0 0 1px var(--card-line); } html.lp-doc .mat-next::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 6px; background: var(--mark); } @media (min-width: 760px) { html.lp-doc .mat-next { grid-template-columns: minmax(0, 1fr) auto; gap: 32px; padding: 26px 32px 26px 38px; } } html.lp-doc .mat-next-txt { display: grid; gap: 6px; } html.lp-doc .mat-next-k { font-size: 13px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--accent); } html.lp-doc .mat-next p { font-size: 17px; font-weight: 500; line-height: 1.5; max-width: 72ch; text-wrap: pretty; } html.lp-doc .mat-next .swap { animation: lp-matSwap .55s var(--ease); } @keyframes lp-matSwap { from { opacity: 0; transform: translateY(10px); } } html.lp-doc .mat-next .btn { justify-self: start; } html.lp-doc.motion .mat:not(.in) .mat-step::before { transform: scaleY(.08); } html.lp-doc.motion .mat:not(.in) .mat-step > * { opacity: 0; transform: translateY(14px); } html.lp-doc.motion .mat .mat-step::before { transition: box-shadow .3s var(--ease), transform .9s var(--ease) calc(var(--lv) * 130ms); } html.lp-doc.motion .mat .mat-step > :not(.mat-here) { transition: opacity .6s var(--ease), transform .8s var(--ease); transition-delay: calc(var(--lv) * 130ms + 350ms); } html.lp-doc.motion .mat:not(.in) .mat-gate { opacity: 0; } html.lp-doc.motion .mat:not(.in) .mat-gate span { scale: .4; } html.lp-doc.motion .mat .mat-gate { transition: opacity .5s .7s; } html.lp-doc.motion .mat .mat-gate span { transition: scale .7s var(--spring) .8s; } @media (min-width: 960px) { html.lp-doc.motion .mat:not(.in) .mat-gate::after { transform: scaleY(0); } html.lp-doc.motion .mat .mat-gate::after { transform-origin: 50% 0; transition: transform .9s var(--ease) .9s; } } html.lp-doc.motion .mat:not(.in) .mat-ask, html.lp-doc.motion .mat:not(.in) .mat-next { opacity: 0; transform: translateY(18px); } html.lp-doc.motion .mat .mat-ask { transition: opacity .7s var(--ease), transform .8s var(--ease); } html.lp-doc.motion .mat .mat-next { transition: opacity .7s var(--ease) 1s, transform .8s var(--ease) 1s; } /* ---------- Как это работает ---------- */ html.lp-doc .how-grid { display: grid; gap: 20px; margin-top: clamp(28px, 4vw, 52px); } html.lp-doc .how-steps { list-style: none; padding: 0; display: grid; gap: 16px; } html.lp-doc .how-step { display: grid; gap: 16px; padding: 22px; border-radius: 22px; background: var(--soft); } html.lp-doc .how-txt { display: grid; gap: 10px; align-content: start; } html.lp-doc .how-txt .n { justify-self: start; display: inline-grid; place-items: center; min-width: 40px; height: 40px; padding: 0 8px; border-radius: 12px; background: var(--card); box-shadow: inset 0 0 0 1.5px var(--line); font-weight: 600; font-size: 18px; font-variant-numeric: tabular-nums; transition: background-color .4s, box-shadow .4s, color .4s; } html.lp-doc .how-txt h3 { font-size: clamp(22px, 2.2vw, 30px); font-weight: 600; letter-spacing: -.02em; line-height: 1.15; } html.lp-doc .how-txt p { color: var(--muted); font-size: 16.5px; max-width: 44ch; } html.lp-doc .ai-hl { background: var(--mark); color: var(--mark-ink); padding: 0 .18em; border-radius: 4px; -webkit-box-decoration-break: clone; box-decoration-break: clone; } html.lp-doc .how-media { background: var(--card); color: var(--card-ink); border-radius: 16px; padding: 14px; box-shadow: var(--shadow), 0 0 0 1px var(--card-line); } html.lp-doc .how-pin { display: none; } @media (min-width: 1024px) { html.lp-doc .how-grid { grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr); gap: clamp(40px, 5vw, 80px); align-items: start; } html.lp-doc .how-steps { gap: 0; } html.lp-doc .how-step { min-height: 74vh; padding: 0; background: none; align-content: center; opacity: .28; transition: opacity .6s var(--ease); } html.lp-doc .how-step:first-child { min-height: 62vh; align-content: start; padding-top: 12vh; } html.lp-doc .how-step:last-child { min-height: 62vh; align-content: end; padding-bottom: 14vh; } html.lp-doc .how-step.on { opacity: 1; } html.lp-doc .how-step.on .n { background: var(--mark); color: var(--mark-ink); box-shadow: none; } html.lp-doc .how-media { display: none; } html.lp-doc .how-pin { display: grid; gap: 16px; position: sticky; top: max(calc(var(--hdr-h) + 24px), calc(50vh - 280px)); } } html.lp-doc .how-rail { height: 3px; border-radius: 3px; background: var(--line); overflow: hidden; } html.lp-doc .how-rail i { display: block; height: 100%; background: var(--brand); transform-origin: 0 50%; transform: scaleX(var(--hp, .25)); transition: transform .6s var(--ease); } /* Окно платформы */ html.lp-doc .appwin { background: var(--card); color: var(--card-ink); border-radius: 18px; box-shadow: var(--shadow-lg), 0 0 0 1px var(--card-line); overflow: hidden; } html.lp-doc .aw-bar { display: flex; align-items: center; gap: 7px; padding: 11px 14px; border-bottom: 1px solid var(--card-line); background: color-mix(in srgb, var(--soft) 70%, var(--card)); } html.lp-doc .aw-bar i { width: 11px; height: 11px; border-radius: 50%; background: var(--card-line); } html.lp-doc .aw-url { margin-left: 14px; flex: 1; max-width: 320px; font-size: 12px; color: var(--card-muted); background: var(--card); border-radius: 999px; padding: 5px 12px; box-shadow: inset 0 0 0 1px var(--card-line); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } html.lp-doc .aw-body { display: grid; grid-template-columns: 184px minmax(0, 1fr); min-height: 488px; } html.lp-doc .aw-side { border-right: 1px solid var(--card-line); padding: 16px 10px; display: grid; align-content: start; gap: 2px; font-size: 13px; font-weight: 500; } html.lp-doc .aw-side > span { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 10px; color: var(--card-muted); } html.lp-doc .aw-side > span.on { background: var(--soft); color: var(--card-ink); font-weight: 600; } html.lp-doc .aw-side svg { width: 18px; height: 18px; flex: none; } html.lp-doc .aw-side .aw-logo { padding: 2px 10px 16px; } html.lp-doc .aw-logo img { height: 26px; width: auto; } html.lp-doc .aw-main { padding: 18px 20px 20px; display: grid; gap: 14px; align-content: start; min-width: 0; } html.lp-doc .aw-head { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; } html.lp-doc .aw-crumb { display: block; font-size: 12px; color: var(--card-muted); } html.lp-doc .aw-head b { display: block; font-size: 18px; font-weight: 600; letter-spacing: -.01em; margin-top: 2px; } html.lp-doc .aw-status { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--soft); white-space: nowrap; } html.lp-doc .aw-status.live::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--live); animation: lp-live 1.6s infinite; } html.lp-doc .aw-status.done { background: var(--ok-bg); color: var(--ok); } html.lp-doc .aw-status.swap { animation: lp-swap .5s var(--ease); } @keyframes lp-swap { from { opacity: 0; transform: translateY(6px); } } html.lp-doc .aw-tabs { position: relative; display: flex; gap: 22px; border-bottom: 1px solid var(--card-line); font-size: 13.5px; font-weight: 500; color: var(--card-muted); } html.lp-doc .aw-tabs span { padding-bottom: 10px; transition: color .3s; } html.lp-doc .aw-tabs span.on { color: var(--card-ink); } html.lp-doc .aw-ind { position: absolute; bottom: -1px; left: 0; height: 2px; border-radius: 2px; background: var(--brand); width: var(--iw, 60px); transform: translateX(var(--ix, 0px)); transition: transform .55s var(--ease), width .55s var(--ease); } html.lp-doc .aw-stage { display: grid; } html.lp-doc .aw-stage > .scr { grid-area: 1 / 1; opacity: 0; transform: translateY(18px); transition: opacity .45s, transform .7s var(--ease); visibility: hidden; } html.lp-doc .aw-stage > .scr.on { opacity: 1; transform: none; visibility: visible; } /* Экраны внутри окна */ html.lp-doc .scr { display: grid; gap: 12px; align-content: start; font-size: 13px; min-width: 0; } html.lp-doc .scr-ai { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; justify-content: space-between; } html.lp-doc .ai-file-mini { display: inline-flex; align-items: center; gap: 7px; font-weight: 600; padding: 6px 10px; border-radius: 9px; background: var(--soft); } html.lp-doc .ai-file-mini svg { width: 15px; height: 17px; } html.lp-doc .ai-badge { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; font-size: 12.5px; padding: 5px 10px; border-radius: 999px; background: color-mix(in srgb, var(--mark) 40%, var(--card)); color: var(--card-ink); } html.lp-doc .ai-badge svg { width: 14px; height: 14px; } html.lp-doc .scr-tbl { width: 100%; border-collapse: collapse; font-size: 13px; } html.lp-doc .scr-tbl th, html.lp-doc .scr-tbl td { padding: 8px 6px; border-bottom: 1px solid var(--card-line); text-align: left; } html.lp-doc .scr-tbl th { font-size: 11.5px; color: var(--card-muted); font-weight: 600; } html.lp-doc .scr-tbl td:last-child, html.lp-doc .scr-tbl th:last-child { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; } html.lp-doc .scr-tbl tr.win td { background: color-mix(in srgb, var(--mark) 32%, transparent); } html.lp-doc .scr-row { display: flex; justify-content: space-between; align-items: center; gap: 10px; color: var(--card-muted); } html.lp-doc .scr mark { background: var(--mark); color: var(--mark-ink); border-radius: 4px; padding: 1px 6px; font-weight: 600; } html.lp-doc .kw { display: flex; gap: 6px; } html.lp-doc .kw i { font-style: normal; font-weight: 600; font-size: 12px; padding: 3px 9px; border-radius: 999px; color: var(--card-ink); background: var(--soft); box-shadow: inset 0 0 0 1px var(--card-line); } html.lp-doc .scr-search { display: flex; align-items: center; gap: 8px; padding: 9px 12px; border-radius: 10px; box-shadow: inset 0 0 0 1.5px var(--brand); font-weight: 600; } html.lp-doc .scr-search svg { width: 16px; height: 16px; color: var(--card-muted); } html.lp-doc .scr-search em { margin-left: auto; font-style: normal; font-weight: 500; font-size: 12px; color: var(--card-muted); } html.lp-doc .inv { list-style: none; padding: 0; display: grid; gap: 6px; } html.lp-doc .inv li { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 10px; box-shadow: inset 0 0 0 1px var(--card-line); } html.lp-doc .inv b { font-weight: 600; } html.lp-doc .cb { width: 18px; height: 18px; border-radius: 5px; background: var(--brand); color: #fff; display: grid; place-items: center; flex: none; } html.lp-doc .cb svg { width: 12px; height: 12px; } html.lp-doc .st { margin-left: auto; font-size: 11.5px; font-weight: 600; padding: 3px 9px; border-radius: 999px; background: var(--soft); color: var(--card-muted); } html.lp-doc .st.ok { background: var(--ok-bg); color: var(--ok); } html.lp-doc .scr-foot { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; align-items: center; color: var(--card-muted); } html.lp-doc .scr-foot b { color: var(--card-ink); } html.lp-doc .addmail { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; color: var(--accent); } html.lp-doc .addmail svg { width: 15px; height: 15px; } html.lp-doc .scr-kpi { display: flex; justify-content: space-between; align-items: flex-end; gap: 10px; } html.lp-doc .scr-kpi span:not(.au-delta) { display: block; font-size: 12px; color: var(--card-muted); } html.lp-doc .scr-kpi b { font-size: 24px; font-weight: 700; letter-spacing: -.02em; font-variant-numeric: tabular-nums; } html.lp-doc .mini { width: 100%; height: auto; display: block; overflow: visible; } html.lp-doc .mini-area { fill: var(--chart-fill); } html.lp-doc .mini-line { fill: none; stroke: var(--chart); stroke-width: 2.5; stroke-linejoin: round; } html.lp-doc .mini-dot { fill: var(--chart); } html.lp-doc .mini-rank { list-style: none; padding: 0; display: grid; gap: 4px; } html.lp-doc .mini-rank li { display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; gap: 8px; align-items: center; padding: 6px 8px; border-radius: 8px; } html.lp-doc .mini-rank .pos { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; font-size: 11.5px; font-weight: 700; background: var(--soft); } html.lp-doc .mini-rank li.lead { background: var(--soft); } html.lp-doc .mini-rank li.lead .pos { background: var(--chart); color: #fff; } html.lp-doc .mini-rank .gap { font-size: 12px; color: var(--card-muted); font-variant-numeric: tabular-nums; } html.lp-doc .mini-rank li.lead .gap { background: var(--mark); color: var(--mark-ink); font-weight: 700; padding: 2px 8px; border-radius: 999px; } html.lp-doc .scr-acts { display: flex; flex-wrap: wrap; gap: 8px; } html.lp-doc .scr-note { font-size: 12px; color: var(--card-muted); } /* живые мелочи на активном экране */ html.lp-doc .scr [style*="--i"] { transition: opacity .5s var(--ease), transform .6s var(--ease); transition-delay: calc(var(--i) * 110ms + 150ms); } html.lp-doc .aw-stage > .scr:not(.on) [style*="--i"] { opacity: 0; transform: translateX(-10px); } html.lp-doc .aw-stage > .scr .mini-line { stroke-dasharray: 520; stroke-dashoffset: 0; transition: stroke-dashoffset 1.6s var(--ease) .2s; } html.lp-doc .aw-stage > .scr:not(.on) .mini-line { stroke-dashoffset: 520; } html.lp-doc .aw-stage > .scr .mini-area { transition: opacity .8s 1s; } html.lp-doc .aw-stage > .scr:not(.on) .mini-area { opacity: 0; } html.lp-doc .aw-stage > .scr.on .mini-dot { animation: lp-popIn .5s var(--spring) 1.5s both; transform-box: fill-box; transform-origin: center; } @keyframes lp-popIn { from { transform: scale(0); } } html.lp-doc .aw-stage > .scr.on tr.win td { animation: lp-winRow 1.2s var(--ease) .4s both; } @keyframes lp-winRow { from { background-color: transparent; } } html.lp-doc .aw-stage > .scr.on .ai-badge { animation: lp-popIn .6s var(--spring) .2s both; } /* ---------- Виджет торгов ---------- */ html.lp-doc .auction-slot { position: relative; min-width: 0; } html.lp-doc .auction { container-type: inline-size; position: relative; z-index: 1; background: var(--card); color: var(--card-ink); border-radius: 14px; box-shadow: var(--shadow-lg), 0 0 0 1px var(--card-line); padding: 18px; display: grid; gap: 12px; font-size: 13.5px; } html.lp-doc .au-head { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; } html.lp-doc .au-crumb { font-size: 12px; color: var(--card-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* в узкой карточке таймер уходит под название, чтобы название и подписи стояли в одну строку */ @container (max-width: 440px) { html.lp-doc .au-head { flex-direction: column; gap: 8px; } html.lp-doc .au-timer { text-align: left; display: flex; align-items: baseline; gap: 8px; } } html.lp-doc .au-head > div:first-child { min-width: 0; } html.lp-doc .au-title { font-weight: 600; font-size: clamp(14px, 3.7cqw, 18px); letter-spacing: -.015em; line-height: 1.2; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } html.lp-doc .au-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; } html.lp-doc .chip { font-size: 11.5px; font-weight: 600; padding: 3px 9px; border-radius: 999px; background: var(--soft); color: var(--card-ink); display: inline-flex; align-items: center; gap: 5px; } html.lp-doc .chip.live::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--live); animation: lp-live 1.6s infinite; } @keyframes lp-live { 0% { box-shadow: 0 0 0 0 rgba(229, 57, 53, .5); } 70%, 100% { box-shadow: 0 0 0 6px rgba(229, 57, 53, 0); } } html.lp-doc .au-timer { text-align: right; flex: none; } html.lp-doc .au-timer span { display: block; font-size: 11.5px; color: var(--card-muted); } html.lp-doc .au-timer strong { display: inline-block; font-size: clamp(17px, 5cqw, 22px); font-weight: 600; font-variant-numeric: tabular-nums; letter-spacing: -.01em; transition: color .4s; } html.lp-doc .au-timer strong.urgent { color: var(--urgent); animation: lp-urgent 1s ease-in-out infinite; } @keyframes lp-urgent { 50% { opacity: .55; transform: scale(1.04); } } html.lp-doc .au-grid { display: grid; gap: 12px; } @container (min-width: 480px) { html.lp-doc .au-grid { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); } } html.lp-doc .au-chartbox { border: 1px solid var(--card-line); border-radius: 10px; padding: 12px; display: grid; gap: 4px; grid-template-rows: auto auto auto 1fr; min-width: 0; } html.lp-doc .au-best-label { font-size: 12px; color: var(--card-muted); } html.lp-doc .au-best { display: flex; align-items: baseline; gap: 8px; white-space: nowrap; } html.lp-doc .au-best strong { font-size: clamp(22px, 6cqw, 30px); font-weight: 700; letter-spacing: -.03em; font-variant-numeric: tabular-nums; } html.lp-doc .au-best em { font-style: normal; color: var(--card-muted); font-weight: 600; } html.lp-doc .au-delta { display: inline-flex; align-items: center; justify-self: start; align-self: start; line-height: 1.25; font-size: 12px; font-weight: 700; color: var(--ok); background: var(--ok-bg); padding: 3px 8px; border-radius: 999px; font-variant-numeric: tabular-nums; white-space: nowrap; } html.lp-doc .au-chart { width: 100%; height: auto; display: block; margin-top: 4px; overflow: visible; align-self: end; } html.lp-doc .au-chart .grid line { stroke: var(--card-line); stroke-width: 1; } html.lp-doc .au-chart text { fill: var(--card-muted); font-size: 10px; font-family: var(--font); font-variant-numeric: tabular-nums; } html.lp-doc .au-chart .area { fill: var(--chart-fill); } html.lp-doc .au-chart .line { fill: none; stroke: var(--chart); stroke-width: 2.5; stroke-linejoin: round; } html.lp-doc .au-chart .dot { fill: var(--chart); } html.lp-doc .au-chart .dot-halo { fill: var(--chart); opacity: .22; } html.lp-doc .au-chart .dotg { transition: transform .5s cubic-bezier(.2, .8, .2, 1); } html.lp-doc .au-chart .ping { fill: none; stroke: var(--chart); stroke-width: 1.5; transform-box: fill-box; transform-origin: center; animation: lp-ping 2.2s cubic-bezier(0, 0, .2, 1) infinite; } html.lp-doc .au-chart .ping.late { animation-delay: 1.1s; } @keyframes lp-ping { from { transform: scale(1); opacity: .7; } to { transform: scale(3); opacity: 0; } } html.lp-doc .au-chart .tip rect { fill: var(--card-ink); } html.lp-doc .au-chart .tip text { fill: var(--card); font-size: 10.5px; font-weight: 700; } html.lp-doc .au-chart .tip { transition: transform .35s cubic-bezier(.2, .8, .2, 1); } html.lp-doc .au-chart .dot-halo.burst { animation: lp-burst .7s ease-out; transform-box: fill-box; transform-origin: center; } @keyframes lp-burst { from { transform: scale(1); opacity: .5; } to { transform: scale(2.8); opacity: 0; } } html.lp-doc .au-rank-title { font-weight: 600; font-size: 13px; margin-bottom: 4px; } html.lp-doc .au-rank { list-style: none; padding: 0; display: grid; gap: 4px; align-content: start; } html.lp-doc .au-row { display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; gap: 8px; align-items: center; padding: 7px 8px; border-radius: 8px; position: relative; } html.lp-doc .au-row .pos { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; font-size: 11.5px; font-weight: 700; background: var(--soft); } html.lp-doc .au-row .who { min-width: 0; display: grid; } html.lp-doc .au-row .who b { font-weight: 600; font-size: 13px; } html.lp-doc .au-row .who span { font-size: 12px; color: var(--card-muted); font-variant-numeric: tabular-nums; } html.lp-doc .au-row .who b, html.lp-doc .au-row .who span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } html.lp-doc .au-row .gap { font-size: 12px; color: var(--card-muted); font-variant-numeric: tabular-nums; white-space: nowrap; } html.lp-doc .au-row.lead { background: var(--soft); } html.lp-doc .au-row.lead .pos { background: var(--chart); color: #fff; } html.lp-doc .au-row.lead .gap { font-weight: 700; background: var(--mark); color: var(--mark-ink); padding: 2px 8px; border-radius: 999px; } html.lp-doc .au-row.flash { animation: lp-flash 1.2s ease-out; } @keyframes lp-flash { 0% { box-shadow: inset 0 0 0 2px var(--chart); } 100% { box-shadow: inset 0 0 0 2px transparent; } } html.lp-doc .au-row.lost { animation: lp-lost .5s ease-in-out 4; } @keyframes lp-lost { 50% { background: rgba(42, 171, 238, .22); box-shadow: inset 0 0 0 2px var(--tg); } } html.lp-doc .au-row.lost .who b::after { content: attr(data-lost); color: var(--accent); font-weight: 600; font-size: 11.5px; } html.lp-doc .au-feed { border-top: 1px solid var(--card-line); padding-top: 10px; display: flex; gap: 8px; align-items: baseline; font-size: clamp(11.5px, 3.2cqw, 12.5px); min-width: 0; } html.lp-doc .au-feed b { flex: none; } html.lp-doc .au-feed span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; } html.lp-doc .au-feed b { font-variant-numeric: tabular-nums; font-weight: 600; } html.lp-doc .au-feed span { color: var(--card-muted); } html.lp-doc .au-feed span.in { animation: lp-feedIn .4s var(--ease); } @keyframes lp-feedIn { from { opacity: 0; transform: translateX(-8px); } } html.lp-doc .au-final { border-radius: 10px; background: var(--soft); padding: 12px; display: grid; gap: 10px; animation: lp-feedIn .5s var(--ease); } html.lp-doc .au-final p { font-weight: 600; } html.lp-doc .au-final .acts { gap: 8px; } html.lp-doc .au-replay { justify-self: start; font: inherit; font-size: 12.5px; font-weight: 600; color: var(--accent); background: none; border: 0; padding: 2px 0; cursor: pointer; display: inline-flex; gap: 6px; align-items: center; } html.lp-doc .au-replay svg { width: 14px; height: 14px; transition: transform .5s var(--ease); } html.lp-doc .au-replay:hover svg { transform: rotate(-200deg); } /* Сообщение Telegram поверх виджета */ /* поверх страницы, а не в потоке: появление сообщения не сдвигает блоки ниже */ html.lp-doc .tg-toast { position: absolute; z-index: 3; left: 0; right: 0; bottom: -40px; margin-inline: auto; max-width: 360px; background: color-mix(in srgb, var(--card) 94%, transparent); color: var(--card-ink); backdrop-filter: blur(12px); border-radius: 16px; padding: 12px 14px; display: grid; gap: 6px; box-shadow: 0 0 0 2px var(--tg), 0 0 0 8px rgba(42, 171, 238, .16), 0 28px 60px -22px rgba(4, 30, 50, .6); } @media (min-width: 1024px) { html.lp-doc .tg-toast { position: absolute; margin: 0; width: 360px; left: -48px; bottom: -56px; } } html.lp-doc .tg-toast-top { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--card-muted); } html.lp-doc .tg-ico { width: 22px; height: 22px; border-radius: 50%; background: var(--tg); display: grid; place-items: center; flex: none; } html.lp-doc .tg-ico svg { width: 13px; height: 13px; fill: #fff; color: #fff; } html.lp-doc .tg-toast-top b { color: var(--card-ink); font-weight: 700; font-size: 13px; } html.lp-doc .tg-toast-top .when { margin-left: auto; } html.lp-doc .tg-toast p { font-size: 14px; line-height: 1.45; } html.lp-doc .tg-toast p b { font-weight: 650; } html.lp-doc .tg-btn { text-align: center; font-size: 13px; font-weight: 600; color: var(--tg-link); background: rgba(51, 144, 236, .12); border-radius: 8px; padding: 8px 10px; } html.lp-doc .tg-cap { font-size: 11.5px; font-weight: 600; color: var(--card-muted); } html.lp-doc .tg-toast.enter { animation: lp-toastFly .95s var(--ease) both; } @keyframes lp-toastFly { 0% { transform: translateX(140%) translateY(-18px) rotate(6deg) scale(.92); opacity: 0; filter: blur(4px); } 55% { transform: translateX(-6%) translateY(2px) rotate(-1.5deg) scale(1.02); opacity: 1; filter: none; } 80% { transform: translateX(2%) rotate(.5deg); } 100% { transform: none; opacity: 1; } } html.lp-doc .tg-toast.leave { animation: lp-toastLeave .45s cubic-bezier(.4, 0, 1, 1) forwards; } @keyframes lp-toastLeave { to { transform: translateY(-28px) scale(.96); opacity: 0; filter: blur(3px); } } html.lp-doc .tg-toast.enter .tg-ico { animation: lp-icoPulse 1.1s ease-out 3; } @keyframes lp-icoPulse { 0% { box-shadow: 0 0 0 0 rgba(42, 171, 238, .7); } 100% { box-shadow: 0 0 0 12px rgba(42, 171, 238, 0); } } /* ---------- ИИ-черновик ---------- */ html.lp-doc .ai-sec .sec-head { max-width: 900px; } html.lp-doc .ai { display: grid; gap: 18px; } @media (min-width: 960px) { html.lp-doc .ai { grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr); gap: 24px; align-items: start; } } html.lp-doc .ai-left { display: grid; gap: 22px; align-content: start; } @property --spin { syntax: ""; inherits: false; initial-value: 0deg; } html.lp-doc .ai-drop { position: relative; border: 2px dashed color-mix(in srgb, var(--chart) 60%, transparent); border-radius: 16px; padding: 16px; display: grid; gap: 10px; background: color-mix(in srgb, var(--soft) 70%, transparent); } html.lp-doc .ai-drop.busy::after { content: ""; position: absolute; inset: -2px; border-radius: inherit; padding: 2px; pointer-events: none; background: conic-gradient(from var(--spin), transparent 0deg, var(--chart) 70deg, var(--mark) 120deg, transparent 190deg); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: lp-glowSpin 1.6s linear infinite; } @keyframes lp-glowSpin { to { --spin: 360deg; } } html.lp-doc .ai-drop-title { font-weight: 600; font-size: 14px; } html.lp-doc .ai-file { display: flex; align-items: center; gap: 10px; background: var(--card); color: var(--card-ink); border-radius: 10px; padding: 9px 11px; font-size: 13px; box-shadow: 0 0 0 1px var(--card-line); } html.lp-doc .ai-file svg { width: 26px; height: 30px; flex: none; } html.lp-doc .ai-file span { margin-left: auto; color: var(--card-muted); font-size: 12px; white-space: nowrap; } html.lp-doc .ai-file b { font-weight: 600; min-width: 0; overflow-wrap: anywhere; } html.lp-doc .ai-steps { list-style: none; padding: 0; display: grid; gap: 6px; } html.lp-doc .ai-steps li { display: flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 600; color: var(--card-ink); padding: 8px 10px; border-radius: 10px; background: var(--card); box-shadow: 0 0 0 1px var(--card-line); transition: opacity .3s, transform .3s; } html.lp-doc .ai-steps li::before { content: ""; flex: none; width: 16px; height: 16px; border-radius: 50%; box-sizing: border-box; } html.lp-doc .ai-steps li.done::before { background: #1E8E57 url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M5 12.5l4.5 4.5L19 7.5%27 fill=%27none%27 stroke=%27white%27 stroke-width=%273.2%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E") center / 11px no-repeat; } html.lp-doc .ai-steps li.warn::before { background: var(--mark) url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M12 6v8M12 18v.5%27 fill=%27none%27 stroke=%27%2306192A%27 stroke-width=%273.4%27 stroke-linecap=%27round%27/%3E%3C/svg%3E") center / 12px no-repeat; } html.lp-doc .ai-steps li.active::before { border: 2px solid var(--chart); border-right-color: transparent; animation: lp-spin .8s linear infinite; } html.lp-doc .ai-steps li.todo { opacity: .35; } html.lp-doc .ai-steps li.todo::before { border: 2px solid var(--card-line); } @keyframes lp-spin { to { transform: rotate(360deg); } } html.lp-doc .ai-draft { background: var(--card); color: var(--card-ink); border-radius: 16px; box-shadow: var(--shadow-lg), 0 0 0 1px var(--card-line); padding: 18px; display: grid; gap: 12px; font-size: 13.5px; min-width: 0; } html.lp-doc .ai-banner { display: flex; gap: 10px; align-items: flex-start; background: color-mix(in srgb, var(--mark) 26%, var(--card)); border-radius: 10px; padding: 10px 12px; font-size: 13px; } html.lp-doc .ai-banner svg { width: 18px; height: 18px; flex: none; margin-top: 1px; } html.lp-doc .ai-fields { display: grid; gap: 8px 16px; } @media (min-width: 560px) { html.lp-doc .ai-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); } } html.lp-doc .ai-fields div { display: grid; gap: 2px; } html.lp-doc .ai-fields dt { font-size: 11.5px; color: var(--card-muted); } html.lp-doc .ai-fields dd { font-weight: 600; } html.lp-doc .ai-pos { width: 100%; border-collapse: collapse; font-size: 13px; } html.lp-doc .ai-pos th, html.lp-doc .ai-pos td { padding: 7px 8px; border-bottom: 1px solid var(--card-line); text-align: left; } html.lp-doc .ai-pos th { font-size: 11.5px; color: var(--card-muted); font-weight: 600; } html.lp-doc .ai-pos td:last-child, html.lp-doc .ai-pos th:last-child { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; } html.lp-doc .ai-text { font-size: 13px; line-height: 1.55; } html.lp-doc .ai-text mark { background: var(--mark); color: var(--mark-ink); border-radius: 3px; padding: 0 3px; } html.lp-doc .ai-acts { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; } html.lp-doc .ai-acts small { color: var(--card-muted); font-size: 12px; } html.lp-doc .trio { display: grid; } html.lp-doc .trio-row { display: grid; gap: 4px; padding: 14px 0; border-top: 1px solid var(--line); } html.lp-doc .trio-row:first-child { border-top: 0; padding-top: 0; } html.lp-doc .trio-row dt { font-size: 12.5px; font-weight: 600; color: var(--muted); } html.lp-doc .trio-row dd { font-size: 15px; } html.lp-doc .is-pending { opacity: 0; transform: translateY(8px); } html.lp-doc .anim { transition: opacity .45s var(--ease), transform .45s var(--ease); } /* ---------- Цифры на ступенях ---------- */ html.lp-doc .pchart { display: grid; gap: 26px; margin-top: 8px; } html.lp-doc .pcol { display: flex; flex-direction: column; min-width: 0; } html.lp-doc .pfig { display: grid; gap: 10px; align-content: end; padding: 0 20px 18px 0; } html.lp-doc .pfig strong { font-weight: 600; font-size: clamp(40px, 5vw, 72px); line-height: 1; letter-spacing: -.035em; } html.lp-doc .pfig .unit { font-size: .42em; letter-spacing: -.01em; margin-left: .2em; font-weight: 600; } html.lp-doc .pfig > span:last-child { font-size: 15.5px; font-weight: 500; color: var(--muted); max-width: 28ch; } html.lp-doc .ptread { position: relative; height: 26px; border-top: 3px solid var(--chart); background: linear-gradient(var(--chart-fill), transparent 90%); } html.lp-doc .pcol:nth-child(2) { margin-left: 6%; } html.lp-doc .pcol:nth-child(3) { margin-left: 12%; } html.lp-doc .pcol:last-child .ptread::after { content: ""; position: absolute; right: -2px; top: -8px; width: 13px; height: 13px; border-radius: 50%; background: var(--chart); box-shadow: 0 0 0 6px color-mix(in srgb, var(--chart) 25%, transparent); } @media (min-width: 900px) { html.lp-doc .pchart { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) minmax(0, 1fr); gap: 0; } html.lp-doc .pcol:not(:first-child) .pfig { padding-left: 22px; } html.lp-doc .pcol:nth-child(2) { margin-left: 0; padding-top: 64px; } html.lp-doc .pcol:nth-child(3) { margin-left: 0; padding-top: 128px; } html.lp-doc .pfig { min-height: 220px; } html.lp-doc .ptread { flex: 1; height: auto; min-height: 110px; } html.lp-doc .pcol:not(:first-child) .ptread::before { content: ""; position: absolute; left: 0; top: -67px; width: 3px; height: 67px; background: var(--chart); } } html.lp-doc .dots { display: flex; flex-wrap: wrap; gap: 7px; margin-block: 2px 4px; } html.lp-doc .dots i { width: 15px; height: 15px; border-radius: 50%; background: color-mix(in srgb, var(--ink) 14%, transparent); transition: background-color .3s, transform .4s var(--spring); } html.lp-doc .dots i.on { background: var(--mark); transform: scale(1.12); } html.lp-doc .pchart.play .ptread { animation: lp-tread .9s var(--ease) both; } html.lp-doc .pchart.play .pcol:nth-child(2) .ptread { animation-delay: .35s; } html.lp-doc .pchart.play .pcol:nth-child(3) .ptread { animation-delay: .7s; } @keyframes lp-tread { from { clip-path: inset(-80px 100% 0 -4px); } to { clip-path: inset(-80px -24px 0 -4px); } } html.lp-doc.motion .pchart:not(.play) .pfig { opacity: 0; transform: translateY(20px); } html.lp-doc.motion .pchart .pfig { transition: opacity .8s var(--ease), transform .9s var(--ease); } html.lp-doc.motion .pchart.play .pcol:nth-child(2) .pfig { transition-delay: .35s; } html.lp-doc.motion .pchart.play .pcol:nth-child(3) .pfig { transition-delay: .7s; } /* ---------- Telegram ---------- */ html.lp-doc .tg-grid { display: grid; gap: 36px; padding-top: clamp(84px, 10vw, 140px); } html.lp-doc .tg-copy { display: grid; gap: 18px; align-content: center; } html.lp-doc .tg-also { font-weight: 600; font-size: 16.5px; } @media (min-width: 900px) { html.lp-doc .tg-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 360px); align-items: center; gap: 56px; } } html.lp-doc .phone-screen { position: relative; border-radius: 43px; overflow: hidden; } /* Пропорции iPhone 16 Pro Max: корпус 77,6 × 163 мм (≈ 1 : 2,1), экран 440 × 956 pt, тонкая рамка, Dynamic Island */ html.lp-doc .phone { position: relative; justify-self: center; width: min(100%, 320px); border-radius: 52px; padding: 9px; background: #0D1A24; box-shadow: var(--shadow-lg), inset 0 0 0 1.5px #3A4C5A, inset 0 0 0 4px #0D1A24, inset 0 0 0 5px #23333F; } html.lp-doc .phone::before, html.lp-doc .phone::after { content: ""; position: absolute; width: 3px; border-radius: 2px; background: #23333F; } html.lp-doc .phone::before { left: -2px; top: 17%; height: 4.5%; box-shadow: 0 calc(320px * .2) 0 #23333F, 0 calc(320px * .37) 0 #23333F; } html.lp-doc .phone::after { right: -2px; top: 27%; height: 12%; } html.lp-doc .tgx { --tg-head: #FFFFFF; --tg-head-ink: #000000; --tg-sub: #8A8A8E; --tg-accent: #3390EC; --tg-bubble: #FFFFFF; --tg-bubble-ink: #000000; --tg-time: #8A9AA6; --tg-kb: rgba(30, 60, 35, .34); --tg-input: #FFFFFF; --tg-chip: rgba(30, 60, 35, .3); --tg-wall: linear-gradient(160deg, #D5D88D 0%, #A4C08A 38%, #88B884 70%, #6BA587 100%); background: radial-gradient(circle, rgba(255, 255, 255, .22) 1.2px, transparent 1.7px) 0 0 / 18px 18px, var(--tg-wall); display: grid; grid-template-rows: auto auto 1fr auto; aspect-ratio: 440 / 956; } html.lp-doc.dark .tgx { --tg-head: #17212B; --tg-head-ink: #F5F5F5; --tg-sub: #7D8B99; --tg-accent: #5EB5F7; --tg-bubble: #182533; --tg-bubble-ink: #F5F5F5; --tg-time: #6D7F8F; --tg-kb: rgba(255, 255, 255, .1); --tg-input: #17212B; --tg-chip: rgba(255, 255, 255, .1); --tg-wall: linear-gradient(160deg, #0E1621 0%, #101C29 100%); } html.lp-doc .tgx-head { display: flex; align-items: center; gap: 10px; padding: 4px 12px 10px; background: var(--tg-head); color: var(--tg-head-ink); } html.lp-doc .tgx-back { width: 22px; height: 22px; color: var(--tg-accent); flex: none; } html.lp-doc .tgx-av { width: 38px; height: 38px; border-radius: 50%; background: #14A0E6; display: grid; place-items: center; flex: none; } html.lp-doc .tgx-av img { width: 25px; height: auto; } html.lp-doc .tgx-title b { display: block; font-size: 14.5px; font-weight: 600; } html.lp-doc .tgx-title span { font-size: 12px; color: var(--tg-sub); } html.lp-doc .tgx-title span.typing { color: var(--tg-accent); } html.lp-doc .tgx-more { margin-left: auto; width: 20px; height: 20px; color: var(--tg-sub); } html.lp-doc .tgx-chat { padding: 10px 10px 12px 16px; display: flex; flex-direction: column; gap: 10px; justify-content: flex-end; overflow: hidden; } html.lp-doc .tgx-date { align-self: center; font-size: 11.5px; font-weight: 600; color: #FFFFFF; background: var(--tg-chip); padding: 3px 10px; border-radius: 999px; } html.lp-doc .tgx-msg { display: grid; gap: 4px; max-width: 90%; transform-origin: 0 100%; } html.lp-doc .tgx-bubble { position: relative; background: var(--tg-bubble); color: var(--tg-bubble-ink); border-radius: 12px 12px 12px 4px; padding: 7px 10px; font-size: 13.5px; line-height: 1.4; box-shadow: 0 1px 1px rgba(0, 0, 0, .12); } html.lp-doc .tgx-bubble::before { content: ""; position: absolute; left: -6px; bottom: 0; width: 10px; height: 12px; background: var(--tg-bubble); clip-path: polygon(100% 0, 100% 100%, 0 100%); } html.lp-doc .tgx-bubble b { font-weight: 650; } html.lp-doc .tgx-bubble time { float: right; margin: 6px 0 -3px 10px; font-size: 11px; color: var(--tg-time); } html.lp-doc .tgx-kb { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 4px; } html.lp-doc .tgx-kb span { background: var(--tg-kb); color: #FFFFFF; font-size: 12.5px; font-weight: 600; text-align: center; padding: 8px 6px; border-radius: 8px; backdrop-filter: blur(6px); } html.lp-doc .tgx-input { display: flex; align-items: center; gap: 10px; padding: 8px 10px 26px; background: var(--tg-input); } html.lp-doc .tgx-status { aspect-ratio: 440 / 56; display: flex; align-items: center; justify-content: space-between; padding: 4px 9% 0 11%; background: var(--tg-head); color: var(--tg-head-ink); font-size: 14px; font-weight: 600; letter-spacing: -.01em; font-variant-numeric: tabular-nums; } html.lp-doc .sb-ic { width: 58px; height: 12px; } html.lp-doc .sb-island { position: absolute; z-index: 3; left: 50%; top: 1.15%; width: 28.6%; aspect-ratio: 126 / 37; translate: -50% 0; border-radius: 999px; background: #000000; } html.lp-doc .sb-home { position: absolute; z-index: 3; left: 50%; bottom: 7px; width: 34%; height: 5px; translate: -50% 0; border-radius: 3px; background: var(--tg-head-ink); opacity: .85; } html.lp-doc .tgx-menu { display: inline-flex; align-items: center; gap: 5px; background: var(--tg-accent); color: #FFFFFF; font-size: 12.5px; font-weight: 600; padding: 6px 10px; border-radius: 16px; } html.lp-doc .tgx-menu svg { width: 14px; height: 14px; } html.lp-doc .tgx-ph { flex: 1; color: var(--tg-sub); font-size: 13.5px; } html.lp-doc .tgx-ico { width: 20px; height: 20px; color: var(--tg-sub); flex: none; } html.lp-doc .tgx-typing { align-self: flex-start; display: inline-flex; gap: 4px; padding: 10px 12px; border-radius: 14px 14px 14px 4px; background: var(--tg-bubble); } html.lp-doc .tgx-typing i { width: 7px; height: 7px; border-radius: 50%; background: var(--tg-sub); animation: lp-typing 1.2s infinite; } html.lp-doc .tgx-typing i:nth-child(2) { animation-delay: .15s; } html.lp-doc .tgx-typing i:nth-child(3) { animation-delay: .3s; } @keyframes lp-typing { 0%, 60%, 100% { transform: none; opacity: .5; } 30% { transform: translateY(-4px); opacity: 1; } } html.lp-doc .tgx-msg.pending { display: none; } html.lp-doc .tgx-msg.arrive { animation: lp-msgIn .6s var(--spring) both; } @keyframes lp-msgIn { from { opacity: 0; transform: translateY(16px) scale(.92); } } html.lp-doc .phone { translate: 0 var(--py, 0px); } /* ---------- Кто мы ---------- */ html.lp-doc .about-top { display: grid; gap: 28px; align-items: end; } @media (min-width: 960px) { html.lp-doc .about-top { grid-template-columns: minmax(0, 1fr) auto; gap: 56px; } } html.lp-doc .about-top .eyebrow { justify-self: start; } html.lp-doc .about-fig { display: grid; gap: 10px; justify-items: start; } html.lp-doc .about-fig strong { font-weight: 600; font-size: clamp(104px, 13vw, 196px); line-height: .92; letter-spacing: -.05em; color: var(--hl-ink); background: linear-gradient(transparent var(--num-from), var(--mark) var(--num-from) 92%, transparent 92%); padding: 0 .04em; } html.lp-doc .about-fig > span { font-size: 16px; font-weight: 600; color: var(--muted); max-width: 22ch; } /* Текст «читается» при прокрутке: слова по очереди набирают цвет */ html.lp-doc .about-text { font-weight: 500; font-size: clamp(24px, 2.7vw, 40px); line-height: 1.28; letter-spacing: -.022em; max-width: 30em; text-wrap: pretty; } html.lp-doc .about-text .w { color: color-mix(in srgb, var(--ink) 20%, transparent); transition: color .35s var(--ease); } html.lp-doc .about-text .w.on { color: var(--ink); } html.lp-doc .practice { display: grid; gap: 22px; margin-top: clamp(4px, 1.5vw, 20px); } html.lp-doc .pr-h { max-width: 26ch; } html.lp-doc .pr-list { display: grid; gap: 14px; } @media (min-width: 700px) { html.lp-doc .pr-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 1080px) { html.lp-doc .pr-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } } html.lp-doc .pr-list > div { display: grid; gap: 16px; align-content: start; padding: 24px 24px 22px; border-radius: 20px; background: var(--soft); box-shadow: inset 0 0 0 1px var(--line); transition: box-shadow .3s var(--ease), translate .45s var(--ease); } @media (hover: hover) { html.lp-doc .pr-list > div:hover { translate: 0 -4px; box-shadow: inset 0 0 0 1.5px var(--brand), var(--shadow); } } html.lp-doc .pr-list dt { font-weight: 600; font-size: clamp(18px, 1.5vw, 20px); letter-spacing: -.015em; line-height: 1.25; } html.lp-doc .pr-list dd { display: flex; gap: 10px; align-items: flex-start; padding-top: 14px; border-top: 1.5px dashed var(--line-2); color: var(--muted); font-size: 15.5px; line-height: 1.45; } html.lp-doc .pr-list dd svg { flex: none; width: 18px; height: 18px; margin-top: 2px; color: var(--accent); transition: transform .35s var(--ease); } html.lp-doc .pr-list > div:hover dd svg { transform: translateX(3px); } /* ---------- Роли ---------- */ html.lp-doc .roles { display: grid; border-top: 2px solid var(--ink); } html.lp-doc .role { display: grid; gap: 8px; padding: 22px 0; border-bottom: 1px solid var(--line); transition: background-color .3s, padding .4s var(--ease); } @media (min-width: 820px) { html.lp-doc .role { grid-template-columns: 300px minmax(0, 1fr); gap: 32px; align-items: baseline; } } html.lp-doc .role b { font-weight: 600; font-size: clamp(20px, 2vw, 26px); letter-spacing: -.02em; line-height: 1.15; } html.lp-doc .role p { font-size: 17px; max-width: 60ch; color: var(--muted); } html.lp-doc .role-tx { display: grid; gap: 6px; } html.lp-doc .role-tx strong { font-weight: 600; font-size: 19px; line-height: 1.35; letter-spacing: -.01em; } @media (hover: hover) and (min-width: 820px) { html.lp-doc .role:hover { background: var(--soft); padding-inline: 18px; border-radius: 12px; } } /* ---------- Полоса «Вы поставщик?» ---------- */ html.lp-doc .band { background: var(--band); color: var(--band-ink); clip-path: polygon(0 3.4vw, 100% 0, 100% 100%, 0 100%); margin-top: -1px; } html.lp-doc .band-in { display: grid; gap: 28px; padding-block: calc(clamp(64px, 8vw, 112px) + 3.4vw) clamp(64px, 8vw, 112px); } @media (min-width: 900px) { html.lp-doc .band-in { grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 48px; } } html.lp-doc .band .lede { color: var(--band-muted); } /* ---------- Вопросы ---------- */ html.lp-doc .faq-grid { display: grid; gap: 32px; } @media (min-width: 960px) { html.lp-doc .faq-grid { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 64px; align-items: start; } html.lp-doc .faq-side { position: sticky; top: calc(var(--hdr-h) + 40px); display: grid; gap: 18px; } } html.lp-doc .faq-side { display: grid; gap: 18px; } html.lp-doc .faq { display: grid; border-top: 2px solid var(--ink); } html.lp-doc .faq > div { display: grid; gap: 8px; padding: 22px 0; border-bottom: 1px solid var(--line); } html.lp-doc .faq dt { font-weight: 600; font-size: 18.5px; letter-spacing: -.01em; } html.lp-doc .faq dd { color: var(--muted); font-size: 16px; max-width: 62ch; } /* ---------- Финальный призыв ---------- */ html.lp-doc .final-sec { padding-block: clamp(40px, 6vw, 80px) clamp(96px, 11vw, 160px); } html.lp-doc .final { position: relative; background: var(--field); color: var(--field-ink); border-radius: 32px; padding: clamp(36px, 7vw, 104px); display: grid; gap: 24px; justify-items: start; } html.lp-doc .final::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: radial-gradient(60% 80% at 85% 10%, rgba(255, 255, 255, .22), transparent 60%); pointer-events: none; } html.lp-doc .final-h { font-size: clamp(40px, 6.2vw, 92px); max-width: 15ch; position: relative; } html.lp-doc .final .lede { color: var(--field-muted); position: relative; } html.lp-doc .final .btn { position: relative; } html.lp-doc .final .contact { position: relative; display: flex; flex-wrap: wrap; gap: 8px 22px; font-size: 15px; color: var(--field-muted); align-items: center; } html.lp-doc .final .contact b { color: var(--field-ink); font-weight: 600; -webkit-user-select: all; -moz-user-select: all; user-select: all; } html.lp-doc .final .contact a { color: var(--field-ink); font-weight: 600; } html.lp-doc .copy { display: inline-grid; place-items: center; width: 30px; height: 30px; margin-left: 4px; border-radius: 8px; border: 0; background: transparent; color: inherit; cursor: pointer; vertical-align: middle; transition: background-color .2s; } html.lp-doc .copy:hover { background: rgba(255, 255, 255, .25); } html.lp-doc .copy svg { width: 16px; height: 16px; } html.lp-doc .f-stairs { right: clamp(-30px, -2vw, 0px); bottom: clamp(-60px, -4vw, -30px); width: clamp(140px, 20vw, 300px); } html.lp-doc .f-ball { right: clamp(80px, 22vw, 360px); top: clamp(-50px, -3vw, -24px); } @media (max-width: 700px) { html.lp-doc .f-stairs { width: 120px; bottom: -40px; } html.lp-doc .f-ball { width: 56px; right: 24px; } } /* ---------- Страница поставщиков ---------- */ html.lp-doc .h1-sp { max-width: 17ch; font-size: clamp(36px, 4.3vw, 62px); } html.lp-doc .you-slot { justify-self: center; width: min(100%, 480px); } html.lp-doc .you { container-type: inline-size; position: relative; z-index: 1; background: var(--card); color: var(--card-ink); border-radius: 16px; box-shadow: var(--shadow-lg), 0 0 0 1px var(--card-line); padding: 20px; display: grid; gap: 12px; font-size: 13.5px; } html.lp-doc .you-title { font-size: clamp(15px, 4.8cqw, 18px); font-weight: 600; letter-spacing: -.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } html.lp-doc .you-pos { display: flex; align-items: center; gap: 14px; } html.lp-doc .you-pos strong { font-size: 56px; line-height: 1; font-weight: 600; letter-spacing: -.04em; min-width: 1ch; display: inline-block; } html.lp-doc .you-pos strong.flip { animation: lp-flip .6s var(--ease); } @keyframes lp-flip { 0% { transform: rotateX(90deg); opacity: 0; } 100% { transform: none; opacity: 1; } } html.lp-doc .you-pos > span { color: var(--card-muted); font-size: 13.5px; } html.lp-doc .you-bar { display: grid; grid-template-columns: repeat(5, 1fr); gap: 5px; } html.lp-doc .you-bar i { height: 9px; border-radius: 5px; background: var(--card-line); transition: background-color .4s; } html.lp-doc .you-bar i.me { background: var(--chart); } html.lp-doc .you-bar i.lead { background: var(--mark); } html.lp-doc .you-bar i.me.lead { background: linear-gradient(90deg, var(--mark) 50%, var(--chart) 50%); } html.lp-doc .you-feed span.in { animation: lp-feedIn .4s var(--ease); } html.lp-doc .you .ubtn { justify-self: start; } @media (min-width: 1024px) { html.lp-doc .you-slot .tg-toast { left: auto; right: -40px; bottom: -64px; width: 340px; } } html.lp-doc .ladder { position: relative; } html.lp-doc .ladder-line { display: none; } html.lp-doc .ladder-steps { list-style: none; padding: 0; display: grid; gap: 14px; } html.lp-doc .ladder-steps li { display: grid; gap: 10px; align-content: start; padding: 22px; border-radius: 20px; background: var(--soft); } html.lp-doc .ladder-steps .n { display: inline-grid; place-items: center; justify-self: start; min-width: 40px; height: 40px; border-radius: 12px; background: var(--mark); color: var(--mark-ink); font-weight: 600; font-size: 18px; } html.lp-doc .ladder-steps b { font-size: 20px; font-weight: 600; letter-spacing: -.015em; } html.lp-doc .ladder-steps p { color: var(--muted); } @media (min-width: 960px) { html.lp-doc .ladder-line { display: block; width: 100%; height: 120px; position: absolute; top: 0; left: 0; overflow: visible; } html.lp-doc .ladder-line path { fill: none; stroke: var(--chart); stroke-width: 3; vector-effect: non-scaling-stroke; stroke-dasharray: 1; stroke-dashoffset: var(--lo, 0); } html.lp-doc .ladder-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; padding-top: 30px; } html.lp-doc .ladder-steps li { background: none; padding: 0 12px 0 0; } html.lp-doc .ladder-steps li:nth-child(2) { margin-top: 32px; } html.lp-doc .ladder-steps li:nth-child(3) { margin-top: 64px; } html.lp-doc .ladder-steps li:nth-child(4) { margin-top: 96px; } } html.lp-doc .terms-grid { display: grid; gap: 40px; } @media (min-width: 960px) { html.lp-doc .terms-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 460px); align-items: center; gap: 64px; } } html.lp-doc .receipt-slot { position: relative; justify-self: center; width: min(100%, 440px); padding-top: 8px; clip-path: inset(0 -60px -80px -60px); } html.lp-doc .receipt-slot::before { content: ""; position: absolute; z-index: 2; top: 0; left: -10px; right: -10px; height: 14px; border-radius: 999px; background: var(--ink); box-shadow: 0 6px 12px -6px rgba(0, 0, 0, .5); } html.lp-doc .receipt { position: relative; background: var(--card); color: var(--card-ink); padding: 30px 26px 26px; margin-bottom: 14px; filter: drop-shadow(0 22px 26px rgba(4, 40, 70, .22)); font-variant-numeric: tabular-nums; display: grid; gap: 16px; } html.lp-doc .receipt::after { content: ""; position: absolute; left: 0; right: 0; bottom: -12px; height: 12px; background: linear-gradient(135deg, var(--card) 50%, transparent 50%) 0 0 / 16px 12px repeat-x, linear-gradient(225deg, var(--card) 50%, transparent 50%) 0 0 / 16px 12px repeat-x; } html.lp-doc .rc-head { display: flex; align-items: center; gap: 10px; padding-bottom: 14px; border-bottom: 1.5px dashed var(--line-2); } html.lp-doc .rc-head img { height: 26px; width: auto; } html.lp-doc .rc-head b { font-weight: 600; font-size: 16px; } html.lp-doc .receipt dl { display: grid; gap: 10px; } html.lp-doc .receipt dl > div { display: flex; align-items: baseline; gap: 6px; font-size: 15px; } html.lp-doc .receipt dt { display: flex; flex: 1; align-items: baseline; min-width: 0; } html.lp-doc .receipt dt::after { content: ""; flex: 1; min-width: 16px; margin: 0 4px; border-bottom: 2px dotted var(--line-2); transform: translateY(-4px); } html.lp-doc .receipt dd { font-weight: 600; white-space: nowrap; } html.lp-doc .rc-total { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; padding-top: 14px; border-top: 1.5px dashed var(--line-2); font-weight: 600; font-size: 17px; } html.lp-doc .rc-total b { font-size: 32px; line-height: 1.15; letter-spacing: -.03em; color: var(--mark-ink); background: var(--mark); padding: 0 .14em; border-radius: 4px; } html.lp-doc .rc-note { font-size: 13px; color: var(--card-muted); } html.lp-doc.motion .receipt-slot:not(.in) .receipt { transform: translateY(-104%); } html.lp-doc.motion .receipt { transition: transform 1.8s cubic-bezier(.45, .05, .2, 1); } /* ---------- Подвал ---------- */ html.lp-doc .ftr { background: var(--band); color: var(--band-ink); } html.lp-doc .ftr-in { padding-block: clamp(56px, 7vw, 88px) 28px; display: grid; gap: 40px; } html.lp-doc .ftr-brand { display: grid; gap: 14px; max-width: 34ch; align-content: start; } html.lp-doc .ftr-brand p { color: var(--band-muted); font-size: 15px; } html.lp-doc .ftr-cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 28px; } html.lp-doc .ftr-cols > div { display: grid; gap: 10px; align-content: start; font-size: 15px; } html.lp-doc .ftr-cols > div > b { font-weight: 600; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: var(--band-muted); margin-bottom: 4px; } html.lp-doc .ftr-cols a { text-decoration: none; color: var(--band-ink); background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat; transition: background-size .35s var(--ease); justify-self: start; } html.lp-doc .ftr-cols a:hover { background-size: 100% 1px; } html.lp-doc .ftr-cols span { color: var(--band-muted); } html.lp-doc .ftr-cols .sel { color: var(--band-ink); font-weight: 600; -webkit-user-select: all; -moz-user-select: all; user-select: all; } html.lp-doc .ftr-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; align-items: center; padding-top: 24px; border-top: 1px solid var(--band-line); color: var(--band-muted); font-size: 14px; } html.lp-doc .ftr-langs { display: flex; gap: 6px; } html.lp-doc .ftr-langs button { background: transparent; color: var(--band-muted); } html.lp-doc .ftr-langs button[aria-pressed="true"] { background: color-mix(in srgb, var(--band-ink) 12%, transparent); color: var(--band-ink); } @media (min-width: 960px) { html.lp-doc .ftr-in { grid-template-columns: minmax(0, .8fr) minmax(0, 2.2fr); } html.lp-doc .ftr-bottom { grid-column: 1 / -1; } } /* Подсказка «Скопировано» */ html.lp-doc .toast-copy { position: fixed; z-index: 80; left: 50%; bottom: calc(24px + env(safe-area-inset-bottom, 0px)); transform: translateX(-50%); display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 999px; background: var(--ink); color: var(--bg); font-weight: 600; font-size: 14px; box-shadow: var(--shadow); animation: lp-copyIn .4s var(--spring); } html.lp-doc .toast-copy svg { width: 16px; height: 16px; } @keyframes lp-copyIn { from { opacity: 0; transform: translate(-50%, 14px) scale(.9); } } /* Переходы между страницами и сменой темы */ html.lp-doc::view-transition-old(root), html.lp-doc::view-transition-new(root) { animation-duration: .5s; } html.lp-doc.vt-theme::view-transition-old(root), html.lp-doc.vt-theme::view-transition-new(root) { animation: none; mix-blend-mode: normal; } html.lp-doc.vt-page::view-transition-old(root) { animation: lp-vtOut .35s cubic-bezier(.4, 0, 1, 1) both; } html.lp-doc.vt-page::view-transition-new(root) { animation: lp-vtIn .6s var(--ease) both; } @keyframes lp-vtOut { to { opacity: 0; transform: translateY(-14px) scale(.99); } } @keyframes lp-vtIn { from { opacity: 0; transform: translateY(26px); } } html.lp-doc .view.enter { animation: lp-vtIn .6s var(--ease) both; } @media (prefers-reduced-motion: reduce) { html.lp-doc { scroll-behavior: auto; } html.lp-doc *, html.lp-doc *::before, html.lp-doc *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; transition-delay: 0s !important; } html.lp-doc .shape, html.lp-doc .slab, html.lp-doc .phone { translate: none !important; } html.lp-doc .marquee { -webkit-mask-image: none; mask-image: none; margin-inline: 0; } html.lp-doc .marquee-track { animation: none !important; flex-wrap: wrap; width: auto; gap: 12px 0; } html.lp-doc .marquee [data-dup] { display: none; } } /* Первый показ поверх пре-рендеренного HTML: один кадр без переходов, чтобы видимое не появлялось заново */ html.lp-doc.lp-instant *, html.lp-doc.lp-instant *::before, html.lp-doc.lp-instant *::after { transition: none !important; } /* ---------- Юридические документы (/documents/*) ---------- Длинный текст для чтения: колонка около 72 знаков, воздух между абзацами и пунктами, спокойные заголовки. Текст и нумерация не меняются: номера пунктов либо в самом тексте, либо выводятся счётчиками ol.custom-counter (src/styles/index.css) — их правила здесь не трогаются */ html.lp-doc .lp-legal { --legal-ink: color-mix(in srgb, var(--ink) 86%, var(--bg)); } html.lp-doc .lp-legal section { background: transparent; padding: clamp(36px, 6vw, 88px) 0 clamp(64px, 9vw, 128px); } html.lp-doc .lp-legal section > div { max-width: 47rem; padding-inline: 16px; color: var(--legal-ink); font-size: 17px; line-height: 1.7; } html.lp-doc .lp-legal h1 { margin: 0 0 12px; font-size: clamp(30px, 3.6vw, 44px); font-weight: 600; line-height: 1.12; letter-spacing: -.02em; color: var(--ink); text-wrap: balance; } html.lp-doc .lp-legal h1 + p { margin: 0 0 clamp(32px, 4vw, 44px); padding-bottom: clamp(24px, 3vw, 32px); border-bottom: 1px solid var(--line); font-size: 15px; line-height: 1.5; color: var(--muted); } html.lp-doc .lp-legal h2 { margin: clamp(40px, 5vw, 56px) 0 16px; font-size: clamp(19px, 1.9vw, 22px); font-weight: 600; line-height: 1.3; letter-spacing: -.01em; text-transform: none; color: var(--ink); text-wrap: balance; } html.lp-doc .lp-legal h1 + p + h2, html.lp-doc .lp-legal ol.custom-counter > li:first-child > h2 { margin-top: 0; } html.lp-doc .lp-legal p { margin: 0 0 .9em; color: inherit; font-size: inherit; line-height: inherit; } html.lp-doc .lp-legal ul, html.lp-doc .lp-legal ol { margin: 0 0 1em; color: inherit; } /* отступ слева у пунктов не трогаем: у ol.custom-counter в нём стоит номер «1.1», «1.2»… */ html.lp-doc .lp-legal li { margin: 0 0 .65em; color: inherit; line-height: inherit; } html.lp-doc .lp-legal li > ul, html.lp-doc .lp-legal li > ol { margin-top: .6em; } /* вложенные подпункты соглашения (4.6.1, 4.6.2.1…) — отступ по уровню и тонкая линия слева */ html.lp-doc .lp-legal li.ml-4 { margin-left: 1.5rem; padding-left: 1rem; border-left: 2px solid var(--line); } html.lp-doc .lp-legal li.ml-8 { margin-left: 3rem; padding-left: 1rem; border-left: 2px solid var(--line); } /* маркеры-точки снаружи текста: перенесённые строки выравниваются по тексту, а не уходят под маркер */ html.lp-doc .lp-legal ul.list-disc { list-style-position: outside; padding-left: 1.4em; } html.lp-doc .lp-legal ul.list-disc li { padding-left: .2em; } html.lp-doc .lp-legal li::marker { color: var(--muted); } html.lp-doc .lp-legal ol.custom-counter > li { margin-bottom: clamp(32px, 4vw, 44px); } html.lp-doc .lp-legal ol.custom-counter ol > li { margin-bottom: .65em; } html.lp-doc .lp-legal ol.custom-counter ol > li::before { color: var(--muted); font-variant-numeric: tabular-nums; } html.lp-doc .lp-legal a { color: var(--accent); font-weight: 500; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; overflow-wrap: anywhere; } html.lp-doc .lp-legal a:hover { color: var(--brand); text-decoration-thickness: 2px; } @media (max-width: 640px) { html.lp-doc .lp-legal section > div { font-size: 16px; line-height: 1.65; } html.lp-doc .lp-legal li.ml-4 { margin-left: .75rem; } html.lp-doc .lp-legal li.ml-8 { margin-left: 1.5rem; } } /* «Смотреть текущие закупки» под логотипами на странице поставщиков: светлая кнопка в духе «Войти», как плитки логотипов, чтобы не спорить с жёлтой «Зарегистрироваться»; зелёная точка — закупки идут прямо сейчас */ html.lp-doc .island-foot { display: flex; justify-content: center; } html.lp-doc .btn.lite { background: var(--card); color: var(--ink); box-shadow: inset 0 0 0 1.5px var(--line-2), 0 10px 24px -16px rgba(4, 30, 50, .45); } html.lp-doc .btn.lite:hover { color: var(--accent); background: var(--card); box-shadow: inset 0 0 0 1.5px var(--accent), 0 14px 28px -16px rgba(4, 30, 50, .5); } html.lp-doc .btn.lite .arr { color: var(--accent); } html.lp-doc .btn .live-dot { flex: none; width: 8px; height: 8px; border-radius: 50%; background: #2FD27A; animation: lp-liveDot 2.2s ease-out infinite; } @keyframes lp-liveDot { 0% { box-shadow: 0 0 0 0 rgba(47, 210, 122, .65); } 70%, 100% { box-shadow: 0 0 0 7px rgba(47, 210, 122, 0); } } * { margin: 0; padding: 0; box-sizing: border-box; scroll-behavior: smooth; } html, body, #root { min-height: 100vh; height: 100%; } #map { flex: 1; } html { scroll-behavior: smooth; } :root { --ws-6x: 24px; --ws-8x: 24px; --radius-1x: 2px; --radius-2x: 4px; --radius-3x: 6px; --radius-4x: 8px; --radius-6x: 12px; --radius-8x: 16px; --radius-12x: 24px; --radius-14x: 28px; --radius-pill: 10rem; --black: #000; --gray-10: #1a1a1a; --gray-15: #1e1e1e; --gray-20: #252525; --gray-25: #333; --gray-30: #3c3c3c; --gray-40: #535353; --gray-45: #676767; --gray-50: #8d8c8c; --gray-55: #a5a5a5; --gray-60: #c6c6c6; --gray-70: #d9d9d9; --gray-80: #e9e9e9; --gray-90: #f1f1f1; --gray-95: #f9f9f9; --white: #fff; --etp-main: #14A0E6; --etp-black: #181818; --border-color: var(--gray-70); --border: 1px solid var(--border-color); --bg-muted-light: var(--gray-95); --radius-8x:16px; --bg-inverse: var(--white); --bg-hoverable-light: var(--white); --bg-hoverable-light-hover: var(--gray-90); --text-dark-on-hoverable-light: var(--etp-black); --hc-text-on-selected:HighlightText; --text-light-on-inverse: var(--gray-45); --text-muted-on-inverse: var(--gray-60); --text-accent-on-inverse: var(--etp-main); --bg-accent: var(--etp-main); --text-accent-on-inverse: var(--etp-main); --text-dark-on-inverse: var(--etp-black); --shadow-interactive: 0 0 10px rgba(0,0,0,.15); --shadow-interactive-hover: 0 0 20px rgba(0,0,0,.2); --reduced-motion:none; --hc-border:1px solid; --card-radius-list:0; --card-radius:var(--radius-8x); --bg-on-hoverable-light: var(--gray-80); --card-padding-x-sm:var(--ws-6x); --card-padding-y-sm:var(--ws-6x); --etp-font: 14px; --primary-dark: #0d7fb8; /* Темнее синий */ --primary-light: #e6f7ff; /* Светлый синий */ --secondary: #7c3aed; /* Фиолетовый (комплементарный) */ --secondary-light: #f3e8ff; --accent: #f59e0b; /* Янтарный (триадный) */ --accent-light: #fef3c7; --success: #10b981; /* Зеленый */ --success-light: #d1fae5; --danger: #ef4444; /* Красный */ --danger-light: #fee2e2; --coral: #ff6b9d; /* Коралловый (аналоговый) */ --coral-light: #ffe4ec; --teal: #14b8a6; /* Бирюзовый (аналоговый) */ --teal-light: #ccfbf1; } /* dark ─────────────────────────────────────────────── */ .dark { --bg-inverse: rgb(31, 41, 55); --text-dark-on-inverse: var(--gray-90); --bg-hoverable-light: var(--gray-20); --bg-hoverable-light-hover: var(--gray-25); --border-color: var(--gray-30); --shadow-interactive: 0 0 10px rgba(0,0,0,.45); /* пример */ /* переопределяйте ТОЛЬКО те переменные, которые реально отличаются */ } .air3-card, .air3-card-section {--card-padding-x:var(--ws-6x);--card-padding-y:var(--ws-6x);--card-padding:var(--card-padding-y) var(--card-padding-x);--card-section-padding:var(--card-padding);--card-section-border:var(--border)} @media (min-width:700px){html:where(:not(.has-cq)) .air3-card,html:where(:not(.has-cq)) .air3-card-section{--card-padding-x:var(--ws-8x);--card-padding-y:var(--ws-8x)}} @supports (container-type:inline-size){@container (min-width: 700px){html:where(.has-cq) .air3-card,html:where(.has-cq) .air3-card-section{--card-padding-x:var(--ws-8x);--card-padding-y:var(--ws-8x)}}} @supports not (container-type:inline-size){@media (min-width:700px){html:where(.has-cq) .air3-card,html:where(.has-cq) .air3-card-section{--card-padding-x:var(--ws-8x);--card-padding-y:var(--ws-8x)}}} .air3-card{--card-bg:var(--bg-muted-light);--card-border:1px solid transparent;--card-radius:var(--radius-8x);--card-bg-outline:var(--bg-inverse);--card-border-outline:var(--border);--card-radius-list:0;--card-padding-x-list:0;--card-bg-list:var(--bg-inverse);--card-border-list:var(--border);--card-padding-x-sm:var(--ws-6x);--card-padding-y-sm:var(--ws-6x);--card-link-bg:var(--bg-hoverable-light);--card-link-bg-hover:var(--bg-hoverable-light-hover);--card-link-text:var(--text-dark-on-hoverable-light);--card-link-text-hover:var(--hc-text-on-selected,var(--text-dark-on-hoverable-light));background:var(--card-bg);border:1px solid transparent;border:var(--card-border);border-radius:var(--card-radius);padding:var(--card-padding);width:100%} .air3-card.air3-card-link{--card-bg:var(--card-link-bg);--text-link:var(--card-link-text);--text-link-hover:var(--card-link-text-hover);--underline-link:none;--underline-link-hover:none;display:block} .air3-card.air3-card-link:focus,.air3-card.air3-card-link:hover{--card-bg:var(--card-link-bg-hover);--card-border:1px solid var(--card-link-bg-hover)} @media (forced-colors:active){ .air3-card.air3-card-link:focus, .air3-card.air3-card-link:hover{forced-color-adjust:none} .air3-card.air3-card-link:focus:focus, .air3-card.air3-card-link:hover:focus{outline-color:var(--hc-text-on-selected)}} .air3-card-sm{--card-padding-x:var(--card-padding-x-sm);--card-padding-y:var(--card-padding-y-sm)} .air3-card-outline{--card-bg:var(--card-bg-outline);--card-border:var(--card-border-outline)} .air3-card-interactive{border:0;border:var(--hc-border,0);box-shadow:var(--shadow-interactive);cursor:pointer;transition:box-shadow .5s ease;transition:var(--reduced-motion,box-shadow .5s ease)} .air3-card-interactive:hover{box-shadow:var(--shadow-interactive-hover)} .air3-card-list{--card-radius:var(--card-radius-list);--card-padding-x:var(--card-padding-x-list);--card-bg:var(--card-bg-list);--card-border:var(--card-border-list);border-left:0;border-right:0} .air3-card-list+.air3-card-list{border-top:0} .air3-card-section{padding:var(--card-section-padding)} .air3-card-section:first-child{border-radius:var(--card-radius) var(--card-radius) 0 0} .air3-card-section:last-child{border-radius:0 0 var(--card-radius) var(--card-radius)} .air3-card-section:only-child{border-radius:var(--card-radius)} .air3-card-section:not(:last-child){border-bottom:var(--card-section-border)} .air3-card-section+.air3-card-section:not(:last-child){border-radius:0} @media (hover:hover){ .air3-card-section.air3-card-hover:focus-within, .air3-card-section.air3-card-hover:hover{--hoverable-bg:var(--bg-on-hoverable-light);background-color:var(--bg-hoverable-light-hover);cursor:pointer}} .air3-card-sections{padding:0} .my-5,.my-6x{margin-bottom:var(--ws-6x)!important;margin-top:var(--ws-6x)!important} .p-0{padding:0!important} .breadcrumb-lg[etp-0622-01]{align-content:center;align-items:center;color:var(--text-dark-on-inverse);display:flex;flex-wrap:nowrap;font-size:var(--etp-font);justify-content:space-around;overflow:hidden;text-transform:uppercase} .breadcrumb-lg a[etp-0622-01]{color:var(--text-dark-on-inverse);flex:1;height:60px;margin-right:-2px;outline:none;-webkit-text-decoration:none;text-decoration:none;transition:border-color 0s} .breadcrumb-lg a[etp-0622-01],.breadcrumb-lg a>div[etp-0622-01]{display:flex;position:relative;z-index:1} .breadcrumb-lg a>div[etp-0622-01]{align-items:center;flex-direction:column;justify-content:center;width:100%} .breadcrumb-lg a>div .subhead[etp-0622-01]{color:var(--text-light-on-inverse);font-size:var(--etp-font);text-transform:capitalize} .breadcrumb-lg a[etp-0622-01]:after,.breadcrumb-lg a[etp-0622-01]:before{-webkit-backface-visibility:hidden;background-color:var(--bg-inverse);border:2px solid var(--text-muted-on-inverse);-webkit-border-radius:1px;content:"";height:50%;left:0;position:absolute;width:100%} .breadcrumb-lg a[etp-0622-01]:before{border-bottom-width:0;border-top-width:0;top:0;transform:skewX(25deg)} .breadcrumb-lg a[etp-0622-01]:after{border-bottom-width:0;border-top-width:0;top:50%;transform:skewX(-25deg)} .breadcrumb-lg a[etp-0622-01]:focus,.breadcrumb-lg a[etp-0622-01]:hover{color:var(--text-accent-on-inverse);-webkit-text-decoration:none;text-decoration:none;z-index:2} .breadcrumb-lg a[etp-0622-01]:focus:after,.breadcrumb-lg a[etp-0622-01]:focus:before,.breadcrumb-lg a[etp-0622-01]:hover:after,.breadcrumb-lg a[etp-0622-01]:hover:before{border-color:var(--text-accent-on-inverse)} .breadcrumb-lg a[etp-0622-01]:focus:before,.breadcrumb-lg a[etp-0622-01]:hover:before{border-top-width:2px} .breadcrumb-lg a[etp-0622-01]:focus:after,.breadcrumb-lg a[etp-0622-01]:hover:after{border-bottom-width:2px} .breadcrumb-lg a.active[etp-0622-01]{color:var(--bg-inverse);-webkit-text-decoration:none;text-decoration:none;z-index:3} .breadcrumb-lg a.active .subhead[etp-0622-01]{opacity:.6}.breadcrumb-lg a.active .subhead[etp-0622-01],.breadcrumb-lg a.active .text-light-on-inverse[etp-0622-01]{color:var(--bg-inverse)!important} .breadcrumb-lg a.active[etp-0622-01]:after,.breadcrumb-lg a.active[etp-0622-01]:before{background-color:var(--bg-accent);border:none} .breadcrumb-lg a.active[etp-0622-01]:before{border-bottom:1px solid var(--text-accent-on-inverse);box-sizing:content-box} .breadcrumb-lg a:first-child>div[etp-0622-01]:before,.breadcrumb-lg a:last-child>div[etp-0622-01]:before{background-color:var(--bg-inverse);border:2px solid var(--text-muted-on-inverse);content:"";height:100%;position:absolute;top:0;width:50%} .breadcrumb-lg a:first-child>div[etp-0622-01],.breadcrumb-lg a:last-child>div[etp-0622-01]{position:relative} .breadcrumb-lg a:first-child>div[etp-0622-01]:before,.breadcrumb-lg a:last-child>div[etp-0622-01]:before{border-radius:var(--card-radius);z-index:-1} .breadcrumb-lg a:first-child:focus>div[etp-0622-01]:before,.breadcrumb-lg a:first-child:hover>div[etp-0622-01]:before,.breadcrumb-lg a:last-child:focus>div[etp-0622-01]:before,.breadcrumb-lg a:last-child:hover>div[etp-0622-01]:before{border-width:2px!important;border:solid} .breadcrumb-lg a.active:first-child>div[etp-0622-01]:before,.breadcrumb-lg a.active:last-child>div[etp-0622-01]:before{background-color:var(--bg-accent);border-color:var(--text-accent-on-inverse);border-width:2px} .breadcrumb-lg a:last-child>div[etp-0622-01]:before{border:none;right:2px}.breadcrumb-lg a:last-child:focus>div[etp-0622-01]:before,.breadcrumb-lg a:last-child:hover>div[etp-0622-01]:before{border-bottom-left-radius:0;border-left:0;border-color:var(--text-accent-on-inverse);border-top-left-radius:0} .breadcrumb-lg a:first-child>div[etp-0622-01]:before{border:none;left:0}.breadcrumb-lg a:first-child:focus>div[etp-0622-01]:before,.breadcrumb-lg a:first-child:hover>div[etp-0622-01]:before{border-bottom-right-radius:0;border-right:0;border-color:var(--text-accent-on-inverse);border-top-right-radius:0} @media (max-width:699.98px){html:where(:not(.has-cq)) .breadcrumb-lg[etp-0622-01]{border-radius:var(--card-radius)}html:where(:not(.has-cq)) .breadcrumb-lg a[etp-0622-01]{font-size:13px;height:40px;text-transform:none}} @supports (container-type:inline-size){@container (max-width: 699.98px){html:where(.has-cq) .breadcrumb-lg[etp-0622-01]{border-radius:var(--card-radius)}html:where(.has-cq) .breadcrumb-lg a[etp-0622-01]{font-size:13px;height:40px;text-transform:none}}} @supports not (container-type:inline-size){@media (max-width:699.98px){html:where(.has-cq) .breadcrumb-lg[etp-0622-01]{border-radius:var(--card-radius)}html:where(.has-cq) .breadcrumb-lg a[etp-0622-01]{font-size:13px;height:40px;text-transform:none}}} @media (min-width:700px){html:where(:not(.has-cq)) .breadcrumb-lg[etp-0622-01]{border-radius:var(--card-radius)}} @supports (container-type:inline-size){@container (min-width: 700px){html:where(.has-cq) .breadcrumb-lg[etp-0622-01]{border-radius:var(--card-radius)}}} @supports not (container-type:inline-size){@media (min-width:700px){html:where(.has-cq) .breadcrumb-lg[etp-0622-01]{border-radius:var(--card-radius)}}} @media (min-width:700px){html:where(:not(.has-cq)) .d-md-none{display:none!important}html:where(:not(.has-cq)) .d-md-inline{display:inline!important}html:where(:not(.has-cq)) .d-md-inline-block{display:inline-block!important}html:where(:not(.has-cq)) .d-md-block{display:block!important}html:where(:not(.has-cq)) .d-md-grid{display:grid!important}html:where(:not(.has-cq)) .d-md-flex{display:flex!important}html:where(:not(.has-cq)) .d-md-inline-flex{display:inline-flex!important}} @supports (container-type:inline-size){@container (min-width: 700px){html:where(.has-cq) .d-md-none{display:none!important}html:where(.has-cq) .d-md-inline{display:inline!important}html:where(.has-cq) .d-md-inline-block{display:inline-block!important}html:where(.has-cq) .d-md-block{display:block!important}html:where(.has-cq) .d-md-grid{display:grid!important}html:where(.has-cq) .d-md-flex{display:flex!important}html:where(.has-cq) .d-md-inline-flex{display:inline-flex!important}}} @supports not (container-type:inline-size){@media (min-width:700px){html:where(.has-cq) .d-md-none{display:none!important}html:where(.has-cq) .d-md-inline{display:inline!important}html:where(.has-cq) .d-md-inline-block{display:inline-block!important}html:where(.has-cq) .d-md-block{display:block!important}html:where(.has-cq) .d-md-grid{display:grid!important}html:where(.has-cq) .d-md-flex{display:flex!important}html:where(.has-cq) .d-md-inline-flex{display:inline-flex!important}}} .d-none{display:none!important} /* e.g. in your main stylesheet */ .scrollbar::-webkit-scrollbar { /*height: 8px;*/ /* or whatever thickness you want */ } .scrollbar::-webkit-scrollbar-thumb { /*background-color: #9ca3af;*/ /* Gray-400 */ /*border-radius: 4px;*/ } .scrollbar::-webkit-scrollbar-track { /*background-color: #f3f4f6;*/ /* Gray-100 */ } [type='checkbox']:checked, [type='radio']:checked, .dark [type='checkbox']:checked, .dark [type='radio']:checked { border-color: transparent!important; background-color: rgb(20 160 230)!important; } /* Отключаем анимацию перемещения для всех выпадающих элементов Flowbite */ [data-floating], [role="menu"], [role="listbox"] { transition-property: opacity, background-color, border-color !important; /* Оставляем только нужные */ transition-duration: 0ms !important; /* Убиваем время анимации для перемещения */ } /* ========================= Antd DatePicker - DARK ========================= */ .dark .ant-picker-dropdown { background: transparent !important; } /* ГЛАВНЫЙ ФИКС */ .dark .ant-picker-dropdown .ant-picker-panel-container { background-color: #111827 !important; /* gray-900 */ border: 1px solid #374151 !important; /* gray-700 */ border-radius: 16px !important; } /* Внутренний panel (на всякий случай) */ .dark .ant-picker-dropdown .ant-picker-panel { background-color: #111827 !important; color: #e5e7eb; } /* Header */ .dark .ant-picker-dropdown .ant-picker-header { background-color: #111827 !important; border-bottom: 1px solid #374151; color: #e5e7eb; } /* Week days */ .dark .ant-picker-dropdown .ant-picker-content th { color: #9ca3af; } /* Days */ .dark .ant-picker-dropdown .ant-picker-cell { color: #e5e7eb; } /* Hover */ .dark .ant-picker-dropdown .ant-picker-cell-in-view:hover .ant-picker-cell-inner { background-color: #1f2937; /* gray-800 */ } /* Selected */ .dark .ant-picker-dropdown .ant-picker-cell-selected .ant-picker-cell-inner { background-color: #14a0e6; /* primary-600 */ color: #ffffff; } /* Today */ .dark .ant-picker-dropdown .ant-picker-cell-today .ant-picker-cell-inner::before { border-color: #14a0e6; } /* Styles for logo marquee on landing page */ .logo-marquee { width: 100%; overflow: hidden; position: relative; /* -webkit-mask-image: linear-gradient( to right, transparent 0%, black 10%, black 90%, transparent 100% ); mask-image: linear-gradient( to right, transparent 0%, black 10%, black 90%, transparent 100% ); */ } .logo-track { display: flex; align-items: center; width: max-content; animation: logo-scroll 24s linear infinite; } .logo-item { flex-shrink: 0; margin-right: 3.5rem; } .logo-marquee:hover .logo-track { animation-play-state: paused; } @keyframes logo-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } } *, ::before, ::after{ --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(63 131 248 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::backdrop{ --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(63 131 248 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } /* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com *//* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #E5E7EB; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: Roboto, ui-sans-serif, system-ui, -apple-system, system-ui, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ letter-spacing: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9CA3AF; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9CA3AF; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden]:where(:not([hidden="until-found"])) { display: none; } .tooltip-arrow,.tooltip-arrow:before{ position: absolute; width: 8px; height: 8px; background: inherit; } .tooltip-arrow{ visibility: hidden; } .tooltip-arrow:before{ content: ""; visibility: visible; transform: rotate(45deg); } [data-tooltip-style^='light'] + .tooltip > .tooltip-arrow:before{ border-style: solid; border-color: #e5e7eb; } [data-tooltip-style^='light'] + .tooltip[data-popper-placement^='top'] > .tooltip-arrow:before{ border-bottom-width: 1px; border-right-width: 1px; } [data-tooltip-style^='light'] + .tooltip[data-popper-placement^='right'] > .tooltip-arrow:before{ border-bottom-width: 1px; border-left-width: 1px; } [data-tooltip-style^='light'] + .tooltip[data-popper-placement^='bottom'] > .tooltip-arrow:before{ border-top-width: 1px; border-left-width: 1px; } [data-tooltip-style^='light'] + .tooltip[data-popper-placement^='left'] > .tooltip-arrow:before{ border-top-width: 1px; border-right-width: 1px; } .tooltip[data-popper-placement^='top'] > .tooltip-arrow{ bottom: -4px; } .tooltip[data-popper-placement^='bottom'] > .tooltip-arrow{ top: -4px; } .tooltip[data-popper-placement^='left'] > .tooltip-arrow{ right: -4px; } .tooltip[data-popper-placement^='right'] > .tooltip-arrow{ left: -4px; } .tooltip.invisible > .tooltip-arrow:before{ visibility: hidden; } [data-popper-arrow],[data-popper-arrow]:before{ position: absolute; width: 8px; height: 8px; background: inherit; } [data-popper-arrow]{ visibility: hidden; } [data-popper-arrow]:before{ content: ""; visibility: visible; transform: rotate(45deg); } [data-popper-arrow]:after{ content: ""; visibility: visible; transform: rotate(45deg); position: absolute; width: 9px; height: 9px; background: inherit; } [role="tooltip"] > [data-popper-arrow]:before{ border-style: solid; border-color: #e5e7eb; } .dark [role="tooltip"] > [data-popper-arrow]:before{ border-style: solid; border-color: #4b5563; } [role="tooltip"] > [data-popper-arrow]:after{ border-style: solid; border-color: #e5e7eb; } .dark [role="tooltip"] > [data-popper-arrow]:after{ border-style: solid; border-color: #4b5563; } [data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]:before{ border-bottom-width: 1px; border-right-width: 1px; } [data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]:after{ border-bottom-width: 1px; border-right-width: 1px; } [data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]:before{ border-bottom-width: 1px; border-left-width: 1px; } [data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]:after{ border-bottom-width: 1px; border-left-width: 1px; } [data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]:before{ border-top-width: 1px; border-left-width: 1px; } [data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]:after{ border-top-width: 1px; border-left-width: 1px; } [data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]:before{ border-top-width: 1px; border-right-width: 1px; } [data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]:after{ border-top-width: 1px; border-right-width: 1px; } [data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]{ bottom: -5px; } [data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]{ top: -5px; } [data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]{ right: -5px; } [data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]{ left: -5px; } [role="tooltip"].invisible > [data-popper-arrow]:before{ visibility: hidden; } [role="tooltip"].invisible > [data-popper-arrow]:after{ visibility: hidden; } [type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border-color: #6B7280; border-width: 1px; border-radius: 0px; padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000; } [type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus{ outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: #1C64F2; --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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-color: #1C64F2; } input::-moz-placeholder, textarea::-moz-placeholder{ color: #6B7280; opacity: 1; } input::placeholder,textarea::placeholder{ color: #6B7280; opacity: 1; } ::-webkit-datetime-edit-fields-wrapper{ padding: 0; } input[type="time"]::-webkit-calendar-picker-indicator{ background: none; } select:not([size]){ background-image: url("data:image/svg+xml,%3csvg aria-hidden=%27true%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 10 6%27%3e %3cpath stroke=%27%236B7280%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m1 1 4 4 4-4%27/%3e %3c/svg%3e"); background-position: right 0.75rem center; background-repeat: no-repeat; background-size: 0.75em 0.75em; padding-right: 2.5rem; -webkit-print-color-adjust: exact; print-color-adjust: exact; } :is([dir=rtl]) select:not([size]){ background-position: left 0.75rem center; padding-right: 0.75rem; padding-left: 0; } [multiple]{ background-image: initial; background-position: initial; background-repeat: unset; background-size: initial; padding-right: 0.75rem; -webkit-print-color-adjust: unset; print-color-adjust: unset; } [type='checkbox'],[type='radio']{ -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; -webkit-print-color-adjust: exact; print-color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; -webkit-user-select: none; -moz-user-select: none; user-select: none; flex-shrink: 0; height: 1rem; width: 1rem; color: #1C64F2; background-color: #fff; border-color: #6B7280; border-width: 1px; --tw-shadow: 0 0 #0000; } [type='checkbox']{ border-radius: 0px; } [type='radio']{ border-radius: 100%; } [type='checkbox']:focus,[type='radio']:focus{ outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #fff; --tw-ring-color: #1C64F2; --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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } [type='checkbox']:checked,[type='radio']:checked,.dark [type='checkbox']:checked,.dark [type='radio']:checked{ border-color: transparent; background-color: currentColor; background-size: 0.55em 0.55em; background-position: center; background-repeat: no-repeat; } [type='checkbox']:checked{ background-image: url("data:image/svg+xml,%3csvg aria-hidden=%27true%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 16 12%27%3e %3cpath stroke=%27white%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27M1 5.917 5.724 10.5 15 1.5%27/%3e %3c/svg%3e"); background-repeat: no-repeat; background-size: 0.55em 0.55em; -webkit-print-color-adjust: exact; print-color-adjust: exact; } [type='radio']:checked{ background-image: url("data:image/svg+xml,%3csvg viewBox=%270 0 16 16%27 fill=%27white%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3ccircle cx=%278%27 cy=%278%27 r=%273%27/%3e%3c/svg%3e"); background-size: 1em 1em; } .dark [type='radio']:checked{ background-image: url("data:image/svg+xml,%3csvg viewBox=%270 0 16 16%27 fill=%27white%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3ccircle cx=%278%27 cy=%278%27 r=%273%27/%3e%3c/svg%3e"); background-size: 1em 1em; } [type='checkbox']:indeterminate{ background-image: url("data:image/svg+xml,%3csvg aria-hidden=%27true%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 16 12%27%3e %3cpath stroke=%27white%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27M0.5 6h14%27/%3e %3c/svg%3e"); background-color: currentColor; border-color: transparent; background-position: center; background-repeat: no-repeat; background-size: 0.55em 0.55em; -webkit-print-color-adjust: exact; print-color-adjust: exact; } [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus{ border-color: transparent; background-color: currentColor; } [type='file']{ background: unset; border-color: inherit; border-width: 0; border-radius: 0; padding: 0; font-size: unset; line-height: inherit; } [type='file']:focus{ outline: 1px auto inherit; } input[type=file]::file-selector-button{ color: white; background: #1F2937; border: 0; font-weight: 500; font-size: 0.875rem; cursor: pointer; padding-top: 0.625rem; padding-bottom: 0.625rem; padding-left: 2rem; padding-right: 1rem; margin-inline-start: -1rem; margin-inline-end: 1rem; } input[type=file]::file-selector-button:hover{ background: #374151; } :is([dir=rtl]) input[type=file]::file-selector-button{ padding-right: 2rem; padding-left: 1rem; } .dark input[type=file]::file-selector-button{ color: white; background: #4B5563; } .dark input[type=file]::file-selector-button:hover{ background: #6B7280; } input[type="range"]::-webkit-slider-thumb{ height: 1.25rem; width: 1.25rem; background: #1C64F2; border-radius: 9999px; border: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; cursor: pointer; } input[type="range"]:disabled::-webkit-slider-thumb{ background: #9CA3AF; } .dark input[type="range"]:disabled::-webkit-slider-thumb{ background: #6B7280; } input[type="range"]:focus::-webkit-slider-thumb{ outline: 2px solid transparent; outline-offset: 2px; --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(4px + 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); --tw-ring-opacity: 1px; --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity)); } input[type="range"]::-moz-range-thumb{ height: 1.25rem; width: 1.25rem; background: #1C64F2; border-radius: 9999px; border: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; cursor: pointer; } input[type="range"]:disabled::-moz-range-thumb{ background: #9CA3AF; } .dark input[type="range"]:disabled::-moz-range-thumb{ background: #6B7280; } input[type="range"]::-moz-range-progress{ background: #3F83F8; } input[type="range"]::-ms-fill-lower{ background: #3F83F8; } .toggle-bg:after{ content: ""; position: absolute; top: 0.125rem; left: 0.125rem; background: white; border-color: #D1D5DB; border-width: 1px; border-radius: 9999px; height: 1.25rem; width: 1.25rem; transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter; transition-duration: .15s; box-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); } input:checked + .toggle-bg:after{ transform: translateX(100%);; border-color: white; } input:checked + .toggle-bg{ background: #1C64F2; border-color: #1C64F2; } .container{ width: 100%; } @media (min-width: 475px){ .container{ max-width: 475px; } } @media (min-width: 640px){ .container{ max-width: 640px; } } @media (min-width: 768px){ .container{ max-width: 768px; } } @media (min-width: 1024px){ .container{ max-width: 1024px; } } @media (min-width: 1440px){ .container{ max-width: 1440px; } } @media (min-width: 1536px){ .container{ max-width: 1536px; } } .prose{ color: var(--tw-prose-body); max-width: 65ch; } .prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0.5rem; margin-bottom: 0.5rem; font-size: 1rem; line-height: 1.2; color: #374151; } .prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-lead); font-size: 1.25em; line-height: 1.6; margin-top: 1.2em; margin-bottom: 1.2em; } .prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-links); text-decoration: underline; font-weight: 500; } .prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-bold); font-weight: 600; } .prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; } .prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; } .prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; } .prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: decimal; margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; } .prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: upper-alpha; } .prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: lower-alpha; } .prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: upper-alpha; } .prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: lower-alpha; } .prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: upper-roman; } .prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: lower-roman; } .prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: upper-roman; } .prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: lower-roman; } .prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: decimal; } .prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: disc; margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; } .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{ font-weight: 400; color: var(--tw-prose-counters); } .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{ color: var(--tw-prose-bullets); } .prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.25em; } .prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){ border-color: var(--tw-prose-hr); border-top-width: 1px; margin-top: 3em; margin-bottom: 3em; } .prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-weight: 500; font-style: italic; color: var(--tw-prose-quotes); border-inline-start-width: 0.25rem; border-inline-start-color: var(--tw-prose-quote-borders); quotes: "\201C""\201D""\2018""\2019"; margin-top: 1.6em; margin-bottom: 1.6em; padding-inline-start: 1em; } .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{ content: open-quote; } .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{ content: close-quote; } .prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: #374151; font-weight: 700; font-size: 2rem; margin-top: 0; margin-bottom: 0.8888889em; line-height: 1.1111111; } .prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-weight: 900; color: inherit; } .prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: #4b5563; font-weight: 600; font-size: 1.75rem; margin-top: 2em; margin-bottom: 1em; line-height: 1.3333333; } .prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-weight: 800; color: inherit; } .prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-headings); font-weight: 600; font-size: 1.25em; margin-top: 1.6em; margin-bottom: 0.6em; line-height: 1.6; } .prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-weight: 700; color: inherit; } .prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.5em; margin-bottom: 0.5em; line-height: 1.5; } .prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-weight: 700; color: inherit; } .prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 2em; margin-bottom: 2em; } .prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){ display: block; margin-top: 2em; margin-bottom: 2em; } .prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 2em; margin-bottom: 2em; } .prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-weight: 500; font-family: inherit; color: var(--tw-prose-kbd); box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows); font-size: 0.875em; border-radius: 0.3125rem; padding-top: 0.1875em; padding-inline-end: 0.375em; padding-bottom: 0.1875em; padding-inline-start: 0.375em; } .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-code); font-weight: 600; font-size: 0.875em; } .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{ content: "`"; } .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{ content: "`"; } .prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; } .prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; } .prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; font-size: 0.875em; } .prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; font-size: 0.9em; } .prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; } .prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; } .prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; } .prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-pre-code); background-color: var(--tw-prose-pre-bg); overflow-x: auto; font-weight: 400; font-size: 0.875em; line-height: 1.7142857; margin-top: 1.7142857em; margin-bottom: 1.7142857em; border-radius: 0.375rem; padding-top: 0.8571429em; padding-inline-end: 1.1428571em; padding-bottom: 0.8571429em; padding-inline-start: 1.1428571em; } .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ background-color: transparent; border-width: 0; border-radius: 0; padding: 0; font-weight: inherit; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; } .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{ content: none; } .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{ content: none; } .prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){ width: 100%; table-layout: auto; margin-top: 2em; margin-bottom: 2em; font-size: 0.875em; line-height: 1.7142857; } .prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)){ border-bottom-width: 1px; border-bottom-color: var(--tw-prose-th-borders); } .prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-headings); font-weight: 600; vertical-align: bottom; padding-inline-end: 0.5714286em; padding-bottom: 0.5714286em; padding-inline-start: 0.5714286em; } .prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)){ border-bottom-width: 1px; border-bottom-color: var(--tw-prose-td-borders); } .prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ border-bottom-width: 0; } .prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)){ vertical-align: baseline; } .prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)){ border-top-width: 1px; border-top-color: var(--tw-prose-th-borders); } .prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){ vertical-align: top; } .prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)){ text-align: start; } .prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; margin-bottom: 0; } .prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-captions); font-size: 0.875em; line-height: 1.4285714; margin-top: 0.8571429em; } .prose{ --tw-prose-body: #374151; --tw-prose-headings: #111827; --tw-prose-lead: #4b5563; --tw-prose-links: #111827; --tw-prose-bold: #111827; --tw-prose-counters: #6b7280; --tw-prose-bullets: #d1d5db; --tw-prose-hr: #e5e7eb; --tw-prose-quotes: #111827; --tw-prose-quote-borders: #e5e7eb; --tw-prose-captions: #6b7280; --tw-prose-kbd: #111827; --tw-prose-kbd-shadows: rgb(17 24 39 / 10%); --tw-prose-code: #111827; --tw-prose-pre-code: #e5e7eb; --tw-prose-pre-bg: #1f2937; --tw-prose-th-borders: #d1d5db; --tw-prose-td-borders: #e5e7eb; --tw-prose-invert-body: #d1d5db; --tw-prose-invert-headings: #fff; --tw-prose-invert-lead: #9ca3af; --tw-prose-invert-links: #fff; --tw-prose-invert-bold: #fff; --tw-prose-invert-counters: #9ca3af; --tw-prose-invert-bullets: #4b5563; --tw-prose-invert-hr: #374151; --tw-prose-invert-quotes: #f3f4f6; --tw-prose-invert-quote-borders: #374151; --tw-prose-invert-captions: #9ca3af; --tw-prose-invert-kbd: #fff; --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%); --tw-prose-invert-code: #fff; --tw-prose-invert-pre-code: #d1d5db; --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%); --tw-prose-invert-th-borders: #4b5563; --tw-prose-invert-td-borders: #374151; font-size: 1rem; line-height: 1.75; } .prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; margin-bottom: 0; } .prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0.25rem; margin-bottom: 0.25rem; font-size: 1rem; line-height: 1.1; color: #374151; } .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-inline-start: 0.375em; } .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-inline-start: 0.375em; } .prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0.75em; margin-bottom: 0.75em; } .prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.25em; } .prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-bottom: 1.25em; } .prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.25em; } .prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-bottom: 1.25em; } .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0.75em; margin-bottom: 0.75em; } .prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.25em; margin-bottom: 1.25em; } .prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0.5em; padding-inline-start: 1.625em; } .prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; } .prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; } .prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; } .prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; } .prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-inline-start: 0; } .prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-inline-end: 0; } .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-top: 0.5714286em; padding-inline-end: 0.5714286em; padding-bottom: 0.5714286em; padding-inline-start: 0.5714286em; } .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-inline-start: 0; } .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-inline-end: 0; } .prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 2em; margin-bottom: 2em; } .prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; } .prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-bottom: 0; } .prose-sm{ font-size: 0.875rem; line-height: 1.7142857; } .prose-sm :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.1428571em; margin-bottom: 1.1428571em; } .prose-sm :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-size: 1.2857143em; line-height: 1.5555556; margin-top: 0.8888889em; margin-bottom: 0.8888889em; } .prose-sm :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.3333333em; margin-bottom: 1.3333333em; padding-inline-start: 1.1111111em; } .prose-sm :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-size: 2.1428571em; margin-top: 0; margin-bottom: 0.8em; line-height: 1.2; } .prose-sm :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-size: 1.4285714em; margin-top: 1.6em; margin-bottom: 0.8em; line-height: 1.4; } .prose-sm :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-size: 1.2857143em; margin-top: 1.5555556em; margin-bottom: 0.4444444em; line-height: 1.5555556; } .prose-sm :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.4285714em; margin-bottom: 0.5714286em; line-height: 1.4285714; } .prose-sm :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.7142857em; margin-bottom: 1.7142857em; } .prose-sm :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.7142857em; margin-bottom: 1.7142857em; } .prose-sm :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; margin-bottom: 0; } .prose-sm :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.7142857em; margin-bottom: 1.7142857em; } .prose-sm :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-size: 0.8571429em; border-radius: 0.3125rem; padding-top: 0.1428571em; padding-inline-end: 0.3571429em; padding-bottom: 0.1428571em; padding-inline-start: 0.3571429em; } .prose-sm :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-size: 0.8571429em; } .prose-sm :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-size: 0.9em; } .prose-sm :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-size: 0.8888889em; } .prose-sm :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-size: 0.8571429em; line-height: 1.6666667; margin-top: 1.6666667em; margin-bottom: 1.6666667em; border-radius: 0.25rem; padding-top: 0.6666667em; padding-inline-end: 1em; padding-bottom: 0.6666667em; padding-inline-start: 1em; } .prose-sm :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.1428571em; margin-bottom: 1.1428571em; padding-inline-start: 1.5714286em; } .prose-sm :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.1428571em; margin-bottom: 1.1428571em; padding-inline-start: 1.5714286em; } .prose-sm :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0.2857143em; margin-bottom: 0.2857143em; } .prose-sm :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-inline-start: 0.4285714em; } .prose-sm :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-inline-start: 0.4285714em; } .prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0.5714286em; margin-bottom: 0.5714286em; } .prose-sm :where(.prose-sm > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.1428571em; } .prose-sm :where(.prose-sm > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-bottom: 1.1428571em; } .prose-sm :where(.prose-sm > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.1428571em; } .prose-sm :where(.prose-sm > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-bottom: 1.1428571em; } .prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0.5714286em; margin-bottom: 0.5714286em; } .prose-sm :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.1428571em; margin-bottom: 1.1428571em; } .prose-sm :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.1428571em; } .prose-sm :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0.2857143em; padding-inline-start: 1.5714286em; } .prose-sm :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 2.8571429em; margin-bottom: 2.8571429em; } .prose-sm :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; } .prose-sm :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; } .prose-sm :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; } .prose-sm :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; } .prose-sm :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-size: 0.8571429em; line-height: 1.5; } .prose-sm :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-inline-end: 1em; padding-bottom: 0.6666667em; padding-inline-start: 1em; } .prose-sm :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-inline-start: 0; } .prose-sm :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-inline-end: 0; } .prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-top: 0.6666667em; padding-inline-end: 1em; padding-bottom: 0.6666667em; padding-inline-start: 1em; } .prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-inline-start: 0; } .prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-inline-end: 0; } .prose-sm :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.7142857em; margin-bottom: 1.7142857em; } .prose-sm :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; margin-bottom: 0; } .prose-sm :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-size: 0.8571429em; line-height: 1.3333333; margin-top: 0.6666667em; } .prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; } .prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-bottom: 0; } .sr-only{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .pointer-events-none{ pointer-events: none; } .pointer-events-auto{ pointer-events: auto; } .\!visible{ visibility: visible !important; } .visible{ visibility: visible; } .invisible{ visibility: hidden; } .collapse{ visibility: collapse; } .static{ position: static; } .fixed{ position: fixed; } .absolute{ position: absolute; } .relative{ position: relative; } .sticky{ position: sticky; } .inset-0{ inset: 0px; } .inset-2{ inset: 0.5rem; } .inset-x-0{ left: 0px; right: 0px; } .inset-y-0{ top: 0px; bottom: 0px; } .-bottom-1{ bottom: -0.25rem; } .-bottom-12{ bottom: -3rem; } .-left-0\.5{ left: -0.125rem; } .-left-1{ left: -0.25rem; } .-left-1\.5{ left: -0.375rem; } .-left-3{ left: -0.75rem; } .-left-6{ left: -1.5rem; } .-left-7{ left: -1.75rem; } .-right-1{ right: -0.25rem; } .-right-10{ right: -2.5rem; } .-right-2{ right: -0.5rem; } .-start-0\.5{ inset-inline-start: -0.125rem; } .-start-2\.5{ inset-inline-start: -0.625rem; } .-start-3{ inset-inline-start: -0.75rem; } .-start-3\.5{ inset-inline-start: -0.875rem; } .-start-4{ inset-inline-start: -1rem; } .-top-1{ top: -0.25rem; } .-top-10{ top: -2.5rem; } .bottom-0{ bottom: 0px; } .bottom-16{ bottom: 4rem; } .bottom-4{ bottom: 1rem; } .bottom-5{ bottom: 1.25rem; } .bottom-6{ bottom: 1.5rem; } .bottom-\[60px\]{ bottom: 60px; } .end-0{ inset-inline-end: 0px; } .end-10{ inset-inline-end: 2.5rem; } .end-2{ inset-inline-end: 0.5rem; } .end-2\.5{ inset-inline-end: 0.625rem; } .left-0{ left: 0px; } .left-1{ left: 0.25rem; } .left-1\/2{ left: 50%; } .left-11{ left: 2.75rem; } .left-2{ left: 0.5rem; } .left-2\.5{ left: 0.625rem; } .left-3{ left: 0.75rem; } .left-4{ left: 1rem; } .left-5{ left: 1.25rem; } .left-6{ left: 1.5rem; } .right-0{ right: 0px; } .right-1{ right: 0.25rem; } .right-4{ right: 1rem; } .right-6{ right: 1.5rem; } .right-8{ right: 2rem; } .top-0{ top: 0px; } .top-1{ top: 0.25rem; } .top-1\/2{ top: 50%; } .top-10{ top: 2.5rem; } .top-16{ top: 4rem; } .top-2{ top: 0.5rem; } .top-2\.5{ top: 0.625rem; } .top-3{ top: 0.75rem; } .top-4{ top: 1rem; } .top-6{ top: 1.5rem; } .top-\[-13px\]{ top: -13px; } .-z-10{ z-index: -10; } .z-0{ z-index: 0; } .z-10{ z-index: 10; } .z-20{ z-index: 20; } .z-30{ z-index: 30; } .z-40{ z-index: 40; } .z-50{ z-index: 50; } .z-\[60\]{ z-index: 60; } .z-\[9999\]{ z-index: 9999; } .z-auto{ z-index: auto; } .col-span-6{ grid-column: span 6 / span 6; } .col-start-2{ grid-column-start: 2; } .-m-1\.5{ margin: -0.375rem; } .-m-2{ margin: -0.5rem; } .-mx-3{ margin-left: -0.75rem; margin-right: -0.75rem; } .mx-1{ margin-left: 0.25rem; margin-right: 0.25rem; } .mx-2{ margin-left: 0.5rem; margin-right: 0.5rem; } .mx-3{ margin-left: 0.75rem; margin-right: 0.75rem; } .mx-3\.5{ margin-left: 0.875rem; margin-right: 0.875rem; } .mx-4{ margin-left: 1rem; margin-right: 1rem; } .mx-6{ margin-left: 1.5rem; margin-right: 1.5rem; } .mx-auto{ margin-left: auto; margin-right: auto; } .my-1{ margin-top: 0.25rem; margin-bottom: 0.25rem; } .my-2{ margin-top: 0.5rem; margin-bottom: 0.5rem; } .my-4{ margin-top: 1rem; margin-bottom: 1rem; } .my-6{ margin-top: 1.5rem; margin-bottom: 1.5rem; } .my-8{ margin-top: 2rem; margin-bottom: 2rem; } .-mb-px{ margin-bottom: -1px; } .-ml-4{ margin-left: -1rem; } .-mr-1{ margin-right: -0.25rem; } .-mt-\[1\.5px\]{ margin-top: -1.5px; } .mb-0\.5{ margin-bottom: 0.125rem; } .mb-1{ margin-bottom: 0.25rem; } .mb-1\.5{ margin-bottom: 0.375rem; } .mb-10{ margin-bottom: 2.5rem; } .mb-12{ margin-bottom: 3rem; } .mb-2{ margin-bottom: 0.5rem; } .mb-3{ margin-bottom: 0.75rem; } .mb-3\.5{ margin-bottom: 0.875rem; } .mb-4{ margin-bottom: 1rem; } .mb-5{ margin-bottom: 1.25rem; } .mb-6{ margin-bottom: 1.5rem; } .mb-8{ margin-bottom: 2rem; } .me-1{ margin-inline-end: 0.25rem; } .me-1\.5{ margin-inline-end: 0.375rem; } .me-2{ margin-inline-end: 0.5rem; } .me-2\.5{ margin-inline-end: 0.625rem; } .me-3{ margin-inline-end: 0.75rem; } .me-4{ margin-inline-end: 1rem; } .ml-0{ margin-left: 0px; } .ml-1{ margin-left: 0.25rem; } .ml-2{ margin-left: 0.5rem; } .ml-3{ margin-left: 0.75rem; } .ml-4{ margin-left: 1rem; } .ml-5{ margin-left: 1.25rem; } .ml-6{ margin-left: 1.5rem; } .ml-7{ margin-left: 1.75rem; } .ml-8{ margin-left: 2rem; } .ml-9{ margin-left: 2.25rem; } .ml-auto{ margin-left: auto; } .mr-1{ margin-right: 0.25rem; } .mr-1\.5{ margin-right: 0.375rem; } .mr-10{ margin-right: 2.5rem; } .mr-2{ margin-right: 0.5rem; } .mr-3{ margin-right: 0.75rem; } .mr-4{ margin-right: 1rem; } .mr-5{ margin-right: 1.25rem; } .mr-6{ margin-right: 1.5rem; } .mr-7{ margin-right: 1.75rem; } .mr-auto{ margin-right: auto; } .ms-1{ margin-inline-start: 0.25rem; } .ms-2{ margin-inline-start: 0.5rem; } .ms-3{ margin-inline-start: 0.75rem; } .ms-3\.5{ margin-inline-start: 0.875rem; } .ms-4{ margin-inline-start: 1rem; } .ms-6{ margin-inline-start: 1.5rem; } .ms-7{ margin-inline-start: 1.75rem; } .ms-8{ margin-inline-start: 2rem; } .mt-0{ margin-top: 0px; } .mt-0\.5{ margin-top: 0.125rem; } .mt-1{ margin-top: 0.25rem; } .mt-1\.5{ margin-top: 0.375rem; } .mt-10{ margin-top: 2.5rem; } .mt-2{ margin-top: 0.5rem; } .mt-2\.5{ margin-top: 0.625rem; } .mt-3{ margin-top: 0.75rem; } .mt-4{ margin-top: 1rem; } .mt-5{ margin-top: 1.25rem; } .mt-6{ margin-top: 1.5rem; } .mt-7{ margin-top: 1.75rem; } .mt-8{ margin-top: 2rem; } .mt-\[2\.5px\]{ margin-top: 2.5px; } .mt-\[2px\]{ margin-top: 2px; } .mt-auto{ margin-top: auto; } .line-clamp-1{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .line-clamp-2{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .block{ display: block; } .inline-block{ display: inline-block; } .\!inline{ display: inline !important; } .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\.5{ height: 0.125rem; } .h-1{ height: 0.25rem; } .h-1\.5{ height: 0.375rem; } .h-10{ height: 2.5rem; } .h-11{ height: 2.75rem; } .h-12{ height: 3rem; } .h-14{ height: 3.5rem; } .h-16{ height: 4rem; } .h-2{ height: 0.5rem; } .h-2\.5{ height: 0.625rem; } .h-20{ height: 5rem; } .h-24{ height: 6rem; } .h-28{ height: 7rem; } .h-3{ height: 0.75rem; } .h-3\.5{ height: 0.875rem; } .h-32{ height: 8rem; } .h-36{ height: 9rem; } .h-4{ height: 1rem; } .h-40{ height: 10rem; } .h-5{ height: 1.25rem; } .h-6{ height: 1.5rem; } .h-7{ height: 1.75rem; } .h-8{ height: 2rem; } .h-9{ height: 2.25rem; } .h-96{ height: 24rem; } .h-\[100px\]{ height: 100px; } .h-\[13px\]{ height: 13px; } .h-\[150px\]{ height: 150px; } .h-\[15px\]{ height: 15px; } .h-\[17px\]{ height: 17px; } .h-\[18px\]{ height: 18px; } .h-\[19px\]{ height: 19px; } .h-\[22px\]{ height: 22px; } .h-\[300px\]{ height: 300px; } .h-\[3px\]{ height: 3px; } .h-\[40px\]{ height: 40px; } .h-\[50px\]{ height: 50px; } .h-\[72px\]{ height: 72px; } .h-\[80vh\]{ height: 80vh; } .h-\[85vh\]{ height: 85vh; } .h-\[calc\(100\%-8rem\)\]{ height: calc(100% - 8rem); } .h-\[calc\(100vh-300px\)\]{ height: calc(100vh - 300px); } .h-auto{ height: auto; } .h-fit{ height: -moz-fit-content; height: fit-content; } .h-full{ height: 100%; } .h-px{ height: 1px; } .h-screen{ height: 100vh; } .max-h-60{ max-height: 15rem; } .max-h-\[120px\]{ max-height: 120px; } .max-h-\[150px\]{ max-height: 150px; } .max-h-\[60vh\]{ max-height: 60vh; } .max-h-\[65vh\]{ max-height: 65vh; } .max-h-\[80vh\]{ max-height: 80vh; } .max-h-\[85vh\]{ max-height: 85vh; } .max-h-\[88vh\]{ max-height: 88vh; } .max-h-\[90dvh\]{ max-height: 90dvh; } .max-h-\[90vh\]{ max-height: 90vh; } .max-h-\[calc\(100vh-100px\)\]{ max-height: calc(100vh - 100px); } .max-h-\[calc\(100vh-180px\)\]{ max-height: calc(100vh - 180px); } .max-h-\[calc\(100vh-200px\)\]{ max-height: calc(100vh - 200px); } .max-h-\[calc\(100vh-210px\)\]{ max-height: calc(100vh - 210px); } .max-h-\[calc\(100vh-220px\)\]{ max-height: calc(100vh - 220px); } .max-h-\[calc\(100vh-364px\)\]{ max-height: calc(100vh - 364px); } .max-h-\[calc\(100vh-430px\)\]{ max-height: calc(100vh - 430px); } .max-h-\[calc\(100vh-470px\)\]{ max-height: calc(100vh - 470px); } .max-h-screen{ max-height: 100vh; } .min-h-0{ min-height: 0px; } .min-h-6{ min-height: 1.5rem; } .min-h-\[180px\]{ min-height: 180px; } .min-h-\[280px\]{ min-height: 280px; } .min-h-\[300px\]{ min-height: 300px; } .min-h-\[320px\]{ min-height: 320px; } .min-h-\[38px\]{ min-height: 38px; } .min-h-\[56px\]{ min-height: 56px; } .min-h-\[60vh\]{ min-height: 60vh; } .min-h-\[64px\]{ min-height: 64px; } .min-h-\[84px\]{ min-height: 84px; } .w-0{ width: 0px; } .w-1\.5{ width: 0.375rem; } .w-1\/2{ width: 50%; } .w-1\/3{ width: 33.333333%; } .w-10{ width: 2.5rem; } .w-11{ width: 2.75rem; } .w-12{ width: 3rem; } .w-14{ width: 3.5rem; } .w-16{ width: 4rem; } .w-2{ width: 0.5rem; } .w-2\.5{ width: 0.625rem; } .w-2\/4{ width: 50%; } .w-20{ width: 5rem; } .w-24{ width: 6rem; } .w-28{ width: 7rem; } .w-3{ width: 0.75rem; } .w-3\.5{ width: 0.875rem; } .w-32{ width: 8rem; } .w-36{ width: 9rem; } .w-4{ width: 1rem; } .w-40{ width: 10rem; } .w-44{ width: 11rem; } .w-48{ width: 12rem; } .w-5{ width: 1.25rem; } .w-52{ width: 13rem; } .w-56{ width: 14rem; } .w-6{ width: 1.5rem; } .w-64{ width: 16rem; } .w-7{ width: 1.75rem; } .w-8{ width: 2rem; } .w-80{ width: 20rem; } .w-9{ width: 2.25rem; } .w-96{ width: 24rem; } .w-\[13px\]{ width: 13px; } .w-\[15px\]{ width: 15px; } .w-\[17px\]{ width: 17px; } .w-\[18px\]{ width: 18px; } .w-\[19px\]{ width: 19px; } .w-\[200px\]{ width: 200px; } .w-\[22px\]{ width: 22px; } .w-\[25\%\]{ width: 25%; } .w-\[30\%\]{ width: 30%; } .w-\[300px\]{ width: 300px; } .w-\[35\%\]{ width: 35%; } .w-\[500px\]{ width: 500px; } .w-\[50px\]{ width: 50px; } .w-\[60\%\]{ width: 60%; } .w-\[60vw\]{ width: 60vw; } .w-\[65\%\]{ width: 65%; } .w-\[70\%\]{ width: 70%; } .w-\[72px\]{ width: 72px; } .w-\[75\%\]{ width: 75%; } .w-\[92vw\]{ width: 92vw; } .w-auto{ width: auto; } .w-fit{ width: -moz-fit-content; width: fit-content; } .w-full{ width: 100%; } .w-max{ width: -moz-max-content; width: max-content; } .w-screen{ width: 100vw; } .min-w-0{ min-width: 0px; } .min-w-11{ min-width: 2.75rem; } .min-w-14{ min-width: 3.5rem; } .min-w-16{ min-width: 4rem; } .min-w-20{ min-width: 5rem; } .min-w-24{ min-width: 6rem; } .min-w-32{ min-width: 8rem; } .min-w-52{ min-width: 13rem; } .min-w-8{ min-width: 2rem; } .min-w-9{ min-width: 2.25rem; } .min-w-\[180px\]{ min-width: 180px; } .min-w-\[18px\]{ min-width: 18px; } .min-w-\[200px\]{ min-width: 200px; } .min-w-\[22px\]{ min-width: 22px; } .min-w-\[300px\]{ min-width: 300px; } .min-w-\[65px\]{ min-width: 65px; } .max-w-16{ max-width: 4rem; } .max-w-2xl{ max-width: 42rem; } .max-w-32{ max-width: 8rem; } .max-w-3xl{ max-width: 48rem; } .max-w-4xl{ max-width: 56rem; } .max-w-5xl{ max-width: 64rem; } .max-w-6xl{ max-width: 72rem; } .max-w-7xl{ max-width: 80rem; } .max-w-\[100vw\]{ max-width: 100vw; } .max-w-\[200px\]{ max-width: 200px; } .max-w-\[240px\]{ max-width: 240px; } .max-w-\[260px\]{ max-width: 260px; } .max-w-\[270px\]{ max-width: 270px; } .max-w-\[280px\]{ max-width: 280px; } .max-w-\[560px\]{ max-width: 560px; } .max-w-\[82\%\]{ max-width: 82%; } .max-w-\[95vw\]{ max-width: 95vw; } .max-w-fit{ max-width: -moz-fit-content; max-width: fit-content; } .max-w-full{ max-width: 100%; } .max-w-lg{ max-width: 32rem; } .max-w-max{ max-width: -moz-max-content; max-width: max-content; } .max-w-md{ max-width: 28rem; } .max-w-none{ max-width: none; } .max-w-screen-2xl{ max-width: 1536px; } .max-w-screen-xl{ max-width: 1440px; } .max-w-sm{ max-width: 24rem; } .max-w-xl{ max-width: 36rem; } .max-w-xs{ max-width: 20rem; } .flex-1{ flex: 1 1 0%; } .flex-shrink{ flex-shrink: 1; } .flex-shrink-0{ flex-shrink: 0; } .shrink-0{ flex-shrink: 0; } .flex-grow{ flex-grow: 1; } .basis-10{ flex-basis: 2.5rem; } .basis-4{ flex-basis: 1rem; } .basis-80{ flex-basis: 20rem; } .table-fixed{ table-layout: fixed; } .border-collapse{ border-collapse: collapse; } .origin-\[0\]{ transform-origin: 0; } .-translate-x-1\/2{ --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-x-full{ --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-1\/2{ --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-4{ --tw-translate-y: -1rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-6{ --tw-translate-y: -1.5rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-\[3px\]{ --tw-translate-y: -3px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-full{ --tw-translate-y: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-0{ --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-full{ --tw-translate-x: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-0\.5{ --tw-translate-y: 0.125rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-full{ --tw-translate-y: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-rotate-12{ --tw-rotate: -12deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-12{ --tw-rotate: 12deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-180{ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-45{ --tw-rotate: 45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-100{ --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-75{ --tw-scale-x: .75; --tw-scale-y: .75; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .transform{ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .transform-gpu{ transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .transform-none{ transform: none; } @keyframes check-draw{ to{ stroke-dashoffset: 0; } } .animate-check-draw{ animation: check-draw 0.35s ease-out 0.3s forwards; } @keyframes check-pop{ 0%{ transform: scale(0); opacity: 0; } 60%{ transform: scale(1.15); opacity: 1; } 100%{ transform: scale(1); opacity: 1; } } .animate-check-pop{ animation: check-pop 0.55s cubic-bezier(0.34, 1.56, 0.64, 1); } @keyframes check-ring{ 0%{ transform: scale(0.6); opacity: 0; } 60%{ transform: scale(1.4); opacity: 0.4; } 100%{ transform: scale(1.8); opacity: 0; } } .animate-check-ring{ animation: check-ring 1.4s ease-out 0.2s infinite; } @keyframes error-shake{ 0%, 100%{ transform: translateX(0); } 25%{ transform: translateX(-6px); } 75%{ transform: translateX(6px); } } .animate-error-shake{ animation: error-shake 0.5s ease; } @keyframes ping{ 75%, 100%{ transform: scale(2); opacity: 0; } } .animate-ping{ animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } @keyframes pulse{ 50%{ opacity: .5; } } .animate-pulse{ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } @keyframes spin{ to{ transform: rotate(360deg); } } .animate-spin{ animation: spin 1s linear infinite; } @keyframes toast-in{ 0%{ transform: translateY(8px); opacity: 0; } 100%{ transform: translateY(0); opacity: 1; } } .animate-toast-in{ animation: toast-in 0.3s cubic-bezier(0.4,0,0.2,1); } @keyframes toast-out{ 0%{ transform: translateY(0); opacity: 1; } 100%{ transform: translateY(8px); opacity: 0; } } .animate-toast-out{ animation: toast-out 0.3s cubic-bezier(0.4,0,0.2,1) forwards; } @keyframes warn-pulse{ 0%, 100%{ transform: scale(1); box-shadow: 0 0 0 0 rgba(251, 191, 36, 0.4); } 50%{ transform: scale(1.04); box-shadow: 0 0 0 8px rgba(251, 191, 36, 0); } } .animate-warn-pulse{ animation: warn-pulse 2.4s ease-in-out 0.5s infinite; } .cursor-auto{ cursor: auto; } .cursor-default{ cursor: default; } .cursor-grab{ cursor: grab; } .cursor-not-allowed{ cursor: not-allowed; } .cursor-pointer{ cursor: pointer; } .cursor-wait{ cursor: wait; } .select-none{ -webkit-user-select: none; -moz-user-select: none; user-select: none; } .resize-none{ resize: none; } .resize{ resize: both; } .snap-x{ scroll-snap-type: x var(--tw-scroll-snap-strictness); } .snap-mandatory{ --tw-scroll-snap-strictness: mandatory; } .snap-center{ scroll-snap-align: center; } .list-inside{ list-style-position: inside; } .list-decimal{ list-style-type: decimal; } .list-disc{ list-style-type: disc; } .list-none{ list-style-type: none; } .appearance-none{ -webkit-appearance: none; -moz-appearance: none; appearance: none; } .grid-flow-col{ grid-auto-flow: column; } .grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-7{ grid-template-columns: repeat(7, minmax(0, 1fr)); } .grid-cols-\[1fr_84px_84px\]{ grid-template-columns: 1fr 84px 84px; } .grid-cols-\[24px_minmax\(0\2c 1fr\)\]{ grid-template-columns: 24px minmax(0,1fr); } .grid-cols-\[auto_1fr_auto\]{ grid-template-columns: auto 1fr auto; } .flex-row{ flex-direction: row; } .flex-col{ flex-direction: column; } .flex-wrap{ flex-wrap: wrap; } .flex-nowrap{ flex-wrap: nowrap; } .items-start{ align-items: flex-start; } .items-end{ align-items: flex-end; } .items-center{ align-items: center; } .items-baseline{ align-items: baseline; } .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; } .justify-items-end{ justify-items: end; } .gap-0{ gap: 0px; } .gap-0\.5{ gap: 0.125rem; } .gap-1{ gap: 0.25rem; } .gap-1\.5{ gap: 0.375rem; } .gap-2{ gap: 0.5rem; } .gap-2\.5{ gap: 0.625rem; } .gap-3{ gap: 0.75rem; } .gap-3\.5{ gap: 0.875rem; } .gap-4{ gap: 1rem; } .gap-5{ gap: 1.25rem; } .gap-6{ gap: 1.5rem; } .gap-8{ gap: 2rem; } .gap-x-2{ -moz-column-gap: 0.5rem; column-gap: 0.5rem; } .gap-x-3{ -moz-column-gap: 0.75rem; column-gap: 0.75rem; } .gap-y-0\.5{ row-gap: 0.125rem; } .gap-y-1{ row-gap: 0.25rem; } .-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-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-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-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-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-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)); } .divide-x > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } .divide-y > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } .divide-gray-100 > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(243 244 246 / var(--tw-divide-opacity, 1)); } .divide-gray-200 > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1)); } .divide-white\/10 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(255 255 255 / 0.1); } .place-self-center{ place-self: center; } .self-start{ align-self: flex-start; } .self-center{ align-self: center; } .overflow-auto{ overflow: auto; } .overflow-hidden{ overflow: hidden; } .overflow-visible{ overflow: visible; } .overflow-x-auto{ overflow-x: auto; } .overflow-y-auto{ overflow-y: auto; } .\!overflow-x-hidden{ overflow-x: hidden !important; } .overflow-x-hidden{ overflow-x: hidden; } .overflow-y-hidden{ overflow-y: hidden; } .overflow-x-scroll{ overflow-x: scroll; } .overflow-y-scroll{ overflow-y: scroll; } .\!scroll-auto{ scroll-behavior: auto !important; } .scroll-smooth{ scroll-behavior: smooth; } .truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-ellipsis{ text-overflow: ellipsis; } .whitespace-nowrap{ white-space: nowrap; } .whitespace-pre-wrap{ white-space: pre-wrap; } .text-nowrap{ text-wrap: nowrap; } .break-words{ overflow-wrap: break-word; } .rounded{ border-radius: 0.25rem; } .rounded-2xl{ border-radius: 1rem; } .rounded-3xl{ border-radius: 1.5rem; } .rounded-\[10px\]{ border-radius: 10px; } .rounded-\[20px\]{ border-radius: 20px; } .rounded-\[3px\]{ border-radius: 3px; } .rounded-\[7px\]{ border-radius: 7px; } .rounded-full{ border-radius: 9999px; } .rounded-lg{ border-radius: 0.5rem; } .rounded-md{ border-radius: 0.375rem; } .rounded-none{ border-radius: 0px; } .rounded-sm{ border-radius: 0.125rem; } .rounded-xl{ border-radius: 0.75rem; } .rounded-b{ border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .rounded-b-2xl{ border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; } .rounded-b-lg{ border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .rounded-b-xl{ border-bottom-right-radius: 0.75rem; border-bottom-left-radius: 0.75rem; } .rounded-e-lg{ border-start-end-radius: 0.5rem; border-end-end-radius: 0.5rem; } .rounded-e-md{ border-start-end-radius: 0.375rem; border-end-end-radius: 0.375rem; } .rounded-e-xl{ border-start-end-radius: 0.75rem; border-end-end-radius: 0.75rem; } .rounded-l-lg{ border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .rounded-l-md{ border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } .rounded-l-none{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .rounded-r-lg{ border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } .rounded-r-none{ border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .rounded-s-lg{ border-start-start-radius: 0.5rem; border-end-start-radius: 0.5rem; } .rounded-s-xl{ border-start-start-radius: 0.75rem; border-end-start-radius: 0.75rem; } .rounded-t{ border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .rounded-t-2xl{ border-top-left-radius: 1rem; border-top-right-radius: 1rem; } .rounded-t-\[10px\]{ border-top-left-radius: 10px; border-top-right-radius: 10px; } .rounded-t-\[20px\]{ border-top-left-radius: 20px; border-top-right-radius: 20px; } .rounded-t-lg{ border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .rounded-t-xl{ border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; } .rounded-bl-md{ border-bottom-left-radius: 0.375rem; } .rounded-br-md{ border-bottom-right-radius: 0.375rem; } .rounded-es-xl{ border-end-start-radius: 0.75rem; } .border{ border-width: 1px; } .border-0{ border-width: 0px; } .border-2{ border-width: 2px; } .border-4{ border-width: 4px; } .border-\[1\.5px\]{ border-width: 1.5px; } .border-\[2\.5px\]{ border-width: 2.5px; } .border-\[5px\]{ border-width: 5px; } .border-x{ border-left-width: 1px; border-right-width: 1px; } .border-b{ border-bottom-width: 1px; } .border-b-0{ border-bottom-width: 0px; } .border-b-2{ border-bottom-width: 2px; } .border-l{ border-left-width: 1px; } .border-l-0{ border-left-width: 0px; } .border-l-4{ border-left-width: 4px; } .border-r{ border-right-width: 1px; } .border-r-0{ border-right-width: 0px; } .border-s{ border-inline-start-width: 1px; } .border-s-0{ border-inline-start-width: 0px; } .border-s-2{ border-inline-start-width: 2px; } .border-t{ border-top-width: 1px; } .border-t-4{ border-top-width: 4px; } .border-dashed{ border-style: dashed; } .border-none{ border-style: none; } .\!border-primary-700{ --tw-border-opacity: 1 !important; border-color: rgb(20 160 230 / var(--tw-border-opacity, 1)) !important; } .border-\[\#f0f2f5\]{ --tw-border-opacity: 1; border-color: rgb(240 242 245 / var(--tw-border-opacity, 1)); } .border-\[\#ffd97a\]{ --tw-border-opacity: 1; border-color: rgb(255 217 122 / var(--tw-border-opacity, 1)); } .border-\[hsl\(217\2c 20\%\2c 45\%\)\]{ --tw-border-opacity: 1; border-color: hsl(217 20% 45% / var(--tw-border-opacity, 1)); } .border-amber-200{ --tw-border-opacity: 1; border-color: rgb(253 230 138 / var(--tw-border-opacity, 1)); } .border-blue-100{ --tw-border-opacity: 1; border-color: rgb(225 239 254 / var(--tw-border-opacity, 1)); } .border-blue-200{ --tw-border-opacity: 1; border-color: rgb(195 221 253 / var(--tw-border-opacity, 1)); } .border-blue-500{ --tw-border-opacity: 1; border-color: rgb(63 131 248 / var(--tw-border-opacity, 1)); } .border-blue-600{ --tw-border-opacity: 1; border-color: rgb(28 100 242 / var(--tw-border-opacity, 1)); } .border-blue-700{ --tw-border-opacity: 1; border-color: rgb(26 86 219 / var(--tw-border-opacity, 1)); } .border-cyan-300{ --tw-border-opacity: 1; border-color: rgb(103 232 249 / var(--tw-border-opacity, 1)); } .border-cyan-500{ --tw-border-opacity: 1; border-color: rgb(6 182 212 / var(--tw-border-opacity, 1)); } .border-cyan-600{ --tw-border-opacity: 1; border-color: rgb(8 145 178 / var(--tw-border-opacity, 1)); } .border-cyan-700{ --tw-border-opacity: 1; border-color: rgb(14 116 144 / var(--tw-border-opacity, 1)); } .border-emerald-200{ --tw-border-opacity: 1; border-color: rgb(167 243 208 / var(--tw-border-opacity, 1)); } .border-emerald-300{ --tw-border-opacity: 1; border-color: rgb(110 231 183 / var(--tw-border-opacity, 1)); } .border-gray-100{ --tw-border-opacity: 1; border-color: rgb(243 244 246 / var(--tw-border-opacity, 1)); } .border-gray-200{ --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); } .border-gray-300{ --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); } .border-gray-400{ --tw-border-opacity: 1; border-color: rgb(156 163 175 / var(--tw-border-opacity, 1)); } .border-gray-50{ --tw-border-opacity: 1; border-color: rgb(249 250 251 / var(--tw-border-opacity, 1)); } .border-gray-500{ --tw-border-opacity: 1; border-color: rgb(107 114 128 / var(--tw-border-opacity, 1)); } .border-gray-600{ --tw-border-opacity: 1; border-color: rgb(75 85 99 / var(--tw-border-opacity, 1)); } .border-gray-900{ --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); } .border-green-100{ --tw-border-opacity: 1; border-color: rgb(222 247 236 / var(--tw-border-opacity, 1)); } .border-green-200{ --tw-border-opacity: 1; border-color: rgb(188 240 218 / var(--tw-border-opacity, 1)); } .border-green-300{ --tw-border-opacity: 1; border-color: rgb(132 225 188 / var(--tw-border-opacity, 1)); } .border-green-500{ --tw-border-opacity: 1; border-color: rgb(14 159 110 / var(--tw-border-opacity, 1)); } .border-green-600{ --tw-border-opacity: 1; border-color: rgb(5 122 85 / var(--tw-border-opacity, 1)); } .border-green-700{ --tw-border-opacity: 1; border-color: rgb(4 108 78 / var(--tw-border-opacity, 1)); } .border-indigo-300{ --tw-border-opacity: 1; border-color: rgb(180 198 252 / var(--tw-border-opacity, 1)); } .border-indigo-400{ --tw-border-opacity: 1; border-color: rgb(141 162 251 / var(--tw-border-opacity, 1)); } .border-indigo-500{ --tw-border-opacity: 1; border-color: rgb(104 117 245 / var(--tw-border-opacity, 1)); } .border-lime-300{ --tw-border-opacity: 1; border-color: rgb(190 242 100 / var(--tw-border-opacity, 1)); } .border-lime-400{ --tw-border-opacity: 1; border-color: rgb(163 230 53 / var(--tw-border-opacity, 1)); } .border-lime-500{ --tw-border-opacity: 1; border-color: rgb(132 204 22 / var(--tw-border-opacity, 1)); } .border-orange-200{ --tw-border-opacity: 1; border-color: rgb(252 217 189 / var(--tw-border-opacity, 1)); } .border-orange-300{ --tw-border-opacity: 1; border-color: rgb(253 186 140 / var(--tw-border-opacity, 1)); } .border-orange-400{ --tw-border-opacity: 1; border-color: rgb(255 138 76 / var(--tw-border-opacity, 1)); } .border-pink-300{ --tw-border-opacity: 1; border-color: rgb(248 180 217 / var(--tw-border-opacity, 1)); } .border-pink-500{ --tw-border-opacity: 1; border-color: rgb(231 70 148 / var(--tw-border-opacity, 1)); } .border-pink-600{ --tw-border-opacity: 1; border-color: rgb(214 31 105 / var(--tw-border-opacity, 1)); } .border-primary-200{ --tw-border-opacity: 1; border-color: rgb(188 233 251 / var(--tw-border-opacity, 1)); } .border-primary-500{ --tw-border-opacity: 1; border-color: rgb(42 174 240 / var(--tw-border-opacity, 1)); } .border-primary-600{ --tw-border-opacity: 1; border-color: rgb(25 159 233 / var(--tw-border-opacity, 1)); } .border-primary-700{ --tw-border-opacity: 1; border-color: rgb(20 160 230 / var(--tw-border-opacity, 1)); } .border-purple-500{ --tw-border-opacity: 1; border-color: rgb(144 97 249 / var(--tw-border-opacity, 1)); } .border-purple-900{ --tw-border-opacity: 1; border-color: rgb(74 29 150 / var(--tw-border-opacity, 1)); } .border-red-200{ --tw-border-opacity: 1; border-color: rgb(251 213 213 / var(--tw-border-opacity, 1)); } .border-red-300{ --tw-border-opacity: 1; border-color: rgb(248 180 180 / var(--tw-border-opacity, 1)); } .border-red-500{ --tw-border-opacity: 1; border-color: rgb(240 82 82 / var(--tw-border-opacity, 1)); } .border-red-600{ --tw-border-opacity: 1; border-color: rgb(224 36 36 / var(--tw-border-opacity, 1)); } .border-red-900{ --tw-border-opacity: 1; border-color: rgb(119 29 29 / var(--tw-border-opacity, 1)); } .border-sky-100{ --tw-border-opacity: 1; border-color: rgb(224 242 254 / var(--tw-border-opacity, 1)); } .border-sky-200{ --tw-border-opacity: 1; border-color: rgb(186 230 253 / var(--tw-border-opacity, 1)); } .border-sky-300{ --tw-border-opacity: 1; border-color: rgb(125 211 252 / var(--tw-border-opacity, 1)); } .border-sky-400{ --tw-border-opacity: 1; border-color: rgb(56 189 248 / var(--tw-border-opacity, 1)); } .border-sky-500{ --tw-border-opacity: 1; border-color: rgb(14 165 233 / var(--tw-border-opacity, 1)); } .border-slate-100{ --tw-border-opacity: 1; border-color: rgb(241 245 249 / var(--tw-border-opacity, 1)); } .border-slate-200{ --tw-border-opacity: 1; border-color: rgb(226 232 240 / var(--tw-border-opacity, 1)); } .border-slate-300{ --tw-border-opacity: 1; border-color: rgb(203 213 225 / var(--tw-border-opacity, 1)); } .border-slate-600{ --tw-border-opacity: 1; border-color: rgb(71 85 105 / var(--tw-border-opacity, 1)); } .border-teal-300{ --tw-border-opacity: 1; border-color: rgb(126 220 226 / var(--tw-border-opacity, 1)); } .border-teal-500{ --tw-border-opacity: 1; border-color: rgb(6 148 162 / var(--tw-border-opacity, 1)); } .border-transparent{ border-color: transparent; } .border-white{ --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); } .border-white\/10{ border-color: rgb(255 255 255 / 0.1); } .border-white\/40{ border-color: rgb(255 255 255 / 0.4); } .border-yellow-200{ --tw-border-opacity: 1; border-color: rgb(252 233 106 / var(--tw-border-opacity, 1)); } .border-yellow-300{ --tw-border-opacity: 1; border-color: rgb(250 202 21 / var(--tw-border-opacity, 1)); } .border-yellow-400{ --tw-border-opacity: 1; border-color: rgb(227 160 8 / var(--tw-border-opacity, 1)); } .border-yellow-500{ --tw-border-opacity: 1; border-color: rgb(194 120 3 / var(--tw-border-opacity, 1)); } .border-yellow-600{ --tw-border-opacity: 1; border-color: rgb(159 88 10 / var(--tw-border-opacity, 1)); } .border-s-gray-50{ --tw-border-opacity: 1; border-inline-start-color: rgb(249 250 251 / var(--tw-border-opacity, 1)); } .border-t-\[\#2EA8E5\]{ --tw-border-opacity: 1; border-top-color: rgb(46 168 229 / var(--tw-border-opacity, 1)); } .border-t-sky-500{ --tw-border-opacity: 1; border-top-color: rgb(14 165 233 / var(--tw-border-opacity, 1)); } .border-t-sky-600{ --tw-border-opacity: 1; border-top-color: rgb(2 132 199 / var(--tw-border-opacity, 1)); } .border-t-transparent{ border-top-color: transparent; } .border-t-white{ --tw-border-opacity: 1; border-top-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); } .border-opacity-30{ --tw-border-opacity: 0.3; } .\!bg-gray-50{ --tw-bg-opacity: 1 !important; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)) !important; } .\!bg-primary-600{ --tw-bg-opacity: 1 !important; background-color: rgb(25 159 233 / var(--tw-bg-opacity, 1)) !important; } .\!bg-primary-700{ --tw-bg-opacity: 1 !important; background-color: rgb(20 160 230 / var(--tw-bg-opacity, 1)) !important; } .\!bg-transparent{ background-color: transparent !important; } .bg-\[\#2EA8E5\]{ --tw-bg-opacity: 1; background-color: rgb(46 168 229 / var(--tw-bg-opacity, 1)); } .bg-\[\#2da9e0\]{ --tw-bg-opacity: 1; background-color: rgb(45 169 224 / var(--tw-bg-opacity, 1)); } .bg-\[\#EAF7FD\]{ --tw-bg-opacity: 1; background-color: rgb(234 247 253 / var(--tw-bg-opacity, 1)); } .bg-\[\#d6efff\]{ --tw-bg-opacity: 1; background-color: rgb(214 239 255 / var(--tw-bg-opacity, 1)); } .bg-\[\#eef3f9\]{ --tw-bg-opacity: 1; background-color: rgb(238 243 249 / var(--tw-bg-opacity, 1)); } .bg-\[\#f0f2f5\]{ --tw-bg-opacity: 1; background-color: rgb(240 242 245 / var(--tw-bg-opacity, 1)); } .bg-\[\#fff0d6\]{ --tw-bg-opacity: 1; background-color: rgb(255 240 214 / var(--tw-bg-opacity, 1)); } .bg-\[\#fff4d6\]{ --tw-bg-opacity: 1; background-color: rgb(255 244 214 / var(--tw-bg-opacity, 1)); } .bg-accent-700{ --tw-bg-opacity: 1; background-color: rgb(255 252 0 / var(--tw-bg-opacity, 1)); } .bg-amber-100{ --tw-bg-opacity: 1; background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1)); } .bg-amber-400{ --tw-bg-opacity: 1; background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1)); } .bg-amber-50{ --tw-bg-opacity: 1; background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1)); } .bg-amber-500{ --tw-bg-opacity: 1; background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1)); } .bg-amber-600{ --tw-bg-opacity: 1; background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1)); } .bg-black{ --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } .bg-black\/40{ background-color: rgb(0 0 0 / 0.4); } .bg-black\/50{ background-color: rgb(0 0 0 / 0.5); } .bg-blue-100{ --tw-bg-opacity: 1; background-color: rgb(225 239 254 / var(--tw-bg-opacity, 1)); } .bg-blue-300{ --tw-bg-opacity: 1; background-color: rgb(164 202 254 / var(--tw-bg-opacity, 1)); } .bg-blue-50{ --tw-bg-opacity: 1; background-color: rgb(235 245 255 / var(--tw-bg-opacity, 1)); } .bg-blue-600{ --tw-bg-opacity: 1; background-color: rgb(28 100 242 / var(--tw-bg-opacity, 1)); } .bg-blue-700{ --tw-bg-opacity: 1; background-color: rgb(26 86 219 / var(--tw-bg-opacity, 1)); } .bg-cyan-100{ --tw-bg-opacity: 1; background-color: rgb(207 250 254 / var(--tw-bg-opacity, 1)); } .bg-cyan-200{ --tw-bg-opacity: 1; background-color: rgb(165 243 252 / var(--tw-bg-opacity, 1)); } .bg-cyan-50{ --tw-bg-opacity: 1; background-color: rgb(236 254 255 / var(--tw-bg-opacity, 1)); } .bg-cyan-500{ --tw-bg-opacity: 1; background-color: rgb(6 182 212 / var(--tw-bg-opacity, 1)); } .bg-cyan-600{ --tw-bg-opacity: 1; background-color: rgb(8 145 178 / var(--tw-bg-opacity, 1)); } .bg-cyan-700{ --tw-bg-opacity: 1; background-color: rgb(14 116 144 / var(--tw-bg-opacity, 1)); } .bg-emerald-100{ --tw-bg-opacity: 1; background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1)); } .bg-emerald-50{ --tw-bg-opacity: 1; background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1)); } .bg-emerald-50\/60{ background-color: rgb(236 253 245 / 0.6); } .bg-emerald-500{ --tw-bg-opacity: 1; background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1)); } .bg-gray-100{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .bg-gray-200{ --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); } .bg-gray-300{ --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)); } .bg-gray-400{ --tw-bg-opacity: 1; background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1)); } .bg-gray-50{ --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .bg-gray-500{ --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1)); } .bg-gray-600{ --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); } .bg-gray-700{ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .bg-gray-800{ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .bg-gray-900{ --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); } .bg-gray-900\/50{ background-color: rgb(17 24 39 / 0.5); } .bg-gray-950{ --tw-bg-opacity: 1; background-color: rgb(3 7 18 / var(--tw-bg-opacity, 1)); } .bg-green-100{ --tw-bg-opacity: 1; background-color: rgb(222 247 236 / var(--tw-bg-opacity, 1)); } .bg-green-200{ --tw-bg-opacity: 1; background-color: rgb(188 240 218 / var(--tw-bg-opacity, 1)); } .bg-green-200\/80{ background-color: rgb(188 240 218 / 0.8); } .bg-green-300{ --tw-bg-opacity: 1; background-color: rgb(132 225 188 / var(--tw-bg-opacity, 1)); } .bg-green-400{ --tw-bg-opacity: 1; background-color: rgb(49 196 141 / var(--tw-bg-opacity, 1)); } .bg-green-50{ --tw-bg-opacity: 1; background-color: rgb(243 250 247 / var(--tw-bg-opacity, 1)); } .bg-green-500{ --tw-bg-opacity: 1; background-color: rgb(14 159 110 / var(--tw-bg-opacity, 1)); } .bg-green-600{ --tw-bg-opacity: 1; background-color: rgb(5 122 85 / var(--tw-bg-opacity, 1)); } .bg-green-700{ --tw-bg-opacity: 1; background-color: rgb(4 108 78 / var(--tw-bg-opacity, 1)); } .bg-indigo-100{ --tw-bg-opacity: 1; background-color: rgb(229 237 255 / var(--tw-bg-opacity, 1)); } .bg-indigo-400{ --tw-bg-opacity: 1; background-color: rgb(141 162 251 / var(--tw-bg-opacity, 1)); } .bg-indigo-600{ --tw-bg-opacity: 1; background-color: rgb(88 80 236 / var(--tw-bg-opacity, 1)); } .bg-lime-100{ --tw-bg-opacity: 1; background-color: rgb(236 252 203 / var(--tw-bg-opacity, 1)); } .bg-lime-400{ --tw-bg-opacity: 1; background-color: rgb(163 230 53 / var(--tw-bg-opacity, 1)); } .bg-lime-600{ --tw-bg-opacity: 1; background-color: rgb(101 163 13 / var(--tw-bg-opacity, 1)); } .bg-orange-100{ --tw-bg-opacity: 1; background-color: rgb(254 236 220 / var(--tw-bg-opacity, 1)); } .bg-orange-50{ --tw-bg-opacity: 1; background-color: rgb(255 248 241 / var(--tw-bg-opacity, 1)); } .bg-orange-600{ --tw-bg-opacity: 1; background-color: rgb(208 56 1 / var(--tw-bg-opacity, 1)); } .bg-pink-100{ --tw-bg-opacity: 1; background-color: rgb(252 232 243 / var(--tw-bg-opacity, 1)); } .bg-pink-50{ --tw-bg-opacity: 1; background-color: rgb(253 242 248 / var(--tw-bg-opacity, 1)); } .bg-pink-500{ --tw-bg-opacity: 1; background-color: rgb(231 70 148 / var(--tw-bg-opacity, 1)); } .bg-pink-600{ --tw-bg-opacity: 1; background-color: rgb(214 31 105 / var(--tw-bg-opacity, 1)); } .bg-primary-100{ --tw-bg-opacity: 1; background-color: rgb(224 245 253 / var(--tw-bg-opacity, 1)); } .bg-primary-400{ --tw-bg-opacity: 1; background-color: rgb(87 193 243 / var(--tw-bg-opacity, 1)); } .bg-primary-50{ --tw-bg-opacity: 1; background-color: rgb(242 250 254 / var(--tw-bg-opacity, 1)); } .bg-primary-500{ --tw-bg-opacity: 1; background-color: rgb(42 174 240 / var(--tw-bg-opacity, 1)); } .bg-primary-600{ --tw-bg-opacity: 1; background-color: rgb(25 159 233 / var(--tw-bg-opacity, 1)); } .bg-primary-700{ --tw-bg-opacity: 1; background-color: rgb(20 160 230 / var(--tw-bg-opacity, 1)); } .bg-purple-100{ --tw-bg-opacity: 1; background-color: rgb(237 235 254 / var(--tw-bg-opacity, 1)); } .bg-purple-50{ --tw-bg-opacity: 1; background-color: rgb(246 245 255 / var(--tw-bg-opacity, 1)); } .bg-purple-600{ --tw-bg-opacity: 1; background-color: rgb(126 58 242 / var(--tw-bg-opacity, 1)); } .bg-purple-700{ --tw-bg-opacity: 1; background-color: rgb(108 43 217 / var(--tw-bg-opacity, 1)); } .bg-red-100{ --tw-bg-opacity: 1; background-color: rgb(253 232 232 / var(--tw-bg-opacity, 1)); } .bg-red-200{ --tw-bg-opacity: 1; background-color: rgb(251 213 213 / var(--tw-bg-opacity, 1)); } .bg-red-400{ --tw-bg-opacity: 1; background-color: rgb(249 128 128 / var(--tw-bg-opacity, 1)); } .bg-red-50{ --tw-bg-opacity: 1; background-color: rgb(253 242 242 / var(--tw-bg-opacity, 1)); } .bg-red-500{ --tw-bg-opacity: 1; background-color: rgb(240 82 82 / var(--tw-bg-opacity, 1)); } .bg-red-600{ --tw-bg-opacity: 1; background-color: rgb(224 36 36 / var(--tw-bg-opacity, 1)); } .bg-red-700{ --tw-bg-opacity: 1; background-color: rgb(200 30 30 / var(--tw-bg-opacity, 1)); } .bg-red-800{ --tw-bg-opacity: 1; background-color: rgb(155 28 28 / var(--tw-bg-opacity, 1)); } .bg-rose-500{ --tw-bg-opacity: 1; background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1)); } .bg-sky-100{ --tw-bg-opacity: 1; background-color: rgb(224 242 254 / var(--tw-bg-opacity, 1)); } .bg-sky-400{ --tw-bg-opacity: 1; background-color: rgb(56 189 248 / var(--tw-bg-opacity, 1)); } .bg-sky-50{ --tw-bg-opacity: 1; background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1)); } .bg-sky-500{ --tw-bg-opacity: 1; background-color: rgb(14 165 233 / var(--tw-bg-opacity, 1)); } .bg-slate-100{ --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1)); } .bg-slate-200{ --tw-bg-opacity: 1; background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1)); } .bg-slate-400{ --tw-bg-opacity: 1; background-color: rgb(148 163 184 / var(--tw-bg-opacity, 1)); } .bg-slate-50{ --tw-bg-opacity: 1; background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1)); } .bg-slate-500{ --tw-bg-opacity: 1; background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1)); } .bg-teal-100{ --tw-bg-opacity: 1; background-color: rgb(213 245 246 / var(--tw-bg-opacity, 1)); } .bg-teal-600{ --tw-bg-opacity: 1; background-color: rgb(4 116 129 / var(--tw-bg-opacity, 1)); } .bg-transparent{ background-color: transparent; } .bg-violet-50{ --tw-bg-opacity: 1; background-color: rgb(245 243 255 / var(--tw-bg-opacity, 1)); } .bg-violet-600{ --tw-bg-opacity: 1; background-color: rgb(124 58 237 / var(--tw-bg-opacity, 1)); } .bg-white{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .bg-white\/10{ background-color: rgb(255 255 255 / 0.1); } .bg-white\/15{ background-color: rgb(255 255 255 / 0.15); } .bg-white\/20{ background-color: rgb(255 255 255 / 0.2); } .bg-white\/30{ background-color: rgb(255 255 255 / 0.3); } .bg-white\/50{ background-color: rgb(255 255 255 / 0.5); } .bg-white\/70{ background-color: rgb(255 255 255 / 0.7); } .bg-white\/95{ background-color: rgb(255 255 255 / 0.95); } .bg-yellow-100{ --tw-bg-opacity: 1; background-color: rgb(253 246 178 / var(--tw-bg-opacity, 1)); } .bg-yellow-200{ --tw-bg-opacity: 1; background-color: rgb(252 233 106 / var(--tw-bg-opacity, 1)); } .bg-yellow-400{ --tw-bg-opacity: 1; background-color: rgb(227 160 8 / var(--tw-bg-opacity, 1)); } .bg-yellow-50{ --tw-bg-opacity: 1; background-color: rgb(253 253 234 / var(--tw-bg-opacity, 1)); } .bg-yellow-600{ --tw-bg-opacity: 1; background-color: rgb(159 88 10 / var(--tw-bg-opacity, 1)); } .bg-yellow-800{ --tw-bg-opacity: 1; background-color: rgb(114 59 19 / var(--tw-bg-opacity, 1)); } .bg-opacity-50{ --tw-bg-opacity: 0.5; } .bg-gradient-to-br{ background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); } .bg-gradient-to-r{ background-image: linear-gradient(to right, var(--tw-gradient-stops)); } .from-\[\#d6efff\]{ --tw-gradient-from: #d6efff var(--tw-gradient-from-position); --tw-gradient-to: rgb(214 239 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-\[\#fff4d6\]{ --tw-gradient-from: #fff4d6 var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 244 214 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-amber-300{ --tw-gradient-from: #fcd34d var(--tw-gradient-from-position); --tw-gradient-to: rgb(252 211 77 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-blue-50{ --tw-gradient-from: #EBF5FF var(--tw-gradient-from-position); --tw-gradient-to: rgb(235 245 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-cyan-400{ --tw-gradient-from: #22d3ee var(--tw-gradient-from-position); --tw-gradient-to: rgb(34 211 238 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-cyan-500{ --tw-gradient-from: #06b6d4 var(--tw-gradient-from-position); --tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-emerald-400{ --tw-gradient-from: #34d399 var(--tw-gradient-from-position); --tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-green-400{ --tw-gradient-from: #31C48D var(--tw-gradient-from-position); --tw-gradient-to: rgb(49 196 141 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-green-50{ --tw-gradient-from: #F3FAF7 var(--tw-gradient-from-position); --tw-gradient-to: rgb(243 250 247 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-lime-200{ --tw-gradient-from: #d9f99d var(--tw-gradient-from-position); --tw-gradient-to: rgb(217 249 157 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-orange-50{ --tw-gradient-from: #FFF8F1 var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 248 241 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-pink-400{ --tw-gradient-from: #F17EB8 var(--tw-gradient-from-position); --tw-gradient-to: rgb(241 126 184 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-pink-500{ --tw-gradient-from: #E74694 var(--tw-gradient-from-position); --tw-gradient-to: rgb(231 70 148 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-primary-500{ --tw-gradient-from: #2AAEF0 var(--tw-gradient-from-position); --tw-gradient-to: rgb(42 174 240 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-purple-500{ --tw-gradient-from: #9061F9 var(--tw-gradient-from-position); --tw-gradient-to: rgb(144 97 249 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-purple-600{ --tw-gradient-from: #7E3AF2 var(--tw-gradient-from-position); --tw-gradient-to: rgb(126 58 242 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-red-200{ --tw-gradient-from: #FBD5D5 var(--tw-gradient-from-position); --tw-gradient-to: rgb(251 213 213 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-red-400{ --tw-gradient-from: #F98080 var(--tw-gradient-from-position); --tw-gradient-to: rgb(249 128 128 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-sky-400{ --tw-gradient-from: #38bdf8 var(--tw-gradient-from-position); --tw-gradient-to: rgb(56 189 248 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-sky-500{ --tw-gradient-from: #0ea5e9 var(--tw-gradient-from-position); --tw-gradient-to: rgb(14 165 233 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-slate-400{ --tw-gradient-from: #94a3b8 var(--tw-gradient-from-position); --tw-gradient-to: rgb(148 163 184 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-teal-200{ --tw-gradient-from: #AFECEF var(--tw-gradient-from-position); --tw-gradient-to: rgb(175 236 239 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-teal-400{ --tw-gradient-from: #16BDCA var(--tw-gradient-from-position); --tw-gradient-to: rgb(22 189 202 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .via-cyan-500{ --tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #06b6d4 var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-cyan-600{ --tw-gradient-to: rgb(8 145 178 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #0891b2 var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-green-500{ --tw-gradient-to: rgb(14 159 110 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #0E9F6E var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-lime-400{ --tw-gradient-to: rgb(163 230 53 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #a3e635 var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-pink-500{ --tw-gradient-to: rgb(231 70 148 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #E74694 var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-purple-600{ --tw-gradient-to: rgb(126 58 242 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #7E3AF2 var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-red-300{ --tw-gradient-to: rgb(248 180 180 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #F8B4B4 var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-red-500{ --tw-gradient-to: rgb(240 82 82 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #F05252 var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-sky-500{ --tw-gradient-to: rgb(14 165 233 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #0ea5e9 var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-teal-500{ --tw-gradient-to: rgb(6 148 162 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #0694A2 var(--tw-gradient-via-position), var(--tw-gradient-to); } .to-\[\#c2e6fd\]{ --tw-gradient-to: #c2e6fd var(--tw-gradient-to-position); } .to-\[\#fff9e8\]{ --tw-gradient-to: #fff9e8 var(--tw-gradient-to-position); } .to-amber-500{ --tw-gradient-to: #f59e0b var(--tw-gradient-to-position); } .to-cyan-50{ --tw-gradient-to: #ecfeff var(--tw-gradient-to-position); } .to-cyan-500{ --tw-gradient-to: #06b6d4 var(--tw-gradient-to-position); } .to-cyan-600{ --tw-gradient-to: #0891b2 var(--tw-gradient-to-position); } .to-cyan-700{ --tw-gradient-to: #0e7490 var(--tw-gradient-to-position); } .to-emerald-50{ --tw-gradient-to: #ecfdf5 var(--tw-gradient-to-position); } .to-green-600{ --tw-gradient-to: #057A55 var(--tw-gradient-to-position); } .to-lime-200{ --tw-gradient-to: #d9f99d var(--tw-gradient-to-position); } .to-lime-500{ --tw-gradient-to: #84cc16 var(--tw-gradient-to-position); } .to-orange-400{ --tw-gradient-to: #FF8A4C var(--tw-gradient-to-position); } .to-pink-500{ --tw-gradient-to: #E74694 var(--tw-gradient-to-position); } .to-pink-600{ --tw-gradient-to: #D61F69 var(--tw-gradient-to-position); } .to-primary-700{ --tw-gradient-to: #14A0E6 var(--tw-gradient-to-position); } .to-purple-700{ --tw-gradient-to: #6C2BD9 var(--tw-gradient-to-position); } .to-red-50{ --tw-gradient-to: #FDF2F2 var(--tw-gradient-to-position); } .to-red-600{ --tw-gradient-to: #E02424 var(--tw-gradient-to-position); } .to-sky-600{ --tw-gradient-to: #0284c7 var(--tw-gradient-to-position); } .to-sky-700{ --tw-gradient-to: #0369a1 var(--tw-gradient-to-position); } .to-slate-600{ --tw-gradient-to: #475569 var(--tw-gradient-to-position); } .to-teal-600{ --tw-gradient-to: #047481 var(--tw-gradient-to-position); } .to-yellow-200{ --tw-gradient-to: #FCE96A var(--tw-gradient-to-position); } .fill-current{ fill: currentColor; } .fill-cyan-600{ fill: #0891b2; } .fill-gray-600{ fill: #4B5563; } .fill-green-500{ fill: #0E9F6E; } .fill-pink-600{ fill: #D61F69; } .fill-primary-600{ fill: #199FE9; } .fill-purple-600{ fill: #7E3AF2; } .fill-red-600{ fill: #E02424; } .fill-yellow-400{ fill: #E3A008; } .object-contain{ -o-object-fit: contain; object-fit: contain; } .object-cover{ -o-object-fit: cover; object-fit: cover; } .p-0{ padding: 0px; } .p-0\.5{ padding: 0.125rem; } .p-1{ padding: 0.25rem; } .p-1\.5{ padding: 0.375rem; } .p-12{ padding: 3rem; } .p-2{ padding: 0.5rem; } .p-2\.5{ padding: 0.625rem; } .p-3{ padding: 0.75rem; } .p-4{ padding: 1rem; } .p-5{ padding: 1.25rem; } .p-6{ padding: 1.5rem; } .p-8{ padding: 2rem; } .px-0{ padding-left: 0px; padding-right: 0px; } .px-1{ padding-left: 0.25rem; padding-right: 0.25rem; } .px-1\.5{ padding-left: 0.375rem; padding-right: 0.375rem; } .px-16{ padding-left: 4rem; padding-right: 4rem; } .px-2{ padding-left: 0.5rem; padding-right: 0.5rem; } .px-2\.5{ padding-left: 0.625rem; padding-right: 0.625rem; } .px-3{ padding-left: 0.75rem; padding-right: 0.75rem; } .px-3\.5{ padding-left: 0.875rem; padding-right: 0.875rem; } .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-8{ padding-left: 2rem; padding-right: 2rem; } .px-\[18px\]{ padding-left: 18px; padding-right: 18px; } .py-0{ padding-top: 0px; padding-bottom: 0px; } .py-0\.5{ padding-top: 0.125rem; padding-bottom: 0.125rem; } .py-1{ padding-top: 0.25rem; padding-bottom: 0.25rem; } .py-1\.5{ padding-top: 0.375rem; padding-bottom: 0.375rem; } .py-10{ padding-top: 2.5rem; padding-bottom: 2.5rem; } .py-12{ padding-top: 3rem; padding-bottom: 3rem; } .py-2{ padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-2\.5{ padding-top: 0.625rem; padding-bottom: 0.625rem; } .py-3{ padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-3\.5{ padding-top: 0.875rem; padding-bottom: 0.875rem; } .py-4{ padding-top: 1rem; padding-bottom: 1rem; } .py-5{ padding-top: 1.25rem; padding-bottom: 1.25rem; } .py-6{ padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-7{ padding-top: 1.75rem; padding-bottom: 1.75rem; } .py-8{ padding-top: 2rem; padding-bottom: 2rem; } .py-px{ padding-top: 1px; padding-bottom: 1px; } .pb-1{ padding-bottom: 0.25rem; } .pb-1\.5{ padding-bottom: 0.375rem; } .pb-2\.5{ padding-bottom: 0.625rem; } .pb-3\.5{ padding-bottom: 0.875rem; } .pe-3{ padding-inline-end: 0.75rem; } .pe-3\.5{ padding-inline-end: 0.875rem; } .pl-0{ padding-left: 0px; } .pl-1{ padding-left: 0.25rem; } .pl-10{ padding-left: 2.5rem; } .pl-12{ padding-left: 3rem; } .pl-16{ padding-left: 4rem; } .pl-2{ padding-left: 0.5rem; } .pl-2\.5{ padding-left: 0.625rem; } .pl-20{ padding-left: 5rem; } .pl-3{ padding-left: 0.75rem; } .pl-4{ padding-left: 1rem; } .pl-6{ padding-left: 1.5rem; } .pl-8{ padding-left: 2rem; } .pl-\[34px\]{ padding-left: 34px; } .pr-1{ padding-right: 0.25rem; } .pr-10{ padding-right: 2.5rem; } .pr-12{ padding-right: 3rem; } .pr-2{ padding-right: 0.5rem; } .pr-3{ padding-right: 0.75rem; } .pr-4{ padding-right: 1rem; } .pr-8{ padding-right: 2rem; } .ps-3{ padding-inline-start: 0.75rem; } .ps-4{ padding-inline-start: 1rem; } .ps-5{ padding-inline-start: 1.25rem; } .pt-0{ padding-top: 0px; } .pt-0\.5{ padding-top: 0.125rem; } .pt-1{ padding-top: 0.25rem; } .pt-1\.5{ padding-top: 0.375rem; } .pt-2{ padding-top: 0.5rem; } .pt-3{ padding-top: 0.75rem; } .pt-4{ padding-top: 1rem; } .pt-5{ padding-top: 1.25rem; } .pt-6{ padding-top: 1.5rem; } .text-left{ text-align: left; } .text-center{ text-align: center; } .text-right{ text-align: right; } .text-start{ text-align: start; } .align-top{ vertical-align: top; } .align-middle{ vertical-align: middle; } .font-sans{ font-family: Roboto, ui-sans-serif, system-ui, -apple-system, system-ui, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; } .text-2xl{ font-size: 1.5rem; line-height: 2rem; } .text-3xl{ font-size: 1.875rem; line-height: 2.25rem; } .text-4xl{ font-size: 2.25rem; line-height: 2.5rem; } .text-7xl{ font-size: 4.5rem; line-height: 1; } .text-\[10px\]{ font-size: 10px; } .text-\[11\.5px\]{ font-size: 11.5px; } .text-\[11px\]{ font-size: 11px; } .text-\[12\.5px\]{ font-size: 12.5px; } .text-\[13\.5px\]{ font-size: 13.5px; } .text-\[13px\]{ font-size: 13px; } .text-\[15px\]{ font-size: 15px; } .text-\[17px\]{ font-size: 17px; } .text-\[8px\]{ font-size: 8px; } .text-\[9px\]{ font-size: 9px; } .text-base{ font-size: 1rem; line-height: 1.5rem; } .text-lg{ font-size: 1.125rem; line-height: 1.75rem; } .text-sm{ font-size: 0.875rem; line-height: 1.25rem; } .text-xl{ font-size: 1.25rem; line-height: 1.75rem; } .text-xs{ font-size: 0.75rem; line-height: 1rem; } .font-bold{ font-weight: 700; } .font-extrabold{ font-weight: 800; } .font-light{ font-weight: 300; } .font-medium{ font-weight: 500; } .font-normal{ font-weight: 400; } .font-semibold{ font-weight: 600; } .font-thin{ font-weight: 100; } .uppercase{ text-transform: uppercase; } .lowercase{ text-transform: lowercase; } .italic{ font-style: italic; } .tabular-nums{ --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .leading-5{ line-height: 1.25rem; } .leading-6{ line-height: 1.5rem; } .leading-9{ line-height: 2.25rem; } .leading-\[1\.1\]{ line-height: 1.1; } .leading-\[1\.4\]{ line-height: 1.4; } .leading-none{ line-height: 1; } .leading-relaxed{ line-height: 1.625; } .leading-snug{ line-height: 1.375; } .leading-tight{ line-height: 1.25; } .tracking-tight{ letter-spacing: -0.025em; } .tracking-wide{ letter-spacing: 0.025em; } .tracking-wider{ letter-spacing: 0.05em; } .text-\[\#1a7fbd\]{ --tw-text-opacity: 1; color: rgb(26 127 189 / var(--tw-text-opacity, 1)); } .text-\[\#2EA8E5\]{ --tw-text-opacity: 1; color: rgb(46 168 229 / var(--tw-text-opacity, 1)); } .text-\[\#2a3754\]{ --tw-text-opacity: 1; color: rgb(42 55 84 / var(--tw-text-opacity, 1)); } .text-\[\#2da9e0\]{ --tw-text-opacity: 1; color: rgb(45 169 224 / var(--tw-text-opacity, 1)); } .text-\[\#7a5800\]{ --tw-text-opacity: 1; color: rgb(122 88 0 / var(--tw-text-opacity, 1)); } .text-\[\#b06d00\]{ --tw-text-opacity: 1; color: rgb(176 109 0 / var(--tw-text-opacity, 1)); } .text-\[\#c98800\]{ --tw-text-opacity: 1; color: rgb(201 136 0 / var(--tw-text-opacity, 1)); } .text-amber-700{ --tw-text-opacity: 1; color: rgb(180 83 9 / var(--tw-text-opacity, 1)); } .text-amber-800{ --tw-text-opacity: 1; color: rgb(146 64 14 / var(--tw-text-opacity, 1)); } .text-amber-900{ --tw-text-opacity: 1; color: rgb(120 53 15 / var(--tw-text-opacity, 1)); } .text-black{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .text-blue-500{ --tw-text-opacity: 1; color: rgb(63 131 248 / var(--tw-text-opacity, 1)); } .text-blue-600{ --tw-text-opacity: 1; color: rgb(28 100 242 / var(--tw-text-opacity, 1)); } .text-blue-700{ --tw-text-opacity: 1; color: rgb(26 86 219 / var(--tw-text-opacity, 1)); } .text-blue-800{ --tw-text-opacity: 1; color: rgb(30 66 159 / var(--tw-text-opacity, 1)); } .text-current{ color: currentColor; } .text-cyan-300{ --tw-text-opacity: 1; color: rgb(103 232 249 / var(--tw-text-opacity, 1)); } .text-cyan-500{ --tw-text-opacity: 1; color: rgb(6 182 212 / var(--tw-text-opacity, 1)); } .text-cyan-600{ --tw-text-opacity: 1; color: rgb(8 145 178 / var(--tw-text-opacity, 1)); } .text-cyan-700{ --tw-text-opacity: 1; color: rgb(14 116 144 / var(--tw-text-opacity, 1)); } .text-cyan-800{ --tw-text-opacity: 1; color: rgb(21 94 117 / var(--tw-text-opacity, 1)); } .text-cyan-900{ --tw-text-opacity: 1; color: rgb(22 78 99 / var(--tw-text-opacity, 1)); } .text-emerald-500{ --tw-text-opacity: 1; color: rgb(16 185 129 / var(--tw-text-opacity, 1)); } .text-emerald-600{ --tw-text-opacity: 1; color: rgb(5 150 105 / var(--tw-text-opacity, 1)); } .text-emerald-700{ --tw-text-opacity: 1; color: rgb(4 120 87 / var(--tw-text-opacity, 1)); } .text-gray-100{ --tw-text-opacity: 1; color: rgb(243 244 246 / var(--tw-text-opacity, 1)); } .text-gray-200{ --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity, 1)); } .text-gray-300{ --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity, 1)); } .text-gray-400{ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .text-gray-50{ --tw-text-opacity: 1; color: rgb(249 250 251 / var(--tw-text-opacity, 1)); } .text-gray-500{ --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .text-gray-600{ --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); } .text-gray-700{ --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity, 1)); } .text-gray-800{ --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)); } .text-gray-900{ --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); } .text-green-400{ --tw-text-opacity: 1; color: rgb(49 196 141 / var(--tw-text-opacity, 1)); } .text-green-500{ --tw-text-opacity: 1; color: rgb(14 159 110 / var(--tw-text-opacity, 1)); } .text-green-600{ --tw-text-opacity: 1; color: rgb(5 122 85 / var(--tw-text-opacity, 1)); } .text-green-700{ --tw-text-opacity: 1; color: rgb(4 108 78 / var(--tw-text-opacity, 1)); } .text-green-800{ --tw-text-opacity: 1; color: rgb(3 84 63 / var(--tw-text-opacity, 1)); } .text-green-900{ --tw-text-opacity: 1; color: rgb(1 71 55 / var(--tw-text-opacity, 1)); } .text-indigo-500{ --tw-text-opacity: 1; color: rgb(104 117 245 / var(--tw-text-opacity, 1)); } .text-indigo-700{ --tw-text-opacity: 1; color: rgb(81 69 205 / var(--tw-text-opacity, 1)); } .text-indigo-800{ --tw-text-opacity: 1; color: rgb(66 56 157 / var(--tw-text-opacity, 1)); } .text-indigo-900{ --tw-text-opacity: 1; color: rgb(54 47 120 / var(--tw-text-opacity, 1)); } .text-lime-500{ --tw-text-opacity: 1; color: rgb(132 204 22 / var(--tw-text-opacity, 1)); } .text-lime-700{ --tw-text-opacity: 1; color: rgb(77 124 15 / var(--tw-text-opacity, 1)); } .text-lime-800{ --tw-text-opacity: 1; color: rgb(63 98 18 / var(--tw-text-opacity, 1)); } .text-lime-900{ --tw-text-opacity: 1; color: rgb(54 83 20 / var(--tw-text-opacity, 1)); } .text-orange-500{ --tw-text-opacity: 1; color: rgb(255 90 31 / var(--tw-text-opacity, 1)); } .text-orange-600{ --tw-text-opacity: 1; color: rgb(208 56 1 / var(--tw-text-opacity, 1)); } .text-orange-700{ --tw-text-opacity: 1; color: rgb(180 52 3 / var(--tw-text-opacity, 1)); } .text-orange-800{ --tw-text-opacity: 1; color: rgb(138 44 13 / var(--tw-text-opacity, 1)); } .text-pink-500{ --tw-text-opacity: 1; color: rgb(231 70 148 / var(--tw-text-opacity, 1)); } .text-pink-600{ --tw-text-opacity: 1; color: rgb(214 31 105 / var(--tw-text-opacity, 1)); } .text-pink-700{ --tw-text-opacity: 1; color: rgb(191 18 93 / var(--tw-text-opacity, 1)); } .text-pink-800{ --tw-text-opacity: 1; color: rgb(153 21 75 / var(--tw-text-opacity, 1)); } .text-pink-900{ --tw-text-opacity: 1; color: rgb(117 26 61 / var(--tw-text-opacity, 1)); } .text-primary-200{ --tw-text-opacity: 1; color: rgb(188 233 251 / var(--tw-text-opacity, 1)); } .text-primary-500{ --tw-text-opacity: 1; color: rgb(42 174 240 / var(--tw-text-opacity, 1)); } .text-primary-600{ --tw-text-opacity: 1; color: rgb(25 159 233 / var(--tw-text-opacity, 1)); } .text-primary-700{ --tw-text-opacity: 1; color: rgb(20 160 230 / var(--tw-text-opacity, 1)); } .text-primary-800{ --tw-text-opacity: 1; color: rgb(13 108 156 / var(--tw-text-opacity, 1)); } .text-purple-500{ --tw-text-opacity: 1; color: rgb(144 97 249 / var(--tw-text-opacity, 1)); } .text-purple-600{ --tw-text-opacity: 1; color: rgb(126 58 242 / var(--tw-text-opacity, 1)); } .text-purple-700{ --tw-text-opacity: 1; color: rgb(108 43 217 / var(--tw-text-opacity, 1)); } .text-purple-800{ --tw-text-opacity: 1; color: rgb(85 33 181 / var(--tw-text-opacity, 1)); } .text-red-400{ --tw-text-opacity: 1; color: rgb(249 128 128 / var(--tw-text-opacity, 1)); } .text-red-500{ --tw-text-opacity: 1; color: rgb(240 82 82 / var(--tw-text-opacity, 1)); } .text-red-600{ --tw-text-opacity: 1; color: rgb(224 36 36 / var(--tw-text-opacity, 1)); } .text-red-700{ --tw-text-opacity: 1; color: rgb(200 30 30 / var(--tw-text-opacity, 1)); } .text-red-800{ --tw-text-opacity: 1; color: rgb(155 28 28 / var(--tw-text-opacity, 1)); } .text-red-900{ --tw-text-opacity: 1; color: rgb(119 29 29 / var(--tw-text-opacity, 1)); } .text-rose-500{ --tw-text-opacity: 1; color: rgb(244 63 94 / var(--tw-text-opacity, 1)); } .text-sky-200{ --tw-text-opacity: 1; color: rgb(186 230 253 / var(--tw-text-opacity, 1)); } .text-sky-300{ --tw-text-opacity: 1; color: rgb(125 211 252 / var(--tw-text-opacity, 1)); } .text-sky-500{ --tw-text-opacity: 1; color: rgb(14 165 233 / var(--tw-text-opacity, 1)); } .text-sky-600{ --tw-text-opacity: 1; color: rgb(2 132 199 / var(--tw-text-opacity, 1)); } .text-sky-700{ --tw-text-opacity: 1; color: rgb(3 105 161 / var(--tw-text-opacity, 1)); } .text-sky-900{ --tw-text-opacity: 1; color: rgb(12 74 110 / var(--tw-text-opacity, 1)); } .text-sky-950{ --tw-text-opacity: 1; color: rgb(8 47 73 / var(--tw-text-opacity, 1)); } .text-slate-300{ --tw-text-opacity: 1; color: rgb(203 213 225 / var(--tw-text-opacity, 1)); } .text-slate-400{ --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity, 1)); } .text-slate-500{ --tw-text-opacity: 1; color: rgb(100 116 139 / var(--tw-text-opacity, 1)); } .text-slate-600{ --tw-text-opacity: 1; color: rgb(71 85 105 / var(--tw-text-opacity, 1)); } .text-slate-700{ --tw-text-opacity: 1; color: rgb(51 65 85 / var(--tw-text-opacity, 1)); } .text-slate-800{ --tw-text-opacity: 1; color: rgb(30 41 59 / var(--tw-text-opacity, 1)); } .text-slate-900{ --tw-text-opacity: 1; color: rgb(15 23 42 / var(--tw-text-opacity, 1)); } .text-teal-500{ --tw-text-opacity: 1; color: rgb(6 148 162 / var(--tw-text-opacity, 1)); } .text-teal-600{ --tw-text-opacity: 1; color: rgb(4 116 129 / var(--tw-text-opacity, 1)); } .text-teal-700{ --tw-text-opacity: 1; color: rgb(3 102 114 / var(--tw-text-opacity, 1)); } .text-teal-800{ --tw-text-opacity: 1; color: rgb(5 80 92 / var(--tw-text-opacity, 1)); } .text-teal-900{ --tw-text-opacity: 1; color: rgb(1 68 81 / var(--tw-text-opacity, 1)); } .text-violet-600{ --tw-text-opacity: 1; color: rgb(124 58 237 / var(--tw-text-opacity, 1)); } .text-white{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .text-white\/60{ color: rgb(255 255 255 / 0.6); } .text-white\/80{ color: rgb(255 255 255 / 0.8); } .text-white\/85{ color: rgb(255 255 255 / 0.85); } .text-yellow-400{ --tw-text-opacity: 1; color: rgb(227 160 8 / var(--tw-text-opacity, 1)); } .text-yellow-500{ --tw-text-opacity: 1; color: rgb(194 120 3 / var(--tw-text-opacity, 1)); } .text-yellow-700{ --tw-text-opacity: 1; color: rgb(142 75 16 / var(--tw-text-opacity, 1)); } .text-yellow-800{ --tw-text-opacity: 1; color: rgb(114 59 19 / var(--tw-text-opacity, 1)); } .text-yellow-900{ --tw-text-opacity: 1; color: rgb(99 49 18 / var(--tw-text-opacity, 1)); } .underline{ text-decoration-line: underline; } .no-underline{ text-decoration-line: none; } .antialiased{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .placeholder-cyan-700::-moz-placeholder{ --tw-placeholder-opacity: 1; color: rgb(14 116 144 / var(--tw-placeholder-opacity, 1)); } .placeholder-cyan-700::placeholder{ --tw-placeholder-opacity: 1; color: rgb(14 116 144 / var(--tw-placeholder-opacity, 1)); } .placeholder-gray-400::-moz-placeholder{ --tw-placeholder-opacity: 1; color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1)); } .placeholder-gray-400::placeholder{ --tw-placeholder-opacity: 1; color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1)); } .placeholder-gray-500::-moz-placeholder{ --tw-placeholder-opacity: 1; color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1)); } .placeholder-gray-500::placeholder{ --tw-placeholder-opacity: 1; color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1)); } .placeholder-green-700::-moz-placeholder{ --tw-placeholder-opacity: 1; color: rgb(4 108 78 / var(--tw-placeholder-opacity, 1)); } .placeholder-green-700::placeholder{ --tw-placeholder-opacity: 1; color: rgb(4 108 78 / var(--tw-placeholder-opacity, 1)); } .placeholder-red-700::-moz-placeholder{ --tw-placeholder-opacity: 1; color: rgb(200 30 30 / var(--tw-placeholder-opacity, 1)); } .placeholder-red-700::placeholder{ --tw-placeholder-opacity: 1; color: rgb(200 30 30 / var(--tw-placeholder-opacity, 1)); } .placeholder-yellow-700::-moz-placeholder{ --tw-placeholder-opacity: 1; color: rgb(142 75 16 / var(--tw-placeholder-opacity, 1)); } .placeholder-yellow-700::placeholder{ --tw-placeholder-opacity: 1; color: rgb(142 75 16 / var(--tw-placeholder-opacity, 1)); } .opacity-0{ opacity: 0; } .opacity-100{ opacity: 1; } .opacity-40{ opacity: 0.4; } .opacity-50{ opacity: 0.5; } .opacity-60{ opacity: 0.6; } .opacity-70{ opacity: 0.7; } .opacity-75{ opacity: 0.75; } .mix-blend-lighten{ mix-blend-mode: lighten; } .shadow{ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-2xl{ --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_12px_40px_rgba\(14\2c 165\2c 233\2c 0\.18\)\]{ --tw-shadow: 0 12px 40px rgba(14,165,233,0.18); --tw-shadow-colored: 0 12px 40px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-darker-2xl{ --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.85); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-lg{ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-md{ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-none{ --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-sm{ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-xl{ --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-amber-100{ --tw-shadow-color: #fef3c7; --tw-shadow: var(--tw-shadow-colored); } .shadow-amber-200\/70{ --tw-shadow-color: rgb(253 230 138 / 0.7); --tw-shadow: var(--tw-shadow-colored); } .shadow-green-500\/35{ --tw-shadow-color: rgb(14 159 110 / 0.35); --tw-shadow: var(--tw-shadow-colored); } .shadow-primary-500\/30{ --tw-shadow-color: rgb(42 174 240 / 0.3); --tw-shadow: var(--tw-shadow-colored); } .shadow-red-200\/70{ --tw-shadow-color: rgb(251 213 213 / 0.7); --tw-shadow: var(--tw-shadow-colored); } .shadow-sky-200\/70{ --tw-shadow-color: rgb(186 230 253 / 0.7); --tw-shadow: var(--tw-shadow-colored); } .shadow-sky-300\/60{ --tw-shadow-color: rgb(125 211 252 / 0.6); --tw-shadow: var(--tw-shadow-colored); } .shadow-sky-600\/40{ --tw-shadow-color: rgb(2 132 199 / 0.4); --tw-shadow: var(--tw-shadow-colored); } .shadow-slate-400\/35{ --tw-shadow-color: rgb(148 163 184 / 0.35); --tw-shadow: var(--tw-shadow-colored); } .outline-none{ outline: 2px solid transparent; outline-offset: 2px; } .\!outline{ outline-style: solid !important; } .outline{ outline-style: solid; } .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); } .ring-1{ --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(1px + 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); } .ring-2{ --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(2px + 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); } .ring-4{ --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(4px + 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); } .ring-8{ --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(8px + 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); } .ring-inset{ --tw-ring-inset: inset; } .ring-amber-100{ --tw-ring-opacity: 1; --tw-ring-color: rgb(254 243 199 / var(--tw-ring-opacity, 1)); } .ring-amber-200{ --tw-ring-opacity: 1; --tw-ring-color: rgb(253 230 138 / var(--tw-ring-opacity, 1)); } .ring-black\/5{ --tw-ring-color: rgb(0 0 0 / 0.05); } .ring-cyan-400{ --tw-ring-opacity: 1; --tw-ring-color: rgb(34 211 238 / var(--tw-ring-opacity, 1)); } .ring-cyan-700{ --tw-ring-opacity: 1; --tw-ring-color: rgb(14 116 144 / var(--tw-ring-opacity, 1)); } .ring-emerald-100{ --tw-ring-opacity: 1; --tw-ring-color: rgb(209 250 229 / var(--tw-ring-opacity, 1)); } .ring-emerald-200{ --tw-ring-opacity: 1; --tw-ring-color: rgb(167 243 208 / var(--tw-ring-opacity, 1)); } .ring-gray-300{ --tw-ring-opacity: 1; --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1)); } .ring-gray-500{ --tw-ring-opacity: 1; --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity, 1)); } .ring-gray-800{ --tw-ring-opacity: 1; --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity, 1)); } .ring-green-500{ --tw-ring-opacity: 1; --tw-ring-color: rgb(14 159 110 / var(--tw-ring-opacity, 1)); } .ring-pink-500{ --tw-ring-opacity: 1; --tw-ring-color: rgb(231 70 148 / var(--tw-ring-opacity, 1)); } .ring-primary-400\/40{ --tw-ring-color: rgb(87 193 243 / 0.4); } .ring-purple-500{ --tw-ring-opacity: 1; --tw-ring-color: rgb(144 97 249 / var(--tw-ring-opacity, 1)); } .ring-red-200{ --tw-ring-opacity: 1; --tw-ring-color: rgb(251 213 213 / var(--tw-ring-opacity, 1)); } .ring-red-500{ --tw-ring-opacity: 1; --tw-ring-color: rgb(240 82 82 / var(--tw-ring-opacity, 1)); } .ring-white{ --tw-ring-opacity: 1; --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1)); } .ring-yellow-300{ --tw-ring-opacity: 1; --tw-ring-color: rgb(250 202 21 / var(--tw-ring-opacity, 1)); } .blur{ --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .blur-2xl{ --tw-blur: blur(40px); 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-sm{ --tw-blur: blur(4px); 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); } .drop-shadow-md{ --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)); 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); } .grayscale{ --tw-grayscale: grayscale(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .backdrop-blur{ --tw-backdrop-blur: blur(8px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-blur-md{ --tw-backdrop-blur: blur(12px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-blur-sm{ --tw-backdrop-blur: blur(4px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-blur-xl{ --tw-backdrop-blur: blur(24px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .transition{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[color\2c background-color\2c border-color\2c text-decoration-color\2c fill\2c stroke\2c box-shadow\]{ transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[width\]{ transition-property: width; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-all{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-colors{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-opacity{ transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-transform{ transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .delay-0{ transition-delay: 0s; } .duration-100{ transition-duration: 100ms; } .duration-1000{ transition-duration: 1000ms; } .duration-150{ transition-duration: 150ms; } .duration-200{ transition-duration: 200ms; } .duration-300{ transition-duration: 300ms; } .duration-500{ transition-duration: 500ms; } .duration-700{ transition-duration: 700ms; } .duration-75{ transition-duration: 75ms; } .ease-in{ transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .ease-in-out{ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ease-out{ transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .will-change-transform{ will-change: transform; } .bg-custom-gradient { background: linear-gradient(180deg, rgba(255, 255, 255, 0.01), rgba(255, 255, 255, 1) 85%), radial-gradient(ellipse at top left, rgba(20, 160, 230, 0.5), transparent 50%), radial-gradient(ellipse at top right, rgba(255, 228, 132, 0.5), transparent 50%), radial-gradient(ellipse at center right, rgba(13, 110, 253, 0.5), transparent 50%), radial-gradient(ellipse at center left, rgba(214, 51, 132, 0.5), transparent 50%); } .shadow-darker-2xl { box-shadow: 0 0 30px rgba(0, 0, 0, 0.35); } .d-none{display:none!important} ol.custom-counter { counter-reset: section; /* Убираем стандартные маркеры, т.к. выводим свою нумерацию */ list-style: none; padding-left: 0; } /* Верхний уровень списка (1, 2, 3...) */ ol.custom-counter > li { counter-increment: section; /* Увеличивает счётчик section на 1 */ } ol.custom-counter > li::before { content: counter(section) ". "; /* Выводим значение счётчика (напр. 1.) */ position: absolute; left: 0; /* Цифра "прилипает" к левому краю */ display: none; /* саму цифру не отображаем, чтобы не заморачиваться с форматированием */ } /* Вложенные списки (подпункты 1.1, 1.2, …). Каждый вложенный
    сбрасывает subSection для "дочерних" пунктов. */ ol.custom-counter ol { counter-reset: subSection; /* Вложенный счётчик */ list-style: none; /* Убираем маркеры у вложенных списков */ padding-left: 0; } /* Каждый li во вложенном списке увеличивает subSection */ ol.custom-counter ol > li { counter-increment: subSection; position: relative; padding-left: 3rem; margin-bottom: 0.75rem; } ol.custom-counter ol > li::before { /* Выводим "основной счётчик"."вложенный счётчик" Например: 1.1, 1.2, 2.1 и т.д. */ content: counter(section) "." counter(subSection) " "; position: absolute; left: 0; } .\[-webkit-box-orient\:vertical\]{ -webkit-box-orient: vertical; } .\[-webkit-line-clamp\:2\]{ -webkit-line-clamp: 2; } .\[display\:-webkit-box\]{ display: -webkit-box; } .\[overflow\:-moz-scrollbars-none\]{ overflow: -moz-scrollbars-none; } .\[scrollbar-width\:none\]{ scrollbar-width: none; } .dark\:prose-dark:is(.dark *){ color: #D1D5DB; } .dark\:prose-dark:is(.dark *) :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: #F9FAFB; } .dark\:prose-dark:is(.dark *) :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: #E5E7EB; } .dark\:prose-dark:is(.dark *) :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: #D1D5DB; } .dark\:prose-dark:is(.dark *) :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: #93C5FD; } .dark\:prose-dark:is(.dark *) :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: #F9FAFB; } .dark\:prose-dark:is(.dark *) :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: #D4D4D8; } .dark\:prose-dark:is(.dark *) :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: #D4D4D8; } .placeholder\:text-gray-400::-moz-placeholder{ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .placeholder\:text-gray-400::placeholder{ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .after\:absolute::after{ content: var(--tw-content); position: absolute; } .after\:left-1::after{ content: var(--tw-content); left: 0.25rem; } .after\:left-px::after{ content: var(--tw-content); left: 1px; } .after\:start-\[2px\]::after{ content: var(--tw-content); inset-inline-start: 2px; } .after\:start-\[4px\]::after{ content: var(--tw-content); inset-inline-start: 4px; } .after\:top-0\.5::after{ content: var(--tw-content); top: 0.125rem; } .after\:top-\[2px\]::after{ content: var(--tw-content); top: 2px; } .after\:top-px::after{ content: var(--tw-content); top: 1px; } .after\:h-4::after{ content: var(--tw-content); height: 1rem; } .after\:h-5::after{ content: var(--tw-content); height: 1.25rem; } .after\:h-6::after{ content: var(--tw-content); height: 1.5rem; } .after\:w-4::after{ content: var(--tw-content); width: 1rem; } .after\:w-5::after{ content: var(--tw-content); width: 1.25rem; } .after\:w-6::after{ content: var(--tw-content); width: 1.5rem; } .after\:translate-x-full::after{ content: var(--tw-content); --tw-translate-x: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .after\:rounded-full::after{ content: var(--tw-content); border-radius: 9999px; } .after\:border::after{ content: var(--tw-content); border-width: 1px; } .after\:border-gray-300::after{ content: var(--tw-content); --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); } .after\:border-white::after{ content: var(--tw-content); --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); } .after\:bg-white::after{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .after\:transition-all::after{ content: var(--tw-content); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .after\:content-\[\'\'\]::after{ --tw-content: ''; content: var(--tw-content); } .first\:ml-0:first-child{ margin-left: 0px; } .first\:mt-0:first-child{ margin-top: 0px; } .first\:rounded-t-lg:first-child{ border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .first\:border-t-0:first-child{ border-top-width: 0px; } .first\:pt-0:first-child{ padding-top: 0px; } .last\:mr-0:last-child{ margin-right: 0px; } .last\:rounded-b-lg:last-child{ border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .last\:border-b-0:last-child{ border-bottom-width: 0px; } .odd\:bg-white:nth-child(odd){ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .even\:border-b:nth-child(even){ border-bottom-width: 1px; } .even\:border-t:nth-child(even){ border-top-width: 1px; } .even\:bg-gray-50:nth-child(even){ --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .hover\:scale-105:hover{ --tw-scale-x: 1.05; --tw-scale-y: 1.05; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:cursor-not-allowed:hover{ cursor: not-allowed; } .hover\:cursor-pointer:hover{ cursor: pointer; } .hover\:rounded-lg:hover{ border-radius: 0.5rem; } .hover\:border-\[\#2EA8E5\]\/50:hover{ border-color: rgb(46 168 229 / 0.5); } .hover\:border-gray-300:hover{ --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); } .hover\:border-sky-300:hover{ --tw-border-opacity: 1; border-color: rgb(125 211 252 / var(--tw-border-opacity, 1)); } .hover\:\!bg-primary-800:hover{ --tw-bg-opacity: 1 !important; background-color: rgb(13 108 156 / var(--tw-bg-opacity, 1)) !important; } .hover\:bg-\[\#1F9AD8\]:hover{ --tw-bg-opacity: 1; background-color: rgb(31 154 216 / var(--tw-bg-opacity, 1)); } .hover\:bg-\[\#1a7fbd\]:hover{ --tw-bg-opacity: 1; background-color: rgb(26 127 189 / var(--tw-bg-opacity, 1)); } .hover\:bg-\[\#f8fafc\]:hover{ --tw-bg-opacity: 1; background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1)); } .hover\:bg-accent-600:hover{ --tw-bg-opacity: 1; background-color: rgb(245 224 0 / var(--tw-bg-opacity, 1)); } .hover\:bg-blue-200:hover{ --tw-bg-opacity: 1; background-color: rgb(195 221 253 / var(--tw-bg-opacity, 1)); } .hover\:bg-blue-800:hover{ --tw-bg-opacity: 1; background-color: rgb(30 66 159 / var(--tw-bg-opacity, 1)); } .hover\:bg-cyan-100:hover{ --tw-bg-opacity: 1; background-color: rgb(207 250 254 / var(--tw-bg-opacity, 1)); } .hover\:bg-cyan-200:hover{ --tw-bg-opacity: 1; background-color: rgb(165 243 252 / var(--tw-bg-opacity, 1)); } .hover\:bg-cyan-600:hover{ --tw-bg-opacity: 1; background-color: rgb(8 145 178 / var(--tw-bg-opacity, 1)); } .hover\:bg-cyan-800:hover{ --tw-bg-opacity: 1; background-color: rgb(21 94 117 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-100:hover{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-200:hover{ --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-50:hover{ --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-600:hover{ --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); } .hover\:bg-green-200:hover{ --tw-bg-opacity: 1; background-color: rgb(188 240 218 / var(--tw-bg-opacity, 1)); } .hover\:bg-green-50:hover{ --tw-bg-opacity: 1; background-color: rgb(243 250 247 / var(--tw-bg-opacity, 1)); } .hover\:bg-indigo-200:hover{ --tw-bg-opacity: 1; background-color: rgb(205 219 254 / var(--tw-bg-opacity, 1)); } .hover\:bg-lime-200:hover{ --tw-bg-opacity: 1; background-color: rgb(217 249 157 / var(--tw-bg-opacity, 1)); } .hover\:bg-pink-200:hover{ --tw-bg-opacity: 1; background-color: rgb(250 209 232 / var(--tw-bg-opacity, 1)); } .hover\:bg-primary-100:hover{ --tw-bg-opacity: 1; background-color: rgb(224 245 253 / var(--tw-bg-opacity, 1)); } .hover\:bg-primary-50:hover{ --tw-bg-opacity: 1; background-color: rgb(242 250 254 / var(--tw-bg-opacity, 1)); } .hover\:bg-primary-600:hover{ --tw-bg-opacity: 1; background-color: rgb(25 159 233 / var(--tw-bg-opacity, 1)); } .hover\:bg-primary-700:hover{ --tw-bg-opacity: 1; background-color: rgb(20 160 230 / var(--tw-bg-opacity, 1)); } .hover\:bg-primary-800:hover{ --tw-bg-opacity: 1; background-color: rgb(13 108 156 / var(--tw-bg-opacity, 1)); } .hover\:bg-purple-200:hover{ --tw-bg-opacity: 1; background-color: rgb(220 215 254 / var(--tw-bg-opacity, 1)); } .hover\:bg-red-200:hover{ --tw-bg-opacity: 1; background-color: rgb(251 213 213 / var(--tw-bg-opacity, 1)); } .hover\:bg-red-600:hover{ --tw-bg-opacity: 1; background-color: rgb(224 36 36 / var(--tw-bg-opacity, 1)); } .hover\:bg-red-700:hover{ --tw-bg-opacity: 1; background-color: rgb(200 30 30 / var(--tw-bg-opacity, 1)); } .hover\:bg-red-800:hover{ --tw-bg-opacity: 1; background-color: rgb(155 28 28 / var(--tw-bg-opacity, 1)); } .hover\:bg-sky-50\/40:hover{ background-color: rgb(240 249 255 / 0.4); } .hover\:bg-sky-600:hover{ --tw-bg-opacity: 1; background-color: rgb(2 132 199 / var(--tw-bg-opacity, 1)); } .hover\:bg-slate-100:hover{ --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1)); } .hover\:bg-slate-200:hover{ --tw-bg-opacity: 1; background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1)); } .hover\:bg-slate-50:hover{ --tw-bg-opacity: 1; background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1)); } .hover\:bg-teal-200:hover{ --tw-bg-opacity: 1; background-color: rgb(175 236 239 / var(--tw-bg-opacity, 1)); } .hover\:bg-white:hover{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .hover\:bg-white\/25:hover{ background-color: rgb(255 255 255 / 0.25); } .hover\:bg-yellow-200:hover{ --tw-bg-opacity: 1; background-color: rgb(252 233 106 / var(--tw-bg-opacity, 1)); } .hover\:bg-yellow-900:hover{ --tw-bg-opacity: 1; background-color: rgb(99 49 18 / var(--tw-bg-opacity, 1)); } .hover\:bg-gradient-to-br:hover{ background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); } .hover\:from-sky-600:hover{ --tw-gradient-from: #0284c7 var(--tw-gradient-from-position); --tw-gradient-to: rgb(2 132 199 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .hover\:to-sky-700:hover{ --tw-gradient-to: #0369a1 var(--tw-gradient-to-position); } .hover\:text-\[\#1F9AD8\]:hover{ --tw-text-opacity: 1; color: rgb(31 154 216 / var(--tw-text-opacity, 1)); } .hover\:text-\[\#1a7fbd\]:hover{ --tw-text-opacity: 1; color: rgb(26 127 189 / var(--tw-text-opacity, 1)); } .hover\:text-\[\#2da9e0\]:hover{ --tw-text-opacity: 1; color: rgb(45 169 224 / var(--tw-text-opacity, 1)); } .hover\:text-blue-600:hover{ --tw-text-opacity: 1; color: rgb(28 100 242 / var(--tw-text-opacity, 1)); } .hover\:text-blue-900:hover{ --tw-text-opacity: 1; color: rgb(35 56 118 / var(--tw-text-opacity, 1)); } .hover\:text-cyan-700:hover{ --tw-text-opacity: 1; color: rgb(14 116 144 / var(--tw-text-opacity, 1)); } .hover\:text-gray-600:hover{ --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); } .hover\:text-gray-700:hover{ --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity, 1)); } .hover\:text-gray-900:hover{ --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); } .hover\:text-primary-600:hover{ --tw-text-opacity: 1; color: rgb(25 159 233 / var(--tw-text-opacity, 1)); } .hover\:text-primary-700:hover{ --tw-text-opacity: 1; color: rgb(20 160 230 / var(--tw-text-opacity, 1)); } .hover\:text-primary-800:hover{ --tw-text-opacity: 1; color: rgb(13 108 156 / var(--tw-text-opacity, 1)); } .hover\:text-red-600:hover{ --tw-text-opacity: 1; color: rgb(224 36 36 / var(--tw-text-opacity, 1)); } .hover\:text-rose-500:hover{ --tw-text-opacity: 1; color: rgb(244 63 94 / var(--tw-text-opacity, 1)); } .hover\:text-sky-700:hover{ --tw-text-opacity: 1; color: rgb(3 105 161 / var(--tw-text-opacity, 1)); } .hover\:text-sky-900:hover{ --tw-text-opacity: 1; color: rgb(12 74 110 / var(--tw-text-opacity, 1)); } .hover\:text-slate-700:hover{ --tw-text-opacity: 1; color: rgb(51 65 85 / var(--tw-text-opacity, 1)); } .hover\:text-slate-800:hover{ --tw-text-opacity: 1; color: rgb(30 41 59 / var(--tw-text-opacity, 1)); } .hover\:text-white:hover{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .hover\:underline:hover{ text-decoration-line: underline; } .hover\:opacity-100:hover{ opacity: 1; } .hover\:shadow-lg:hover{ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); 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: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-sm:hover{ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .focus\:z-10:focus{ z-index: 10; } .focus\:border-\[\#2da9e0\]:focus{ --tw-border-opacity: 1; border-color: rgb(45 169 224 / var(--tw-border-opacity, 1)); } .focus\:border-blue-600:focus{ --tw-border-opacity: 1; border-color: rgb(28 100 242 / var(--tw-border-opacity, 1)); } .focus\:border-cyan-500:focus{ --tw-border-opacity: 1; border-color: rgb(6 182 212 / var(--tw-border-opacity, 1)); } .focus\:border-gray-300:focus{ --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); } .focus\:border-green-500:focus{ --tw-border-opacity: 1; border-color: rgb(14 159 110 / var(--tw-border-opacity, 1)); } .focus\:border-green-600:focus{ --tw-border-opacity: 1; border-color: rgb(5 122 85 / var(--tw-border-opacity, 1)); } .focus\:border-primary-500:focus{ --tw-border-opacity: 1; border-color: rgb(42 174 240 / var(--tw-border-opacity, 1)); } .focus\:border-red-500:focus{ --tw-border-opacity: 1; border-color: rgb(240 82 82 / var(--tw-border-opacity, 1)); } .focus\:border-red-600:focus{ --tw-border-opacity: 1; border-color: rgb(224 36 36 / var(--tw-border-opacity, 1)); } .focus\:border-transparent:focus{ border-color: transparent; } .focus\:border-yellow-500:focus{ --tw-border-opacity: 1; border-color: rgb(194 120 3 / var(--tw-border-opacity, 1)); } .focus\:bg-gray-100:focus{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .focus\:bg-gray-200:focus{ --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); } .focus\:text-cyan-700:focus{ --tw-text-opacity: 1; color: rgb(14 116 144 / var(--tw-text-opacity, 1)); } .focus\:text-gray-900:focus{ --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); } .focus\:shadow-\[0_0_5px_rgba\(20\2c 160\2c 230\2c 1\)\]:focus{ --tw-shadow: 0 0 5px rgba(20,160,230,1); --tw-shadow-colored: 0 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); } .focus\:outline-none:focus{ outline: 2px solid transparent; outline-offset: 2px; } .focus\:ring-0:focus{ --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(0px + 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); } .focus\:ring-1:focus{ --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(1px + 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); } .focus\:ring-2:focus{ --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(2px + 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); } .focus\:ring-4:focus{ --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(4px + 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); } .focus\:\!ring-primary-300:focus{ --tw-ring-opacity: 1 !important; --tw-ring-color: rgb(141 215 247 / var(--tw-ring-opacity, 1)) !important; } .focus\:ring-blue-300:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity, 1)); } .focus\:ring-blue-400:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(118 169 250 / var(--tw-ring-opacity, 1)); } .focus\:ring-blue-600:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(28 100 242 / var(--tw-ring-opacity, 1)); } .focus\:ring-cyan-300:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(103 232 249 / var(--tw-ring-opacity, 1)); } .focus\:ring-cyan-400:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(34 211 238 / var(--tw-ring-opacity, 1)); } .focus\:ring-cyan-500:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(6 182 212 / var(--tw-ring-opacity, 1)); } .focus\:ring-cyan-600:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(8 145 178 / var(--tw-ring-opacity, 1)); } .focus\:ring-cyan-700:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(14 116 144 / var(--tw-ring-opacity, 1)); } .focus\:ring-cyan-800:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(21 94 117 / var(--tw-ring-opacity, 1)); } .focus\:ring-gray-100:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(243 244 246 / var(--tw-ring-opacity, 1)); } .focus\:ring-gray-200:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity, 1)); } .focus\:ring-gray-300:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1)); } .focus\:ring-gray-400:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity, 1)); } .focus\:ring-gray-50:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(249 250 251 / var(--tw-ring-opacity, 1)); } .focus\:ring-gray-800:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity, 1)); } .focus\:ring-gray-900:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(17 24 39 / var(--tw-ring-opacity, 1)); } .focus\:ring-green-200:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(188 240 218 / var(--tw-ring-opacity, 1)); } .focus\:ring-green-300:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(132 225 188 / var(--tw-ring-opacity, 1)); } .focus\:ring-green-400:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(49 196 141 / var(--tw-ring-opacity, 1)); } .focus\:ring-green-500:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(14 159 110 / var(--tw-ring-opacity, 1)); } .focus\:ring-green-600:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(5 122 85 / var(--tw-ring-opacity, 1)); } .focus\:ring-green-800:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(3 84 63 / var(--tw-ring-opacity, 1)); } .focus\:ring-indigo-300:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(180 198 252 / var(--tw-ring-opacity, 1)); } .focus\:ring-indigo-400:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(141 162 251 / var(--tw-ring-opacity, 1)); } .focus\:ring-indigo-700:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(81 69 205 / var(--tw-ring-opacity, 1)); } .focus\:ring-lime-200:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(217 249 157 / var(--tw-ring-opacity, 1)); } .focus\:ring-lime-300:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(190 242 100 / var(--tw-ring-opacity, 1)); } .focus\:ring-lime-400:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(163 230 53 / var(--tw-ring-opacity, 1)); } .focus\:ring-lime-700:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(77 124 15 / var(--tw-ring-opacity, 1)); } .focus\:ring-orange-400:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(255 138 76 / var(--tw-ring-opacity, 1)); } .focus\:ring-pink-200:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(250 209 232 / var(--tw-ring-opacity, 1)); } .focus\:ring-pink-300:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(248 180 217 / var(--tw-ring-opacity, 1)); } .focus\:ring-pink-400:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(241 126 184 / var(--tw-ring-opacity, 1)); } .focus\:ring-pink-600:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(214 31 105 / var(--tw-ring-opacity, 1)); } .focus\:ring-primary-300:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(141 215 247 / var(--tw-ring-opacity, 1)); } .focus\:ring-primary-500:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(42 174 240 / var(--tw-ring-opacity, 1)); } .focus\:ring-primary-600:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(25 159 233 / var(--tw-ring-opacity, 1)); } .focus\:ring-purple-200:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(220 215 254 / var(--tw-ring-opacity, 1)); } .focus\:ring-purple-300:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(202 191 253 / var(--tw-ring-opacity, 1)); } .focus\:ring-purple-400:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(172 148 250 / var(--tw-ring-opacity, 1)); } .focus\:ring-purple-600:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(126 58 242 / var(--tw-ring-opacity, 1)); } .focus\:ring-red-100:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(253 232 232 / var(--tw-ring-opacity, 1)); } .focus\:ring-red-300:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(248 180 180 / var(--tw-ring-opacity, 1)); } .focus\:ring-red-400:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(249 128 128 / var(--tw-ring-opacity, 1)); } .focus\:ring-red-500:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(240 82 82 / var(--tw-ring-opacity, 1)); } .focus\:ring-red-600:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(224 36 36 / var(--tw-ring-opacity, 1)); } .focus\:ring-red-900:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(119 29 29 / var(--tw-ring-opacity, 1)); } .focus\:ring-teal-300:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(126 220 226 / var(--tw-ring-opacity, 1)); } .focus\:ring-teal-400:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(22 189 202 / var(--tw-ring-opacity, 1)); } .focus\:ring-teal-600:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(4 116 129 / var(--tw-ring-opacity, 1)); } .focus\:ring-transparent:focus{ --tw-ring-color: transparent; } .focus\:ring-yellow-300:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(250 202 21 / var(--tw-ring-opacity, 1)); } .focus\:ring-yellow-400:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(227 160 8 / var(--tw-ring-opacity, 1)); } .focus\:ring-yellow-500:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(194 120 3 / var(--tw-ring-opacity, 1)); } .focus\:ring-offset-0:focus{ --tw-ring-offset-width: 0px; } .focus-visible\:outline-2:focus-visible{ outline-width: 2px; } .focus-visible\:outline-offset-2:focus-visible{ outline-offset: 2px; } .focus-visible\:outline-sky-500:focus-visible{ outline-color: #0ea5e9; } .focus-visible\:ring-2:focus-visible{ --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(2px + 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); } .focus-visible\:ring-primary-500:focus-visible{ --tw-ring-opacity: 1; --tw-ring-color: rgb(42 174 240 / var(--tw-ring-opacity, 1)); } .active\:scale-100:active{ --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .active\:scale-75:active{ --tw-scale-x: .75; --tw-scale-y: .75; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .active\:scale-90:active{ --tw-scale-x: .9; --tw-scale-y: .9; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .active\:scale-95:active{ --tw-scale-x: .95; --tw-scale-y: .95; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .active\:scale-\[0\.98\]:active{ --tw-scale-x: 0.98; --tw-scale-y: 0.98; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .active\:cursor-grabbing:active{ cursor: grabbing; } .active\:opacity-60:active{ opacity: 0.6; } .active\:shadow-none:active{ --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .active\:ring-0:active{ --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(0px + 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); } .enabled\:hover\:bg-blue-800:hover:enabled{ --tw-bg-opacity: 1; background-color: rgb(30 66 159 / var(--tw-bg-opacity, 1)); } .enabled\:hover\:bg-cyan-100:hover:enabled{ --tw-bg-opacity: 1; background-color: rgb(207 250 254 / var(--tw-bg-opacity, 1)); } .enabled\:hover\:bg-cyan-800:hover:enabled{ --tw-bg-opacity: 1; background-color: rgb(21 94 117 / var(--tw-bg-opacity, 1)); } .enabled\:hover\:bg-gray-100:hover:enabled{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .enabled\:hover\:bg-gray-900:hover:enabled{ --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); } .enabled\:hover\:bg-green-100:hover:enabled{ --tw-bg-opacity: 1; background-color: rgb(222 247 236 / var(--tw-bg-opacity, 1)); } .enabled\:hover\:bg-green-800:hover:enabled{ --tw-bg-opacity: 1; background-color: rgb(3 84 63 / var(--tw-bg-opacity, 1)); } .enabled\:hover\:bg-indigo-100:hover:enabled{ --tw-bg-opacity: 1; background-color: rgb(229 237 255 / var(--tw-bg-opacity, 1)); } .enabled\:hover\:bg-lime-100:hover:enabled{ --tw-bg-opacity: 1; background-color: rgb(236 252 203 / var(--tw-bg-opacity, 1)); } .enabled\:hover\:bg-pink-100:hover:enabled{ --tw-bg-opacity: 1; background-color: rgb(252 232 243 / var(--tw-bg-opacity, 1)); } .enabled\:hover\:bg-purple-800:hover:enabled{ --tw-bg-opacity: 1; background-color: rgb(85 33 181 / var(--tw-bg-opacity, 1)); } .enabled\:hover\:bg-red-100:hover:enabled{ --tw-bg-opacity: 1; background-color: rgb(253 232 232 / var(--tw-bg-opacity, 1)); } .enabled\:hover\:bg-red-800:hover:enabled{ --tw-bg-opacity: 1; background-color: rgb(155 28 28 / var(--tw-bg-opacity, 1)); } .enabled\:hover\:bg-teal-100:hover:enabled{ --tw-bg-opacity: 1; background-color: rgb(213 245 246 / var(--tw-bg-opacity, 1)); } .enabled\:hover\:bg-yellow-100:hover:enabled{ --tw-bg-opacity: 1; background-color: rgb(253 246 178 / var(--tw-bg-opacity, 1)); } .enabled\:hover\:bg-yellow-500:hover:enabled{ --tw-bg-opacity: 1; background-color: rgb(194 120 3 / var(--tw-bg-opacity, 1)); } .enabled\:hover\:bg-gradient-to-bl:hover:enabled{ background-image: linear-gradient(to bottom left, var(--tw-gradient-stops)); } .enabled\:hover\:bg-gradient-to-br:hover:enabled{ background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); } .enabled\:hover\:bg-gradient-to-l:hover:enabled{ background-image: linear-gradient(to left, var(--tw-gradient-stops)); } .enabled\:hover\:from-teal-200:hover:enabled{ --tw-gradient-from: #AFECEF var(--tw-gradient-from-position); --tw-gradient-to: rgb(175 236 239 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .enabled\:hover\:to-lime-200:hover:enabled{ --tw-gradient-to: #d9f99d var(--tw-gradient-to-position); } .enabled\:hover\:text-cyan-700:hover:enabled{ --tw-text-opacity: 1; color: rgb(14 116 144 / var(--tw-text-opacity, 1)); } .enabled\:hover\:text-gray-700:hover:enabled{ --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity, 1)); } .enabled\:hover\:text-gray-900:hover:enabled{ --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); } .disabled\:cursor-default:disabled{ cursor: default; } .disabled\:cursor-not-allowed:disabled{ cursor: not-allowed; } .disabled\:bg-gray-300:disabled{ --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)); } .disabled\:from-slate-300:disabled{ --tw-gradient-from: #cbd5e1 var(--tw-gradient-from-position); --tw-gradient-to: rgb(203 213 225 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .disabled\:to-slate-400:disabled{ --tw-gradient-to: #94a3b8 var(--tw-gradient-to-position); } .disabled\:text-gray-400:disabled{ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .disabled\:no-underline:disabled{ text-decoration-line: none; } .disabled\:opacity-30:disabled{ opacity: 0.3; } .disabled\:opacity-50:disabled{ opacity: 0.5; } .disabled\:opacity-60:disabled{ opacity: 0.6; } .disabled\:shadow-none:disabled{ --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .disabled\:hover\:scale-100:hover:disabled{ --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .disabled\:active\:scale-100:active:disabled{ --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:first-child .group-first\:hidden{ display: none; } .group\/body:first-child .group\/row:first-child .group-first\/body\:group-first\/row\:first\:rounded-tl-lg:first-child{ border-top-left-radius: 0.5rem; } .group\/head:first-child .group-first\/head\:first\:rounded-tl-lg:first-child{ border-top-left-radius: 0.5rem; } .group\/body:first-child .group\/row:first-child .group-first\/body\:group-first\/row\:last\:rounded-tr-lg:last-child{ border-top-right-radius: 0.5rem; } .group\/head:first-child .group-first\/head\:last\:rounded-tr-lg:last-child{ border-top-right-radius: 0.5rem; } .group\/body:last-child .group\/row:last-child .group-last\/body\:group-last\/row\:first\:rounded-bl-lg:first-child{ border-bottom-left-radius: 0.5rem; } .group\/body:last-child .group\/row:last-child .group-last\/body\:group-last\/row\:last\:rounded-br-lg:last-child{ border-bottom-right-radius: 0.5rem; } .group:hover .group-hover\:block{ display: block; } .group:hover .group-hover\:hidden{ display: none; } .group:hover .group-hover\:translate-x-1{ --tw-translate-x: 0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:hover .group-hover\:bg-blue-200{ --tw-bg-opacity: 1; background-color: rgb(195 221 253 / var(--tw-bg-opacity, 1)); } .group:hover .group-hover\:bg-cyan-200{ --tw-bg-opacity: 1; background-color: rgb(165 243 252 / var(--tw-bg-opacity, 1)); } .group:hover .group-hover\:bg-gray-200{ --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); } .group:hover .group-hover\:bg-gray-300{ --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)); } .group:hover .group-hover\:bg-gray-500{ --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1)); } .group:hover .group-hover\:bg-green-200{ --tw-bg-opacity: 1; background-color: rgb(188 240 218 / var(--tw-bg-opacity, 1)); } .group:hover .group-hover\:bg-indigo-200{ --tw-bg-opacity: 1; background-color: rgb(205 219 254 / var(--tw-bg-opacity, 1)); } .group:hover .group-hover\:bg-lime-200{ --tw-bg-opacity: 1; background-color: rgb(217 249 157 / var(--tw-bg-opacity, 1)); } .group:hover .group-hover\:bg-pink-200{ --tw-bg-opacity: 1; background-color: rgb(250 209 232 / var(--tw-bg-opacity, 1)); } .group:hover .group-hover\:bg-purple-200{ --tw-bg-opacity: 1; background-color: rgb(220 215 254 / var(--tw-bg-opacity, 1)); } .group:hover .group-hover\:bg-red-200{ --tw-bg-opacity: 1; background-color: rgb(251 213 213 / var(--tw-bg-opacity, 1)); } .group:hover .group-hover\:bg-teal-200{ --tw-bg-opacity: 1; background-color: rgb(175 236 239 / var(--tw-bg-opacity, 1)); } .group:hover .group-hover\:bg-white\/50{ background-color: rgb(255 255 255 / 0.5); } .group:hover .group-hover\:bg-yellow-200{ --tw-bg-opacity: 1; background-color: rgb(252 233 106 / var(--tw-bg-opacity, 1)); } .group:hover .group-hover\:text-gray-500{ --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:text-gray-900{ --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:text-sky-500{ --tw-text-opacity: 1; color: rgb(14 165 233 / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:opacity-100{ opacity: 1; } .group:focus .group-focus\:outline-none{ outline: 2px solid transparent; outline-offset: 2px; } .group:focus .group-focus\:ring-4{ --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(4px + 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); } .group:focus .group-focus\:ring-cyan-500\/25{ --tw-ring-color: rgb(6 182 212 / 0.25); } .group:focus .group-focus\:ring-white{ --tw-ring-opacity: 1; --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1)); } .group:enabled:hover .group-enabled\:group-hover\:bg-opacity-0{ --tw-bg-opacity: 0; } .group:enabled:hover .group-enabled\:group-hover\:text-inherit{ color: inherit; } .peer:checked ~ .peer-checked\:border-primary-600{ --tw-border-opacity: 1; border-color: rgb(25 159 233 / var(--tw-border-opacity, 1)); } .peer:checked ~ .peer-checked\:bg-gray-400{ --tw-bg-opacity: 1; background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1)); } .peer:checked ~ .peer-checked\:bg-primary-600{ --tw-bg-opacity: 1; background-color: rgb(25 159 233 / var(--tw-bg-opacity, 1)); } .peer:checked ~ .peer-checked\:text-primary-600{ --tw-text-opacity: 1; color: rgb(25 159 233 / var(--tw-text-opacity, 1)); } .peer:checked ~ .peer-checked\:after\:translate-x-full::after{ content: var(--tw-content); --tw-translate-x: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .peer:checked ~ .peer-checked\:after\:border-white::after{ content: var(--tw-content); --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); } .peer:-moz-placeholder ~ .peer-placeholder-shown\:top-1\/2{ top: 50%; } .peer:placeholder-shown ~ .peer-placeholder-shown\:top-1\/2{ top: 50%; } .peer:-moz-placeholder ~ .peer-placeholder-shown\:-translate-y-1\/2{ --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .peer:placeholder-shown ~ .peer-placeholder-shown\:-translate-y-1\/2{ --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .peer:-moz-placeholder ~ .peer-placeholder-shown\:translate-y-0{ --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .peer:placeholder-shown ~ .peer-placeholder-shown\:translate-y-0{ --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .peer:-moz-placeholder ~ .peer-placeholder-shown\:scale-100{ --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .peer:placeholder-shown ~ .peer-placeholder-shown\:scale-100{ --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .peer:focus ~ .peer-focus\:left-0{ left: 0px; } .peer:focus ~ .peer-focus\:top-2{ top: 0.5rem; } .peer:focus ~ .peer-focus\:-translate-y-4{ --tw-translate-y: -1rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .peer:focus ~ .peer-focus\:-translate-y-6{ --tw-translate-y: -1.5rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .peer:focus ~ .peer-focus\:scale-75{ --tw-scale-x: .75; --tw-scale-y: .75; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .peer:focus ~ .peer-focus\:px-2{ padding-left: 0.5rem; padding-right: 0.5rem; } .peer:focus ~ .peer-focus\:text-blue-600{ --tw-text-opacity: 1; color: rgb(28 100 242 / var(--tw-text-opacity, 1)); } .peer:focus ~ .peer-focus\:outline-none{ outline: 2px solid transparent; outline-offset: 2px; } .dark\:block:is(.dark *){ display: block; } .dark\:hidden:is(.dark *){ display: none; } .dark\:divide-gray-700:is(.dark *) > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(55 65 81 / var(--tw-divide-opacity, 1)); } .dark\:border-none:is(.dark *){ border-style: none; } .dark\:border-amber-900:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(120 53 15 / var(--tw-border-opacity, 1)); } .dark\:border-blue-500:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(63 131 248 / var(--tw-border-opacity, 1)); } .dark\:border-cyan-400:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(34 211 238 / var(--tw-border-opacity, 1)); } .dark\:border-cyan-500:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(6 182 212 / var(--tw-border-opacity, 1)); } .dark\:border-cyan-600:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(8 145 178 / var(--tw-border-opacity, 1)); } .dark\:border-emerald-500\/40:is(.dark *){ border-color: rgb(16 185 129 / 0.4); } .dark\:border-gray-500:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(107 114 128 / var(--tw-border-opacity, 1)); } .dark\:border-gray-600:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(75 85 99 / var(--tw-border-opacity, 1)); } .dark\:border-gray-700:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(55 65 81 / var(--tw-border-opacity, 1)); } .dark\:border-gray-800:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(31 41 55 / var(--tw-border-opacity, 1)); } .dark\:border-gray-800\/50:is(.dark *){ border-color: rgb(31 41 55 / 0.5); } .dark\:border-gray-900:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); } .dark\:border-green-400:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(49 196 141 / var(--tw-border-opacity, 1)); } .dark\:border-green-500:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(14 159 110 / var(--tw-border-opacity, 1)); } .dark\:border-green-600:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(5 122 85 / var(--tw-border-opacity, 1)); } .dark\:border-indigo-600:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(88 80 236 / var(--tw-border-opacity, 1)); } .dark\:border-lime-600:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(101 163 13 / var(--tw-border-opacity, 1)); } .dark\:border-orange-900\/40:is(.dark *){ border-color: rgb(119 29 29 / 0.4); } .dark\:border-pink-600:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(214 31 105 / var(--tw-border-opacity, 1)); } .dark\:border-primary-400:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(87 193 243 / var(--tw-border-opacity, 1)); } .dark\:border-primary-500:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(42 174 240 / var(--tw-border-opacity, 1)); } .dark\:border-primary-500\/30:is(.dark *){ border-color: rgb(42 174 240 / 0.3); } .dark\:border-primary-700:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(20 160 230 / var(--tw-border-opacity, 1)); } .dark\:border-red-400:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(249 128 128 / var(--tw-border-opacity, 1)); } .dark\:border-red-500:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(240 82 82 / var(--tw-border-opacity, 1)); } .dark\:border-red-600:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(224 36 36 / var(--tw-border-opacity, 1)); } .dark\:border-red-900:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(119 29 29 / var(--tw-border-opacity, 1)); } .dark\:border-sky-700:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(3 105 161 / var(--tw-border-opacity, 1)); } .dark\:border-sky-800:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(7 89 133 / var(--tw-border-opacity, 1)); } .dark\:border-slate-600:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(71 85 105 / var(--tw-border-opacity, 1)); } .dark\:border-slate-700:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(51 65 85 / var(--tw-border-opacity, 1)); } .dark\:border-slate-800:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(30 41 59 / var(--tw-border-opacity, 1)); } .dark\:border-teal-600:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(4 116 129 / var(--tw-border-opacity, 1)); } .dark\:border-transparent:is(.dark *){ border-color: transparent; } .dark\:border-white:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); } .dark\:border-yellow-400:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(227 160 8 / var(--tw-border-opacity, 1)); } .dark\:border-yellow-600:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(159 88 10 / var(--tw-border-opacity, 1)); } .dark\:border-s-gray-700:is(.dark *){ --tw-border-opacity: 1; border-inline-start-color: rgb(55 65 81 / var(--tw-border-opacity, 1)); } .dark\:\!bg-gray-700:is(.dark *){ --tw-bg-opacity: 1 !important; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)) !important; } .dark\:\!bg-primary-600:is(.dark *){ --tw-bg-opacity: 1 !important; background-color: rgb(25 159 233 / var(--tw-bg-opacity, 1)) !important; } .dark\:\!bg-primary-700:is(.dark *){ --tw-bg-opacity: 1 !important; background-color: rgb(20 160 230 / var(--tw-bg-opacity, 1)) !important; } .dark\:bg-accent-600:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(245 224 0 / var(--tw-bg-opacity, 1)); } .dark\:bg-amber-500\/10:is(.dark *){ background-color: rgb(245 158 11 / 0.1); } .dark\:bg-amber-950\/30:is(.dark *){ background-color: rgb(69 26 3 / 0.3); } .dark\:bg-black:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } .dark\:bg-blue-200:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(195 221 253 / var(--tw-bg-opacity, 1)); } .dark\:bg-blue-600:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(28 100 242 / var(--tw-bg-opacity, 1)); } .dark\:bg-blue-900:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(35 56 118 / var(--tw-bg-opacity, 1)); } .dark\:bg-cyan-100:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(207 250 254 / var(--tw-bg-opacity, 1)); } .dark\:bg-cyan-200:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(165 243 252 / var(--tw-bg-opacity, 1)); } .dark\:bg-cyan-600:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(8 145 178 / var(--tw-bg-opacity, 1)); } .dark\:bg-cyan-900:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(22 78 99 / var(--tw-bg-opacity, 1)); } .dark\:bg-emerald-500\/10:is(.dark *){ background-color: rgb(16 185 129 / 0.1); } .dark\:bg-emerald-500\/20:is(.dark *){ background-color: rgb(16 185 129 / 0.2); } .dark\:bg-gray-200:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); } .dark\:bg-gray-300:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)); } .dark\:bg-gray-400:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1)); } .dark\:bg-gray-500:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1)); } .dark\:bg-gray-600:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); } .dark\:bg-gray-700:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .dark\:bg-gray-800:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .dark\:bg-gray-800\/30:is(.dark *){ background-color: rgb(31 41 55 / 0.3); } .dark\:bg-gray-800\/50:is(.dark *){ background-color: rgb(31 41 55 / 0.5); } .dark\:bg-gray-900:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); } .dark\:bg-gray-900\/50:is(.dark *){ background-color: rgb(17 24 39 / 0.5); } .dark\:bg-gray-900\/70:is(.dark *){ background-color: rgb(17 24 39 / 0.7); } .dark\:bg-gray-900\/80:is(.dark *){ background-color: rgb(17 24 39 / 0.8); } .dark\:bg-gray-950:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(3 7 18 / var(--tw-bg-opacity, 1)); } .dark\:bg-green-100:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(222 247 236 / var(--tw-bg-opacity, 1)); } .dark\:bg-green-200:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(188 240 218 / var(--tw-bg-opacity, 1)); } .dark\:bg-green-500:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(14 159 110 / var(--tw-bg-opacity, 1)); } .dark\:bg-green-600:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(5 122 85 / var(--tw-bg-opacity, 1)); } .dark\:bg-green-900:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(1 71 55 / var(--tw-bg-opacity, 1)); } .dark\:bg-indigo-200:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(205 219 254 / var(--tw-bg-opacity, 1)); } .dark\:bg-indigo-500:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(104 117 245 / var(--tw-bg-opacity, 1)); } .dark\:bg-indigo-600:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(88 80 236 / var(--tw-bg-opacity, 1)); } .dark\:bg-lime-200:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(217 249 157 / var(--tw-bg-opacity, 1)); } .dark\:bg-lime-600:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(101 163 13 / var(--tw-bg-opacity, 1)); } .dark\:bg-orange-500\/10:is(.dark *){ background-color: rgb(255 90 31 / 0.1); } .dark\:bg-pink-200:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(250 209 232 / var(--tw-bg-opacity, 1)); } .dark\:bg-pink-500\/10:is(.dark *){ background-color: rgb(231 70 148 / 0.1); } .dark\:bg-pink-600:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(214 31 105 / var(--tw-bg-opacity, 1)); } .dark\:bg-primary-500\/10:is(.dark *){ background-color: rgb(42 174 240 / 0.1); } .dark\:bg-primary-600:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(25 159 233 / var(--tw-bg-opacity, 1)); } .dark\:bg-primary-700:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(20 160 230 / var(--tw-bg-opacity, 1)); } .dark\:bg-primary-900:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(8 75 107 / var(--tw-bg-opacity, 1)); } .dark\:bg-purple-200:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(220 215 254 / var(--tw-bg-opacity, 1)); } .dark\:bg-purple-500:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(144 97 249 / var(--tw-bg-opacity, 1)); } .dark\:bg-purple-600:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(126 58 242 / var(--tw-bg-opacity, 1)); } .dark\:bg-purple-900:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(74 29 150 / var(--tw-bg-opacity, 1)); } .dark\:bg-red-100:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(253 232 232 / var(--tw-bg-opacity, 1)); } .dark\:bg-red-200:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(251 213 213 / var(--tw-bg-opacity, 1)); } .dark\:bg-red-500:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(240 82 82 / var(--tw-bg-opacity, 1)); } .dark\:bg-red-500\/10:is(.dark *){ background-color: rgb(240 82 82 / 0.1); } .dark\:bg-red-600:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(224 36 36 / var(--tw-bg-opacity, 1)); } .dark\:bg-red-900:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(119 29 29 / var(--tw-bg-opacity, 1)); } .dark\:bg-red-950\/40:is(.dark *){ background-color: rgb(69 10 10 / 0.4); } .dark\:bg-sky-500\/10:is(.dark *){ background-color: rgb(14 165 233 / 0.1); } .dark\:bg-sky-900\/40:is(.dark *){ background-color: rgb(12 74 110 / 0.4); } .dark\:bg-sky-950\/30:is(.dark *){ background-color: rgb(8 47 73 / 0.3); } .dark\:bg-sky-950\/40:is(.dark *){ background-color: rgb(8 47 73 / 0.4); } .dark\:bg-slate-700:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1)); } .dark\:bg-slate-800:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)); } .dark\:bg-slate-900:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1)); } .dark\:bg-teal-200:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(175 236 239 / var(--tw-bg-opacity, 1)); } .dark\:bg-teal-600:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(4 116 129 / var(--tw-bg-opacity, 1)); } .dark\:bg-transparent:is(.dark *){ background-color: transparent; } .dark\:bg-violet-500\/10:is(.dark *){ background-color: rgb(139 92 246 / 0.1); } .dark\:bg-yellow-100:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(253 246 178 / var(--tw-bg-opacity, 1)); } .dark\:bg-yellow-200:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(252 233 106 / var(--tw-bg-opacity, 1)); } .dark\:bg-yellow-50:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(253 253 234 / var(--tw-bg-opacity, 1)); } .dark\:bg-yellow-500:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(194 120 3 / var(--tw-bg-opacity, 1)); } .dark\:bg-yellow-600:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(159 88 10 / var(--tw-bg-opacity, 1)); } .dark\:bg-yellow-900:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(99 49 18 / var(--tw-bg-opacity, 1)); } .dark\:bg-opacity-80:is(.dark *){ --tw-bg-opacity: 0.8; } .dark\:from-primary-700:is(.dark *){ --tw-gradient-from: #14A0E6 var(--tw-gradient-from-position); --tw-gradient-to: rgb(20 160 230 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:to-primary-900:is(.dark *){ --tw-gradient-to: #084B6B var(--tw-gradient-to-position); } .dark\:fill-gray-300:is(.dark *){ fill: #D1D5DB; } .dark\:fill-primary-400:is(.dark *){ fill: #57C1F3; } .dark\:fill-purple-400:is(.dark *){ fill: #AC94FA; } .dark\:text-amber-200:is(.dark *){ --tw-text-opacity: 1; color: rgb(253 230 138 / var(--tw-text-opacity, 1)); } .dark\:text-amber-300:is(.dark *){ --tw-text-opacity: 1; color: rgb(252 211 77 / var(--tw-text-opacity, 1)); } .dark\:text-blue-300:is(.dark *){ --tw-text-opacity: 1; color: rgb(164 202 254 / var(--tw-text-opacity, 1)); } .dark\:text-blue-400:is(.dark *){ --tw-text-opacity: 1; color: rgb(118 169 250 / var(--tw-text-opacity, 1)); } .dark\:text-blue-500:is(.dark *){ --tw-text-opacity: 1; color: rgb(63 131 248 / var(--tw-text-opacity, 1)); } .dark\:text-blue-600:is(.dark *){ --tw-text-opacity: 1; color: rgb(28 100 242 / var(--tw-text-opacity, 1)); } .dark\:text-blue-800:is(.dark *){ --tw-text-opacity: 1; color: rgb(30 66 159 / var(--tw-text-opacity, 1)); } .dark\:text-blue-900:is(.dark *){ --tw-text-opacity: 1; color: rgb(35 56 118 / var(--tw-text-opacity, 1)); } .dark\:text-cyan-100:is(.dark *){ --tw-text-opacity: 1; color: rgb(207 250 254 / var(--tw-text-opacity, 1)); } .dark\:text-cyan-300:is(.dark *){ --tw-text-opacity: 1; color: rgb(103 232 249 / var(--tw-text-opacity, 1)); } .dark\:text-cyan-500:is(.dark *){ --tw-text-opacity: 1; color: rgb(6 182 212 / var(--tw-text-opacity, 1)); } .dark\:text-cyan-600:is(.dark *){ --tw-text-opacity: 1; color: rgb(8 145 178 / var(--tw-text-opacity, 1)); } .dark\:text-cyan-800:is(.dark *){ --tw-text-opacity: 1; color: rgb(21 94 117 / var(--tw-text-opacity, 1)); } .dark\:text-cyan-900:is(.dark *){ --tw-text-opacity: 1; color: rgb(22 78 99 / var(--tw-text-opacity, 1)); } .dark\:text-emerald-300:is(.dark *){ --tw-text-opacity: 1; color: rgb(110 231 183 / var(--tw-text-opacity, 1)); } .dark\:text-emerald-400:is(.dark *){ --tw-text-opacity: 1; color: rgb(52 211 153 / var(--tw-text-opacity, 1)); } .dark\:text-gray-100:is(.dark *){ --tw-text-opacity: 1; color: rgb(243 244 246 / var(--tw-text-opacity, 1)); } .dark\:text-gray-200:is(.dark *){ --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity, 1)); } .dark\:text-gray-300:is(.dark *){ --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity, 1)); } .dark\:text-gray-400:is(.dark *){ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .dark\:text-gray-50:is(.dark *){ --tw-text-opacity: 1; color: rgb(249 250 251 / var(--tw-text-opacity, 1)); } .dark\:text-gray-500:is(.dark *){ --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .dark\:text-gray-600:is(.dark *){ --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); } .dark\:text-gray-700:is(.dark *){ --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity, 1)); } .dark\:text-gray-800:is(.dark *){ --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)); } .dark\:text-gray-900:is(.dark *){ --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); } .dark\:text-green-100:is(.dark *){ --tw-text-opacity: 1; color: rgb(222 247 236 / var(--tw-text-opacity, 1)); } .dark\:text-green-300:is(.dark *){ --tw-text-opacity: 1; color: rgb(132 225 188 / var(--tw-text-opacity, 1)); } .dark\:text-green-400:is(.dark *){ --tw-text-opacity: 1; color: rgb(49 196 141 / var(--tw-text-opacity, 1)); } .dark\:text-green-50:is(.dark *){ --tw-text-opacity: 1; color: rgb(243 250 247 / var(--tw-text-opacity, 1)); } .dark\:text-green-500:is(.dark *){ --tw-text-opacity: 1; color: rgb(14 159 110 / var(--tw-text-opacity, 1)); } .dark\:text-green-600:is(.dark *){ --tw-text-opacity: 1; color: rgb(5 122 85 / var(--tw-text-opacity, 1)); } .dark\:text-green-800:is(.dark *){ --tw-text-opacity: 1; color: rgb(3 84 63 / var(--tw-text-opacity, 1)); } .dark\:text-green-900:is(.dark *){ --tw-text-opacity: 1; color: rgb(1 71 55 / var(--tw-text-opacity, 1)); } .dark\:text-indigo-600:is(.dark *){ --tw-text-opacity: 1; color: rgb(88 80 236 / var(--tw-text-opacity, 1)); } .dark\:text-indigo-800:is(.dark *){ --tw-text-opacity: 1; color: rgb(66 56 157 / var(--tw-text-opacity, 1)); } .dark\:text-indigo-900:is(.dark *){ --tw-text-opacity: 1; color: rgb(54 47 120 / var(--tw-text-opacity, 1)); } .dark\:text-lime-600:is(.dark *){ --tw-text-opacity: 1; color: rgb(101 163 13 / var(--tw-text-opacity, 1)); } .dark\:text-lime-800:is(.dark *){ --tw-text-opacity: 1; color: rgb(63 98 18 / var(--tw-text-opacity, 1)); } .dark\:text-lime-900:is(.dark *){ --tw-text-opacity: 1; color: rgb(54 83 20 / var(--tw-text-opacity, 1)); } .dark\:text-orange-200:is(.dark *){ --tw-text-opacity: 1; color: rgb(252 217 189 / var(--tw-text-opacity, 1)); } .dark\:text-orange-300:is(.dark *){ --tw-text-opacity: 1; color: rgb(253 186 140 / var(--tw-text-opacity, 1)); } .dark\:text-pink-300:is(.dark *){ --tw-text-opacity: 1; color: rgb(248 180 217 / var(--tw-text-opacity, 1)); } .dark\:text-pink-600:is(.dark *){ --tw-text-opacity: 1; color: rgb(214 31 105 / var(--tw-text-opacity, 1)); } .dark\:text-pink-800:is(.dark *){ --tw-text-opacity: 1; color: rgb(153 21 75 / var(--tw-text-opacity, 1)); } .dark\:text-pink-900:is(.dark *){ --tw-text-opacity: 1; color: rgb(117 26 61 / var(--tw-text-opacity, 1)); } .dark\:text-primary-300:is(.dark *){ --tw-text-opacity: 1; color: rgb(141 215 247 / var(--tw-text-opacity, 1)); } .dark\:text-primary-400:is(.dark *){ --tw-text-opacity: 1; color: rgb(87 193 243 / var(--tw-text-opacity, 1)); } .dark\:text-primary-500:is(.dark *){ --tw-text-opacity: 1; color: rgb(42 174 240 / var(--tw-text-opacity, 1)); } .dark\:text-purple-300:is(.dark *){ --tw-text-opacity: 1; color: rgb(202 191 253 / var(--tw-text-opacity, 1)); } .dark\:text-purple-600:is(.dark *){ --tw-text-opacity: 1; color: rgb(126 58 242 / var(--tw-text-opacity, 1)); } .dark\:text-purple-800:is(.dark *){ --tw-text-opacity: 1; color: rgb(85 33 181 / var(--tw-text-opacity, 1)); } .dark\:text-purple-900:is(.dark *){ --tw-text-opacity: 1; color: rgb(74 29 150 / var(--tw-text-opacity, 1)); } .dark\:text-red-300:is(.dark *){ --tw-text-opacity: 1; color: rgb(248 180 180 / var(--tw-text-opacity, 1)); } .dark\:text-red-400:is(.dark *){ --tw-text-opacity: 1; color: rgb(249 128 128 / var(--tw-text-opacity, 1)); } .dark\:text-red-50:is(.dark *){ --tw-text-opacity: 1; color: rgb(253 242 242 / var(--tw-text-opacity, 1)); } .dark\:text-red-500:is(.dark *){ --tw-text-opacity: 1; color: rgb(240 82 82 / var(--tw-text-opacity, 1)); } .dark\:text-red-600:is(.dark *){ --tw-text-opacity: 1; color: rgb(224 36 36 / var(--tw-text-opacity, 1)); } .dark\:text-red-800:is(.dark *){ --tw-text-opacity: 1; color: rgb(155 28 28 / var(--tw-text-opacity, 1)); } .dark\:text-red-900:is(.dark *){ --tw-text-opacity: 1; color: rgb(119 29 29 / var(--tw-text-opacity, 1)); } .dark\:text-sky-100:is(.dark *){ --tw-text-opacity: 1; color: rgb(224 242 254 / var(--tw-text-opacity, 1)); } .dark\:text-sky-200:is(.dark *){ --tw-text-opacity: 1; color: rgb(186 230 253 / var(--tw-text-opacity, 1)); } .dark\:text-sky-300:is(.dark *){ --tw-text-opacity: 1; color: rgb(125 211 252 / var(--tw-text-opacity, 1)); } .dark\:text-sky-400:is(.dark *){ --tw-text-opacity: 1; color: rgb(56 189 248 / var(--tw-text-opacity, 1)); } .dark\:text-slate-200:is(.dark *){ --tw-text-opacity: 1; color: rgb(226 232 240 / var(--tw-text-opacity, 1)); } .dark\:text-slate-300:is(.dark *){ --tw-text-opacity: 1; color: rgb(203 213 225 / var(--tw-text-opacity, 1)); } .dark\:text-slate-400:is(.dark *){ --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity, 1)); } .dark\:text-teal-600:is(.dark *){ --tw-text-opacity: 1; color: rgb(4 116 129 / var(--tw-text-opacity, 1)); } .dark\:text-teal-800:is(.dark *){ --tw-text-opacity: 1; color: rgb(5 80 92 / var(--tw-text-opacity, 1)); } .dark\:text-teal-900:is(.dark *){ --tw-text-opacity: 1; color: rgb(1 68 81 / var(--tw-text-opacity, 1)); } .dark\:text-violet-300:is(.dark *){ --tw-text-opacity: 1; color: rgb(196 181 253 / var(--tw-text-opacity, 1)); } .dark\:text-white:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .dark\:text-yellow-100:is(.dark *){ --tw-text-opacity: 1; color: rgb(253 246 178 / var(--tw-text-opacity, 1)); } .dark\:text-yellow-300:is(.dark *){ --tw-text-opacity: 1; color: rgb(250 202 21 / var(--tw-text-opacity, 1)); } .dark\:text-yellow-400:is(.dark *){ --tw-text-opacity: 1; color: rgb(227 160 8 / var(--tw-text-opacity, 1)); } .dark\:text-yellow-50:is(.dark *){ --tw-text-opacity: 1; color: rgb(253 253 234 / var(--tw-text-opacity, 1)); } .dark\:text-yellow-600:is(.dark *){ --tw-text-opacity: 1; color: rgb(159 88 10 / var(--tw-text-opacity, 1)); } .dark\:text-yellow-800:is(.dark *){ --tw-text-opacity: 1; color: rgb(114 59 19 / var(--tw-text-opacity, 1)); } .dark\:text-yellow-900:is(.dark *){ --tw-text-opacity: 1; color: rgb(99 49 18 / var(--tw-text-opacity, 1)); } .dark\:placeholder-gray-400:is(.dark *)::-moz-placeholder{ --tw-placeholder-opacity: 1; color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1)); } .dark\:placeholder-gray-400:is(.dark *)::placeholder{ --tw-placeholder-opacity: 1; color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1)); } .dark\:mix-blend-color:is(.dark *){ mix-blend-mode: color; } .dark\:shadow-sm-light:is(.dark *){ --tw-shadow: 0 2px 5px 0px rgba(255, 255, 255, 0.08); --tw-shadow-colored: 0 2px 5px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .dark\:ring-amber-500\/20:is(.dark *){ --tw-ring-color: rgb(245 158 11 / 0.2); } .dark\:ring-cyan-800:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(21 94 117 / var(--tw-ring-opacity, 1)); } .dark\:ring-emerald-500\/10:is(.dark *){ --tw-ring-color: rgb(16 185 129 / 0.1); } .dark\:ring-emerald-500\/20:is(.dark *){ --tw-ring-color: rgb(16 185 129 / 0.2); } .dark\:ring-gray-400:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity, 1)); } .dark\:ring-gray-500:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity, 1)); } .dark\:ring-gray-700:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity, 1)); } .dark\:ring-gray-800:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity, 1)); } .dark\:ring-gray-900:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(17 24 39 / var(--tw-ring-opacity, 1)); } .dark\:ring-green-500:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(14 159 110 / var(--tw-ring-opacity, 1)); } .dark\:ring-pink-500:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(231 70 148 / var(--tw-ring-opacity, 1)); } .dark\:ring-purple-600:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(126 58 242 / var(--tw-ring-opacity, 1)); } .dark\:ring-red-500\/20:is(.dark *){ --tw-ring-color: rgb(240 82 82 / 0.2); } .dark\:ring-red-700:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(200 30 30 / var(--tw-ring-opacity, 1)); } .dark\:ring-white\/10:is(.dark *){ --tw-ring-color: rgb(255 255 255 / 0.1); } .dark\:ring-yellow-500:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(194 120 3 / var(--tw-ring-opacity, 1)); } .dark\:ring-offset-blue-700:is(.dark *){ --tw-ring-offset-color: #1A56DB; } .dark\:ring-offset-cyan-600:is(.dark *){ --tw-ring-offset-color: #0891b2; } .dark\:ring-offset-gray-800:is(.dark *){ --tw-ring-offset-color: #1F2937; } .dark\:ring-offset-gray-900:is(.dark *){ --tw-ring-offset-color: #111827; } .dark\:ring-offset-green-600:is(.dark *){ --tw-ring-offset-color: #057A55; } .dark\:ring-offset-green-800:is(.dark *){ --tw-ring-offset-color: #03543F; } .dark\:ring-offset-indigo-700:is(.dark *){ --tw-ring-offset-color: #5145CD; } .dark\:ring-offset-lime-700:is(.dark *){ --tw-ring-offset-color: #4d7c0f; } .dark\:ring-offset-pink-600:is(.dark *){ --tw-ring-offset-color: #D61F69; } .dark\:ring-offset-purple-600:is(.dark *){ --tw-ring-offset-color: #7E3AF2; } .dark\:ring-offset-red-600:is(.dark *){ --tw-ring-offset-color: #E02424; } .dark\:ring-offset-red-900:is(.dark *){ --tw-ring-offset-color: #771D1D; } .dark\:ring-offset-teal-600:is(.dark *){ --tw-ring-offset-color: #047481; } .dark\:ring-offset-yellow-400:is(.dark *){ --tw-ring-offset-color: #E3A008; } .dark\:hue-rotate-180:is(.dark *){ --tw-hue-rotate: hue-rotate(180deg); 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); } .dark\:invert:is(.dark *){ --tw-invert: invert(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .dark\:bg-custom-gradient-dark:is(.dark *) { background: linear-gradient(180deg, rgba(255, 255, 255, 0.01), rgba(37, 37, 41, 1) 85%), radial-gradient(ellipse at top left, rgba(20, 160, 230, 0.5), transparent 50%), radial-gradient(ellipse at top right, rgba(255, 228, 132, 0.5), transparent 50%), radial-gradient(ellipse at center right, rgba(13, 110, 253, 0.5), transparent 50%), radial-gradient(ellipse at center left, rgba(214, 51, 132, 0.5), transparent 50%); } .dark\:after\:border-gray-600:is(.dark *)::after{ content: var(--tw-content); --tw-border-opacity: 1; border-color: rgb(75 85 99 / var(--tw-border-opacity, 1)); } .odd\:dark\:bg-gray-800:is(.dark *):nth-child(odd){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .odd\:dark\:bg-gray-900:is(.dark *):nth-child(odd){ --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); } .even\:dark\:bg-gray-700:is(.dark *):nth-child(even){ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .even\:dark\:bg-gray-800:is(.dark *):nth-child(even){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .dark\:hover\:border-gray-600:hover:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(75 85 99 / var(--tw-border-opacity, 1)); } .dark\:hover\:\!bg-primary-700:hover:is(.dark *){ --tw-bg-opacity: 1 !important; background-color: rgb(20 160 230 / var(--tw-bg-opacity, 1)) !important; } .dark\:hover\:bg-accent-500:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(255 235 0 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-blue-300:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(164 202 254 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-blue-700:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(26 86 219 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-cyan-300:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(103 232 249 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-cyan-700:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(14 116 144 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-gray-300:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-gray-600:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-gray-700:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-gray-800:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-gray-800\/40:hover:is(.dark *){ background-color: rgb(31 41 55 / 0.4); } .dark\:hover\:bg-gray-950:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(3 7 18 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-green-300:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(132 225 188 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-green-900:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(1 71 55 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-indigo-300:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(180 198 252 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-lime-300:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(190 242 100 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-pink-300:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(248 180 217 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-primary-500:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(42 174 240 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-primary-700:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(20 160 230 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-purple-300:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(202 191 253 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-red-300:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(248 180 180 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-slate-800:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-slate-800\/40:hover:is(.dark *){ background-color: rgb(30 41 59 / 0.4); } .dark\:hover\:bg-teal-300:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(126 220 226 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-yellow-300:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(250 202 21 / var(--tw-bg-opacity, 1)); } .dark\:hover\:text-blue-500:hover:is(.dark *){ --tw-text-opacity: 1; color: rgb(63 131 248 / var(--tw-text-opacity, 1)); } .dark\:hover\:text-gray-200:hover:is(.dark *){ --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity, 1)); } .dark\:hover\:text-gray-300:hover:is(.dark *){ --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity, 1)); } .dark\:hover\:text-gray-400:hover:is(.dark *){ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .dark\:hover\:text-primary-400:hover:is(.dark *){ --tw-text-opacity: 1; color: rgb(87 193 243 / var(--tw-text-opacity, 1)); } .dark\:hover\:text-primary-600:hover:is(.dark *){ --tw-text-opacity: 1; color: rgb(25 159 233 / var(--tw-text-opacity, 1)); } .dark\:hover\:text-white:hover:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .hover\:dark\:text-gray-50:is(.dark *):hover{ --tw-text-opacity: 1; color: rgb(249 250 251 / var(--tw-text-opacity, 1)); } .dark\:focus\:border-blue-500:focus:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(63 131 248 / var(--tw-border-opacity, 1)); } .dark\:focus\:border-cyan-500:focus:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(6 182 212 / var(--tw-border-opacity, 1)); } .dark\:focus\:border-gray-600:focus:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(75 85 99 / var(--tw-border-opacity, 1)); } .dark\:focus\:border-green-500:focus:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(14 159 110 / var(--tw-border-opacity, 1)); } .dark\:focus\:border-primary-500:focus:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(42 174 240 / var(--tw-border-opacity, 1)); } .dark\:focus\:border-red-500:focus:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(240 82 82 / var(--tw-border-opacity, 1)); } .dark\:focus\:border-yellow-500:focus:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(194 120 3 / var(--tw-border-opacity, 1)); } .dark\:focus\:bg-cyan-600:focus:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(8 145 178 / var(--tw-bg-opacity, 1)); } .dark\:focus\:bg-gray-600:focus:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); } .dark\:focus\:text-white:focus:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .dark\:focus\:shadow-\[0_0_8px_rgba\(20\2c 160\2c 230\2c 1\)\]:focus:is(.dark *){ --tw-shadow: 0 0 8px rgba(20,160,230,1); --tw-shadow-colored: 0 0 8px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .dark\:focus\:ring-blue-700:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(26 86 219 / var(--tw-ring-opacity, 1)); } .dark\:focus\:ring-blue-800:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(30 66 159 / var(--tw-ring-opacity, 1)); } .dark\:focus\:ring-cyan-500:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(6 182 212 / var(--tw-ring-opacity, 1)); } .dark\:focus\:ring-cyan-600:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(8 145 178 / var(--tw-ring-opacity, 1)); } .dark\:focus\:ring-cyan-700:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(14 116 144 / var(--tw-ring-opacity, 1)); } .dark\:focus\:ring-cyan-800:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(21 94 117 / var(--tw-ring-opacity, 1)); } .dark\:focus\:ring-gray-500:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity, 1)); } .dark\:focus\:ring-gray-600:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity, 1)); } .dark\:focus\:ring-gray-700:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity, 1)); } .dark\:focus\:ring-gray-800:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity, 1)); } .dark\:focus\:ring-gray-900:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(17 24 39 / var(--tw-ring-opacity, 1)); } .dark\:focus\:ring-green-500:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(14 159 110 / var(--tw-ring-opacity, 1)); } .dark\:focus\:ring-green-600:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(5 122 85 / var(--tw-ring-opacity, 1)); } .dark\:focus\:ring-green-700:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(4 108 78 / var(--tw-ring-opacity, 1)); } .dark\:focus\:ring-green-800:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(3 84 63 / var(--tw-ring-opacity, 1)); } .dark\:focus\:ring-indigo-700:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(81 69 205 / var(--tw-ring-opacity, 1)); } .dark\:focus\:ring-lime-700:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(77 124 15 / var(--tw-ring-opacity, 1)); } .dark\:focus\:ring-lime-800:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(63 98 18 / var(--tw-ring-opacity, 1)); } .dark\:focus\:ring-pink-600:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(214 31 105 / var(--tw-ring-opacity, 1)); } .dark\:focus\:ring-pink-700:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(191 18 93 / var(--tw-ring-opacity, 1)); } .dark\:focus\:ring-pink-800:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(153 21 75 / var(--tw-ring-opacity, 1)); } .dark\:focus\:ring-primary-500:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(42 174 240 / var(--tw-ring-opacity, 1)); } .dark\:focus\:ring-primary-600:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(25 159 233 / var(--tw-ring-opacity, 1)); } .dark\:focus\:ring-primary-800:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(13 108 156 / var(--tw-ring-opacity, 1)); } .dark\:focus\:ring-primary-900:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(8 75 107 / var(--tw-ring-opacity, 1)); } .dark\:focus\:ring-purple-600:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(126 58 242 / var(--tw-ring-opacity, 1)); } .dark\:focus\:ring-purple-800:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(85 33 181 / var(--tw-ring-opacity, 1)); } .dark\:focus\:ring-purple-900:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(74 29 150 / var(--tw-ring-opacity, 1)); } .dark\:focus\:ring-red-400:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(249 128 128 / var(--tw-ring-opacity, 1)); } .dark\:focus\:ring-red-500:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(240 82 82 / var(--tw-ring-opacity, 1)); } .dark\:focus\:ring-red-600:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(224 36 36 / var(--tw-ring-opacity, 1)); } .dark\:focus\:ring-red-700:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(200 30 30 / var(--tw-ring-opacity, 1)); } .dark\:focus\:ring-red-800:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(155 28 28 / var(--tw-ring-opacity, 1)); } .dark\:focus\:ring-red-900:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(119 29 29 / var(--tw-ring-opacity, 1)); } .dark\:focus\:ring-teal-600:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(4 116 129 / var(--tw-ring-opacity, 1)); } .dark\:focus\:ring-teal-700:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(3 102 114 / var(--tw-ring-opacity, 1)); } .dark\:focus\:ring-teal-800:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(5 80 92 / var(--tw-ring-opacity, 1)); } .dark\:focus\:ring-transparent:focus:is(.dark *){ --tw-ring-color: transparent; } .dark\:focus\:ring-yellow-400:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(227 160 8 / var(--tw-ring-opacity, 1)); } .dark\:focus\:ring-yellow-500:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(194 120 3 / var(--tw-ring-opacity, 1)); } .dark\:focus\:ring-yellow-700:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(142 75 16 / var(--tw-ring-opacity, 1)); } .dark\:focus\:ring-yellow-900:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(99 49 18 / var(--tw-ring-opacity, 1)); } .dark\:enabled\:hover\:border-cyan-700:hover:enabled:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(14 116 144 / var(--tw-border-opacity, 1)); } .dark\:enabled\:hover\:border-gray-700:hover:enabled:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(55 65 81 / var(--tw-border-opacity, 1)); } .dark\:enabled\:hover\:border-green-700:hover:enabled:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(4 108 78 / var(--tw-border-opacity, 1)); } .dark\:enabled\:hover\:border-indigo-700:hover:enabled:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(81 69 205 / var(--tw-border-opacity, 1)); } .dark\:enabled\:hover\:border-lime-700:hover:enabled:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(77 124 15 / var(--tw-border-opacity, 1)); } .dark\:enabled\:hover\:border-pink-700:hover:enabled:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(191 18 93 / var(--tw-border-opacity, 1)); } .dark\:enabled\:hover\:border-red-700:hover:enabled:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(200 30 30 / var(--tw-border-opacity, 1)); } .dark\:enabled\:hover\:border-teal-700:hover:enabled:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(3 102 114 / var(--tw-border-opacity, 1)); } .dark\:enabled\:hover\:border-yellow-700:hover:enabled:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(142 75 16 / var(--tw-border-opacity, 1)); } .dark\:enabled\:hover\:bg-cyan-700:hover:enabled:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(14 116 144 / var(--tw-bg-opacity, 1)); } .dark\:enabled\:hover\:bg-gray-700:hover:enabled:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .dark\:enabled\:hover\:bg-green-700:hover:enabled:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(4 108 78 / var(--tw-bg-opacity, 1)); } .dark\:enabled\:hover\:bg-indigo-700:hover:enabled:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(81 69 205 / var(--tw-bg-opacity, 1)); } .dark\:enabled\:hover\:bg-lime-700:hover:enabled:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(77 124 15 / var(--tw-bg-opacity, 1)); } .dark\:enabled\:hover\:bg-pink-700:hover:enabled:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(191 18 93 / var(--tw-bg-opacity, 1)); } .dark\:enabled\:hover\:bg-purple-700:hover:enabled:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(108 43 217 / var(--tw-bg-opacity, 1)); } .dark\:enabled\:hover\:bg-red-700:hover:enabled:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(200 30 30 / var(--tw-bg-opacity, 1)); } .dark\:enabled\:hover\:bg-teal-700:hover:enabled:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(3 102 114 / var(--tw-bg-opacity, 1)); } .dark\:enabled\:hover\:bg-yellow-700:hover:enabled:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(142 75 16 / var(--tw-bg-opacity, 1)); } .enabled\:dark\:hover\:bg-gray-700:hover:is(.dark *):enabled{ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .dark\:enabled\:hover\:text-white:hover:enabled:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .enabled\:dark\:hover\:text-white:hover:is(.dark *):enabled{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .dark\:disabled\:text-gray-500:disabled:is(.dark *){ --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .disabled\:dark\:text-gray-500:is(.dark *):disabled{ --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .group:hover .dark\:group-hover\:bg-blue-300:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(164 202 254 / var(--tw-bg-opacity, 1)); } .group:hover .dark\:group-hover\:bg-cyan-300:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(103 232 249 / var(--tw-bg-opacity, 1)); } .group:hover .dark\:group-hover\:bg-gray-500:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1)); } .group:hover .dark\:group-hover\:bg-gray-600:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); } .group:hover .dark\:group-hover\:bg-gray-700:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .group:hover .dark\:group-hover\:bg-gray-800\/60:is(.dark *){ background-color: rgb(31 41 55 / 0.6); } .group:hover .dark\:group-hover\:bg-green-300:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(132 225 188 / var(--tw-bg-opacity, 1)); } .group:hover .dark\:group-hover\:bg-indigo-300:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(180 198 252 / var(--tw-bg-opacity, 1)); } .group:hover .dark\:group-hover\:bg-lime-300:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(190 242 100 / var(--tw-bg-opacity, 1)); } .group:hover .dark\:group-hover\:bg-pink-300:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(248 180 217 / var(--tw-bg-opacity, 1)); } .group:hover .dark\:group-hover\:bg-purple-300:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(202 191 253 / var(--tw-bg-opacity, 1)); } .group:hover .dark\:group-hover\:bg-red-300:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(248 180 180 / var(--tw-bg-opacity, 1)); } .group:hover .dark\:group-hover\:bg-teal-300:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(126 220 226 / var(--tw-bg-opacity, 1)); } .group:hover .dark\:group-hover\:bg-yellow-300:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(250 202 21 / var(--tw-bg-opacity, 1)); } .group:hover .dark\:group-hover\:text-gray-300:is(.dark *){ --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity, 1)); } .group:hover .dark\:group-hover\:text-white:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .group:focus .dark\:group-focus\:ring-gray-800\/70:is(.dark *){ --tw-ring-color: rgb(31 41 55 / 0.7); } .peer:checked ~ .dark\:peer-checked\:text-primary-500:is(.dark *){ --tw-text-opacity: 1; color: rgb(42 174 240 / var(--tw-text-opacity, 1)); } .peer:focus ~ .peer-focus\:dark\:text-blue-500:is(.dark *){ --tw-text-opacity: 1; color: rgb(63 131 248 / var(--tw-text-opacity, 1)); } @media (min-width: 475px){ .xs\:mt-0{ margin-top: 0px; } } @media (min-width: 640px){ .sm\:bottom-4{ bottom: 1rem; } .sm\:right-4{ right: 1rem; } .sm\:col-span-1{ grid-column: span 1 / span 1; } .sm\:col-span-2{ grid-column: span 2 / span 2; } .sm\:col-start-3{ grid-column-start: 3; } .sm\:mx-auto{ margin-left: auto; margin-right: auto; } .sm\:mb-0{ margin-bottom: 0px; } .sm\:mb-2{ margin-bottom: 0.5rem; } .sm\:mb-5{ margin-bottom: 1.25rem; } .sm\:mb-6{ margin-bottom: 1.5rem; } .sm\:mb-8{ margin-bottom: 2rem; } .sm\:inline{ display: inline; } .sm\:flex{ display: flex; } .sm\:inline-flex{ display: inline-flex; } .sm\:h-10{ height: 2.5rem; } .sm\:h-14{ height: 3.5rem; } .sm\:h-16{ height: 4rem; } .sm\:h-6{ height: 1.5rem; } .sm\:h-7{ height: 1.75rem; } .sm\:h-\[calc\(100vh-110px\)\]{ height: calc(100vh - 110px); } .sm\:max-h-\[calc\(100vh-110px\)\]{ max-height: calc(100vh - 110px); } .sm\:w-10{ width: 2.5rem; } .sm\:w-16{ width: 4rem; } .sm\:w-6{ width: 1.5rem; } .sm\:w-\[360px\]{ width: 360px; } .sm\:w-\[420px\]{ width: 420px; } .sm\:w-\[480px\]{ width: 480px; } .sm\:w-\[520px\]{ width: 520px; } .sm\:w-\[560px\]{ width: 560px; } .sm\:w-\[640px\]{ width: 640px; } .sm\:w-\[760px\]{ width: 760px; } .sm\:w-auto{ width: auto; } .sm\:basis-14{ flex-basis: 3.5rem; } .sm\:grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); } .sm\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:grid-cols-\[24px_190px_minmax\(0\2c 1fr\)\]{ grid-template-columns: 24px 190px minmax(0,1fr); } .sm\:items-center{ align-items: center; } .sm\:justify-center{ justify-content: center; } .sm\:gap-6{ gap: 1.5rem; } .sm\: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))); } .sm\: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))); } .sm\: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)); } .sm\: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)); } .sm\: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)); } .sm\:rounded-2xl{ border-radius: 1rem; } .sm\:p-4{ padding: 1rem; } .sm\:px-0{ padding-left: 0px; padding-right: 0px; } .sm\:px-4{ padding-left: 1rem; padding-right: 1rem; } .sm\:px-5{ padding-left: 1.25rem; padding-right: 1.25rem; } .sm\:py-3\.5{ padding-top: 0.875rem; padding-bottom: 0.875rem; } .sm\:py-4{ padding-top: 1rem; padding-bottom: 1rem; } .sm\:py-5{ padding-top: 1.25rem; padding-bottom: 1.25rem; } .sm\:pr-8{ padding-right: 2rem; } .sm\:text-center{ text-align: center; } .sm\:text-end{ text-align: end; } .sm\:text-2xl{ font-size: 1.5rem; line-height: 2rem; } .sm\:text-4xl{ font-size: 2.25rem; line-height: 2.5rem; } .sm\:text-base{ font-size: 1rem; line-height: 1.5rem; } .sm\:text-lg{ font-size: 1.125rem; line-height: 1.75rem; } .sm\:text-xs{ font-size: 0.75rem; line-height: 1rem; } } @media (min-width: 768px){ .md\:inset-0{ inset: 0px; } .md\:mx-2{ margin-left: 0.5rem; margin-right: 0.5rem; } .md\:mx-6{ margin-left: 1.5rem; margin-right: 1.5rem; } .md\:my-10{ margin-top: 2.5rem; margin-bottom: 2.5rem; } .md\:my-12{ margin-top: 3rem; margin-bottom: 3rem; } .md\:my-6{ margin-top: 1.5rem; margin-bottom: 1.5rem; } .md\:mb-5{ margin-bottom: 1.25rem; } .md\:mb-6{ margin-bottom: 1.5rem; } .md\:mb-8{ margin-bottom: 2rem; } .md\:mr-6{ margin-right: 1.5rem; } .md\:mt-0{ margin-top: 0px; } .md\:block{ display: block; } .md\:inline-block{ display: inline-block; } .md\:flex{ display: flex; } .md\:hidden{ display: none; } .md\:h-auto{ height: auto; } .md\:h-full{ height: 100%; } .md\:w-24{ width: 6rem; } .md\:w-3\/4{ width: 75%; } .md\:w-48{ width: 12rem; } .md\:w-\[30\%\]{ width: 30%; } .md\:w-\[42rem\]{ width: 42rem; } .md\:w-\[70\%\]{ width: 70%; } .md\:w-auto{ width: auto; } .md\:max-w-md{ max-width: 28rem; } .md\:max-w-sm{ max-width: 24rem; } .md\:max-w-xl{ max-width: 36rem; } .md\:flex-1{ flex: 1 1 0%; } .md\:flex-row{ flex-direction: row; } .md\:flex-col{ flex-direction: column; } .md\:items-center{ align-items: center; } .md\:justify-between{ justify-content: space-between; } .md\:gap-1\.5{ gap: 0.375rem; } .md\:gap-6{ gap: 1.5rem; } .md\: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))); } .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\: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)); } .md\:rounded-none{ border-radius: 0px; } .md\:rounded-l-lg{ border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .md\:border-0{ border-width: 0px; } .md\:bg-transparent{ background-color: transparent; } .md\:p-0{ padding: 0px; } .md\:p-4{ padding: 1rem; } .md\:px-6{ padding-left: 1.5rem; padding-right: 1.5rem; } .md\:px-8{ padding-left: 2rem; padding-right: 2rem; } .md\:pr-8{ padding-right: 2rem; } .md\:text-right{ text-align: right; } .md\:text-2xl{ font-size: 1.5rem; line-height: 2rem; } .md\:text-4xl{ font-size: 2.25rem; line-height: 2.5rem; } .md\:text-5xl{ font-size: 3rem; line-height: 1; } .md\:text-lg{ font-size: 1.125rem; line-height: 1.75rem; } .md\:text-sm{ font-size: 0.875rem; line-height: 1.25rem; } .md\:text-xl{ font-size: 1.25rem; line-height: 1.75rem; } .md\:font-medium{ font-weight: 500; } .md\:text-cyan-700{ --tw-text-opacity: 1; color: rgb(14 116 144 / var(--tw-text-opacity, 1)); } .md\:hover\:bg-transparent:hover{ background-color: transparent; } .md\:hover\:text-cyan-700:hover{ --tw-text-opacity: 1; color: rgb(14 116 144 / var(--tw-text-opacity, 1)); } .md\:dark\:hover\:bg-transparent:hover:is(.dark *){ background-color: transparent; } .md\:dark\:hover\:text-white:hover:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } } @media (min-width: 1024px){ .lg\:sticky{ position: sticky; } .lg\:top-0{ top: 0px; } .lg\:order-2{ order: 2; } .lg\:col-span-7{ grid-column: span 7 / span 7; } .lg\:mx-0{ margin-left: 0px; margin-right: 0px; } .lg\:my-8{ margin-top: 2rem; margin-bottom: 2rem; } .lg\:mb-0{ margin-bottom: 0px; } .lg\:mb-8{ margin-bottom: 2rem; } .lg\:mt-3{ margin-top: 0.75rem; } .lg\:block{ display: block; } .lg\:flex{ display: flex; } .lg\:inline-flex{ display: inline-flex; } .lg\:hidden{ display: none; } .lg\:h-screen{ height: 100vh; } .lg\:w-16{ width: 4rem; } .lg\:w-64{ width: 16rem; } .lg\:w-\[30\%\]{ width: 30%; } .lg\:w-\[320px\]{ width: 320px; } .lg\:w-\[560px\]{ width: 560px; } .lg\:w-\[920px\]{ width: 920px; } .lg\:max-w-2xl{ max-width: 42rem; } .lg\:max-w-lg{ max-width: 32rem; } .lg\:max-w-md{ max-width: 28rem; } .lg\:flex-none{ flex: none; } .lg\:grid-cols-12{ grid-template-columns: repeat(12, minmax(0, 1fr)); } .lg\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:flex-row{ flex-direction: row; } .lg\:flex-col{ flex-direction: column; } .lg\:items-start{ align-items: flex-start; } .lg\:items-center{ align-items: center; } .lg\:justify-end{ justify-content: flex-end; } .lg\:gap-12{ gap: 3rem; } .lg\:gap-6{ gap: 1.5rem; } .lg\: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))); } .lg\:px-4{ padding-left: 1rem; padding-right: 1rem; } .lg\:px-5{ padding-left: 1.25rem; padding-right: 1.25rem; } .lg\:px-6{ padding-left: 1.5rem; padding-right: 1.5rem; } .lg\:py-0{ padding-top: 0px; padding-bottom: 0px; } .lg\:py-16{ padding-top: 4rem; padding-bottom: 4rem; } .lg\:py-24{ padding-top: 6rem; padding-bottom: 6rem; } .lg\:pr-2{ padding-right: 0.5rem; } .lg\:text-left{ text-align: left; } .lg\:text-4xl{ font-size: 2.25rem; line-height: 2.5rem; } .lg\:text-lg{ font-size: 1.125rem; line-height: 1.75rem; } .lg\:text-xl{ font-size: 1.25rem; line-height: 1.75rem; } } @media (min-width: 1440px){ .xl\:mx-auto{ margin-left: auto; margin-right: auto; } .xl\:mb-8{ margin-bottom: 2rem; } .xl\:block{ display: block; } .xl\:flex{ display: flex; } .xl\:table-cell{ display: table-cell; } .xl\:w-\[30\%\]{ width: 30%; } .xl\:w-\[336px\]{ width: 336px; } .xl\:w-\[880px\]{ width: 880px; } .xl\:w-full{ width: 100%; } .xl\:max-w-xl{ max-width: 36rem; } .xl\:px-0{ padding-left: 0px; padding-right: 0px; } .xl\:text-5xl{ font-size: 3rem; line-height: 1; } .xl\:text-6xl{ font-size: 3.75rem; line-height: 1; } .xl\:text-sm{ font-size: 0.875rem; line-height: 1.25rem; } .xl\:text-xl{ font-size: 1.25rem; line-height: 1.75rem; } } @media (min-width: 1536px){ .\32xl\:px-0{ padding-left: 0px; padding-right: 0px; } } .ltr\:ml-2:where([dir="ltr"], [dir="ltr"] *){ margin-left: 0.5rem; } .rtl\:mr-2:where([dir="rtl"], [dir="rtl"] *){ margin-right: 0.5rem; } .rtl\:rotate-180:where([dir="rtl"], [dir="rtl"] *){ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rtl\:space-x-reverse:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 1; } .rtl\:after\:right-1:where([dir="rtl"], [dir="rtl"] *)::after{ content: var(--tw-content); right: 0.25rem; } .rtl\:after\:right-px:where([dir="rtl"], [dir="rtl"] *)::after{ content: var(--tw-content); right: 1px; } .rtl\:after\:-translate-x-full:where([dir="rtl"], [dir="rtl"] *)::after{ content: var(--tw-content); --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .peer:checked ~ .rtl\:peer-checked\:after\:-translate-x-full:where([dir="rtl"], [dir="rtl"] *)::after{ content: var(--tw-content); --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .\[\&\.ant-picker-focused\]\:border-primary-600.ant-picker-focused{ --tw-border-opacity: 1; border-color: rgb(25 159 233 / var(--tw-border-opacity, 1)); } .\[\&\.ant-picker-focused\]\:shadow-\[0_0_0_2px_theme\(colors\.primary\.600\)\].ant-picker-focused{ --tw-shadow: 0 0 0 2px #199FE9; --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .\[\&\.ant-picker-focused\]\:outline-none.ant-picker-focused{ outline: 2px solid transparent; outline-offset: 2px; } .dark\:\[\&\.ant-picker-focused\]\:border-primary-600.ant-picker-focused:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(25 159 233 / var(--tw-border-opacity, 1)); } .dark\:\[\&\.ant-picker-focused\]\:shadow-\[0_0_0_2px_theme\(colors\.primary\.600\)\].ant-picker-focused:is(.dark *){ --tw-shadow: 0 0 0 2px #199FE9; --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .\[\&\.ant-picker\:hover\]\:border-primary-600.ant-picker:hover{ --tw-border-opacity: 1; border-color: rgb(25 159 233 / var(--tw-border-opacity, 1)); } .dark\:\[\&\.ant-picker\:hover\]\:border-primary-500.ant-picker:hover:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(42 174 240 / var(--tw-border-opacity, 1)); } .\[\&\.ant-picker\]\:overflow-hidden.ant-picker{ overflow: hidden; } .\[\&\.ant-picker\]\:border.ant-picker{ border-width: 1px; } .\[\&\.ant-picker\]\:border-gray-300.ant-picker{ --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); } .\[\&\.ant-picker\]\:p-0.ant-picker{ padding: 0px; } .\[\&\.ant-picker\]\:\!\[border-radius\:9px\].ant-picker{ border-radius: 9px !important; } .dark\:\[\&\.ant-picker\]\:border-gray-600.ant-picker:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(75 85 99 / var(--tw-border-opacity, 1)); } .\[\&\:\:-webkit-scrollbar\]\:\!hidden::-webkit-scrollbar{ display: none !important; } .\[\&\:\:-webkit-scrollbar\]\:\!h-0::-webkit-scrollbar{ height: 0px !important; } .\[\&\:\:-webkit-scrollbar\]\:\!w-0::-webkit-scrollbar{ width: 0px !important; } .\[\&\:\:-webkit-scrollbar\]\:\!bg-transparent::-webkit-scrollbar{ background-color: transparent !important; } .\[\&\:not\(\:disabled\)\]\:hover\:bg-primary-700:hover:not(:disabled){ --tw-bg-opacity: 1; background-color: rgb(20 160 230 / var(--tw-bg-opacity, 1)); } .\[\&\>\*\]\:pointer-events-none>*{ pointer-events: none; } .\[\&\>\*\]\:cursor-grab>*{ cursor: grab; } .\[\&\>\*\]\:first\:rounded-t-lg:first-child>*{ border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .\[\&\>\*\]\:last\:rounded-b-lg:last-child>*{ border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .\[\&\>\*\]\:last\:border-b-0:last-child>*{ border-bottom-width: 0px; } .\[\&\>h2\]\:order-2>h2{ order: 2; } .\[\&\>h2\]\:flex>h2{ display: flex; } .\[\&\>h2\]\:w-full>h2{ width: 100%; } .\[\&\>h2\]\:items-center>h2{ align-items: center; } .\[\&\>h2\]\:justify-between>h2{ justify-content: space-between; } .\[\&\>h2\]\:gap-2>h2{ gap: 0.5rem; } .\[\&_\*\]\:cursor-pointer *{ cursor: pointer; } .\[\&_\.ant-collapse-content-box\]\:bg-gray-50 .ant-collapse-content-box{ --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .\[\&_\.ant-collapse-content-box\]\:text-gray-900 .ant-collapse-content-box{ --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); } .dark\:\[\&_\.ant-collapse-content-box\]\:bg-gray-800 .ant-collapse-content-box:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .dark\:\[\&_\.ant-collapse-content-box\]\:text-gray-100 .ant-collapse-content-box:is(.dark *){ --tw-text-opacity: 1; color: rgb(243 244 246 / var(--tw-text-opacity, 1)); } .\[\&_\.ant-collapse-header\]\:bg-gray-50 .ant-collapse-header{ --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .\[\&_\.ant-collapse-header\]\:px-4 .ant-collapse-header{ padding-left: 1rem; padding-right: 1rem; } .\[\&_\.ant-collapse-header\]\:py-2 .ant-collapse-header{ padding-top: 0.5rem; padding-bottom: 0.5rem; } .\[\&_\.ant-collapse-header\]\:text-sm .ant-collapse-header{ font-size: 0.875rem; line-height: 1.25rem; } .\[\&_\.ant-collapse-header\]\:font-semibold .ant-collapse-header{ font-weight: 600; } .\[\&_\.ant-collapse-header\]\:text-gray-900 .ant-collapse-header{ --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); } .dark\:\[\&_\.ant-collapse-header\]\:bg-gray-800 .ant-collapse-header:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .dark\:\[\&_\.ant-collapse-header\]\:text-gray-100 .ant-collapse-header:is(.dark *){ --tw-text-opacity: 1; color: rgb(243 244 246 / var(--tw-text-opacity, 1)); } .\[\&_\.ant-collapse-item\]\:overflow-hidden .ant-collapse-item{ overflow: hidden; } .dark\:\[\&_\.ant-picker-clear\]\:text-gray-400 .ant-picker-clear:is(.dark *){ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .\[\&_\.ant-picker-focused\]\:border-2 .ant-picker-focused{ border-width: 2px; } .\[\&_\.ant-picker-focused\]\:border-primary-600 .ant-picker-focused{ --tw-border-opacity: 1; border-color: rgb(25 159 233 / var(--tw-border-opacity, 1)); } .\[\&_\.ant-picker-focused\]\:shadow-none .ant-picker-focused{ --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .dark\:\[\&_\.ant-picker-input\>input\:\:placeholder\]\:text-gray-400 .ant-picker-input>input:is(.dark *)::-moz-placeholder{ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .dark\:\[\&_\.ant-picker-input\>input\:\:placeholder\]\:text-gray-400 .ant-picker-input>input:is(.dark *)::placeholder{ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .\[\&_\.ant-picker-input\>input\]\:rounded-xl .ant-picker-input>input{ border-radius: 0.75rem; } .\[\&_\.ant-picker-input\>input\]\:bg-white .ant-picker-input>input{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .\[\&_\.ant-picker-input\>input\]\:px-2 .ant-picker-input>input{ padding-left: 0.5rem; padding-right: 0.5rem; } .\[\&_\.ant-picker-input\>input\]\:px-3 .ant-picker-input>input{ padding-left: 0.75rem; padding-right: 0.75rem; } .\[\&_\.ant-picker-input\>input\]\:px-4 .ant-picker-input>input{ padding-left: 1rem; padding-right: 1rem; } .\[\&_\.ant-picker-input\>input\]\:py-2 .ant-picker-input>input{ padding-top: 0.5rem; padding-bottom: 0.5rem; } .\[\&_\.ant-picker-input\>input\]\:py-3 .ant-picker-input>input{ padding-top: 0.75rem; padding-bottom: 0.75rem; } .\[\&_\.ant-picker-input\>input\]\:py-\[9px\] .ant-picker-input>input{ padding-top: 9px; padding-bottom: 9px; } .\[\&_\.ant-picker-input\>input\]\:text-base .ant-picker-input>input{ font-size: 1rem; line-height: 1.5rem; } .\[\&_\.ant-picker-input\>input\]\:text-sm .ant-picker-input>input{ font-size: 0.875rem; line-height: 1.25rem; } .\[\&_\.ant-picker-input\>input\]\:text-gray-900 .ant-picker-input>input{ --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); } .dark\:\[\&_\.ant-picker-input\>input\]\:bg-gray-900 .ant-picker-input>input:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); } .dark\:\[\&_\.ant-picker-input\>input\]\:text-gray-100 .ant-picker-input>input:is(.dark *){ --tw-text-opacity: 1; color: rgb(243 244 246 / var(--tw-text-opacity, 1)); } .\[\&_\.ant-picker-input\]\:w-full .ant-picker-input{ width: 100%; } .\[\&_\.ant-picker-input\]\:px-3 .ant-picker-input{ padding-left: 0.75rem; padding-right: 0.75rem; } .\[\&_\.ant-picker-input\]\:py-\[1\.5px\] .ant-picker-input{ padding-top: 1.5px; padding-bottom: 1.5px; } .dark\:\[\&_\.ant-picker-input\]\:bg-gray-900 .ant-picker-input:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); } .dark\:\[\&_\.ant-picker-suffix\]\:text-gray-400 .ant-picker-suffix:is(.dark *){ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .\[\&_\.ant-picker\:hover\]\:border-primary-500 .ant-picker:hover{ --tw-border-opacity: 1; border-color: rgb(42 174 240 / var(--tw-border-opacity, 1)); } .\[\&_\.ant-picker\]\:border-gray-300 .ant-picker{ --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); } .\[\&_\.ant-picker\]\:bg-white .ant-picker{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .dark\:\[\&_\.ant-picker\]\:border-gray-600 .ant-picker:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(75 85 99 / var(--tw-border-opacity, 1)); } .dark\:\[\&_\.ant-picker\]\:bg-gray-900 .ant-picker:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); } .\[\&_\.mt-2\.flex\.space-x-2\]\:hidden .mt-2.flex.space-x-2{ display: none; } .\[\&_\[aria-label\=Close\]\]\:hidden [aria-label=Close]{ display: none; } .\[\&_\[role\=dialog\]\]\:h-auto [role=dialog]{ height: auto; } .focus-visible\:\[\&_\[role\=dialog\]\]\:outline-none [role=dialog]:focus-visible{ outline: 2px solid transparent; outline-offset: 2px; } .\[\&_input\:disabled\]\:bg-gray-50 input:disabled{ --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .\[\&_input\:disabled\]\:text-gray-400 input:disabled{ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .dark\:\[\&_input\:disabled\]\:bg-gray-700 input:disabled:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .dark\:\[\&_input\:disabled\]\:text-gray-400 input:disabled:is(.dark *){ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .\[\&_input\:focus\]\:ring-transparent input:focus{ --tw-ring-color: transparent; } .\[\&_input\]\:w-full input{ width: 100%; } .\[\&_input\]\:min-w-52 input{ min-width: 13rem; } .\[\&_input\]\:rounded-lg input{ border-radius: 0.5rem; } .\[\&_input\]\:border-gray-300 input{ --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); } .\[\&_input\]\:bg-white input{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .\[\&_input\]\:p-2\.5 input{ padding: 0.625rem; } .\[\&_input\]\:py-2 input{ padding-top: 0.5rem; padding-bottom: 0.5rem; } .\[\&_input\]\:pl-\[48px\] input{ padding-left: 48px; } .\[\&_input\]\:pr-20 input{ padding-right: 5rem; } .\[\&_input\]\:text-sm input{ font-size: 0.875rem; line-height: 1.25rem; } .\[\&_input\]\:text-gray-900 input{ --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); } .\[\&_input\]\:focus\:border-cyan-500:focus input{ --tw-border-opacity: 1; border-color: rgb(6 182 212 / var(--tw-border-opacity, 1)); } .\[\&_input\]\:focus\:ring-cyan-500:focus input{ --tw-ring-opacity: 1; --tw-ring-color: rgb(6 182 212 / var(--tw-ring-opacity, 1)); } .\[\&_input\]\:disabled\:cursor-not-allowed:disabled input{ cursor: not-allowed; } .\[\&_input\]\:disabled\:opacity-50:disabled input{ opacity: 0.5; } .\[\&_input\]\:dark\:border-gray-600:is(.dark *) input{ --tw-border-opacity: 1; border-color: rgb(75 85 99 / var(--tw-border-opacity, 1)); } .\[\&_input\]\:dark\:bg-gray-700:is(.dark *) input{ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .dark\:\[\&_input\]\:bg-gray-700 input:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .dark\:\[\&_input\]\:bg-gray-800 input:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .\[\&_input\]\:dark\:text-white:is(.dark *) input{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .\[\&_input\]\:dark\:placeholder-gray-400:is(.dark *) input::-moz-placeholder{ --tw-placeholder-opacity: 1; color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1)); } .\[\&_input\]\:dark\:placeholder-gray-400:is(.dark *) input::placeholder{ --tw-placeholder-opacity: 1; color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1)); } .\[\&_input\]\:dark\:focus\:border-cyan-500:focus:is(.dark *) input{ --tw-border-opacity: 1; border-color: rgb(6 182 212 / var(--tw-border-opacity, 1)); } .\[\&_input\]\:dark\:focus\:ring-cyan-500:focus:is(.dark *) input{ --tw-ring-opacity: 1; --tw-ring-color: rgb(6 182 212 / var(--tw-ring-opacity, 1)); } .\[\&_select\:disabled\]\:text-gray-500 select:disabled{ --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .\[\&_select\]\:border-gray-200 select{ --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); } .\[\&_select\]\:bg-white select{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .\[\&_select\]\:rtl\:\!pl-7:where([dir="rtl"], [dir="rtl"] *) select{ padding-left: 1.75rem !important; } .\[\&_span\]\:order-4 span{ order: 4; } .\[\&_span\]\:items-center span{ align-items: center; } .\[\&_span\]\:gap-1 span{ gap: 0.25rem; } .\[\&_svg\]\:h-10 svg{ height: 2.5rem; } .\[\&_svg\]\:h-12 svg{ height: 3rem; } .\[\&_svg\]\:h-16 svg{ height: 4rem; } .\[\&_svg\]\:h-3 svg{ height: 0.75rem; } .\[\&_svg\]\:h-3\.5 svg{ height: 0.875rem; } .\[\&_svg\]\:h-4 svg{ height: 1rem; } .\[\&_svg\]\:h-5 svg{ height: 1.25rem; } .\[\&_svg\]\:h-6 svg{ height: 1.5rem; } .\[\&_svg\]\:h-7 svg{ height: 1.75rem; } .\[\&_svg\]\:h-\[1\.5rem\] svg{ height: 1.5rem; } .\[\&_svg\]\:h-\[10rem\] svg{ height: 10rem; } .\[\&_svg\]\:h-\[15rem\] svg{ height: 15rem; } .\[\&_svg\]\:h-\[1rem\] svg{ height: 1rem; } .\[\&_svg\]\:h-\[20rem\] svg{ height: 20rem; } .\[\&_svg\]\:h-\[22rem\] svg{ height: 22rem; } .\[\&_svg\]\:h-\[25rem\] svg{ height: 25rem; } .\[\&_svg\]\:h-\[30rem\] svg{ height: 30rem; } .\[\&_svg\]\:h-\[8rem\] svg{ height: 8rem; } .\[\&_svg\]\:w-10 svg{ width: 2.5rem; } .\[\&_svg\]\:w-12 svg{ width: 3rem; } .\[\&_svg\]\:w-16 svg{ width: 4rem; } .\[\&_svg\]\:w-3 svg{ width: 0.75rem; } .\[\&_svg\]\:w-3\.5 svg{ width: 0.875rem; } .\[\&_svg\]\:w-4 svg{ width: 1rem; } .\[\&_svg\]\:w-5 svg{ width: 1.25rem; } .\[\&_svg\]\:w-6 svg{ width: 1.5rem; } .\[\&_svg\]\:w-7 svg{ width: 1.75rem; } .\[\&_svg\]\:w-\[1\.5rem\] svg{ width: 1.5rem; } .\[\&_svg\]\:w-\[10rem\] svg{ width: 10rem; } .\[\&_svg\]\:w-\[15rem\] svg{ width: 15rem; } .\[\&_svg\]\:w-\[1rem\] svg{ width: 1rem; } .\[\&_svg\]\:w-\[20rem\] svg{ width: 20rem; } .\[\&_svg\]\:w-\[22rem\] svg{ width: 22rem; } .\[\&_svg\]\:w-\[25rem\] svg{ width: 25rem; } .\[\&_svg\]\:w-\[30rem\] svg{ width: 30rem; } .\[\&_svg\]\:w-\[8rem\] svg{ width: 8rem; }