.sora{font-optical-sizing:auto;font-family:Sora,sans-serif;font-size:16pt;font-style:normal;font-weight:300}.CHONK{font-size:22pt}.color-name{margin-block-start:8px;margin-inline-start:8px}.color-value{margin-block-end:8px;margin-inline-start:8px}.color-preview{border:1px solid #174dac;border-radius:8px}.locked-color-preview{border:none;box-shadow:inset 2px 4px 4px #0003}.font-caption,.font-caption>*{font-optical-sizing:auto;font-family:Instrument Sans,sans-serif;font-size:12pt;font-style:normal;font-weight:400}.font-body,.font-body>*{font-optical-sizing:auto;border-radius:12px;font-family:Instrument Sans,sans-serif;font-size:14pt;font-style:normal;font-weight:400}.font-subtitle,.font-subtitle>*{font-optical-sizing:auto;border-radius:12px;font-family:Instrument Sans,sans-serif;font-size:16pt;font-style:normal;font-weight:600}.font-entity-title,.font-entity-title>*{font-optical-sizing:auto;font-family:Instrument Sans,sans-serif;font-size:22pt;font-style:normal;font-weight:400}.font-source-code,.font-source-code>*{font-family:DM Mono,monospace;font-size:14pt;font-style:normal;font-weight:500}.font-palette-header,.font-palette-header>*{color:#174dac;font-family:Instrument Sans,sans-serif;font-size:18pt;font-style:normal;font-weight:500}.font-page-header,.font-page-header>*{color:#174dac;text-align:center;font-family:DM Mono,monospace;font-size:48px;font-style:normal;font-weight:500}.vertical-loader{background:linear-gradient(0deg,var(--loader-background-b),var(--loader-background-a)100%);animation:vertical-load 2s infinite linear;background-size:100% 300%}@keyframes vertical-load{0%{background-position:top}50%{background-position:bottom}to{background-position:top}}.thin-border{border:1px solid #174dac;border-radius:8px}.elevated-border{border:4px solid #174dac;border-width:2px 4px 4px 2px;border-radius:10px}.elevated-border-new{border-top:2px solid #174dac;border-left:2px solid #174dac;border-radius:10px;box-shadow:4px 4px #174dac}.input{color:#2b59c3}.palette-input,.palette-input:focus{background:0 0;border:none}.primary-button{color:#fff;background-color:#2b59c3;border-top:none;border-left:none;height:32px;margin-inline-start:8px;margin-inline-end:8px}.primary-button:hover{border-bottom-width:0;border-right-width:0}.primary-button:disabled{background-color:#2b59c399}.secondary-button{color:#174dac;background:0 0;height:28px;margin-inline-start:8px;margin-inline-end:8px}.secondary-button:hover{text-decoration:underline;text-decoration-thickness:2px}.hover-element-boundary .hover-element{visibility:hidden}.hover-element-boundary:hover .hover-element{visibility:visible}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #2b59c3;border-color:#2b59c3 #2b59c3 #174dac #174dac;border-radius:50%;width:12px;height:12px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.blurry{backdrop-filter:blur(2px);background-color:#ffffff40;width:100%;margin:0;padding:0}.loader{background:linear-gradient(90deg,var(--loader-background-a)33%,var(--loader-background-b)50%,var(--loader-background-a)66%)#f2f2f2;animation:l1 1s infinite linear;background-size:300% 100%}@keyframes l1{0%{background-position:right center}}textarea:focus{outline:none;border:2px solid #174dac;border-radius:8px}.prompt-input{border:1px solid #174dac;border-radius:8px}.default-text{font-optical-sizing:auto;font-family:Instrument Sans,sans-serif;font-size:12pt;font-style:normal;font-weight:400}.codi-text{font-optical-sizing:auto;color:#174dac;border-radius:4px 16px 16px;padding-left:8px;font-family:Instrument Sans,sans-serif;font-size:12pt;font-style:normal;font-weight:400}.codi-text p{margin:0 0 8px}.codi-text p:last-child{margin-bottom:0}.codi-text ul,.codi-text ol{margin:8px 0;padding-inline-start:20px}.codi-text li{margin-block-start:4px;margin-block-end:4px}.codi-text table{border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%;margin:8px 0;font-size:.95em}.codi-text th,.codi-text td{vertical-align:top;white-space:normal;word-break:normal;overflow-wrap:anywhere;border-bottom:1px solid #174dac26;padding:4px 8px}.codi-text th{text-align:left;letter-spacing:.25px;color:#174dac;font-weight:600}.codi-text tr:last-of-type td{border-bottom:none}.codi-text tbody td:first-child{font-weight:600}.color-chip{position:relative;display:inline-block;letter-spacing:.2px;color:inherit;vertical-align:baseline;margin-inline-start:2px;margin-inline-end:2px;padding-inline-start:16px;font-size:.95em;font-weight:600}.color-chip:before{content:"";position:absolute;background-color:var(--chip-color,#000);border:1px solid #00000040;border-radius:50%;width:10px;height:10px;top:50%;left:0;transform:translateY(-50%);box-shadow:inset 0 0 0 1px #ffffff73}.user-message{font-optical-sizing:auto;color:#174dac;background-color:#d9e5f9;border-radius:16px 16px 4px;font-family:Instrument Sans,sans-serif;font-size:12pt;font-style:normal;font-weight:400}.blurry{backdrop-filter:blur(2px);background-color:#ffffff40}.codi-scrollable{scrollbar-width:thin;scrollbar-color:#174dac #174dac1f}.codi-scrollable::-webkit-scrollbar{width:8px}.codi-scrollable::-webkit-scrollbar-track{background:#d9e5f980;border-radius:8px}.codi-scrollable::-webkit-scrollbar-thumb{background-color:#174dac;border-radius:8px}