@charset "UTF-8";.ct-color-converter.ct-codec-tool>.ct-utility-pagehead{margin-bottom:.65rem}.ct-color-converter.ct-codec-tool>.ct-utility-pagehead .ct-utility-pagehead__trust{margin-top:.6rem}.ct-color-converter .ct-col-main-workspace .ct-codec-workspace__pane{padding:1rem 1.15rem 1.25rem 1.3rem}.ct-color-converter .ct-col-main-workspace .ct-codec-workspace__head{margin-bottom:1.125rem}.ct-color-converter .ct-col-convert-pane.ct-codec-workspace__pane--out{background:var(--bs-body-bg)}.ct-color-converter .ct-col-preview-pane__head .ct-codec-workspace__label{font-size:.8125rem;font-weight:650}.ct-color-converter .ct-col-preview-controls{display:flex;flex-direction:column;align-items:stretch;gap:.75rem;width:100%}.ct-color-converter .ct-col-preview-swatch{display:block;flex:0 0 auto;width:100%;margin:0;cursor:pointer;line-height:0}.ct-color-converter .ct-col-preview-picker{display:block;width:100%;height:4.25rem;padding:0;border:1px solid color-mix(in srgb,rgba(var(--bs-primary-rgb),.22) 45%,var(--bs-border-color));border-radius:.5rem;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff1f,0 1px 3px #0f172a0f}.ct-color-converter .ct-col-preview-picker::-webkit-color-swatch-wrapper{padding:0}.ct-color-converter .ct-col-preview-picker::-webkit-color-swatch{border:0;border-radius:calc(.5rem - 1px)}.ct-color-converter .ct-col-preview-picker::-moz-color-swatch{border:0;border-radius:calc(.5rem - 1px)}.ct-color-converter .ct-col-preview-meta{display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem;flex:0 0 auto;min-width:0;width:100%}.ct-color-converter .ct-col-preview-meta__item{display:grid;grid-template-columns:3.25rem minmax(0,1fr);gap:.35rem .65rem;align-items:baseline;min-width:0}.ct-color-converter .ct-col-preview-meta__label{margin:0;font-size:.8125rem;font-weight:650;color:var(--bs-secondary-color)}.ct-color-converter .ct-col-preview-meta__value{margin:0;font-size:1rem;font-weight:700;line-height:1.3;color:var(--bs-emphasis-color)}.ct-color-converter #ctColPreviewValLbl{font-size:1.0625rem;word-break:break-all}.ct-color-converter #ctColNameLbl{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ct-color-converter .ct-col-format-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.65rem .75rem;margin-bottom:1.125rem}.ct-color-converter .ct-col-format-bar__selects{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.5rem .75rem;flex:1 1 auto;min-width:min(100%,16rem)}.ct-color-converter .ct-col-format-bar__item{flex:1 1 7.5rem;min-width:6.5rem;max-width:11rem}.ct-color-converter .ct-col-format-bar__item .form-label{margin-bottom:.25rem;line-height:1.2}.ct-color-converter .ct-col-format-bar__item .form-select{min-height:2.75rem;height:2.75rem;padding-top:.375rem;padding-bottom:.375rem;border-radius:.5rem}.ct-color-converter .ct-col-format-bar__swap-icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;align-self:flex-end;height:2.75rem;font-size:1.05rem;line-height:1;font-weight:600;color:var(--bs-secondary-color);-webkit-user-select:none;user-select:none}.ct-color-converter .ct-color-converter__toolbar-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;flex:0 0 auto;align-self:flex-end}.ct-color-converter .ct-color-converter__toolbar-actions .ct-codec-btn{min-height:2.75rem;height:2.75rem;min-width:5.25rem;padding:.375rem .95rem;font-size:.8125rem;font-weight:650;line-height:1.2;border-radius:.5rem}.ct-color-converter .ct-color-converter__toolbar-actions .ct-codec-btn--primary{box-shadow:0 2px 6px rgba(var(--bs-primary-rgb),.22)}.ct-color-converter .ct-color-converter__toolbar-actions .ct-codec-btn--outline{background:var(--bs-body-bg);border-width:1px;font-weight:600}.ct-color-converter .ct-col-io-stack{display:flex;flex-direction:column;gap:1.125rem}.ct-color-converter .ct-col-io-block__label{display:block;margin-bottom:.375rem;font-size:.8125rem;font-weight:700}.ct-color-converter .ct-col-io-field{border:1px solid color-mix(in srgb,rgba(var(--bs-primary-rgb),.18) 40%,var(--bs-border-color));border-radius:.5rem;background:var(--bs-body-bg);overflow:hidden;min-height:3rem;transition:border-color .15s ease,box-shadow .15s ease}.ct-color-converter .ct-col-io-field:has(.ct-col-multi-row){min-height:6.75rem}@media (min-width: 576px){.ct-color-converter .ct-col-io-field:has(.ct-col-multi-row){min-height:3rem}}.ct-color-converter .ct-col-io-field:focus-within{border-color:rgba(var(--bs-primary-rgb),.55);box-shadow:0 0 0 .2rem rgba(var(--bs-primary-rgb),.14)}.ct-color-converter .ct-col-io-field>#ctColInFields,.ct-color-converter .ct-col-io-field>#ctColOutFields{min-width:0}.ct-color-converter .ct-col-io-field--out{background:color-mix(in srgb,rgba(var(--bs-primary-rgb),.018) 100%,var(--bs-body-bg))}.ct-color-converter .ct-col-io-input-group,.ct-color-converter .ct-col-io-channel{display:flex;flex-wrap:nowrap;align-items:stretch;border:0;border-radius:0;box-shadow:none;min-height:3rem}.ct-color-converter .ct-col-io-input-group{width:100%}.ct-color-converter .ct-col-io-input-group .ct-col-io-input,.ct-color-converter .ct-col-io-channel .ct-col-io-input{flex:1 1 auto;width:1%;min-width:0;height:3rem;min-height:3rem;padding-top:.375rem;padding-bottom:.375rem;line-height:1.25;border:0!important;box-shadow:none!important;outline:none!important;font-size:.9375rem;color:var(--bs-body-color);background:transparent}.ct-color-converter .ct-col-io-input-group .ct-col-io-input:focus,.ct-color-converter .ct-col-io-input-group .ct-col-io-input:focus-visible,.ct-color-converter .ct-col-io-channel .ct-col-io-input:focus,.ct-color-converter .ct-col-io-channel .ct-col-io-input:focus-visible{border:0!important;box-shadow:none!important;outline:none!important}.ct-color-converter .ct-col-io-input-group:focus-within,.ct-color-converter .ct-col-io-channel:focus-within{box-shadow:none}.ct-color-converter .ct-col-io-prefix{display:flex;align-items:center;flex:0 0 auto;min-width:3.25rem;height:auto;min-height:3rem;margin:0;padding:0 .65rem;justify-content:center;font-size:.8125rem;font-weight:650;color:var(--bs-secondary-color);background:color-mix(in srgb,var(--bs-tertiary-bg) 80%,var(--bs-body-bg));border:0;border-right:1px solid color-mix(in srgb,rgba(var(--bs-primary-rgb),.12) 35%,var(--bs-border-color));border-radius:0;cursor:default}.ct-color-converter label.ct-col-io-prefix{cursor:pointer}.ct-color-converter .ct-col-io-field:focus-within .ct-col-io-prefix{border-right-color:color-mix(in srgb,rgba(var(--bs-primary-rgb),.28) 45%,var(--bs-border-color))}.ct-color-converter .ct-col-io-field--out .ct-col-io-prefix{background:color-mix(in srgb,rgba(var(--bs-primary-rgb),.03) 100%,var(--bs-tertiary-bg))}.ct-color-converter .ct-col-io-field--out .ct-col-io-input{color:var(--bs-emphasis-color)}.ct-color-converter .ct-col-multi-row{display:flex;flex-wrap:wrap;gap:.375rem;padding:.375rem}.ct-color-converter .ct-col-io-channel{flex:1 1 calc(50% - .1875rem);min-width:5.5rem;max-width:100%;width:auto}@media (min-width: 576px){.ct-color-converter .ct-col-multi-row{flex-wrap:nowrap;gap:0;padding:0}.ct-color-converter .ct-col-io-channel{flex:1 1 0;min-width:0;max-width:none}.ct-color-converter .ct-col-multi-row .ct-col-io-channel+.ct-col-io-channel{border-left:1px solid color-mix(in srgb,rgba(var(--bs-primary-rgb),.12) 35%,var(--bs-border-color))}}.ct-color-converter .ct-col-multi-input{max-width:none;width:100%;min-width:3.5rem}.ct-color-converter .ct-col-single-input{max-width:none;width:100%}.ct-color-converter .ct-col-panel--compact .ct-codec-workspace__pane{padding:.9rem 1.15rem .85rem 1.3rem}.ct-color-converter .ct-col-panel--compact .ct-codec-workspace__head{margin-bottom:.35rem}.ct-color-converter .ct-col-panel--compact .ct-codec-workspace__pane>p.small{margin-bottom:.5rem!important}.ct-color-converter .ct-col-panel--compact .table-responsive{margin-top:.5rem!important}.ct-color-converter .ct-col-mono-table-wrap{max-height:min(70vh,520px);min-height:22rem;overflow:auto}.ct-color-converter .ct-col-panel--mono{min-height:28rem}.ct-color-converter .ct-col-other-fmt-copy-all{min-height:2.375rem;height:2.375rem;padding-top:.35rem;padding-bottom:.35rem;font-weight:600;border-radius:.5rem}.ct-color-converter .ct-col-other-fmt-table th{font-weight:650}.ct-color-converter .ct-col-other-fmt-table th,.ct-color-converter .ct-col-other-fmt-table td{padding-top:.55rem;padding-bottom:.55rem;vertical-align:middle}.ct-color-converter .ct-col-other-fmt-table tbody th{font-weight:650}.ct-color-converter .ct-col-other-fmt-table td.ct-col-other-fmt-value{vertical-align:middle}.ct-color-converter .ct-col-other-fmt-table .ct-col-other-fmt-value__inner{display:inline-flex;align-items:center;gap:.35rem;max-width:100%}.ct-color-converter .ct-col-other-fmt-table .ct-col-other-fmt-value__text{flex:0 1 auto;min-width:0;word-break:break-all;font-size:.875rem}.ct-color-converter .ct-col-other-fmt-table .ct-col-other-fmt-copy-btn.ct-hash-copy-btn{flex:0 0 auto;width:1.75rem;height:1.75rem;margin:0;border:1px solid color-mix(in srgb,var(--bs-border-color) 80%,transparent);border-radius:var(--bs-border-radius-sm);background:var(--bs-tertiary-bg)}.ct-color-converter .ct-col-other-fmt-table .ct-col-other-fmt-copy-btn.ct-hash-copy-btn:hover:not(:disabled){color:var(--bs-primary);background:var(--bs-secondary-bg)}.ct-color-converter .ct-col-other-fmt-table .ct-col-other-fmt-copy-btn.ct-hash-copy-btn:focus-visible{outline:0;box-shadow:inset 0 0 0 2px rgba(var(--bs-primary-rgb),.45)}.ct-color-converter .ct-col-other-fmt-table .ct-col-other-fmt-copy-btn.ct-hash-copy-btn.ct-hash-copy-btn--success{color:var(--bs-success);background:rgba(var(--bs-success-rgb),.14)}.ct-color-converter .ct-col-other-fmt-table .ct-col-other-fmt-copy-btn .ct-hash-copy-ic svg{width:.9rem;height:.9rem}@media (max-width: 991.98px){.ct-color-converter .ct-col-preview-controls{gap:.85rem}.ct-color-converter .ct-col-format-bar__swap-icon{display:none}.ct-color-converter .ct-col-format-bar__selects{flex:1 1 100%}.ct-color-converter .ct-color-converter__toolbar-actions{flex:1 1 100%;justify-content:stretch}.ct-color-converter .ct-color-converter__toolbar-actions .ct-codec-btn{flex:1 1 auto}}@media (min-width: 992px){.ct-color-converter .ct-col-format-bar{flex-wrap:nowrap}.ct-color-converter .ct-col-format-bar__selects{flex:1 1 auto;flex-wrap:nowrap}.ct-color-converter .ct-color-converter__toolbar-actions{margin-left:auto}.ct-color-converter .ct-col-main-workspace .ct-col-preview-pane{align-self:stretch;display:flex;flex-direction:column;border-right:1px solid color-mix(in srgb,rgba(var(--bs-primary-rgb),.12) 40%,var(--bs-border-color))}.ct-color-converter .ct-col-preview-pane__head{flex-shrink:0}.ct-color-converter .ct-col-main-workspace .ct-col-preview-pane .ct-col-preview-controls{flex:1 1 auto;justify-content:center;min-height:0}.ct-color-converter .ct-col-main-workspace .ct-col-convert-pane{align-self:start}}.ct-color-converter #ctColOtherFmtBody{min-height:11.5rem}.ct-color-converter #ctColMonoSwatches{min-height:2rem}.ct-color-converter #ctColMonoBody{min-height:22rem}