.ksc-training{--tr-bg:#fff;--tr-card:#f5f7fa;--tr-text:#16243b;--tr-muted:#64748b;--tr-line:#dbe3ed;color:var(--tr-text);font-size:15px;line-height:1.65}
.ksc-training.training-dark{--tr-bg:#14171c;--tr-card:#1d232b;--tr-text:#f1f5f9;--tr-muted:#a5b2c4;--tr-line:#35404c}
.training-panel{background:var(--tr-bg);padding:24px;border:1px solid var(--tr-line);border-radius:24px}
.training-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.ksc-training h2{font-size:24px;font-weight:800}.ksc-training h3{font-size:18px;font-weight:750}.ksc-training h4{font-weight:750;font-size:17px;display:flex;justify-content:space-between;gap:12px}.ksc-training h4 small{font-size:13px;color:var(--tr-muted);white-space:nowrap}
.training-eyebrow{font-size:12px;color:#3b93f8;font-weight:700}.training-grade{font-size:32px;font-weight:850;color:#2685ec}.training-grade small{display:block;font-size:12px;color:var(--tr-muted)}
.training-muted{color:var(--tr-muted);font-size:13px}.training-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:18px 0}
.ksc-training button{border:1px solid var(--tr-line);border-radius:12px;padding:10px 16px;background:var(--tr-card);color:var(--tr-text);cursor:pointer;font-weight:650}.ksc-training button:hover:not(:disabled){border-color:#3b93f8}.ksc-training button:disabled{opacity:.4;cursor:not-allowed}.ksc-training button.training-primary{background:#176be6;color:#fff;border-color:#176be6}.ksc-training button:focus-visible,.ksc-training input:focus-visible,.ksc-training textarea:focus-visible,.ksc-training select:focus-visible{outline:3px solid #64a9ff;outline-offset:2px}
.training-box{background:var(--tr-card);border:1px solid var(--tr-line);padding:18px;border-radius:16px;margin:12px 0}.training-box p{margin:8px 0}.training-box dl{display:grid;grid-template-columns:100px 1fr;gap:6px;margin-top:12px;font-size:14px}.training-box dt{color:var(--tr-muted)}
.training-activities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.training-phase-strip{display:flex;gap:8px;flex-wrap:wrap}.training-phase-strip span{background:var(--tr-card);color:var(--tr-muted);padding:6px 12px;border-radius:10px}.training-phase-strip .active{background:#176be6;color:#fff}
.training-error{padding:12px 16px;border-radius:12px;background:#fee2e2;color:#a91b1b;margin:12px 0}.training-success{padding:12px 16px;border-radius:12px;background:#d8fae9;color:#086742;margin:12px 0}
.training-overlay{position:fixed;inset:0;z-index:4000;background:#000a;overflow-y:auto;padding:28px 16px}.training-dialog{max-width:940px;min-height:200px;margin:0 auto;background:var(--tr-bg);padding:24px;border-radius:24px;box-shadow:0 20px 100px #0006}
.training-confirm{position:fixed;inset:0;z-index:4100;display:flex;align-items:center;justify-content:center;background:#000a;padding:16px}.training-confirm>.training-box{max-width:460px;background:var(--tr-bg)}
.training-sticky{position:sticky;bottom:-1px;background:var(--tr-bg);display:flex;gap:12px;justify-content:space-between;padding:16px 0 4px;border-top:1px solid var(--tr-line);margin-top:20px}.training-sticky button{flex:1}
.training-answer{display:flex;gap:12px;align-items:center}.ksc-training button.answer-pass{background:#087e55;color:#fff;border-color:#087e55}.ksc-training button.answer-fail{background:#bc3030;color:#fff;border-color:#bc3030}
.training-field{display:flex;flex-direction:column;gap:6px;margin:12px 0;font-weight:600}.training-field small{font-weight:400;color:var(--tr-muted)}.ksc-training input,.ksc-training select,.ksc-training textarea{width:100%;min-width:0;padding:10px 12px;border-radius:10px;border:1px solid var(--tr-line);background:var(--tr-bg);color:var(--tr-text);font:inherit}.ksc-training textarea{resize:vertical}.training-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.training-admin-compact{max-width:1080px;margin:0 auto;padding:26px 30px 18px}.training-admin-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.training-admin-header h2{margin:1px 0 0}.training-level-rail{display:flex;gap:7px;padding:7px;background:var(--tr-card);border:1px solid var(--tr-line);border-radius:17px;overflow-x:auto}.ksc-training .training-level-rail button{position:relative;min-width:54px;padding:8px 6px;border:0;background:transparent;border-radius:11px;display:flex;align-items:baseline;justify-content:center;gap:1px;color:var(--tr-muted)}.training-level-rail button b{font-size:17px}.training-level-rail button span{font-size:11px}.training-level-rail button i{position:absolute;right:3px;top:2px;font-size:8px;font-style:normal;color:#f8bc57}.training-level-summary{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:20px 2px 14px}.training-level-summary>div:first-child{display:flex;flex-direction:column;gap:1px}.training-level-summary span{font-size:12px;color:var(--tr-muted)}.training-level-summary strong{font-size:24px;line-height:1.3}.training-level-summary small{font-size:12px;color:var(--tr-muted)}.training-tabs{display:flex;gap:7px;padding:5px;background:var(--tr-card);border:1px solid var(--tr-line);border-radius:13px}.ksc-training .training-tabs button{padding:9px 13px;border:0;background:transparent;color:var(--tr-muted);font-size:13px}.ksc-training .training-tabs button b{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:4px;border-radius:8px;background:#ffffff15;font-size:10px}.training-settings{margin:6px 0 14px;border:1px solid var(--tr-line);border-radius:13px;background:var(--tr-card);padding:0 15px}.training-settings summary{padding:11px 0;font-size:13px;font-weight:700;color:var(--tr-muted)}.training-settings[open] summary{border-bottom:1px solid var(--tr-line)}.training-editor-list{display:grid;gap:9px}.training-editor-card{border:1px solid var(--tr-line);border-radius:15px;background:var(--tr-card);overflow:hidden}.training-editor-card>summary{display:flex;align-items:center;gap:12px;padding:13px 15px;list-style:none}.training-editor-card>summary::-webkit-details-marker,.training-activity-card>summary::-webkit-details-marker{display:none}.training-editor-card>summary:after,.training-activity-card>summary:after{content:'⌄';margin-left:8px;color:var(--tr-muted);font-size:16px;transition:transform .2s}.training-editor-card[open]>summary:after,.training-activity-card[open]>summary:after{transform:rotate(180deg)}.training-order{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;background:#287fe819;color:#70b6ff;font-size:12px;font-weight:800}.training-editor-title{min-width:0;flex:1;display:flex;flex-direction:column}.training-editor-title b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.training-editor-title small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tr-muted);font-size:11px;margin-top:2px}.training-editor-card em{font-style:normal;padding:3px 7px;border-radius:8px;background:#1976d214;color:#70b6ff;font-size:10px;font-weight:700}.training-editor-card em.fitness{background:#a76fe41c;color:#cba5ff}.training-editor-body{border-top:1px solid var(--tr-line);padding:4px 16px 16px}.training-editor-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:10px}.ksc-training .training-editor-actions button{padding:5px 9px;border-radius:8px;font-size:11px}.training-add{display:flex;justify-content:center;align-items:center;width:100%;min-height:44px;border-style:dashed!important;color:#70b6ff!important;background:transparent!important;font-size:13px}.training-add-small{margin-top:10px;min-height:38px}.training-activity-list{display:grid;gap:7px;margin:15px 0}.training-activity-card{border:1px solid var(--tr-line);border-radius:11px;background:var(--tr-bg);overflow:hidden}.training-activity-card>summary{display:flex;align-items:center;gap:9px;padding:10px 12px;list-style:none;font-size:12px}.training-activity-card>summary>span{color:#70b6ff;font-weight:700;white-space:nowrap}.training-activity-card>summary>b{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.training-activity-card>summary>small{font-size:11px;color:var(--tr-muted);white-space:nowrap}.training-activity-body{border-top:1px solid var(--tr-line);padding:3px 13px 13px}.training-phase-card .training-editor-body{padding-bottom:16px}
@media(min-width:900px){.training-admin-compact{max-width:1500px;padding:30px 40px 22px}.training-admin-layout{display:grid;grid-template-columns:176px minmax(0,1fr);gap:28px;align-items:start}.training-level-sidebar{position:sticky;top:20px;border-right:1px solid var(--tr-line);padding:6px 22px 6px 0}.training-level-sidebar>p{margin:0 0 10px;font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--tr-muted)}.training-level-rail{display:grid;grid-template-columns:1fr;padding:0;border:0;background:transparent;border-radius:0;overflow:visible}.ksc-training .training-level-rail button{width:100%;min-width:0;height:48px;justify-content:flex-start;padding:0 14px;gap:3px;border-radius:11px}.training-level-rail button b{font-size:18px}.training-level-rail button span{font-size:12px}.training-level-rail button i{right:10px;top:8px}.training-level-summary{min-height:80px;padding:0 0 18px;align-items:center;border-bottom:1px solid var(--tr-line)}.training-level-summary strong{font-size:27px}.training-settings{margin-top:16px}.training-editor-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.training-editor-card[open],.training-editor-list>.training-add,.training-editor-list>.training-settings{grid-column:1/-1}.training-editor-card>summary{min-height:64px}.training-phase-card:not([open]) .training-editor-title small{font-size:12px}.training-sticky{padding:14px 0 4px}.training-activity-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.training-activity-card[open]{grid-column:1/-1}.training-editor-body .training-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:899px){.training-admin-layout{display:block}.training-level-sidebar>p{display:none}}
.training-history{margin-top:16px;border-top:1px solid var(--tr-line);padding-top:12px}.ksc-training summary{cursor:pointer;padding:8px 0}.ksc-training button.training-history-row{display:flex;justify-content:space-between;gap:12px;width:100%;margin-top:8px;text-align:left;font-size:13px}.training-admin{padding:24px}.training-levels{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.ksc-training .training-danger{color:#ef6060}.training-admin-note{padding:12px;border-left:3px solid #438ff3;background:var(--tr-card);font-size:13px}
@media(max-width:640px){.training-activities,.training-form-grid{grid-template-columns:1fr}.training-panel,.training-dialog,.training-admin{padding:16px}.training-admin-compact{padding:16px 12px 12px}.training-admin-header{align-items:flex-start;margin-bottom:14px}.training-admin-header button{flex-shrink:0;padding:10px 12px;font-size:12px}.training-level-rail{gap:5px;padding:5px;border-radius:14px}.ksc-training .training-level-rail button{min-width:48px;padding:8px 5px}.training-level-summary{align-items:stretch;padding:14px 2px 12px;gap:12px}.training-level-summary strong{font-size:22px}.training-tabs{width:100%;gap:3px;padding:4px}.ksc-training .training-tabs button{flex:1;padding:10px 6px;font-size:12px}.training-editor-card>summary{gap:9px;padding:12px}.training-order{flex-basis:30px;height:30px}.training-editor-card em{display:none}.training-editor-body{padding:3px 12px 12px}.training-editor-actions{justify-content:stretch}.ksc-training .training-editor-actions button{flex:1;padding:8px 7px}.training-activity-card>summary{padding:10px}.training-overlay{padding:8px}.training-box dl{grid-template-columns:80px 1fr}.training-answer{gap:8px}.training-history-row{flex-wrap:wrap}.training-sticky button{padding:12px 8px;font-size:14px}.ksc-training h2{font-size:21px}}
.lesson-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-size:13px;color:var(--tr-muted)}
.training-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.training-entry .training-toolbar{margin:0}.exam-result-grade{display:flex;flex-direction:column;align-items:center;padding:24px;border-radius:20px;background:#e1f7ef;color:#086953}.exam-result-grade strong{font-size:54px;line-height:1.3}.exam-result-grade strong small{font-size:20px;margin-left:6px}.result-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.result-counts span{font-size:12px;color:var(--tr-muted)}.result-counts b{display:block;font-size:25px;color:var(--tr-text)}.result-pass{color:#149b78;font-size:13px}.result-fail{color:#db813a;font-size:13px}.result-actions button{flex:1}.exam-retest-note{display:block;font-size:11px;color:#d1f7f1;margin-top:5px}.selection-card{display:flex;align-items:flex-start;gap:12px;border-top:1px solid var(--tr-line);padding:15px 0;cursor:pointer}.ksc-training .selection-card input{width:20px;height:20px;flex-shrink:0;margin-top:5px}.selection-card small{display:block;font-size:12px;color:var(--tr-muted);margin-top:5px}.lesson-status{flex-wrap:wrap}.ksc-training .lesson-status button{min-width:42%}.training-dark .exam-result-grade{background:#153f36;color:#80ead0}
@media(min-width:641px) and (max-height:800px){.ksc-training .exam-top{margin-bottom:12px}.ksc-training .exam-level-heading{padding:12px 18px}.ksc-training .exam-question-nav{padding:12px 0}.ksc-training .exam-question{padding:18px}.ksc-training .exam-question-meta{margin-bottom:10px}.ksc-training .exam-question>h3{font-size:22px;margin:4px 0 12px}.ksc-training .exam-instructions{margin-bottom:14px}.ksc-training .exam-answers button{min-height:56px}.ksc-training .exam-question-footer{margin-top:12px}}
.training-dialog:has(>.exam-workspace){max-width:760px}.exam-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.exam-top button{display:flex;align-items:center;gap:7px;font-size:13px;white-space:nowrap}.exam-level-heading{display:flex;gap:18px;align-items:center;padding:20px;background:linear-gradient(125deg,#075f5b,#108e80);border-radius:20px;color:#fff}.exam-level-badge{font-size:36px;font-weight:850;text-align:center;line-height:1.15;border-right:1px solid #ffffff45;padding-right:18px}.exam-level-badge small{display:block;font-size:11px;font-weight:500;margin-top:6px}.exam-level-heading h3{font-size:21px}.exam-level-heading div>span{font-size:12px;color:#d1f7f1}.exam-question-nav{display:flex;gap:7px;flex-wrap:wrap;padding:18px 0}.ksc-training .exam-dot{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;padding:0;font-size:12px}.ksc-training .exam-dot.pass{background:#d9f7eb;color:#087e55;border-color:#81cbb3}.ksc-training .exam-dot.fail{background:#fce9e9;color:#b13333;border-color:#e6a5a5}.ksc-training .exam-dot[aria-current=step]{outline:2px solid #278eac;outline-offset:2px}.exam-question{padding:24px;border:1px solid var(--tr-line);border-radius:20px;background:var(--tr-bg);box-shadow:0 6px 24px #00000006}.exam-question-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--tr-muted);margin-bottom:20px}.exam-question-meta>span:first-child{display:flex;align-items:center;gap:6px;color:#169b89}.exam-question.fitness .exam-question-meta>span:first-child{color:#9b71e4}.exam-theme{font-size:12px;color:var(--tr-muted)}.ksc-training .exam-question>h3{font-size:25px;line-height:1.45;margin:4px 0 18px}.exam-instructions{background:var(--tr-card);border-radius:12px;padding:4px 12px;margin-bottom:24px;font-size:13px}.exam-instructions summary{display:flex;align-items:center;gap:7px;font-weight:650}.exam-instructions summary>span{margin-left:auto;font-size:11px;color:var(--tr-muted);white-space:nowrap}.exam-instructions[open] summary>span{display:none}.exam-instructions p{padding:8px 0 12px;white-space:pre-line}.exam-answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ksc-training .exam-answers button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:70px;font-size:19px;border-width:2px}.exam-question-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:20px}.exam-question-footer>span{font-size:12px;color:var(--tr-muted)}.exam-question-footer>div{display:flex;gap:6px}.exam-question-footer button{display:flex;align-items:center;gap:4px;padding:8px 10px;font-size:12px}.exam-notes{margin:16px 0;font-size:13px;color:var(--tr-muted)}.exam-notes summary span{font-size:11px;margin-left:8px}.exam-bottom{position:sticky;bottom:-1px;background:var(--tr-bg);z-index:2;padding:12px 0;border-top:1px solid var(--tr-line)}.exam-bottom>p{font-size:12px;color:var(--tr-muted);margin:0 0 8px}.exam-bottom>p.exam-ready{color:#169b89;font-weight:700}.exam-bottom>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.exam-bottom button{display:flex;align-items:center;justify-content:center;gap:4px;font-size:14px;min-height:48px}.exam-rules{margin-top:14px;font-size:12px;color:var(--tr-muted)}.exam-rules p{margin:8px 0}.training-dark .exam-dot.pass{background:#123b30;color:#77dfb8}.training-dark .exam-dot.fail{background:#442727;color:#ffa6a6}
@media(max-width:640px){.exam-top{margin-bottom:14px}.exam-level-heading{padding:16px;gap:14px}.exam-question{padding:18px}.ksc-training .exam-question>h3{font-size:22px}.exam-question-meta{margin-bottom:14px}.exam-answers{gap:10px}.ksc-training .exam-answers button{min-height:64px;font-size:18px}.exam-bottom>div{gap:8px}.exam-bottom button{font-size:12px;padding:10px 6px}.exam-top h2{font-size:22px}.exam-instructions{margin-bottom:18px}.exam-question-nav{padding:16px 2px}}
.training-panel:has(.lesson-workspace){padding:0;border:0;background:transparent}.lesson-workspace{--lesson-accent:#087e73;--lesson-soft:#e9f7f4}.training-dark .lesson-workspace{--lesson-accent:#68e6d0;--lesson-soft:#173733}
.lesson-hero{display:flex;align-items:center;gap:16px;padding:24px;border-radius:22px;background:linear-gradient(125deg,#075f5b,#108e80);color:#fff}.lesson-avatar{display:grid;place-items:center;flex-shrink:0;width:58px;height:58px;border:1px solid #ffffff65;border-radius:20px;background:#ffffff20;font-size:26px;font-weight:800}.lesson-hero h2{margin:2px 0;font-size:25px}.lesson-hero p{font-size:13px;color:#d4f7ed}.lesson-kicker{font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--lesson-accent)}.lesson-hero .lesson-kicker{color:#c9fff0}.lesson-level{margin-left:auto;font-weight:900;font-size:36px;opacity:.6}
.lesson-tabs{display:flex;padding:6px;gap:5px;background:var(--tr-card);border:1px solid var(--tr-line);border-radius:16px;margin:18px 0}.ksc-training .lesson-tabs button{display:flex;justify-content:center;align-items:center;gap:7px;flex:1;border:0;background:transparent;white-space:nowrap;padding:11px 8px;color:var(--tr-muted);font-size:14px}.ksc-training .lesson-tabs button[aria-pressed=true]{background:var(--tr-bg);box-shadow:0 2px 8px #0001;color:var(--lesson-accent)}
.lesson-context{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--tr-muted);margin:14px 2px}.lesson-context label{flex:1;min-width:140px}.lesson-context input,.lesson-context select{margin-top:5px}.lesson-progress{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--tr-line);border-radius:18px;padding:18px 20px;margin:16px 0;background:var(--tr-bg)}.lesson-progress h3{font-size:28px;color:var(--lesson-accent);margin:2px 0}.lesson-progress h3 small{font-size:13px;font-weight:500;color:var(--tr-muted)}.lesson-phase-label{text-align:right;font-size:12px;color:var(--tr-muted)}.lesson-progress progress{width:100%;height:6px;border:0;border-radius:5px;overflow:hidden;accent-color:#109887;background:var(--tr-line)}.lesson-progress progress::-webkit-progress-bar{background:var(--tr-line)}.lesson-progress progress::-webkit-progress-value{background:#109887;border-radius:5px}
.lesson-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.lesson-card{border:1px solid var(--tr-line);border-radius:20px;padding:18px;background:var(--tr-bg);min-width:0;display:flex;flex-direction:column;box-shadow:0 4px 14px #00000004}.lesson-card-complete{border-color:#3da993;background:var(--lesson-soft)}.ksc-training .lesson-card-title{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;text-align:left;padding:0 0 15px;border-radius:0}.lesson-card-title>span:nth-child(2){flex:1}.lesson-card-title h3{font-size:17px;line-height:1.4}.lesson-card-title small{font-size:11px;color:var(--tr-muted);font-weight:400}.lesson-number{background:var(--lesson-soft);color:var(--lesson-accent);width:34px;height:34px;display:grid;place-items:center;border-radius:11px;font-size:14px;flex-shrink:0}.lesson-dose{border-top:1px solid var(--tr-line);padding:12px 0;font-size:13px}.lesson-dose>span{display:flex;gap:7px;align-items:center;color:var(--tr-muted);font-size:11px;margin-bottom:6px}.lesson-dose b{font-size:14px;line-height:1.7}.lesson-dose p{color:var(--tr-muted);font-size:12px;margin-bottom:5px}.lesson-status{display:flex;gap:5px;margin-top:auto;padding-top:8px}.ksc-training .lesson-status button{flex:1;padding:9px 3px;font-size:12px;border-radius:10px;display:flex;gap:2px;align-items:center;justify-content:center;white-space:nowrap}.ksc-training .lesson-status button[aria-pressed=true]{background:var(--lesson-accent);color:var(--tr-bg);border-color:var(--lesson-accent)}.ksc-training .lesson-status button:disabled{opacity:.7}
.lesson-notice{display:flex;gap:8px;align-items:center;padding:12px 14px;background:var(--tr-card);border-radius:12px;font-size:12px;margin:12px 0;color:var(--tr-muted)}.lesson-saved{color:var(--lesson-accent);background:var(--lesson-soft)}.lesson-empty{padding:36px 20px;text-align:center;background:var(--tr-card);border-radius:20px}.lesson-empty>svg{margin:0 auto 14px;color:var(--lesson-accent)}.lesson-empty p{font-size:13px;color:var(--tr-muted);margin:10px auto;max-width:440px}.lesson-empty .training-toolbar{justify-content:center}.lesson-guidance{font-size:12px;color:var(--tr-muted);margin:18px 0}.lesson-guidance summary{display:flex;align-items:center;gap:8px}.lesson-guidance p{margin:8px 0}.lesson-note{padding:18px;background:var(--tr-card);border-radius:14px;margin:14px 0}.lesson-note p{font-size:14px;color:var(--tr-muted);margin:8px 0}
.lesson-savebar{position:sticky;bottom:-1px;z-index:2;display:flex;align-items:center;gap:14px;justify-content:space-between;background:var(--tr-bg);padding:14px 0;border-top:1px solid var(--tr-line);margin-top:16px}.lesson-savebar b{font-size:14px}.lesson-savebar small{display:block;font-size:11px;color:var(--tr-muted)}.lesson-savebar button{min-width:160px}.lesson-footnote{font-size:11px;color:var(--tr-muted);margin:8px 0}.ksc-training .lesson-discard{padding:6px 0;border:0;background:transparent;color:var(--tr-muted);font-size:11px}
.lesson-route>h3,.lesson-more>h3{margin:22px 0 4px}.lesson-route-item{display:flex;gap:18px;padding:25px 0 0;position:relative}.lesson-route-item:not(:last-child):before{content:'';position:absolute;left:23px;top:62px;bottom:-22px;width:2px;background:var(--tr-line)}.lesson-route-badge{flex-shrink:0;display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:var(--tr-card);color:var(--tr-muted)}.lesson-route-item.passed .lesson-route-badge,.lesson-route-item.current .lesson-route-badge{background:var(--lesson-soft);color:var(--lesson-accent)}.lesson-route-item.current .lesson-route-badge{border:2px solid var(--lesson-accent)}.lesson-route-item.locked .lesson-route-body{color:var(--tr-muted)}.lesson-route-item.locked .lesson-kicker{color:var(--tr-muted)}.lesson-route-body{flex:1;min-width:0}.lesson-route-body>h3{margin:4px 0 12px;font-size:19px}.lesson-unit{background:var(--tr-card);border:1px solid var(--tr-line);border-radius:13px;margin:10px 0;padding:8px 12px;font-size:13px}.lesson-unit summary{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.lesson-unit summary span{flex:1}.lesson-unit summary small{font-size:10px;color:var(--tr-muted)}.lesson-unit ul{list-style:none;padding:0}.lesson-unit li{border-top:1px solid var(--tr-line);padding:12px 0}.lesson-unit li small{display:block;color:var(--tr-muted);margin-top:3px}
.lesson-detail-shade{position:fixed;inset:0;z-index:4200;background:#0009;display:flex;justify-content:center;align-items:center;padding:16px}.lesson-detail{width:100%;max-width:560px;max-height:90vh;overflow-y:auto;background:var(--tr-bg);border-radius:22px;padding:24px;box-shadow:0 25px 70px #0004}.lesson-detail header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.lesson-detail header button{padding:6px}.lesson-detail>button{width:100%;margin-top:20px}.lesson-detail details{font-size:13px;color:var(--tr-muted)}
@media(max-width:640px){.lesson-cards{grid-template-columns:1fr}.lesson-hero{padding:18px;gap:12px}.lesson-hero h2{font-size:22px}.lesson-level{font-size:28px}.lesson-tabs{gap:2px}.ksc-training .lesson-tabs button{font-size:13px;padding:10px 5px;gap:4px}.lesson-avatar{width:45px;height:45px;font-size:22px;border-radius:15px}.lesson-progress{padding:14px}.lesson-detail-shade{padding:0;align-items:flex-end}.lesson-detail{border-radius:22px 22px 0 0;max-height:90dvh;padding:22px}.lesson-route-item{gap:12px}.lesson-savebar button{min-width:145px}.lesson-page-header{margin-bottom:12px}}
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
      "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
      "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-50: oklch(97.1% .013 17.38);
    --color-red-100: oklch(93.6% .032 17.717);
    --color-red-200: oklch(88.5% .062 18.334);
    --color-red-300: oklch(80.8% .114 19.571);
    --color-red-400: oklch(70.4% .191 22.216);
    --color-red-500: oklch(63.7% .237 25.331);
    --color-red-600: oklch(57.7% .245 27.325);
    --color-red-700: oklch(50.5% .213 27.518);
    --color-red-800: oklch(44.4% .177 26.899);
    --color-red-900: oklch(39.6% .141 25.723);
    --color-red-950: oklch(25.8% .092 26.042);
    --color-orange-300: oklch(83.7% .128 66.29);
    --color-orange-500: oklch(70.5% .213 47.604);
    --color-amber-50: oklch(98.7% .022 95.277);
    --color-amber-100: oklch(96.2% .059 95.617);
    --color-amber-200: oklch(92.4% .12 95.746);
    --color-amber-300: oklch(87.9% .169 91.605);
    --color-amber-400: oklch(82.8% .189 84.429);
    --color-amber-500: oklch(76.9% .188 70.08);
    --color-amber-600: oklch(66.6% .179 58.318);
    --color-amber-700: oklch(55.5% .163 48.998);
    --color-amber-800: oklch(47.3% .137 46.201);
    --color-amber-900: oklch(41.4% .112 45.904);
    --color-amber-950: oklch(27.9% .077 45.635);
    --color-emerald-50: oklch(97.9% .021 166.113);
    --color-emerald-100: oklch(95% .052 163.051);
    --color-emerald-200: oklch(90.5% .093 164.15);
    --color-emerald-300: oklch(84.5% .143 164.978);
    --color-emerald-400: oklch(76.5% .177 163.223);
    --color-emerald-500: oklch(69.6% .17 162.48);
    --color-emerald-600: oklch(59.6% .145 163.225);
    --color-emerald-700: oklch(50.8% .118 165.612);
    --color-emerald-800: oklch(43.2% .095 166.913);
    --color-emerald-900: oklch(37.8% .077 168.94);
    --color-teal-500: oklch(70.4% .14 182.503);
    --color-cyan-50: oklch(98.4% .019 200.873);
    --color-cyan-100: oklch(95.6% .045 203.388);
    --color-cyan-200: oklch(91.7% .08 205.041);
    --color-cyan-300: oklch(86.5% .127 207.078);
    --color-cyan-400: oklch(78.9% .154 211.53);
    --color-cyan-500: oklch(71.5% .143 215.221);
    --color-cyan-600: oklch(60.9% .126 221.723);
    --color-cyan-700: oklch(52% .105 223.128);
    --color-cyan-800: oklch(45% .085 224.283);
    --color-cyan-900: oklch(39.8% .07 227.392);
    --color-blue-50: oklch(97% .014 254.604);
    --color-blue-100: oklch(93.2% .032 255.585);
    --color-blue-200: oklch(88.2% .059 254.128);
    --color-blue-300: oklch(80.9% .105 251.813);
    --color-blue-400: oklch(70.7% .165 254.624);
    --color-blue-500: oklch(62.3% .214 259.815);
    --color-blue-600: oklch(54.6% .245 262.881);
    --color-blue-700: oklch(48.8% .243 264.376);
    --color-blue-800: oklch(42.4% .199 265.638);
    --color-blue-900: oklch(37.9% .146 265.522);
    --color-violet-50: oklch(96.9% .016 293.756);
    --color-violet-100: oklch(94.3% .029 294.588);
    --color-violet-200: oklch(89.4% .057 293.283);
    --color-violet-300: oklch(81.1% .111 293.571);
    --color-violet-400: oklch(70.2% .183 293.541);
    --color-violet-500: oklch(60.6% .25 292.717);
    --color-violet-600: oklch(54.1% .281 293.009);
    --color-violet-700: oklch(49.1% .27 292.581);
    --color-violet-800: oklch(43.2% .232 292.759);
    --color-violet-900: oklch(38% .189 293.745);
    --color-violet-950: oklch(28.3% .141 291.089);
    --color-fuchsia-300: oklch(83.3% .145 321.434);
    --color-fuchsia-400: oklch(74% .238 322.16);
    --color-fuchsia-500: oklch(66.7% .295 322.15);
    --color-pink-50: oklch(97.1% .014 343.198);
    --color-pink-100: oklch(94.8% .028 342.258);
    --color-pink-200: oklch(89.9% .061 343.231);
    --color-pink-700: oklch(52.5% .223 3.958);
    --color-rose-100: oklch(94.1% .03 12.58);
    --color-rose-200: oklch(89.2% .058 10.001);
    --color-rose-500: oklch(64.5% .246 16.439);
    --color-rose-600: oklch(58.6% .253 17.585);
    --color-rose-700: oklch(51.4% .222 16.935);
    --color-slate-50: oklch(98.4% .003 247.858);
    --color-slate-100: oklch(96.8% .007 247.896);
    --color-slate-200: oklch(92.9% .013 255.508);
    --color-slate-300: oklch(86.9% .022 252.894);
    --color-slate-400: oklch(70.4% .04 256.788);
    --color-slate-500: oklch(55.4% .046 257.417);
    --color-slate-600: oklch(44.6% .043 257.281);
    --color-slate-700: oklch(37.2% .044 257.287);
    --color-slate-800: oklch(27.9% .041 260.031);
    --color-slate-900: oklch(20.8% .042 265.755);
    --color-slate-950: oklch(12.9% .042 264.695);
    --color-gray-100: oklch(96.7% .003 264.542);
    --color-gray-200: oklch(92.8% .006 264.531);
    --color-gray-300: oklch(87.2% .01 258.338);
    --color-gray-400: oklch(70.7% .022 261.325);
    --color-gray-500: oklch(55.1% .027 264.364);
    --color-gray-600: oklch(44.6% .03 256.802);
    --color-gray-700: oklch(37.3% .034 259.733);
    --color-gray-800: oklch(27.8% .033 256.848);
    --color-gray-900: oklch(21% .034 264.665);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tighter: -.05em;
    --tracking-tight: -.025em;
    --tracking-wide: .025em;
    --tracking-wider: .05em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-relaxed: 1.625;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --drop-shadow-sm: 0 1px 2px #00000026;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --animate-bounce: bounce 1s infinite;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-xl: 24px;
    --blur-2xl: 40px;
    --blur-3xl: 64px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
      -o-tab-size: 4;
         tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::-moz-placeholder {
    opacity: 1;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentColor;
    }
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::-moz-placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    -webkit-appearance: button;
       -moz-appearance: button;
            appearance: button;
  }

  ::file-selector-button {
    -webkit-appearance: button;
       -moz-appearance: button;
            appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

@layer components;

@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }

  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    inset: 0;
  }

  .-top-0\.5 {
    top: calc(var(--spacing) * -.5);
  }

  .top-0 {
    top: 0;
  }

  .top-1 {
    top: var(--spacing);
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-3 {
    top: calc(var(--spacing) * 3);
  }

  .top-4 {
    top: calc(var(--spacing) * 4);
  }

  .top-6 {
    top: calc(var(--spacing) * 6);
  }

  .top-8 {
    top: calc(var(--spacing) * 8);
  }

  .top-10 {
    top: calc(var(--spacing) * 10);
  }

  .top-\[-10\%\] {
    top: -10%;
  }

  .top-\[40\%\] {
    top: 40%;
  }

  .top-\[calc\(100\%\+8px\)\] {
    top: calc(100% + 8px);
  }

  .top-full {
    top: 100%;
  }

  .-right-0\.5 {
    right: calc(var(--spacing) * -.5);
  }

  .-right-10 {
    right: calc(var(--spacing) * -10);
  }

  .right-0 {
    right: 0;
  }

  .right-1 {
    right: var(--spacing);
  }

  .right-1\/2 {
    right: 50%;
  }

  .right-5 {
    right: calc(var(--spacing) * 5);
  }

  .right-\[10\%\] {
    right: 10%;
  }

  .right-full {
    right: 100%;
  }

  .-bottom-10 {
    bottom: calc(var(--spacing) * -10);
  }

  .bottom-5 {
    bottom: calc(var(--spacing) * 5);
  }

  .bottom-\[calc\(100\%\+6px\)\] {
    bottom: calc(100% + 6px);
  }

  .bottom-full {
    bottom: 100%;
  }

  .left-0 {
    left: 0;
  }

  .left-1\/2 {
    left: 50%;
  }

  .left-3 {
    left: calc(var(--spacing) * 3);
  }

  .left-4 {
    left: calc(var(--spacing) * 4);
  }

  .left-8 {
    left: calc(var(--spacing) * 8);
  }

  .left-10 {
    left: calc(var(--spacing) * 10);
  }

  .left-\[-10\%\] {
    left: -10%;
  }

  .left-\[calc\(100\%\+16px\)\] {
    left: calc(100% + 16px);
  }

  .z-0 {
    z-index: 0;
  }

  .z-10 {
    z-index: 10;
  }

  .z-20 {
    z-index: 20;
  }

  .z-30 {
    z-index: 30;
  }

  .z-50 {
    z-index: 50;
  }

  .z-\[60\] {
    z-index: 60;
  }

  .z-\[80\] {
    z-index: 80;
  }

  .z-\[90\] {
    z-index: 90;
  }

  .z-\[100\] {
    z-index: 100;
  }

  .z-\[110\] {
    z-index: 110;
  }

  .z-\[200\] {
    z-index: 200;
  }

  .z-\[300\] {
    z-index: 300;
  }

  .z-\[350\] {
    z-index: 350;
  }

  .z-\[400\] {
    z-index: 400;
  }

  .z-\[500\] {
    z-index: 500;
  }

  .z-\[900\] {
    z-index: 900;
  }

  .z-\[1000\] {
    z-index: 1000;
  }

  .z-\[1100\] {
    z-index: 1100;
  }

  .z-\[1200\] {
    z-index: 1200;
  }

  .z-\[9998\] {
    z-index: 9998;
  }

  .z-\[9999\] {
    z-index: 9999;
  }

  .order-1 {
    order: 1;
  }

  .order-2 {
    order: 2;
  }

  .order-3 {
    order: 3;
  }

  .col-span-2 {
    grid-column: span 2 / span 2;
  }

  .col-span-4 {
    grid-column: span 4 / span 4;
  }

  .col-span-12 {
    grid-column: span 12 / span 12;
  }

  .col-span-full {
    grid-column: 1 / -1;
  }

  .float-right {
    float: right;
  }

  .m-9 {
    margin: calc(var(--spacing) * 9);
  }

  .-mx-10 {
    margin-inline: calc(var(--spacing) * -10);
  }

  .mx-1 {
    margin-inline: var(--spacing);
  }

  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }

  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }

  .mx-5 {
    margin-inline: calc(var(--spacing) * 5);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .-mt-4 {
    margin-top: calc(var(--spacing) * -4);
  }

  .mt-0 {
    margin-top: 0;
  }

  .mt-0\.5 {
    margin-top: calc(var(--spacing) * .5);
  }

  .mt-1 {
    margin-top: var(--spacing);
  }

  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }

  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }

  .mt-20 {
    margin-top: calc(var(--spacing) * 20);
  }

  .mt-auto {
    margin-top: auto;
  }

  .mr-0 {
    margin-right: 0;
  }

  .mr-0\.5 {
    margin-right: calc(var(--spacing) * .5);
  }

  .mr-1 {
    margin-right: var(--spacing);
  }

  .mr-1\.5 {
    margin-right: calc(var(--spacing) * 1.5);
  }

  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }

  .mr-3 {
    margin-right: calc(var(--spacing) * 3);
  }

  .mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }

  .mr-auto {
    margin-right: auto;
  }

  .mb-0 {
    margin-bottom: 0;
  }

  .mb-0\.5 {
    margin-bottom: calc(var(--spacing) * .5);
  }

  .mb-1 {
    margin-bottom: var(--spacing);
  }

  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }

  .mb-7 {
    margin-bottom: calc(var(--spacing) * 7);
  }

  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }

  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }

  .ml-1 {
    margin-left: var(--spacing);
  }

  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }

  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }

  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }

  .ml-\[38px\] {
    margin-left: 38px;
  }

  .ml-\[42px\] {
    margin-left: 42px;
  }

  .ml-auto {
    margin-left: auto;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-block {
    display: inline-block;
  }

  .inline-flex {
    display: inline-flex;
  }

  .table {
    display: table;
  }

  .h-1 {
    height: var(--spacing);
  }

  .h-2 {
    height: calc(var(--spacing) * 2);
  }

  .h-3 {
    height: calc(var(--spacing) * 3);
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-9 {
    height: calc(var(--spacing) * 9);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-11 {
    height: calc(var(--spacing) * 11);
  }

  .h-12 {
    height: calc(var(--spacing) * 12);
  }

  .h-13 {
    height: calc(var(--spacing) * 13);
  }

  .h-14 {
    height: calc(var(--spacing) * 14);
  }

  .h-16 {
    height: calc(var(--spacing) * 16);
  }

  .h-24 {
    height: calc(var(--spacing) * 24);
  }

  .h-28 {
    height: calc(var(--spacing) * 28);
  }

  .h-32 {
    height: calc(var(--spacing) * 32);
  }

  .h-40 {
    height: calc(var(--spacing) * 40);
  }

  .h-\[18px\] {
    height: 18px;
  }

  .h-\[40vw\] {
    height: 40vw;
  }

  .h-\[45vw\] {
    height: 45vw;
  }

  .h-\[48px\] {
    height: 48px;
  }

  .h-\[52px\] {
    height: 52px;
  }

  .h-\[400px\] {
    height: 400px;
  }

  .h-fit {
    height: -moz-fit-content;
    height: fit-content;
  }

  .h-full {
    height: 100%;
  }

  .h-screen {
    height: 100vh;
  }

  .max-h-0 {
    max-height: 0;
  }

  .max-h-10 {
    max-height: calc(var(--spacing) * 10);
  }

  .max-h-32 {
    max-height: calc(var(--spacing) * 32);
  }

  .max-h-36 {
    max-height: calc(var(--spacing) * 36);
  }

  .max-h-44 {
    max-height: calc(var(--spacing) * 44);
  }

  .max-h-60 {
    max-height: calc(var(--spacing) * 60);
  }

  .max-h-64 {
    max-height: calc(var(--spacing) * 64);
  }

  .max-h-72 {
    max-height: calc(var(--spacing) * 72);
  }

  .max-h-\[55vh\] {
    max-height: 55vh;
  }

  .max-h-\[60vh\] {
    max-height: 60vh;
  }

  .max-h-\[68vh\] {
    max-height: 68vh;
  }

  .max-h-\[90dvh\] {
    max-height: 90dvh;
  }

  .max-h-\[90vh\] {
    max-height: 90vh;
  }

  .max-h-\[92vh\] {
    max-height: 92vh;
  }

  .max-h-\[94vh\] {
    max-height: 94vh;
  }

  .max-h-\[96vh\] {
    max-height: 96vh;
  }

  .max-h-\[140px\] {
    max-height: 140px;
  }

  .max-h-\[260px\] {
    max-height: 260px;
  }

  .max-h-\[300px\] {
    max-height: 300px;
  }

  .max-h-\[430px\] {
    max-height: 430px;
  }

  .max-h-\[620px\] {
    max-height: 620px;
  }

  .max-h-\[calc\(90vh-90px\)\] {
    max-height: calc(90vh - 90px);
  }

  .min-h-5 {
    min-height: calc(var(--spacing) * 5);
  }

  .min-h-10 {
    min-height: calc(var(--spacing) * 10);
  }

  .min-h-32 {
    min-height: calc(var(--spacing) * 32);
  }

  .min-h-36 {
    min-height: calc(var(--spacing) * 36);
  }

  .min-h-44 {
    min-height: calc(var(--spacing) * 44);
  }

  .min-h-48 {
    min-height: calc(var(--spacing) * 48);
  }

  .min-h-\[300px\] {
    min-height: 300px;
  }

  .min-h-\[420px\] {
    min-height: 420px;
  }

  .min-h-screen {
    min-height: 100vh;
  }

  .w-1 {
    width: var(--spacing);
  }

  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }

  .w-1\/3 {
    width: 33.3333%;
  }

  .w-2 {
    width: calc(var(--spacing) * 2);
  }

  .w-3 {
    width: calc(var(--spacing) * 3);
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-5 {
    width: calc(var(--spacing) * 5);
  }

  .w-6 {
    width: calc(var(--spacing) * 6);
  }

  .w-7 {
    width: calc(var(--spacing) * 7);
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .w-10 {
    width: calc(var(--spacing) * 10);
  }

  .w-11 {
    width: calc(var(--spacing) * 11);
  }

  .w-12 {
    width: calc(var(--spacing) * 12);
  }

  .w-14 {
    width: calc(var(--spacing) * 14);
  }

  .w-16 {
    width: calc(var(--spacing) * 16);
  }

  .w-28 {
    width: calc(var(--spacing) * 28);
  }

  .w-32 {
    width: calc(var(--spacing) * 32);
  }

  .w-40 {
    width: calc(var(--spacing) * 40);
  }

  .w-48 {
    width: calc(var(--spacing) * 48);
  }

  .w-56 {
    width: calc(var(--spacing) * 56);
  }

  .w-64 {
    width: calc(var(--spacing) * 64);
  }

  .w-72 {
    width: calc(var(--spacing) * 72);
  }

  .w-\[8\%\] {
    width: 8%;
  }

  .w-\[9\%\] {
    width: 9%;
  }

  .w-\[11\%\] {
    width: 11%;
  }

  .w-\[12\%\] {
    width: 12%;
  }

  .w-\[25\%\] {
    width: 25%;
  }

  .w-\[35vw\] {
    width: 35vw;
  }

  .w-\[40vw\] {
    width: 40vw;
  }

  .w-\[400px\] {
    width: 400px;
  }

  .w-fit {
    width: -moz-fit-content;
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .w-max {
    width: -moz-max-content;
    width: max-content;
  }

  .max-w-2xl {
    max-width: var(--container-2xl);
  }

  .max-w-4xl {
    max-width: var(--container-4xl);
  }

  .max-w-5xl {
    max-width: var(--container-5xl);
  }

  .max-w-6xl {
    max-width: var(--container-6xl);
  }

  .max-w-7xl {
    max-width: var(--container-7xl);
  }

  .max-w-28 {
    max-width: calc(var(--spacing) * 28);
  }

  .max-w-52 {
    max-width: calc(var(--spacing) * 52);
  }

  .max-w-56 {
    max-width: calc(var(--spacing) * 56);
  }

  .max-w-60 {
    max-width: calc(var(--spacing) * 60);
  }

  .max-w-64 {
    max-width: calc(var(--spacing) * 64);
  }

  .max-w-\[220px\] {
    max-width: 220px;
  }

  .max-w-\[360px\] {
    max-width: 360px;
  }

  .max-w-\[560px\] {
    max-width: 560px;
  }

  .max-w-\[1200px\] {
    max-width: 1200px;
  }

  .max-w-\[1280px\] {
    max-width: 1280px;
  }

  .max-w-\[1320px\] {
    max-width: 1320px;
  }

  .max-w-\[1400px\] {
    max-width: 1400px;
  }

  .max-w-\[1440px\] {
    max-width: 1440px;
  }

  .max-w-\[1500px\] {
    max-width: 1500px;
  }

  .max-w-\[1600px\] {
    max-width: 1600px;
  }

  .max-w-lg {
    max-width: var(--container-lg);
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .max-w-sm {
    max-width: var(--container-sm);
  }

  .max-w-xl {
    max-width: var(--container-xl);
  }

  .min-w-0 {
    min-width: 0;
  }

  .min-w-5 {
    min-width: calc(var(--spacing) * 5);
  }

  .min-w-6 {
    min-width: calc(var(--spacing) * 6);
  }

  .min-w-7 {
    min-width: calc(var(--spacing) * 7);
  }

  .min-w-16 {
    min-width: calc(var(--spacing) * 16);
  }

  .min-w-72 {
    min-width: calc(var(--spacing) * 72);
  }

  .min-w-\[100px\] {
    min-width: 100px;
  }

  .min-w-\[110px\] {
    min-width: 110px;
  }

  .min-w-\[120px\] {
    min-width: 120px;
  }

  .min-w-\[150px\] {
    min-width: 150px;
  }

  .min-w-\[200px\] {
    min-width: 200px;
  }

  .min-w-\[240px\] {
    min-width: 240px;
  }

  .min-w-\[260px\] {
    min-width: 260px;
  }

  .min-w-\[680px\] {
    min-width: 680px;
  }

  .min-w-\[700px\] {
    min-width: 700px;
  }

  .min-w-\[720px\] {
    min-width: 720px;
  }

  .min-w-\[800px\] {
    min-width: 800px;
  }

  .min-w-\[820px\] {
    min-width: 820px;
  }

  .min-w-\[850px\] {
    min-width: 850px;
  }

  .min-w-\[900px\] {
    min-width: 900px;
  }

  .min-w-\[950px\] {
    min-width: 950px;
  }

  .min-w-\[960px\] {
    min-width: 960px;
  }

  .min-w-\[980px\] {
    min-width: 980px;
  }

  .min-w-\[1040px\] {
    min-width: 1040px;
  }

  .min-w-\[1050px\] {
    min-width: 1050px;
  }

  .min-w-\[1120px\] {
    min-width: 1120px;
  }

  .min-w-\[1180px\] {
    min-width: 1180px;
  }

  .min-w-\[1260px\] {
    min-width: 1260px;
  }

  .min-w-\[1280px\] {
    min-width: 1280px;
  }

  .min-w-full {
    min-width: 100%;
  }

  .min-w-max {
    min-width: -moz-max-content;
    min-width: max-content;
  }

  .flex-1 {
    flex: 1;
  }

  .flex-shrink-0, .shrink-0 {
    flex-shrink: 0;
  }

  .grow {
    flex-grow: 1;
  }

  .table-fixed {
    table-layout: fixed;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-full {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-1 {
    --tw-translate-x: var(--spacing);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-1\/2 {
    --tw-translate-x: calc(1 / 2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1 {
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .rotate-180 {
    rotate: 180deg;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .animate-\[shimmer_2s_infinite\] {
    animation: 2s infinite shimmer;
  }

  .animate-bounce {
    animation: var(--animate-bounce);
  }

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .animate-spin {
    animation: var(--animate-spin);
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-grab {
    cursor: grab;
  }

  .cursor-help {
    cursor: help;
  }

  .cursor-not-allowed {
    cursor: not-allowed;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .list-none {
    list-style-type: none;
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto;
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-nowrap {
    flex-wrap: nowrap;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .items-center {
    align-items: center;
  }

  .items-end {
    align-items: flex-end;
  }

  .items-start {
    align-items: flex-start;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .gap-1 {
    gap: var(--spacing);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }

  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }

  .gap-x-3 {
    -moz-column-gap: calc(var(--spacing) * 3);
         column-gap: calc(var(--spacing) * 3);
  }

  .gap-x-5 {
    -moz-column-gap: calc(var(--spacing) * 5);
         column-gap: calc(var(--spacing) * 5);
  }

  .gap-y-1 {
    row-gap: var(--spacing);
  }

  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }

  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }

  :where(.divide-slate-100 > :not(:last-child)) {
    border-color: var(--color-slate-100);
  }

  .self-center {
    align-self: center;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .overscroll-contain {
    overscroll-behavior: contain;
  }

  .scroll-smooth {
    scroll-behavior: smooth;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }

  .rounded-\[11\.5px\] {
    border-radius: 11.5px;
  }

  .rounded-\[12\.5px\] {
    border-radius: 12.5px;
  }

  .rounded-\[13px\] {
    border-radius: 13px;
  }

  .rounded-\[14px\] {
    border-radius: 14px;
  }

  .rounded-\[16px\] {
    border-radius: 16px;
  }

  .rounded-\[24px\] {
    border-radius: 24px;
  }

  .rounded-\[25px\] {
    border-radius: 25px;
  }

  .rounded-\[28px\] {
    border-radius: 28px;
  }

  .rounded-\[32px\] {
    border-radius: 32px;
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .rounded-md {
    border-radius: var(--radius-md);
  }

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .rounded-t-\[14px\] {
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
  }

  .rounded-t-\[28px\] {
    border-top-left-radius: 28px;
    border-top-right-radius: 28px;
  }

  .rounded-l-2xl {
    border-top-left-radius: var(--radius-2xl);
    border-bottom-left-radius: var(--radius-2xl);
  }

  .rounded-r-2xl {
    border-top-right-radius: var(--radius-2xl);
    border-bottom-right-radius: var(--radius-2xl);
  }

  .rounded-r-full {
    border-top-right-radius: 3.40282e38px;
    border-bottom-right-radius: 3.40282e38px;
  }

  .rounded-b-\[20px\] {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .border-\[6px\] {
    border-style: var(--tw-border-style);
    border-width: 6px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }

  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-\[\#0A84FF\] {
    border-color: #0a84ff;
  }

  .border-\[\#0A84FF\]\/20 {
    border-color: oklab(62.4254% -.0515206 -.199017 / .2);
  }

  .border-\[\#0A84FF\]\/30 {
    border-color: oklab(62.4254% -.0515206 -.199017 / .3);
  }

  .border-\[\#0A84FF\]\/45 {
    border-color: oklab(62.4254% -.0515206 -.199017 / .45);
  }

  .border-\[\#0A84FF\]\/50 {
    border-color: oklab(62.4254% -.0515206 -.199017 / .5);
  }

  .border-\[\#0A84FF\]\/60 {
    border-color: oklab(62.4254% -.0515206 -.199017 / .6);
  }

  .border-\[\#0A84FF\]\/70 {
    border-color: oklab(62.4254% -.0515206 -.199017 / .7);
  }

  .border-\[\#32D74B\] {
    border-color: #32d74b;
  }

  .border-\[\#32D74B\]\/20 {
    border-color: oklab(77.0106% -.183689 .128785 / .2);
  }

  .border-\[\#32D74B\]\/30 {
    border-color: oklab(77.0106% -.183689 .128785 / .3);
  }

  .border-\[\#32D74B\]\/50 {
    border-color: oklab(77.0106% -.183689 .128785 / .5);
  }

  .border-\[\#60A5FA\]\/15 {
    border-color: oklab(71.374% -.0380178 -.138248 / .15);
  }

  .border-\[\#C0C0C0\]\/50 {
    border-color: oklab(80.7796% -1.19209e-7 5.96046e-8 / .5);
  }

  .border-\[\#CD7F32\]\/40 {
    border-color: oklab(66.6106% .0631779 .115367 / .4);
  }

  .border-\[\#FF9F0A\] {
    border-color: #ff9f0a;
  }

  .border-\[\#FF9F0A\]\/15 {
    border-color: oklab(78.2365% .066223 .157716 / .15);
  }

  .border-\[\#FF9F0A\]\/20 {
    border-color: oklab(78.2365% .066223 .157716 / .2);
  }

  .border-\[\#FF9F0A\]\/25 {
    border-color: oklab(78.2365% .066223 .157716 / .25);
  }

  .border-\[\#FF9F0A\]\/30 {
    border-color: oklab(78.2365% .066223 .157716 / .3);
  }

  .border-\[\#FF9F0A\]\/35 {
    border-color: oklab(78.2365% .066223 .157716 / .35);
  }

  .border-\[\#FF453A\] {
    border-color: #ff453a;
  }

  .border-\[\#FF453A\]\/15 {
    border-color: oklab(66.3303% .196898 .105983 / .15);
  }

  .border-\[\#FF453A\]\/20 {
    border-color: oklab(66.3303% .196898 .105983 / .2);
  }

  .border-\[\#FF453A\]\/30 {
    border-color: oklab(66.3303% .196898 .105983 / .3);
  }

  .border-\[\#FF453A\]\/50 {
    border-color: oklab(66.3303% .196898 .105983 / .5);
  }

  .border-\[\#FFD700\]\/60 {
    border-color: oklab(88.6771% -.0169251 .181398 / .6);
  }

  .border-amber-100 {
    border-color: var(--color-amber-100);
  }

  .border-amber-200 {
    border-color: var(--color-amber-200);
  }

  .border-amber-300 {
    border-color: var(--color-amber-300);
  }

  .border-amber-300\/20 {
    border-color: #ffd23633;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-300\/20 {
      border-color: color-mix(in oklab, var(--color-amber-300) 20%, transparent);
    }
  }

  .border-amber-400 {
    border-color: var(--color-amber-400);
  }

  .border-amber-400\/20 {
    border-color: #fcbb0033;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-400\/20 {
      border-color: color-mix(in oklab, var(--color-amber-400) 20%, transparent);
    }
  }

  .border-amber-400\/30 {
    border-color: #fcbb004d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-400\/30 {
      border-color: color-mix(in oklab, var(--color-amber-400) 30%, transparent);
    }
  }

  .border-amber-400\/40 {
    border-color: #fcbb0066;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-400\/40 {
      border-color: color-mix(in oklab, var(--color-amber-400) 40%, transparent);
    }
  }

  .border-black {
    border-color: var(--color-black);
  }

  .border-black\/10 {
    border-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/10 {
      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .border-blue-100 {
    border-color: var(--color-blue-100);
  }

  .border-blue-200 {
    border-color: var(--color-blue-200);
  }

  .border-blue-300 {
    border-color: var(--color-blue-300);
  }

  .border-blue-400 {
    border-color: var(--color-blue-400);
  }

  .border-blue-400\/20 {
    border-color: #54a2ff33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-blue-400\/20 {
      border-color: color-mix(in oklab, var(--color-blue-400) 20%, transparent);
    }
  }

  .border-blue-400\/50 {
    border-color: #54a2ff80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-blue-400\/50 {
      border-color: color-mix(in oklab, var(--color-blue-400) 50%, transparent);
    }
  }

  .border-blue-500 {
    border-color: var(--color-blue-500);
  }

  .border-cyan-100 {
    border-color: var(--color-cyan-100);
  }

  .border-cyan-200 {
    border-color: var(--color-cyan-200);
  }

  .border-cyan-300 {
    border-color: var(--color-cyan-300);
  }

  .border-cyan-400 {
    border-color: var(--color-cyan-400);
  }

  .border-cyan-400\/20 {
    border-color: #00d2ef33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-cyan-400\/20 {
      border-color: color-mix(in oklab, var(--color-cyan-400) 20%, transparent);
    }
  }

  .border-emerald-100 {
    border-color: var(--color-emerald-100);
  }

  .border-emerald-200 {
    border-color: var(--color-emerald-200);
  }

  .border-emerald-400 {
    border-color: var(--color-emerald-400);
  }

  .border-emerald-400\/20 {
    border-color: #00d29433;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-400\/20 {
      border-color: color-mix(in oklab, var(--color-emerald-400) 20%, transparent);
    }
  }

  .border-emerald-400\/30 {
    border-color: #00d2944d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-400\/30 {
      border-color: color-mix(in oklab, var(--color-emerald-400) 30%, transparent);
    }
  }

  .border-emerald-400\/40 {
    border-color: #00d29466;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-400\/40 {
      border-color: color-mix(in oklab, var(--color-emerald-400) 40%, transparent);
    }
  }

  .border-emerald-500 {
    border-color: var(--color-emerald-500);
  }

  .border-fuchsia-400 {
    border-color: var(--color-fuchsia-400);
  }

  .border-fuchsia-400\/20 {
    border-color: #ec6cff33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-fuchsia-400\/20 {
      border-color: color-mix(in oklab, var(--color-fuchsia-400) 20%, transparent);
    }
  }

  .border-gray-500 {
    border-color: var(--color-gray-500);
  }

  .border-gray-500\/20 {
    border-color: #6a728233;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-gray-500\/20 {
      border-color: color-mix(in oklab, var(--color-gray-500) 20%, transparent);
    }
  }

  .border-gray-600 {
    border-color: var(--color-gray-600);
  }

  .border-pink-200 {
    border-color: var(--color-pink-200);
  }

  .border-red-100 {
    border-color: var(--color-red-100);
  }

  .border-red-200 {
    border-color: var(--color-red-200);
  }

  .border-red-300 {
    border-color: var(--color-red-300);
  }

  .border-red-400 {
    border-color: var(--color-red-400);
  }

  .border-red-400\/20 {
    border-color: #ff656833;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-red-400\/20 {
      border-color: color-mix(in oklab, var(--color-red-400) 20%, transparent);
    }
  }

  .border-red-400\/25 {
    border-color: #ff656840;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-red-400\/25 {
      border-color: color-mix(in oklab, var(--color-red-400) 25%, transparent);
    }
  }

  .border-red-400\/30 {
    border-color: #ff65684d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-red-400\/30 {
      border-color: color-mix(in oklab, var(--color-red-400) 30%, transparent);
    }
  }

  .border-red-400\/50 {
    border-color: #ff656880;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-red-400\/50 {
      border-color: color-mix(in oklab, var(--color-red-400) 50%, transparent);
    }
  }

  .border-red-500 {
    border-color: var(--color-red-500);
  }

  .border-red-500\/30 {
    border-color: #fb2c364d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-red-500\/30 {
      border-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
    }
  }

  .border-slate-100 {
    border-color: var(--color-slate-100);
  }

  .border-slate-200 {
    border-color: var(--color-slate-200);
  }

  .border-slate-200\/70 {
    border-color: #e2e8f0b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-slate-200\/70 {
      border-color: color-mix(in oklab, var(--color-slate-200) 70%, transparent);
    }
  }

  .border-slate-300 {
    border-color: var(--color-slate-300);
  }

  .border-slate-500 {
    border-color: var(--color-slate-500);
  }

  .border-slate-500\/20 {
    border-color: #62748e33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-slate-500\/20 {
      border-color: color-mix(in oklab, var(--color-slate-500) 20%, transparent);
    }
  }

  .border-slate-700 {
    border-color: var(--color-slate-700);
  }

  .border-transparent {
    border-color: #0000;
  }

  .border-violet-100 {
    border-color: var(--color-violet-100);
  }

  .border-violet-200 {
    border-color: var(--color-violet-200);
  }

  .border-violet-300 {
    border-color: var(--color-violet-300);
  }

  .border-violet-400 {
    border-color: var(--color-violet-400);
  }

  .border-violet-400\/15 {
    border-color: #a685ff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-violet-400\/15 {
      border-color: color-mix(in oklab, var(--color-violet-400) 15%, transparent);
    }
  }

  .border-violet-400\/20 {
    border-color: #a685ff33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-violet-400\/20 {
      border-color: color-mix(in oklab, var(--color-violet-400) 20%, transparent);
    }
  }

  .border-violet-400\/40 {
    border-color: #a685ff66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-violet-400\/40 {
      border-color: color-mix(in oklab, var(--color-violet-400) 40%, transparent);
    }
  }

  .border-violet-600 {
    border-color: var(--color-violet-600);
  }

  .border-white {
    border-color: var(--color-white);
  }

  .border-white\/5 {
    border-color: #ffffff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/5 {
      border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }

  .border-white\/10 {
    border-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/10 {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .border-white\/15 {
    border-color: #ffffff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/15 {
      border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }

  .border-white\/20 {
    border-color: #fff3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/20 {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }

  .border-white\/\[\.06\] {
    border-color: #ffffff0f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/\[\.06\] {
      border-color: color-mix(in oklab, var(--color-white) 6%, transparent);
    }
  }

  .border-white\/\[\.07\] {
    border-color: #ffffff12;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/\[\.07\] {
      border-color: color-mix(in oklab, var(--color-white) 7.0%, transparent);
    }
  }

  .border-white\/\[\.08\] {
    border-color: #ffffff14;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/\[\.08\] {
      border-color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
  }

  .border-white\/\[0\.02\] {
    border-color: #ffffff05;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/\[0\.02\] {
      border-color: color-mix(in oklab, var(--color-white) 2%, transparent);
    }
  }

  .border-white\/\[0\.03\] {
    border-color: #ffffff08;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/\[0\.03\] {
      border-color: color-mix(in oklab, var(--color-white) 3%, transparent);
    }
  }

  .border-white\/\[0\.04\] {
    border-color: #ffffff0a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/\[0\.04\] {
      border-color: color-mix(in oklab, var(--color-white) 4%, transparent);
    }
  }

  .border-white\/\[0\.05\] {
    border-color: #ffffff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/\[0\.05\] {
      border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }

  .border-white\/\[0\.06\] {
    border-color: #ffffff0f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/\[0\.06\] {
      border-color: color-mix(in oklab, var(--color-white) 6%, transparent);
    }
  }

  .border-white\/\[0\.07\] {
    border-color: #ffffff12;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/\[0\.07\] {
      border-color: color-mix(in oklab, var(--color-white) 7.0%, transparent);
    }
  }

  .border-white\/\[0\.08\] {
    border-color: #ffffff14;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/\[0\.08\] {
      border-color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
  }

  .border-r-\[\#1A1A1A\] {
    border-right-color: #1a1a1a;
  }

  .border-l-blue-400 {
    border-left-color: var(--color-blue-400);
  }

  .border-l-emerald-400 {
    border-left-color: var(--color-emerald-400);
  }

  .bg-\[\#0A0A0A\]\/40 {
    background-color: oklab(14.4788% 1.49012e-8 -7.45058e-9 / .4);
  }

  .bg-\[\#0A0A0A\]\/80 {
    background-color: oklab(14.4788% 1.49012e-8 -7.45058e-9 / .8);
  }

  .bg-\[\#0A84FF\] {
    background-color: #0a84ff;
  }

  .bg-\[\#0A84FF\]\/5 {
    background-color: oklab(62.4254% -.0515206 -.199017 / .05);
  }

  .bg-\[\#0A84FF\]\/10 {
    background-color: oklab(62.4254% -.0515206 -.199017 / .1);
  }

  .bg-\[\#0A84FF\]\/14 {
    background-color: oklab(62.4254% -.0515206 -.199017 / .14);
  }

  .bg-\[\#0A84FF\]\/15 {
    background-color: oklab(62.4254% -.0515206 -.199017 / .15);
  }

  .bg-\[\#0A84FF\]\/20 {
    background-color: oklab(62.4254% -.0515206 -.199017 / .2);
  }

  .bg-\[\#0A84FF\]\/\[0\.05\] {
    background-color: oklab(62.4254% -.0515206 -.199017 / .05);
  }

  .bg-\[\#0A84FF\]\/\[0\.07\] {
    background-color: oklab(62.4254% -.0515206 -.199017 / .07);
  }

  .bg-\[\#0D0D0D\] {
    background-color: #0d0d0d;
  }

  .bg-\[\#0b0f16\]\/60 {
    background-color: oklab(16.768% -.00238393 -.0159404 / .6);
  }

  .bg-\[\#0b0f16\]\/75 {
    background-color: oklab(16.768% -.00238393 -.0159404 / .75);
  }

  .bg-\[\#0b0f16\]\/95 {
    background-color: oklab(16.768% -.00238393 -.0159404 / .95);
  }

  .bg-\[\#0d0d0d\]\/90 {
    background-color: oklab(15.9066% 7.45058e-9 0 / .9);
  }

  .bg-\[\#1A1A1A\] {
    background-color: #1a1a1a;
  }

  .bg-\[\#1A1A1A\]\/80 {
    background-color: oklab(21.7786% 1.49012e-8 1.49012e-8 / .8);
  }

  .bg-\[\#5e5ce6\]\/15 {
    background-color: oklab(55.6438% .0287955 -.201107 / .15);
  }

  .bg-\[\#32D74B\] {
    background-color: #32d74b;
  }

  .bg-\[\#32D74B\]\/5 {
    background-color: oklab(77.0106% -.183689 .128785 / .05);
  }

  .bg-\[\#32D74B\]\/10 {
    background-color: oklab(77.0106% -.183689 .128785 / .1);
  }

  .bg-\[\#32D74B\]\/15 {
    background-color: oklab(77.0106% -.183689 .128785 / .15);
  }

  .bg-\[\#32D74B\]\/20 {
    background-color: oklab(77.0106% -.183689 .128785 / .2);
  }

  .bg-\[\#080b10\] {
    background-color: #080b10;
  }

  .bg-\[\#111\] {
    background-color: #111;
  }

  .bg-\[\#111\]\/80 {
    background-color: oklab(17.7638% 3.72529e-8 -1.49012e-8 / .8);
  }

  .bg-\[\#111\]\/85 {
    background-color: oklab(17.7638% 3.72529e-8 -1.49012e-8 / .85);
  }

  .bg-\[\#111\]\/90 {
    background-color: oklab(17.7638% 3.72529e-8 -1.49012e-8 / .9);
  }

  .bg-\[\#121a28\] {
    background-color: #121a28;
  }

  .bg-\[\#222\] {
    background-color: #222;
  }

  .bg-\[\#08120f\] {
    background-color: #08120f;
  }

  .bg-\[\#050505\] {
    background-color: #050505;
  }

  .bg-\[\#101010\] {
    background-color: #101010;
  }

  .bg-\[\#111111\] {
    background-color: #111;
  }

  .bg-\[\#111111\]\/80 {
    background-color: oklab(17.7638% 3.72529e-8 -1.49012e-8 / .8);
  }

  .bg-\[\#111111\]\/90 {
    background-color: oklab(17.7638% 3.72529e-8 -1.49012e-8 / .9);
  }

  .bg-\[\#151515\] {
    background-color: #151515;
  }

  .bg-\[\#171717\] {
    background-color: #171717;
  }

  .bg-\[\#181818\] {
    background-color: #181818;
  }

  .bg-\[\#242424\] {
    background-color: #242424;
  }

  .bg-\[\#FF9F0A\] {
    background-color: #ff9f0a;
  }

  .bg-\[\#FF9F0A\]\/5 {
    background-color: oklab(78.2365% .066223 .157716 / .05);
  }

  .bg-\[\#FF9F0A\]\/10 {
    background-color: oklab(78.2365% .066223 .157716 / .1);
  }

  .bg-\[\#FF9F0A\]\/15 {
    background-color: oklab(78.2365% .066223 .157716 / .15);
  }

  .bg-\[\#FF9F0A\]\/20 {
    background-color: oklab(78.2365% .066223 .157716 / .2);
  }

  .bg-\[\#FF9F0A\]\/\[\.08\] {
    background-color: oklab(78.2365% .066223 .157716 / .08);
  }

  .bg-\[\#FF9F0A\]\/\[0\.06\] {
    background-color: oklab(78.2365% .066223 .157716 / .06);
  }

  .bg-\[\#FF453A\] {
    background-color: #ff453a;
  }

  .bg-\[\#FF453A\]\/5 {
    background-color: oklab(66.3303% .196898 .105983 / .05);
  }

  .bg-\[\#FF453A\]\/10 {
    background-color: oklab(66.3303% .196898 .105983 / .1);
  }

  .bg-\[\#FF453A\]\/15 {
    background-color: oklab(66.3303% .196898 .105983 / .15);
  }

  .bg-\[\#FF453A\]\/20 {
    background-color: oklab(66.3303% .196898 .105983 / .2);
  }

  .bg-\[\#ff9f0a\]\/15 {
    background-color: oklab(78.2365% .066223 .157716 / .15);
  }

  .bg-amber-50 {
    background-color: var(--color-amber-50);
  }

  .bg-amber-50\/70 {
    background-color: #fffbebb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-50\/70 {
      background-color: color-mix(in oklab, var(--color-amber-50) 70%, transparent);
    }
  }

  .bg-amber-100 {
    background-color: var(--color-amber-100);
  }

  .bg-amber-200 {
    background-color: var(--color-amber-200);
  }

  .bg-amber-300\/10 {
    background-color: #ffd2361a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-300\/10 {
      background-color: color-mix(in oklab, var(--color-amber-300) 10%, transparent);
    }
  }

  .bg-amber-300\/\[0\.08\] {
    background-color: #ffd23614;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-300\/\[0\.08\] {
      background-color: color-mix(in oklab, var(--color-amber-300) 8%, transparent);
    }
  }

  .bg-amber-400 {
    background-color: var(--color-amber-400);
  }

  .bg-amber-400\/10 {
    background-color: #fcbb001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-400\/10 {
      background-color: color-mix(in oklab, var(--color-amber-400) 10%, transparent);
    }
  }

  .bg-amber-400\/15 {
    background-color: #fcbb0026;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-400\/15 {
      background-color: color-mix(in oklab, var(--color-amber-400) 15%, transparent);
    }
  }

  .bg-amber-400\/\[\.06\] {
    background-color: #fcbb000f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-400\/\[\.06\] {
      background-color: color-mix(in oklab, var(--color-amber-400) 6%, transparent);
    }
  }

  .bg-amber-400\/\[\.07\] {
    background-color: #fcbb0012;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-400\/\[\.07\] {
      background-color: color-mix(in oklab, var(--color-amber-400) 7.0%, transparent);
    }
  }

  .bg-amber-500 {
    background-color: var(--color-amber-500);
  }

  .bg-amber-500\/10 {
    background-color: #f99c001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-500\/10 {
      background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
    }
  }

  .bg-amber-500\/15 {
    background-color: #f99c0026;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-500\/15 {
      background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent);
    }
  }

  .bg-amber-500\/\[\.08\] {
    background-color: #f99c0014;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-500\/\[\.08\] {
      background-color: color-mix(in oklab, var(--color-amber-500) 8%, transparent);
    }
  }

  .bg-black {
    background-color: var(--color-black);
  }

  .bg-black\/20 {
    background-color: #0003;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/20 {
      background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }

  .bg-black\/25 {
    background-color: #00000040;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/25 {
      background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
    }
  }

  .bg-black\/30 {
    background-color: #0000004d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/30 {
      background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
  }

  .bg-black\/40 {
    background-color: #0006;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/40 {
      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }

  .bg-black\/60 {
    background-color: #0009;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/60 {
      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }

  .bg-black\/70 {
    background-color: #000000b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/70 {
      background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
    }
  }

  .bg-black\/75 {
    background-color: #000000bf;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/75 {
      background-color: color-mix(in oklab, var(--color-black) 75%, transparent);
    }
  }

  .bg-black\/80 {
    background-color: #000c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/80 {
      background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
    }
  }

  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }

  .bg-blue-50\/30 {
    background-color: #eff6ff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-50\/30 {
      background-color: color-mix(in oklab, var(--color-blue-50) 30%, transparent);
    }
  }

  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }

  .bg-blue-400 {
    background-color: var(--color-blue-400);
  }

  .bg-blue-400\/10 {
    background-color: #54a2ff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-400\/10 {
      background-color: color-mix(in oklab, var(--color-blue-400) 10%, transparent);
    }
  }

  .bg-blue-400\/\[\.07\] {
    background-color: #54a2ff12;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-400\/\[\.07\] {
      background-color: color-mix(in oklab, var(--color-blue-400) 7.0%, transparent);
    }
  }

  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }

  .bg-blue-500\/5 {
    background-color: #3080ff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-500\/5 {
      background-color: color-mix(in oklab, var(--color-blue-500) 5%, transparent);
    }
  }

  .bg-blue-500\/10 {
    background-color: #3080ff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-500\/10 {
      background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
    }
  }

  .bg-blue-500\/15 {
    background-color: #3080ff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-500\/15 {
      background-color: color-mix(in oklab, var(--color-blue-500) 15%, transparent);
    }
  }

  .bg-blue-500\/20 {
    background-color: #3080ff33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-500\/20 {
      background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
    }
  }

  .bg-blue-500\/\[\.08\] {
    background-color: #3080ff14;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-500\/\[\.08\] {
      background-color: color-mix(in oklab, var(--color-blue-500) 8%, transparent);
    }
  }

  .bg-blue-600 {
    background-color: var(--color-blue-600);
  }

  .bg-cyan-50 {
    background-color: var(--color-cyan-50);
  }

  .bg-cyan-50\/60 {
    background-color: #ecfeff99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-cyan-50\/60 {
      background-color: color-mix(in oklab, var(--color-cyan-50) 60%, transparent);
    }
  }

  .bg-cyan-100 {
    background-color: var(--color-cyan-100);
  }

  .bg-cyan-400 {
    background-color: var(--color-cyan-400);
  }

  .bg-cyan-400\/10 {
    background-color: #00d2ef1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-cyan-400\/10 {
      background-color: color-mix(in oklab, var(--color-cyan-400) 10%, transparent);
    }
  }

  .bg-cyan-400\/15 {
    background-color: #00d2ef26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-cyan-400\/15 {
      background-color: color-mix(in oklab, var(--color-cyan-400) 15%, transparent);
    }
  }

  .bg-cyan-500 {
    background-color: var(--color-cyan-500);
  }

  .bg-cyan-500\/10 {
    background-color: #00b7d71a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-cyan-500\/10 {
      background-color: color-mix(in oklab, var(--color-cyan-500) 10%, transparent);
    }
  }

  .bg-cyan-500\/\[\.08\] {
    background-color: #00b7d714;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-cyan-500\/\[\.08\] {
      background-color: color-mix(in oklab, var(--color-cyan-500) 8%, transparent);
    }
  }

  .bg-cyan-600 {
    background-color: var(--color-cyan-600);
  }

  .bg-emerald-50 {
    background-color: var(--color-emerald-50);
  }

  .bg-emerald-50\/40 {
    background-color: #ecfdf566;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-50\/40 {
      background-color: color-mix(in oklab, var(--color-emerald-50) 40%, transparent);
    }
  }

  .bg-emerald-50\/60 {
    background-color: #ecfdf599;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-50\/60 {
      background-color: color-mix(in oklab, var(--color-emerald-50) 60%, transparent);
    }
  }

  .bg-emerald-50\/80 {
    background-color: #ecfdf5cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-50\/80 {
      background-color: color-mix(in oklab, var(--color-emerald-50) 80%, transparent);
    }
  }

  .bg-emerald-100 {
    background-color: var(--color-emerald-100);
  }

  .bg-emerald-400 {
    background-color: var(--color-emerald-400);
  }

  .bg-emerald-400\/10 {
    background-color: #00d2941a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-400\/10 {
      background-color: color-mix(in oklab, var(--color-emerald-400) 10%, transparent);
    }
  }

  .bg-emerald-400\/15 {
    background-color: #00d29426;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-400\/15 {
      background-color: color-mix(in oklab, var(--color-emerald-400) 15%, transparent);
    }
  }

  .bg-emerald-400\/\[\.07\] {
    background-color: #00d29412;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-400\/\[\.07\] {
      background-color: color-mix(in oklab, var(--color-emerald-400) 7.0%, transparent);
    }
  }

  .bg-emerald-500 {
    background-color: var(--color-emerald-500);
  }

  .bg-emerald-500\/10 {
    background-color: #00bb7f1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-500\/10 {
      background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
    }
  }

  .bg-emerald-500\/15 {
    background-color: #00bb7f26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-500\/15 {
      background-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent);
    }
  }

  .bg-emerald-500\/20 {
    background-color: #00bb7f33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-500\/20 {
      background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
    }
  }

  .bg-emerald-500\/\[\.06\] {
    background-color: #00bb7f0f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-500\/\[\.06\] {
      background-color: color-mix(in oklab, var(--color-emerald-500) 6%, transparent);
    }
  }

  .bg-emerald-500\/\[\.08\] {
    background-color: #00bb7f14;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-500\/\[\.08\] {
      background-color: color-mix(in oklab, var(--color-emerald-500) 8%, transparent);
    }
  }

  .bg-emerald-600 {
    background-color: var(--color-emerald-600);
  }

  .bg-fuchsia-500 {
    background-color: var(--color-fuchsia-500);
  }

  .bg-fuchsia-500\/10 {
    background-color: #e12afb1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-fuchsia-500\/10 {
      background-color: color-mix(in oklab, var(--color-fuchsia-500) 10%, transparent);
    }
  }

  .bg-fuchsia-500\/15 {
    background-color: #e12afb26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-fuchsia-500\/15 {
      background-color: color-mix(in oklab, var(--color-fuchsia-500) 15%, transparent);
    }
  }

  .bg-gray-300 {
    background-color: var(--color-gray-300);
  }

  .bg-gray-500 {
    background-color: var(--color-gray-500);
  }

  .bg-gray-500\/10 {
    background-color: #6a72821a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-500\/10 {
      background-color: color-mix(in oklab, var(--color-gray-500) 10%, transparent);
    }
  }

  .bg-gray-500\/15 {
    background-color: #6a728226;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-500\/15 {
      background-color: color-mix(in oklab, var(--color-gray-500) 15%, transparent);
    }
  }

  .bg-orange-500 {
    background-color: var(--color-orange-500);
  }

  .bg-orange-500\/10 {
    background-color: #fe6e001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-orange-500\/10 {
      background-color: color-mix(in oklab, var(--color-orange-500) 10%, transparent);
    }
  }

  .bg-pink-50 {
    background-color: var(--color-pink-50);
  }

  .bg-pink-100 {
    background-color: var(--color-pink-100);
  }

  .bg-red-50 {
    background-color: var(--color-red-50);
  }

  .bg-red-100 {
    background-color: var(--color-red-100);
  }

  .bg-red-400 {
    background-color: var(--color-red-400);
  }

  .bg-red-400\/10 {
    background-color: #ff65681a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-400\/10 {
      background-color: color-mix(in oklab, var(--color-red-400) 10%, transparent);
    }
  }

  .bg-red-400\/\[\.07\] {
    background-color: #ff656812;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-400\/\[\.07\] {
      background-color: color-mix(in oklab, var(--color-red-400) 7.0%, transparent);
    }
  }

  .bg-red-500 {
    background-color: var(--color-red-500);
  }

  .bg-red-500\/10 {
    background-color: #fb2c361a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-500\/10 {
      background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
    }
  }

  .bg-red-500\/15 {
    background-color: #fb2c3626;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-500\/15 {
      background-color: color-mix(in oklab, var(--color-red-500) 15%, transparent);
    }
  }

  .bg-red-500\/\[\.1\] {
    background-color: #fb2c361a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-500\/\[\.1\] {
      background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
    }
  }

  .bg-red-600 {
    background-color: var(--color-red-600);
  }

  .bg-rose-100 {
    background-color: var(--color-rose-100);
  }

  .bg-rose-500 {
    background-color: var(--color-rose-500);
  }

  .bg-rose-500\/10 {
    background-color: #ff23571a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-rose-500\/10 {
      background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent);
    }
  }

  .bg-rose-600 {
    background-color: var(--color-rose-600);
  }

  .bg-slate-50 {
    background-color: var(--color-slate-50);
  }

  .bg-slate-50\/40 {
    background-color: #f8fafc66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-50\/40 {
      background-color: color-mix(in oklab, var(--color-slate-50) 40%, transparent);
    }
  }

  .bg-slate-100 {
    background-color: var(--color-slate-100);
  }

  .bg-slate-200 {
    background-color: var(--color-slate-200);
  }

  .bg-slate-500 {
    background-color: var(--color-slate-500);
  }

  .bg-slate-500\/20 {
    background-color: #62748e33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-500\/20 {
      background-color: color-mix(in oklab, var(--color-slate-500) 20%, transparent);
    }
  }

  .bg-slate-700 {
    background-color: var(--color-slate-700);
  }

  .bg-slate-700\/20 {
    background-color: #31415833;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-700\/20 {
      background-color: color-mix(in oklab, var(--color-slate-700) 20%, transparent);
    }
  }

  .bg-slate-900 {
    background-color: var(--color-slate-900);
  }

  .bg-slate-950 {
    background-color: var(--color-slate-950);
  }

  .bg-slate-950\/60 {
    background-color: #02061899;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-950\/60 {
      background-color: color-mix(in oklab, var(--color-slate-950) 60%, transparent);
    }
  }

  .bg-slate-950\/65 {
    background-color: #020618a6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-950\/65 {
      background-color: color-mix(in oklab, var(--color-slate-950) 65%, transparent);
    }
  }

  .bg-slate-950\/70 {
    background-color: #020618b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-950\/70 {
      background-color: color-mix(in oklab, var(--color-slate-950) 70%, transparent);
    }
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-violet-50 {
    background-color: var(--color-violet-50);
  }

  .bg-violet-50\/50 {
    background-color: #f5f3ff80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-violet-50\/50 {
      background-color: color-mix(in oklab, var(--color-violet-50) 50%, transparent);
    }
  }

  .bg-violet-50\/60 {
    background-color: #f5f3ff99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-violet-50\/60 {
      background-color: color-mix(in oklab, var(--color-violet-50) 60%, transparent);
    }
  }

  .bg-violet-50\/70 {
    background-color: #f5f3ffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-violet-50\/70 {
      background-color: color-mix(in oklab, var(--color-violet-50) 70%, transparent);
    }
  }

  .bg-violet-100 {
    background-color: var(--color-violet-100);
  }

  .bg-violet-200 {
    background-color: var(--color-violet-200);
  }

  .bg-violet-400 {
    background-color: var(--color-violet-400);
  }

  .bg-violet-400\/10 {
    background-color: #a685ff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-violet-400\/10 {
      background-color: color-mix(in oklab, var(--color-violet-400) 10%, transparent);
    }
  }

  .bg-violet-400\/20 {
    background-color: #a685ff33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-violet-400\/20 {
      background-color: color-mix(in oklab, var(--color-violet-400) 20%, transparent);
    }
  }

  .bg-violet-500 {
    background-color: var(--color-violet-500);
  }

  .bg-violet-500\/10 {
    background-color: #8d54ff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-violet-500\/10 {
      background-color: color-mix(in oklab, var(--color-violet-500) 10%, transparent);
    }
  }

  .bg-violet-500\/15 {
    background-color: #8d54ff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-violet-500\/15 {
      background-color: color-mix(in oklab, var(--color-violet-500) 15%, transparent);
    }
  }

  .bg-violet-600 {
    background-color: var(--color-violet-600);
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-white\/5 {
    background-color: #ffffff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/5 {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }

  .bg-white\/10 {
    background-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/10 {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .bg-white\/15 {
    background-color: #ffffff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/15 {
      background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }

  .bg-white\/20 {
    background-color: #fff3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/20 {
      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }

  .bg-white\/70 {
    background-color: #ffffffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/70 {
      background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }

  .bg-white\/80 {
    background-color: #fffc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/80 {
      background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }

  .bg-white\/95 {
    background-color: #fffffff2;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/95 {
      background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
    }
  }

  .bg-white\/\[\.02\] {
    background-color: #ffffff05;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[\.02\] {
      background-color: color-mix(in oklab, var(--color-white) 2%, transparent);
    }
  }

  .bg-white\/\[\.03\] {
    background-color: #ffffff08;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[\.03\] {
      background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
    }
  }

  .bg-white\/\[\.04\] {
    background-color: #ffffff0a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[\.04\] {
      background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
    }
  }

  .bg-white\/\[\.05\] {
    background-color: #ffffff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[\.05\] {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }

  .bg-white\/\[\.06\] {
    background-color: #ffffff0f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[\.06\] {
      background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
    }
  }

  .bg-white\/\[\.015\] {
    background-color: #ffffff04;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[\.015\] {
      background-color: color-mix(in oklab, var(--color-white) 1.5%, transparent);
    }
  }

  .bg-white\/\[\.025\] {
    background-color: #ffffff06;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[\.025\] {
      background-color: color-mix(in oklab, var(--color-white) 2.5%, transparent);
    }
  }

  .bg-white\/\[\.035\] {
    background-color: #ffffff09;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[\.035\] {
      background-color: color-mix(in oklab, var(--color-white) 3.5%, transparent);
    }
  }

  .bg-white\/\[0\.01\] {
    background-color: #ffffff03;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.01\] {
      background-color: color-mix(in oklab, var(--color-white) 1%, transparent);
    }
  }

  .bg-white\/\[0\.02\] {
    background-color: #ffffff05;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.02\] {
      background-color: color-mix(in oklab, var(--color-white) 2%, transparent);
    }
  }

  .bg-white\/\[0\.03\] {
    background-color: #ffffff08;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.03\] {
      background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
    }
  }

  .bg-white\/\[0\.04\] {
    background-color: #ffffff0a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.04\] {
      background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
    }
  }

  .bg-white\/\[0\.05\] {
    background-color: #ffffff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.05\] {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }

  .bg-white\/\[0\.06\] {
    background-color: #ffffff0f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.06\] {
      background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
    }
  }

  .bg-white\/\[0\.07\] {
    background-color: #ffffff12;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.07\] {
      background-color: color-mix(in oklab, var(--color-white) 7.0%, transparent);
    }
  }

  .bg-white\/\[0\.08\] {
    background-color: #ffffff14;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.08\] {
      background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
  }

  .bg-white\/\[0\.025\] {
    background-color: #ffffff06;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.025\] {
      background-color: color-mix(in oklab, var(--color-white) 2.5%, transparent);
    }
  }

  .bg-white\/\[0\.035\] {
    background-color: #ffffff09;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.035\] {
      background-color: color-mix(in oklab, var(--color-white) 3.5%, transparent);
    }
  }

  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .\[background-image\:linear-gradient\(rgba\(255\,255\,255\,0\.5\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,rgba\(255\,255\,255\,0\.5\)_1px\,transparent_1px\)\] {
    background-image: linear-gradient(#ffffff80 1px, #0000 1px), linear-gradient(90deg, #ffffff80 1px, #0000 1px);
  }

  .bg-\[linear-gradient\(135deg\,rgba\(10\,132\,255\,\.11\)\,rgba\(17\,17\,17\,\.94\)_44\%\)\] {
    background-image: linear-gradient(135deg, #0a84ff1c, #111111f0 44%);
  }

  .bg-\[radial-gradient\(circle_at_15\%_10\%\,rgba\(16\,185\,129\,0\.18\)\,transparent_34\%\)\,radial-gradient\(circle_at_88\%_88\%\,rgba\(59\,130\,246\,0\.12\)\,transparent_30\%\)\] {
    background-image: radial-gradient(circle at 15% 10%, #10b9812e, #0000 34%), radial-gradient(circle at 88% 88%, #3b82f61f, #0000 30%);
  }

  .from-\[\#0A84FF\] {
    --tw-gradient-from: #0a84ff;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[\#0A84FF\]\/10 {
    --tw-gradient-from: oklab(62.4254% -.0515206 -.199017 / .1);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[\#30D158\] {
    --tw-gradient-from: #30d158;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[\#32D74B\]\/10 {
    --tw-gradient-from: oklab(77.0106% -.183689 .128785 / .1);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[\#CD7F32\]\/30 {
    --tw-gradient-from: oklab(66.6106% .0631779 .115367 / .3);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[\#E8E8E8\]\/30 {
    --tw-gradient-from: oklab(93.0999% 0 5.96046e-8 / .3);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[\#FF2D55\] {
    --tw-gradient-from: #ff2d55;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[\#FF9F0A\]\/20 {
    --tw-gradient-from: oklab(78.2365% .066223 .157716 / .2);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[\#FF453A\]\/20 {
    --tw-gradient-from: oklab(66.3303% .196898 .105983 / .2);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[\#FFD700\]\/40 {
    --tw-gradient-from: oklab(88.6771% -.0169251 .181398 / .4);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-blue-500 {
    --tw-gradient-from: var(--color-blue-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-emerald-400 {
    --tw-gradient-from: var(--color-emerald-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-emerald-600 {
    --tw-gradient-from: var(--color-emerald-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-gray-700 {
    --tw-gradient-from: var(--color-gray-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-gray-800 {
    --tw-gradient-from: var(--color-gray-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-transparent {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-white {
    --tw-gradient-from: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .via-cyan-400 {
    --tw-gradient-via: var(--color-cyan-400);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-teal-500 {
    --tw-gradient-via: var(--color-teal-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-white {
    --tw-gradient-via: var(--color-white);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-white\/30 {
    --tw-gradient-via: #ffffff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-white\/30 {
      --tw-gradient-via: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }

  .via-white\/30 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .to-\[\#0A84FF\] {
    --tw-gradient-to: #0a84ff;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[\#005CDB\] {
    --tw-gradient-to: #005cdb;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[\#8B4513\]\/10 {
    --tw-gradient-to: oklab(47.0784% .0708087 .0869601 / .1);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[\#32D74B\] {
    --tw-gradient-to: #32d74b;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[\#24923E\] {
    --tw-gradient-to: #24923e;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[\#808080\]\/10 {
    --tw-gradient-to: oklab(59.9871% 0 2.98023e-8 / .1);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[\#D11A3E\] {
    --tw-gradient-to: #d11a3e;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[\#DAA520\]\/10 {
    --tw-gradient-to: oklab(75.1572% .0153892 .146126 / .1);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[\#FF9F0A\]\/5 {
    --tw-gradient-to: oklab(78.2365% .066223 .157716 / .05);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[\#FF453A\]\/5 {
    --tw-gradient-to: oklab(66.3303% .196898 .105983 / .05);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-black {
    --tw-gradient-to: var(--color-black);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-blue-500 {
    --tw-gradient-to: var(--color-blue-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-cyan-400 {
    --tw-gradient-to: var(--color-cyan-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-cyan-500 {
    --tw-gradient-to: var(--color-cyan-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-gray-900 {
    --tw-gradient-to: var(--color-gray-900);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .\[background-size\:42px_42px\] {
    background-size: 42px 42px;
  }

  .bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text;
  }

  .object-contain {
    -o-object-fit: contain;
       object-fit: contain;
  }

  .p-0 {
    padding: 0;
  }

  .p-1 {
    padding: var(--spacing);
  }

  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-5 {
    padding: calc(var(--spacing) * 5);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-7 {
    padding: calc(var(--spacing) * 7);
  }

  .p-8 {
    padding: calc(var(--spacing) * 8);
  }

  .p-10 {
    padding: calc(var(--spacing) * 10);
  }

  .p-12 {
    padding: calc(var(--spacing) * 12);
  }

  .p-\[1\.5px\] {
    padding: 1.5px;
  }

  .px-1 {
    padding-inline: var(--spacing);
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }

  .px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }

  .\!py-4 {
    padding-block: calc(var(--spacing) * 4) !important;
  }

  .py-0 {
    padding-block: 0;
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-1 {
    padding-block: var(--spacing);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-7 {
    padding-block: calc(var(--spacing) * 7);
  }

  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }

  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }

  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }

  .py-14 {
    padding-block: calc(var(--spacing) * 14);
  }

  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }

  .py-\[1px\] {
    padding-block: 1px;
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }

  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }

  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }

  .pr-1 {
    padding-right: var(--spacing);
  }

  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }

  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }

  .pb-1 {
    padding-bottom: var(--spacing);
  }

  .pb-1\.5 {
    padding-bottom: calc(var(--spacing) * 1.5);
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }

  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }

  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }

  .pb-24 {
    padding-bottom: calc(var(--spacing) * 24);
  }

  .pb-\[1px\] {
    padding-bottom: 1px;
  }

  .pl-1 {
    padding-left: var(--spacing);
  }

  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }

  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }

  .pl-10 {
    padding-left: calc(var(--spacing) * 10);
  }

  .pl-11 {
    padding-left: calc(var(--spacing) * 11);
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .align-middle {
    vertical-align: middle;
  }

  .font-mono {
    font-family: var(--font-mono);
  }

  .font-sans {
    font-family: var(--font-sans);
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }

  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-\[8px\] {
    font-size: 8px;
  }

  .text-\[9px\] {
    font-size: 9px;
  }

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .text-\[30px\] {
    font-size: 30px;
  }

  .text-\[72px\] {
    font-size: 72px;
  }

  .leading-4 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }

  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }

  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }

  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }

  .leading-8 {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }

  .leading-\[1\.12\] {
    --tw-leading: 1.12;
    line-height: 1.12;
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-\[\.2em\] {
    --tw-tracking: .2em;
    letter-spacing: .2em;
  }

  .tracking-\[\.16em\] {
    --tw-tracking: .16em;
    letter-spacing: .16em;
  }

  .tracking-\[\.18em\] {
    --tw-tracking: .18em;
    letter-spacing: .18em;
  }

  .tracking-\[\.22em\] {
    --tw-tracking: .22em;
    letter-spacing: .22em;
  }

  .tracking-\[\.24em\] {
    --tw-tracking: .24em;
    letter-spacing: .24em;
  }

  .tracking-\[0\.2em\] {
    --tw-tracking: .2em;
    letter-spacing: .2em;
  }

  .tracking-\[0\.12em\] {
    --tw-tracking: .12em;
    letter-spacing: .12em;
  }

  .tracking-\[0\.14em\] {
    --tw-tracking: .14em;
    letter-spacing: .14em;
  }

  .tracking-\[0\.15em\] {
    --tw-tracking: .15em;
    letter-spacing: .15em;
  }

  .tracking-\[0\.16em\] {
    --tw-tracking: .16em;
    letter-spacing: .16em;
  }

  .tracking-\[0\.18em\] {
    --tw-tracking: .18em;
    letter-spacing: .18em;
  }

  .tracking-\[0\.24em\] {
    --tw-tracking: .24em;
    letter-spacing: .24em;
  }

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .tracking-tighter {
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }

  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }

  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }

  .break-words {
    overflow-wrap: break-word;
  }

  .break-all {
    word-break: break-all;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre-line {
    white-space: pre-line;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .\!text-slate-950 {
    color: var(--color-slate-950) !important;
  }

  .text-\[\#0A84FF\] {
    color: #0a84ff;
  }

  .text-\[\#0A84FF\]\/70 {
    color: oklab(62.4254% -.0515206 -.199017 / .7);
  }

  .text-\[\#8E8E93\] {
    color: #8e8e93;
  }

  .text-\[\#9CCBFF\] {
    color: #9ccbff;
  }

  .text-\[\#32D74B\] {
    color: #32d74b;
  }

  .text-\[\#43a1ff\] {
    color: #43a1ff;
  }

  .text-\[\#54E577\] {
    color: #54e577;
  }

  .text-\[\#55e56d\] {
    color: #55e56d;
  }

  .text-\[\#58A6FF\] {
    color: #58a6ff;
  }

  .text-\[\#60A5FA\] {
    color: #60a5fa;
  }

  .text-\[\#62e879\] {
    color: #62e879;
  }

  .text-\[\#64D2FF\] {
    color: #64d2ff;
  }

  .text-\[\#65E879\] {
    color: #65e879;
  }

  .text-\[\#68B5FF\] {
    color: #68b5ff;
  }

  .text-\[\#73B8FF\] {
    color: #73b8ff;
  }

  .text-\[\#77BEFF\] {
    color: #77beff;
  }

  .text-\[\#07140A\] {
    color: #07140a;
  }

  .text-\[\#9896ff\] {
    color: #9896ff;
  }

  .text-\[\#050505\] {
    color: #050505;
  }

  .text-\[\#191000\] {
    color: #191000;
  }

  .text-\[\#FF6B63\] {
    color: #ff6b63;
  }

  .text-\[\#FF8A80\] {
    color: #ff8a80;
  }

  .text-\[\#FF9F0A\] {
    color: #ff9f0a;
  }

  .text-\[\#FF9F0A\]\/60 {
    color: oklab(78.2365% .066223 .157716 / .6);
  }

  .text-\[\#FF9F0A\]\/70 {
    color: oklab(78.2365% .066223 .157716 / .7);
  }

  .text-\[\#FF453A\] {
    color: #ff453a;
  }

  .text-\[\#FF453A\]\/60 {
    color: oklab(66.3303% .196898 .105983 / .6);
  }

  .text-\[\#FF837B\] {
    color: #ff837b;
  }

  .text-\[\#FFB340\] {
    color: #ffb340;
  }

  .text-\[\#FFCC80\] {
    color: #ffcc80;
  }

  .text-\[\#FFD08A\] {
    color: #ffd08a;
  }

  .text-\[\#FFD28A\] {
    color: #ffd28a;
  }

  .text-\[\#FFDAB9\] {
    color: #ffdab9;
  }

  .text-\[\#FFEC8B\] {
    color: #ffec8b;
  }

  .text-\[\#FFFFFF\] {
    color: #fff;
  }

  .text-\[\#ff837b\] {
    color: #ff837b;
  }

  .text-\[\#ffad31\] {
    color: #ffad31;
  }

  .text-\[\#ffbe55\] {
    color: #ffbe55;
  }

  .text-amber-200 {
    color: var(--color-amber-200);
  }

  .text-amber-300 {
    color: var(--color-amber-300);
  }

  .text-amber-400 {
    color: var(--color-amber-400);
  }

  .text-amber-500 {
    color: var(--color-amber-500);
  }

  .text-amber-600 {
    color: var(--color-amber-600);
  }

  .text-amber-700 {
    color: var(--color-amber-700);
  }

  .text-amber-700\/80 {
    color: #b75000cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-amber-700\/80 {
      color: color-mix(in oklab, var(--color-amber-700) 80%, transparent);
    }
  }

  .text-amber-800 {
    color: var(--color-amber-800);
  }

  .text-amber-900 {
    color: var(--color-amber-900);
  }

  .text-amber-950 {
    color: var(--color-amber-950);
  }

  .text-black {
    color: var(--color-black);
  }

  .text-blue-100 {
    color: var(--color-blue-100);
  }

  .text-blue-200 {
    color: var(--color-blue-200);
  }

  .text-blue-200\/70 {
    color: #bedbffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-blue-200\/70 {
      color: color-mix(in oklab, var(--color-blue-200) 70%, transparent);
    }
  }

  .text-blue-200\/80 {
    color: #bedbffcc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-blue-200\/80 {
      color: color-mix(in oklab, var(--color-blue-200) 80%, transparent);
    }
  }

  .text-blue-300 {
    color: var(--color-blue-300);
  }

  .text-blue-400 {
    color: var(--color-blue-400);
  }

  .text-blue-500 {
    color: var(--color-blue-500);
  }

  .text-blue-600 {
    color: var(--color-blue-600);
  }

  .text-blue-700 {
    color: var(--color-blue-700);
  }

  .text-blue-800 {
    color: var(--color-blue-800);
  }

  .text-blue-900 {
    color: var(--color-blue-900);
  }

  .text-cyan-100 {
    color: var(--color-cyan-100);
  }

  .text-cyan-300 {
    color: var(--color-cyan-300);
  }

  .text-cyan-600 {
    color: var(--color-cyan-600);
  }

  .text-cyan-700 {
    color: var(--color-cyan-700);
  }

  .text-cyan-800 {
    color: var(--color-cyan-800);
  }

  .text-cyan-900 {
    color: var(--color-cyan-900);
  }

  .text-emerald-100 {
    color: var(--color-emerald-100);
  }

  .text-emerald-200 {
    color: var(--color-emerald-200);
  }

  .text-emerald-300 {
    color: var(--color-emerald-300);
  }

  .text-emerald-400 {
    color: var(--color-emerald-400);
  }

  .text-emerald-500 {
    color: var(--color-emerald-500);
  }

  .text-emerald-600 {
    color: var(--color-emerald-600);
  }

  .text-emerald-700 {
    color: var(--color-emerald-700);
  }

  .text-emerald-800 {
    color: var(--color-emerald-800);
  }

  .text-emerald-900 {
    color: var(--color-emerald-900);
  }

  .text-fuchsia-300 {
    color: var(--color-fuchsia-300);
  }

  .text-fuchsia-400 {
    color: var(--color-fuchsia-400);
  }

  .text-gray-100 {
    color: var(--color-gray-100);
  }

  .text-gray-200 {
    color: var(--color-gray-200);
  }

  .text-gray-300 {
    color: var(--color-gray-300);
  }

  .text-gray-400 {
    color: var(--color-gray-400);
  }

  .text-gray-500 {
    color: var(--color-gray-500);
  }

  .text-gray-600 {
    color: var(--color-gray-600);
  }

  .text-gray-700 {
    color: var(--color-gray-700);
  }

  .text-orange-300 {
    color: var(--color-orange-300);
  }

  .text-pink-700 {
    color: var(--color-pink-700);
  }

  .text-red-100 {
    color: var(--color-red-100);
  }

  .text-red-100\/70 {
    color: #ffe2e2b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-red-100\/70 {
      color: color-mix(in oklab, var(--color-red-100) 70%, transparent);
    }
  }

  .text-red-200 {
    color: var(--color-red-200);
  }

  .text-red-300 {
    color: var(--color-red-300);
  }

  .text-red-400 {
    color: var(--color-red-400);
  }

  .text-red-500 {
    color: var(--color-red-500);
  }

  .text-red-600 {
    color: var(--color-red-600);
  }

  .text-red-700 {
    color: var(--color-red-700);
  }

  .text-red-800 {
    color: var(--color-red-800);
  }

  .text-red-900 {
    color: var(--color-red-900);
  }

  .text-rose-200 {
    color: var(--color-rose-200);
  }

  .text-rose-500 {
    color: var(--color-rose-500);
  }

  .text-rose-700 {
    color: var(--color-rose-700);
  }

  .text-slate-200 {
    color: var(--color-slate-200);
  }

  .text-slate-300 {
    color: var(--color-slate-300);
  }

  .text-slate-400 {
    color: var(--color-slate-400);
  }

  .text-slate-500 {
    color: var(--color-slate-500);
  }

  .text-slate-600 {
    color: var(--color-slate-600);
  }

  .text-slate-700 {
    color: var(--color-slate-700);
  }

  .text-slate-800 {
    color: var(--color-slate-800);
  }

  .text-slate-900 {
    color: var(--color-slate-900);
  }

  .text-slate-950 {
    color: var(--color-slate-950);
  }

  .text-slate-950\/70 {
    color: #020618b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-slate-950\/70 {
      color: color-mix(in oklab, var(--color-slate-950) 70%, transparent);
    }
  }

  .text-slate-950\/75 {
    color: #020618bf;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-slate-950\/75 {
      color: color-mix(in oklab, var(--color-slate-950) 75%, transparent);
    }
  }

  .text-transparent {
    color: #0000;
  }

  .text-violet-100 {
    color: var(--color-violet-100);
  }

  .text-violet-200 {
    color: var(--color-violet-200);
  }

  .text-violet-300 {
    color: var(--color-violet-300);
  }

  .text-violet-500 {
    color: var(--color-violet-500);
  }

  .text-violet-600 {
    color: var(--color-violet-600);
  }

  .text-violet-700 {
    color: var(--color-violet-700);
  }

  .text-violet-800 {
    color: var(--color-violet-800);
  }

  .text-violet-900 {
    color: var(--color-violet-900);
  }

  .text-violet-950 {
    color: var(--color-violet-950);
  }

  .text-white {
    color: var(--color-white);
  }

  .text-white\/60 {
    color: #fff9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/60 {
      color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }

  .text-white\/70 {
    color: #ffffffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/70 {
      color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }

  .text-white\/80 {
    color: #fffc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/80 {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }

  .text-white\/85 {
    color: #ffffffd9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/85 {
      color: color-mix(in oklab, var(--color-white) 85%, transparent);
    }
  }

  .text-white\/90 {
    color: #ffffffe6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/90 {
      color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }

  .text-white\/95 {
    color: #fffffff2;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/95 {
      color: color-mix(in oklab, var(--color-white) 95%, transparent);
    }
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .underline {
    text-decoration-line: underline;
  }

  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .placeholder-gray-600::-moz-placeholder {
    color: var(--color-gray-600);
  }

  .placeholder-gray-600::placeholder {
    color: var(--color-gray-600);
  }

  .placeholder-gray-700::-moz-placeholder {
    color: var(--color-gray-700);
  }

  .placeholder-gray-700::placeholder {
    color: var(--color-gray-700);
  }

  .accent-emerald-600 {
    accent-color: var(--color-emerald-600);
  }

  .\[color-scheme\:dark\] {
    color-scheme: dark;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-15 {
    opacity: .15;
  }

  .opacity-20 {
    opacity: .2;
  }

  .opacity-40 {
    opacity: .4;
  }

  .opacity-45 {
    opacity: .45;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-55 {
    opacity: .55;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-65 {
    opacity: .65;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-80 {
    opacity: .8;
  }

  .opacity-100 {
    opacity: 1;
  }

  .opacity-\[0\.03\] {
    opacity: .03;
  }

  .opacity-\[0\.05\] {
    opacity: .05;
  }

  .opacity-\[0\.06\] {
    opacity: .06;
  }

  .opacity-\[0\.07\] {
    opacity: .07;
  }

  .opacity-\[0\.08\] {
    opacity: .08;
  }

  .opacity-\[0\.15\] {
    opacity: .15;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_10px_rgba\(10\,132\,255\,0\.4\)\] {
    --tw-shadow: 0 0 10px var(--tw-shadow-color, #0a84ff66);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_10px_rgba\(10\,132\,255\,0\.5\)\] {
    --tw-shadow: 0 0 10px var(--tw-shadow-color, #0a84ff80);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_12px_rgba\(10\,132\,255\,0\.08\)\] {
    --tw-shadow: 0 0 12px var(--tw-shadow-color, #0a84ff14);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_15px_rgba\(10\,132\,255\,0\.2\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, #0a84ff33);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_15px_rgba\(10\,132\,255\,0\.3\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, #0a84ff4d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_15px_rgba\(10\,132\,255\,0\.4\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, #0a84ff66);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_15px_rgba\(10\,132\,255\,0\.15\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, #0a84ff26);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_15px_rgba\(50\,215\,75\,0\.2\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, #32d74b33);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_15px_rgba\(50\,215\,75\,0\.6\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, #32d74b99);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_15px_rgba\(255\,69\,58\,0\.2\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, #ff453a33);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_15px_rgba\(255\,159\,10\,0\.2\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, #ff9f0a33);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_15px_rgba\(255\,255\,255\,0\.02\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, #ffffff05);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_18px_rgba\(10\,132\,255\,0\.18\)\] {
    --tw-shadow: 0 0 18px var(--tw-shadow-color, #0a84ff2e);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_20px_rgba\(10\,132\,255\,0\.2\)\] {
    --tw-shadow: 0 0 20px var(--tw-shadow-color, #0a84ff33);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_20px_rgba\(10\,132\,255\,0\.3\)\] {
    --tw-shadow: 0 0 20px var(--tw-shadow-color, #0a84ff4d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_20px_rgba\(10\,132\,255\,0\.25\)\] {
    --tw-shadow: 0 0 20px var(--tw-shadow-color, #0a84ff40);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_20px_rgba\(50\,215\,75\,0\.3\)\] {
    --tw-shadow: 0 0 20px var(--tw-shadow-color, #32d74b4d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_20px_rgba\(50\,215\,75\,0\.5\)\] {
    --tw-shadow: 0 0 20px var(--tw-shadow-color, #32d74b80);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_20px_rgba\(255\,255\,255\,0\.15\)\] {
    --tw-shadow: 0 0 20px var(--tw-shadow-color, #ffffff26);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_8px_32px_rgba\(0\,0\,0\,0\.2\)\] {
    --tw-shadow: 0 8px 32px var(--tw-shadow-color, #0003);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_10px_40px_rgba\(0\,0\,0\,0\.8\)\] {
    --tw-shadow: 0 10px 40px var(--tw-shadow-color, #000c);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_12px_42px_rgba\(0\,0\,0\,\.22\)\] {
    --tw-shadow: 0 12px 42px var(--tw-shadow-color, #00000038);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_20px_50px_rgba\(0\,0\,0\,0\.8\)\] {
    --tw-shadow: 0 20px 50px var(--tw-shadow-color, #000c);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[10px_0_40px_rgba\(0\,0\,0\,0\.8\)\] {
    --tw-shadow: 10px 0 40px var(--tw-shadow-color, #000c);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[10px_0_40px_rgba\(0\,0\,0\,0\.45\)\] {
    --tw-shadow: 10px 0 40px var(--tw-shadow-color, #00000073);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_1px_1px_rgba\(255\,255\,255\,0\.1\)\,0_8px_32px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-shadow: inset 0 1px 1px var(--tw-shadow-color, #ffffff1a), 0 8px 32px var(--tw-shadow-color, #00000080);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring, .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[\#FF9F0A\]\/20 {
    --tw-shadow-color: #ff9f0a33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[\#FF9F0A\]\/20 {
      --tw-shadow-color: color-mix(in oklab, oklab(78.2365% .066223 .157716 / .2) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-amber-500\/20 {
    --tw-shadow-color: #f99c0033;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-amber-500\/20 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-black {
    --tw-shadow-color: #000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-black {
      --tw-shadow-color: color-mix(in oklab, var(--color-black) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-black\/30 {
    --tw-shadow-color: #0000004d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-black\/30 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-emerald-200 {
    --tw-shadow-color: oklch(90.5% .093 164.15);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-emerald-200 {
      --tw-shadow-color: color-mix(in oklab, var(--color-emerald-200) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-emerald-500 {
    --tw-shadow-color: oklch(69.6% .17 162.48);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-emerald-500 {
      --tw-shadow-color: color-mix(in oklab, var(--color-emerald-500) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-emerald-500\/20 {
    --tw-shadow-color: #00bb7f33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-emerald-500\/20 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-red-200 {
    --tw-shadow-color: oklch(88.5% .062 18.334);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-red-200 {
      --tw-shadow-color: color-mix(in oklab, var(--color-red-200) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-red-500 {
    --tw-shadow-color: oklch(63.7% .237 25.331);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-red-500 {
      --tw-shadow-color: color-mix(in oklab, var(--color-red-500) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-red-500\/20 {
    --tw-shadow-color: #fb2c3633;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-red-500\/20 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-red-950\/30 {
    --tw-shadow-color: #4608094d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-red-950\/30 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-950) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-red-950\/40 {
    --tw-shadow-color: #46080966;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-red-950\/40 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-950) 40%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-slate-300 {
    --tw-shadow-color: oklch(86.9% .022 252.894);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-slate-300 {
      --tw-shadow-color: color-mix(in oklab, var(--color-slate-300) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-slate-300\/60 {
    --tw-shadow-color: #cad5e299;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-slate-300\/60 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-300) 60%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-slate-300\/70 {
    --tw-shadow-color: #cad5e2b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-slate-300\/70 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-300) 70%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-violet-200 {
    --tw-shadow-color: oklch(89.4% .057 293.283);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-violet-200 {
      --tw-shadow-color: color-mix(in oklab, var(--color-violet-200) var(--tw-shadow-alpha), transparent);
    }
  }

  .ring-blue-200 {
    --tw-ring-color: var(--color-blue-200);
  }

  .ring-emerald-100 {
    --tw-ring-color: var(--color-emerald-100);
  }

  .ring-pink-200 {
    --tw-ring-color: var(--color-pink-200);
  }

  .ring-slate-200 {
    --tw-ring-color: var(--color-slate-200);
  }

  .ring-violet-400 {
    --tw-ring-color: var(--color-violet-400);
  }

  .ring-violet-400\/40 {
    --tw-ring-color: #a685ff66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-violet-400\/40 {
      --tw-ring-color: color-mix(in oklab, var(--color-violet-400) 40%, transparent);
    }
  }

  .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(var(--blur-2xl));
    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-3xl {
    --tw-blur: blur(var(--blur-3xl));
    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-\[120px\] {
    --tw-blur: blur(120px);
    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-\[150px\] {
    --tw-blur: blur(150px);
    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-xl {
    --tw-blur: blur(var(--blur-xl));
    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-\[0_0_6px_rgba\(255\,215\,0\,0\.5\)\] {
    --tw-drop-shadow-size: drop-shadow(0 0 6px var(--tw-drop-shadow-color, #ffd70080));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    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-\[0_2px_8px_rgba\(255\,255\,255\,0\.6\)\] {
    --tw-drop-shadow-size: drop-shadow(0 2px 8px var(--tw-drop-shadow-color, #fff9));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    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-sm {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #00000026));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm));
    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, );
  }

  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .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-2xl {
    --tw-backdrop-blur: blur(var(--blur-2xl));
    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-3xl {
    --tw-backdrop-blur: blur(var(--blur-3xl));
    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(var(--blur-md));
    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(var(--blur-sm));
    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(var(--blur-xl));
    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, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .duration-1000 {
    --tw-duration: 1s;
    transition-duration: 1s;
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
         user-select: none;
  }

  .group-focus-within\:block:is(:where(.group):focus-within *) {
    display: block;
  }

  @media (hover: hover) {
    .group-hover\:block:is(:where(.group):hover *) {
      display: block;
    }

    .group-hover\:translate-x-1:is(:where(.group):hover *) {
      --tw-translate-x: var(--spacing);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:scale-110:is(:where(.group):hover *) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .group-hover\:border-\[\#0A84FF\]\/30:is(:where(.group):hover *) {
      border-color: oklab(62.4254% -.0515206 -.199017 / .3);
    }

    .group-hover\:bg-white\/10:is(:where(.group):hover *) {
      background-color: #ffffff1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:bg-white\/10:is(:where(.group):hover *) {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }

    .group-hover\:bg-white\/\[0\.05\]:is(:where(.group):hover *) {
      background-color: #ffffff0d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:bg-white\/\[0\.05\]:is(:where(.group):hover *) {
        background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
    }

    .group-hover\:text-\[\#0A84FF\]:is(:where(.group):hover *) {
      color: #0a84ff;
    }

    .group-hover\:text-\[\#FF453A\]:is(:where(.group):hover *) {
      color: #ff453a;
    }

    .group-hover\:text-gray-400:is(:where(.group):hover *) {
      color: var(--color-gray-400);
    }

    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }

    .group-hover\:opacity-\[0\.08\]:is(:where(.group):hover *) {
      opacity: .08;
    }

    .group-hover\/chain\:bg-\[\#0A84FF\]\/\[0\.06\]:is(:where(.group\/chain):hover *) {
      background-color: oklab(62.4254% -.0515206 -.199017 / .06);
    }

    .group-hover\/chain\:shadow-\[inset_4px_0_0_\#0A84FF\]:is(:where(.group\/chain):hover *) {
      --tw-shadow: inset 4px 0 0 var(--tw-shadow-color, #0a84ff);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .group-hover\/row\:border-\[\#0A84FF\]\/50:is(:where(.group\/row):hover *) {
      border-color: oklab(62.4254% -.0515206 -.199017 / .5);
    }

    .group-hover\/row\:border-\[\#32D74B\]:is(:where(.group\/row):hover *) {
      border-color: #32d74b;
    }

    .group-hover\/row\:text-white:is(:where(.group\/row):hover *) {
      color: var(--color-white);
    }

    .group-hover\/row\:opacity-100:is(:where(.group\/row):hover *) {
      opacity: 1;
    }

    .group-hover\/tooltip\:visible:is(:where(.group\/tooltip):hover *) {
      visibility: visible;
    }

    .group-hover\/tooltip\:opacity-100:is(:where(.group\/tooltip):hover *) {
      opacity: 1;
    }

    .group-hover\/tx\:scale-105:is(:where(.group\/tx):hover *) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  .selection\:bg-\[\#32D74B\]\/30 ::-moz-selection {
    background-color: oklab(77.0106% -.183689 .128785 / .3);
  }

  .selection\:bg-\[\#32D74B\]\/30 ::selection {
    background-color: oklab(77.0106% -.183689 .128785 / .3);
  }

  .selection\:bg-\[\#32D74B\]\/30::-moz-selection {
    background-color: oklab(77.0106% -.183689 .128785 / .3);
  }

  .selection\:bg-\[\#32D74B\]\/30::selection {
    background-color: oklab(77.0106% -.183689 .128785 / .3);
  }

  .placeholder\:text-gray-600::-moz-placeholder {
    color: var(--color-gray-600);
  }

  .placeholder\:text-gray-600::placeholder {
    color: var(--color-gray-600);
  }

  .placeholder\:text-slate-600::-moz-placeholder {
    color: var(--color-slate-600);
  }

  .placeholder\:text-slate-600::placeholder {
    color: var(--color-slate-600);
  }

  .last\:border-0:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .focus-within\:border-emerald-500\/70:focus-within {
    border-color: #00bb7fb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-within\:border-emerald-500\/70:focus-within {
      border-color: color-mix(in oklab, var(--color-emerald-500) 70%, transparent);
    }
  }

  .focus-within\:ring-4:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-within\:ring-emerald-500\/10:focus-within {
    --tw-ring-color: #00bb7f1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-within\:ring-emerald-500\/10:focus-within {
      --tw-ring-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
    }
  }

  @media (hover: hover) {
    .hover\:z-50:hover {
      z-index: 50;
    }

    .hover\:scale-110:hover {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .hover\:scale-125:hover {
      --tw-scale-x: 125%;
      --tw-scale-y: 125%;
      --tw-scale-z: 125%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .hover\:border-\[\#0A84FF\]\/30:hover {
      border-color: oklab(62.4254% -.0515206 -.199017 / .3);
    }

    .hover\:border-\[\#0A84FF\]\/50:hover {
      border-color: oklab(62.4254% -.0515206 -.199017 / .5);
    }

    .hover\:border-\[\#0A84FF\]\/60:hover {
      border-color: oklab(62.4254% -.0515206 -.199017 / .6);
    }

    .hover\:border-\[\#32D74B\]\/50:hover {
      border-color: oklab(77.0106% -.183689 .128785 / .5);
    }

    .hover\:border-\[\#64D2FF\]:hover {
      border-color: #64d2ff;
    }

    .hover\:border-\[\#FF9F0A\]\/50:hover {
      border-color: oklab(78.2365% .066223 .157716 / .5);
    }

    .hover\:border-\[\#FF9F0A\]\/60:hover {
      border-color: oklab(78.2365% .066223 .157716 / .6);
    }

    .hover\:border-amber-400:hover {
      border-color: var(--color-amber-400);
    }

    .hover\:border-blue-300:hover {
      border-color: var(--color-blue-300);
    }

    .hover\:border-blue-400:hover {
      border-color: var(--color-blue-400);
    }

    .hover\:border-violet-300:hover {
      border-color: var(--color-violet-300);
    }

    .hover\:border-white\/20:hover {
      border-color: #fff3;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-white\/20:hover {
        border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }

    .hover\:border-white\/25:hover {
      border-color: #ffffff40;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-white\/25:hover {
        border-color: color-mix(in oklab, var(--color-white) 25%, transparent);
      }
    }

    .hover\:border-white\/\[0\.05\]:hover {
      border-color: #ffffff0d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-white\/\[0\.05\]:hover {
        border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
    }

    .hover\:border-white\/\[0\.08\]:hover {
      border-color: #ffffff14;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-white\/\[0\.08\]:hover {
        border-color: color-mix(in oklab, var(--color-white) 8%, transparent);
      }
    }

    .hover\:bg-\[\#0A84FF\]\/5:hover {
      background-color: oklab(62.4254% -.0515206 -.199017 / .05);
    }

    .hover\:bg-\[\#0A84FF\]\/10:hover {
      background-color: oklab(62.4254% -.0515206 -.199017 / .1);
    }

    .hover\:bg-\[\#0A84FF\]\/20:hover {
      background-color: oklab(62.4254% -.0515206 -.199017 / .2);
    }

    .hover\:bg-\[\#0A84FF\]\/30:hover {
      background-color: oklab(62.4254% -.0515206 -.199017 / .3);
    }

    .hover\:bg-\[\#0A84FF\]\/\[0\.05\]:hover {
      background-color: oklab(62.4254% -.0515206 -.199017 / .05);
    }

    .hover\:bg-\[\#0A84FF\]\/\[0\.07\]:hover {
      background-color: oklab(62.4254% -.0515206 -.199017 / .07);
    }

    .hover\:bg-\[\#2bc43f\]:hover {
      background-color: #2bc43f;
    }

    .hover\:bg-\[\#32D74B\]\/5:hover {
      background-color: oklab(77.0106% -.183689 .128785 / .05);
    }

    .hover\:bg-\[\#32D74B\]\/20:hover {
      background-color: oklab(77.0106% -.183689 .128785 / .2);
    }

    .hover\:bg-\[\#32D74B\]\/25:hover {
      background-color: oklab(77.0106% -.183689 .128785 / .25);
    }

    .hover\:bg-\[\#54E577\]:hover {
      background-color: #54e577;
    }

    .hover\:bg-\[\#0070df\]:hover {
      background-color: #0070df;
    }

    .hover\:bg-\[\#222\]:hover {
      background-color: #222;
    }

    .hover\:bg-\[\#268fff\]:hover {
      background-color: #268fff;
    }

    .hover\:bg-\[\#2878e0\]:hover {
      background-color: #2878e0;
    }

    .hover\:bg-\[\#3298ff\]:hover {
      background-color: #3298ff;
    }

    .hover\:bg-\[\#151515\]\/90:hover {
      background-color: oklab(19.5735% 0 1.49012e-8 / .9);
    }

    .hover\:bg-\[\#FF9F0A\]\/5:hover {
      background-color: oklab(78.2365% .066223 .157716 / .05);
    }

    .hover\:bg-\[\#FF9F0A\]\/10:hover {
      background-color: oklab(78.2365% .066223 .157716 / .1);
    }

    .hover\:bg-\[\#FF9F0A\]\/20:hover {
      background-color: oklab(78.2365% .066223 .157716 / .2);
    }

    .hover\:bg-\[\#FF453A\]\/5:hover {
      background-color: oklab(66.3303% .196898 .105983 / .05);
    }

    .hover\:bg-\[\#FF453A\]\/20:hover {
      background-color: oklab(66.3303% .196898 .105983 / .2);
    }

    .hover\:bg-\[\#FF453A\]\/25:hover {
      background-color: oklab(66.3303% .196898 .105983 / .25);
    }

    .hover\:bg-amber-100:hover {
      background-color: var(--color-amber-100);
    }

    .hover\:bg-amber-300:hover {
      background-color: var(--color-amber-300);
    }

    .hover\:bg-amber-400:hover {
      background-color: var(--color-amber-400);
    }

    .hover\:bg-amber-500\/25:hover {
      background-color: #f99c0040;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-amber-500\/25:hover {
        background-color: color-mix(in oklab, var(--color-amber-500) 25%, transparent);
      }
    }

    .hover\:bg-blue-50:hover {
      background-color: var(--color-blue-50);
    }

    .hover\:bg-blue-500:hover {
      background-color: var(--color-blue-500);
    }

    .hover\:bg-emerald-300:hover {
      background-color: var(--color-emerald-300);
    }

    .hover\:bg-emerald-400:hover {
      background-color: var(--color-emerald-400);
    }

    .hover\:bg-emerald-500:hover {
      background-color: var(--color-emerald-500);
    }

    .hover\:bg-emerald-500\/30:hover {
      background-color: #00bb7f4d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-emerald-500\/30:hover {
        background-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
      }
    }

    .hover\:bg-gray-200:hover {
      background-color: var(--color-gray-200);
    }

    .hover\:bg-red-500\/20:hover {
      background-color: #fb2c3633;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-red-500\/20:hover {
        background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
      }
    }

    .hover\:bg-red-500\/25:hover {
      background-color: #fb2c3640;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-red-500\/25:hover {
        background-color: color-mix(in oklab, var(--color-red-500) 25%, transparent);
      }
    }

    .hover\:bg-slate-100:hover {
      background-color: var(--color-slate-100);
    }

    .hover\:bg-slate-200:hover {
      background-color: var(--color-slate-200);
    }

    .hover\:bg-violet-50:hover {
      background-color: var(--color-violet-50);
    }

    .hover\:bg-violet-100:hover {
      background-color: var(--color-violet-100);
    }

    .hover\:bg-violet-500:hover {
      background-color: var(--color-violet-500);
    }

    .hover\:bg-violet-500\/25:hover {
      background-color: #8d54ff40;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-violet-500\/25:hover {
        background-color: color-mix(in oklab, var(--color-violet-500) 25%, transparent);
      }
    }

    .hover\:bg-white:hover {
      background-color: var(--color-white);
    }

    .hover\:bg-white\/5:hover {
      background-color: #ffffff0d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/5:hover {
        background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
    }

    .hover\:bg-white\/10:hover {
      background-color: #ffffff1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/10:hover {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }

    .hover\:bg-white\/15:hover {
      background-color: #ffffff26;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/15:hover {
        background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
      }
    }

    .hover\:bg-white\/20:hover {
      background-color: #fff3;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/20:hover {
        background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }

    .hover\:bg-white\/25:hover {
      background-color: #ffffff40;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/25:hover {
        background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
      }
    }

    .hover\:bg-white\/\[0\.1\]:hover {
      background-color: #ffffff1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.1\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }

    .hover\:bg-white\/\[0\.02\]:hover {
      background-color: #ffffff05;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.02\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 2%, transparent);
      }
    }

    .hover\:bg-white\/\[0\.03\]:hover {
      background-color: #ffffff08;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.03\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
      }
    }

    .hover\:bg-white\/\[0\.04\]:hover {
      background-color: #ffffff0a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.04\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
      }
    }

    .hover\:bg-white\/\[0\.05\]:hover {
      background-color: #ffffff0d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.05\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
    }

    .hover\:bg-white\/\[0\.06\]:hover {
      background-color: #ffffff0f;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.06\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
      }
    }

    .hover\:bg-white\/\[0\.035\]:hover {
      background-color: #ffffff09;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.035\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 3.5%, transparent);
      }
    }

    .hover\:text-\[\#0A84FF\]:hover {
      color: #0a84ff;
    }

    .hover\:text-\[\#32D74B\]:hover {
      color: #32d74b;
    }

    .hover\:text-\[\#FF9F0A\]:hover {
      color: #ff9f0a;
    }

    .hover\:text-\[\#FF453A\]:hover {
      color: #ff453a;
    }

    .hover\:text-\[\#FFB340\]:hover {
      color: #ffb340;
    }

    .hover\:text-blue-700:hover {
      color: var(--color-blue-700);
    }

    .hover\:text-gray-300:hover {
      color: var(--color-gray-300);
    }

    .hover\:text-red-400:hover {
      color: var(--color-red-400);
    }

    .hover\:text-slate-300:hover {
      color: var(--color-slate-300);
    }

    .hover\:text-slate-700:hover {
      color: var(--color-slate-700);
    }

    .hover\:text-white:hover {
      color: var(--color-white);
    }

    .hover\:underline:hover {
      text-decoration-line: underline;
    }

    .hover\:opacity-80:hover {
      opacity: .8;
    }

    .hover\:opacity-100:hover {
      opacity: 1;
    }

    .hover\:shadow-\[0_0_30px_rgba\(10\,132\,255\,0\.1\)\]:hover {
      --tw-shadow: 0 0 30px var(--tw-shadow-color, #0a84ff1a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-\[0_0_30px_rgba\(10\,132\,255\,0\.4\)\]:hover {
      --tw-shadow: 0 0 30px var(--tw-shadow-color, #0a84ff66);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:brightness-105:hover {
      --tw-brightness: brightness(105%);
      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, );
    }
  }

  .focus\:border-\[\#0A84FF\]:focus {
    border-color: #0a84ff;
  }

  .focus\:border-\[\#0A84FF\]\/50:focus {
    border-color: oklab(62.4254% -.0515206 -.199017 / .5);
  }

  .focus\:border-\[\#32D74B\]\/50:focus {
    border-color: oklab(77.0106% -.183689 .128785 / .5);
  }

  .focus\:border-\[\#FF453A\]\/50:focus {
    border-color: oklab(66.3303% .196898 .105983 / .5);
  }

  .focus\:border-cyan-400\/60:focus {
    border-color: #00d2ef99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:border-cyan-400\/60:focus {
      border-color: color-mix(in oklab, var(--color-cyan-400) 60%, transparent);
    }
  }

  .focus\:border-emerald-500:focus {
    border-color: var(--color-emerald-500);
  }

  .focus\:border-violet-400\/60:focus {
    border-color: #a685ff99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:border-violet-400\/60:focus {
      border-color: color-mix(in oklab, var(--color-violet-400) 60%, transparent);
    }
  }

  .focus\:bg-white:focus {
    background-color: var(--color-white);
  }

  .focus\:bg-white\/\[0\.05\]:focus {
    background-color: #ffffff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:bg-white\/\[0\.05\]:focus {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }

  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-\[\#0A84FF\]\/50:focus {
    --tw-ring-color: oklab(62.4254% -.0515206 -.199017 / .5);
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .active\:scale-95:active {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .active\:scale-\[0\.99\]:active {
    scale: .99;
  }

  .active\:cursor-grabbing:active {
    cursor: grabbing;
  }

  .active\:bg-gray-300:active {
    background-color: var(--color-gray-300);
  }

  .disabled\:cursor-default:disabled {
    cursor: default;
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:cursor-wait:disabled {
    cursor: wait;
  }

  .disabled\:border-violet-400\/20:disabled {
    border-color: #a685ff33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .disabled\:border-violet-400\/20:disabled {
      border-color: color-mix(in oklab, var(--color-violet-400) 20%, transparent);
    }
  }

  .disabled\:bg-slate-100:disabled {
    background-color: var(--color-slate-100);
  }

  .disabled\:bg-slate-300:disabled {
    background-color: var(--color-slate-300);
  }

  .disabled\:bg-violet-400\/5:disabled {
    background-color: #a685ff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .disabled\:bg-violet-400\/5:disabled {
      background-color: color-mix(in oklab, var(--color-violet-400) 5%, transparent);
    }
  }

  .disabled\:text-slate-400:disabled {
    color: var(--color-slate-400);
  }

  .disabled\:opacity-30:disabled {
    opacity: .3;
  }

  .disabled\:opacity-35:disabled {
    opacity: .35;
  }

  .disabled\:opacity-40:disabled {
    opacity: .4;
  }

  .disabled\:opacity-45:disabled {
    opacity: .45;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  .disabled\:opacity-60:disabled {
    opacity: .6;
  }

  .disabled\:opacity-70:disabled {
    opacity: .7;
  }

  .disabled\:opacity-100:disabled {
    opacity: 1;
  }

  @media (min-width: 40rem) {
    .sm\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .sm\:mb-4 {
      margin-bottom: calc(var(--spacing) * 4);
    }

    .sm\:mb-8 {
      margin-bottom: calc(var(--spacing) * 8);
    }

    .sm\:flex {
      display: flex;
    }

    .sm\:w-64 {
      width: calc(var(--spacing) * 64);
    }

    .sm\:w-auto {
      width: auto;
    }

    .sm\:min-w-72 {
      min-width: calc(var(--spacing) * 72);
    }

    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .sm\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .sm\:flex-row {
      flex-direction: row;
    }

    .sm\:items-center {
      align-items: center;
    }

    .sm\:justify-between {
      justify-content: space-between;
    }

    .sm\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    :where(.sm\:space-y-6 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }

    .sm\:rounded-\[28px\] {
      border-radius: 28px;
    }

    .sm\:rounded-\[32px\] {
      border-radius: 32px;
    }

    .sm\:p-0 {
      padding: 0;
    }

    .sm\:p-4 {
      padding: calc(var(--spacing) * 4);
    }

    .sm\:p-5 {
      padding: calc(var(--spacing) * 5);
    }

    .sm\:p-6 {
      padding: calc(var(--spacing) * 6);
    }

    .sm\:p-7 {
      padding: calc(var(--spacing) * 7);
    }

    .sm\:p-8 {
      padding: calc(var(--spacing) * 8);
    }

    .sm\:p-9 {
      padding: calc(var(--spacing) * 9);
    }

    .sm\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }

    .sm\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }

    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .sm\:px-7 {
      padding-inline: calc(var(--spacing) * 7);
    }

    .sm\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .sm\:py-2 {
      padding-block: calc(var(--spacing) * 2);
    }

    .sm\:py-7 {
      padding-block: calc(var(--spacing) * 7);
    }

    .sm\:py-8 {
      padding-block: calc(var(--spacing) * 8);
    }

    .sm\:pb-6 {
      padding-bottom: calc(var(--spacing) * 6);
    }

    .sm\:pb-12 {
      padding-bottom: calc(var(--spacing) * 12);
    }

    .sm\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }

    .sm\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }

    .sm\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:block {
      display: block;
    }

    .md\:hidden {
      display: none;
    }

    .md\:w-72 {
      width: calc(var(--spacing) * 72);
    }

    .md\:w-80 {
      width: calc(var(--spacing) * 80);
    }

    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .md\:grid-cols-\[minmax\(0\,1fr\)_320px\] {
      grid-template-columns: minmax(0, 1fr) 320px;
    }

    .md\:flex-row {
      flex-direction: row;
    }

    .md\:items-center {
      align-items: center;
    }

    .md\:items-end {
      align-items: flex-end;
    }

    .md\:justify-between {
      justify-content: space-between;
    }

    .md\:p-8 {
      padding: calc(var(--spacing) * 8);
    }

    .md\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }

    .md\:py-8 {
      padding-block: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 64rem) {
    .lg\:sticky {
      position: sticky;
    }

    .lg\:top-24 {
      top: calc(var(--spacing) * 24);
    }

    .lg\:block {
      display: block;
    }

    .lg\:hidden {
      display: none;
    }

    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .lg\:grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }

    .lg\:grid-cols-\[1\.05fr_0\.95fr\] {
      grid-template-columns: 1.05fr .95fr;
    }

    .lg\:grid-cols-\[1fr_2fr\] {
      grid-template-columns: 1fr 2fr;
    }

    .lg\:grid-cols-\[230px_minmax\(0\,1fr\)\] {
      grid-template-columns: 230px minmax(0, 1fr);
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.25fr\)_auto\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr) auto;
    }

    .lg\:p-6 {
      padding: calc(var(--spacing) * 6);
    }

    .lg\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 80rem) {
    .xl\:sticky {
      position: sticky;
    }

    .xl\:top-6 {
      top: calc(var(--spacing) * 6);
    }

    .xl\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .xl\:col-span-4 {
      grid-column: span 4 / span 4;
    }

    .xl\:col-span-6 {
      grid-column: span 6 / span 6;
    }

    .xl\:col-span-8 {
      grid-column: span 8 / span 8;
    }

    .xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .xl\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .xl\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .xl\:grid-cols-\[minmax\(0\,1fr\)_430px\] {
      grid-template-columns: minmax(0, 1fr) 430px;
    }

    .xl\:grid-cols-\[minmax\(0\,1fr\)_500px\] {
      grid-template-columns: minmax(0, 1fr) 500px;
    }

    .xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(360px\,0\.9fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr);
    }

    .xl\:flex-row {
      flex-direction: row;
    }

    .xl\:items-start {
      align-items: flex-start;
    }

    .xl\:justify-between {
      justify-content: space-between;
    }

    .xl\:border-t-0 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0;
    }

    .xl\:border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }

    .xl\:pt-0 {
      padding-top: 0;
    }

    .xl\:pl-6 {
      padding-left: calc(var(--spacing) * 6);
    }
  }
}

html, body, #root {
  min-width: 0;
  min-height: 100%;
}

body {
  overflow-x: hidden;
}

.ksc-admin-mobile-header, .ksc-admin-nav-shade, .coach-mobile-menu-button, .coach-nav-shade, .coach-sidebar {
  display: none;
}

.ksc-admin-sidebar {
  flex: 0 0 16rem;
}

.compact-list-card {
  border: 1px solid #94a3b833;
  border-radius: 16px;
  overflow: hidden;
}

.compact-list-card--dark {
  background: #ffffff09;
  border-color: #ffffff1a;
}

.compact-list-card--light {
  background: #fff;
  border-color: #e2e8f0;
}

.compact-list-summary {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  min-height: 68px;
  padding: 14px;
  list-style: none;
  display: flex;
}

.compact-list-summary::-webkit-details-marker {
  display: none;
}

.compact-list-summary:after {
  content: "详情";
  color: #0a84ff;
  flex: none;
  font-size: 11px;
  font-weight: 700;
}

.compact-list-card[open] .compact-list-summary:after {
  content: "收起";
}

.compact-list-metric {
  white-space: nowrap;
  flex: none;
  margin-left: auto;
  font-size: 13px;
  font-weight: 800;
}

.compact-list-details {
  border-top: 1px solid #94a3b824;
  padding: 12px 14px 14px;
  font-size: 12px;
  line-height: 1.75;
}

.compact-list-details--dark {
  color: #9ca3af;
}

.compact-list-details--light {
  color: #64748b;
}

.compact-list-action {
  min-height: 34px;
  color: inherit;
  border: 1px solid #94a3b83b;
  border-radius: 9px;
  padding: 6px 11px;
  font-size: 12px;
  font-weight: 700;
}

.compact-list-action--primary {
  color: #0a84ff;
  background: #0a84ff1f;
  border-color: #0a84ff61;
}

@media (max-width: 767px) {
  input, select, textarea {
    font-size: 16px;
  }

  button, [role="button"] {
    touch-action: manipulation;
  }

  .ksc-admin-shell {
    height: 100dvh;
    min-height: 100dvh;
  }

  .ksc-admin-main {
    width: 100%;
    min-width: 0;
    height: 100dvh;
  }

  .ksc-admin-mobile-header {
    z-index: 40;
    backdrop-filter: blur(18px);
    background: #0b0f16f5;
    border-bottom: 1px solid #ffffff12;
    align-items: center;
    gap: 11px;
    min-height: 56px;
    padding: 8px 14px;
    display: flex;
    position: sticky;
    top: 0;
  }

  .ksc-admin-mobile-header b, .ksc-admin-mobile-header span {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden;
  }

  .ksc-admin-mobile-header b {
    color: #fff;
    font-size: 14px;
  }

  .ksc-admin-mobile-header span {
    color: #6b7280;
    letter-spacing: .08em;
    margin-top: 1px;
    font-size: 10px;
  }

  .ksc-admin-menu-button {
    color: #fff;
    background: #ffffff0f;
    border: 1px solid #ffffff1a;
    border-radius: 12px;
    flex: 0 0 40px;
    place-items: center;
    width: 40px;
    height: 40px;
    display: grid;
  }

  .ksc-admin-sidebar {
    height: 100dvh;
    transition: transform .24s;
    inset: 0 auto 0 0;
    transform: translateX(-105%);
    z-index: 80 !important;
    width: min(82vw, 320px) !important;
    position: fixed !important;
  }

  .ksc-admin-sidebar.is-open {
    transform: translateX(0);
  }

  .ksc-admin-nav-shade {
    z-index: 70;
    background: #00000094;
    border: 0;
    display: block;
    position: fixed;
    inset: 0;
  }

  .ksc-admin-tabs {
    min-height: 43px;
    gap: 2px !important;
    height: 43px !important;
    padding: 0 8px !important;
    top: 56px !important;
  }

  .ksc-admin-tabs > div {
    padding: 9px 11px !important;
  }

  .ksc-admin-main > :not(.ksc-admin-mobile-header):not(.ksc-admin-tabs) {
    min-width: 0;
  }

  .coach-workspace .fixed.bottom-5.right-5 {
    max-width: none;
    bottom: 12px;
    left: 12px;
    right: 12px;
  }

  .coach-workspace .overflow-x-auto, .ksc-admin-main .overflow-x-auto, .ksc-training .overflow-x-auto {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }

  .coach-workspace [role="dialog"], .ksc-admin-main [role="dialog"] {
    max-height: 94dvh;
  }

  .coach-workspace form .grid.grid-cols-2, .ksc-admin-main form .grid.grid-cols-2, .ksc-admin-main [role="dialog"] .grid.grid-cols-2 {
    grid-template-columns: minmax(0, 1fr);
  }

  .coach-workspace .grid.min-w-\[800px\], .coach-workspace .grid.min-w-\[980px\], .coach-workspace .grid.min-w-\[1260px\] {
    min-width: 720px;
  }

  .coach-workspace header .flex.justify-end > button, .coach-workspace header .flex.justify-end > .flex {
    flex: auto;
    justify-content: center;
  }
}

@media (max-width: 1023px) {
  .coach-mobile-menu-button {
    color: #fff;
    background: #ffffff14;
    border: 1px solid #ffffff24;
    border-radius: 12px;
    flex: 0 0 40px;
    place-items: center;
    width: 40px;
    height: 40px;
    display: grid;
  }

  .coach-sidebar {
    z-index: 90;
    width: min(82vw, 320px);
    height: 100dvh;
    transition: transform .24s;
    display: block;
    inset: 0 auto 0 0;
    overflow-y: auto;
    transform: translateX(-105%);
    border-radius: 0 !important;
    position: fixed !important;
  }

  .coach-sidebar.is-open {
    transform: translateX(0);
  }

  .coach-nav-shade {
    z-index: 80;
    background: #02061794;
    border: 0;
    display: block;
    position: fixed;
    inset: 0;
  }
}

@media (min-width: 1024px) {
  .coach-sidebar {
    display: block;
  }
}

@media (max-width: 479px) {
  .coach-workspace > header > div {
    align-items: stretch;
  }

  .coach-workspace > header > div > div:last-child {
    width: 100%;
  }

  .coach-workspace > header > div > div:last-child > button {
    flex: calc(50% - .5rem);
    justify-content: center;
  }

  .coach-workspace .grid.grid-cols-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .coach-workspace .grid.grid-cols-2, .ksc-admin-main .grid.grid-cols-2 {
    grid-template-columns: minmax(0, 1fr);
  }

  .ksc-admin-main .text-4xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

input:-webkit-autofill {
  -webkit-text-fill-color: #f8fafc;
  caret-color: #f8fafc;
  -webkit-transition: background-color 9999s ease-out;
  transition: background-color 9999s ease-out;
  box-shadow: inset 0 0 0 1000px #111d1a;
}

input:-webkit-autofill:hover {
  -webkit-text-fill-color: #f8fafc;
  caret-color: #f8fafc;
  -webkit-transition: background-color 9999s ease-out;
  transition: background-color 9999s ease-out;
  box-shadow: inset 0 0 0 1000px #111d1a;
}

input:-webkit-autofill:focus {
  -webkit-text-fill-color: #f8fafc;
  caret-color: #f8fafc;
  -webkit-transition: background-color 9999s ease-out;
  transition: background-color 9999s ease-out;
  box-shadow: inset 0 0 0 1000px #111d1a;
}

input:-webkit-autofill:active {
  -webkit-text-fill-color: #f8fafc;
  caret-color: #f8fafc;
  -webkit-transition: background-color 9999s ease-out;
  transition: background-color 9999s ease-out;
  box-shadow: inset 0 0 0 1000px #111d1a;
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

@keyframes bounce {
  0%, 100% {
    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
    transform: translateY(-25%);
  }

  50% {
    animation-timing-function: cubic-bezier(0, 0, .2, 1);
    transform: none;
  }
}