@layer properties;@layer components{.cd_contrast-picker{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-gray-50,#f2f2f2);border-color:var(--color-gray-400,#999);border-style:var(--tw-border-style);border-width:1px;cursor:pointer;flex-shrink:0;height:calc(var(--spacing, .25rem)*9);padding:calc(var(--spacing, .25rem)*0);width:calc(var(--spacing, .25rem)*9);&:where(.dark,.dark *){background-color:var(--color-gray-850,#262626)}&:where(.dark,.dark *){border-color:var(--color-gray-600,#666)}}.cd_contrast-picker::-webkit-color-swatch-wrapper{padding:calc(var(--spacing, .25rem)*.75)}.cd_contrast-picker::-webkit-color-swatch{border-style:var(--tw-border-style);border-width:0}.cd_contrast-picker::-moz-color-swatch{border-style:var(--tw-border-style);border-width:0;margin:calc(var(--spacing, .25rem)*.75)}.cd_contrast-summary{align-items:center;background-color:var(--color-gray-50,#f2f2f2);border-style:var(--tw-border-style);border-width:1px;display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem)*1);justify-content:center;padding:calc(var(--spacing, .25rem)*4);&:where(.dark,.dark *){background-color:var(--color-gray-850,#262626)}}.cd_contrast-summary[data-state=pass]{border-color:var(--color-spring-600,#396);color:var(--color-spring-600,#396);&:where(.dark,.dark *){border-color:var(--color-spring-400,#6c9)}&:where(.dark,.dark *){color:var(--color-spring-400,#6c9)}}.cd_contrast-summary[data-state=partial]{border-color:var(--color-amber-600,#998033);color:var(--color-amber-600,#998033);&:where(.dark,.dark *){border-color:var(--color-amber-400,#ccb366)}&:where(.dark,.dark *){color:var(--color-amber-400,#ccb366)}}.cd_contrast-summary[data-state=fail]{border-color:var(--color-red-600,#933);color:var(--color-red-600,#933);&:where(.dark,.dark *){border-color:var(--color-red-400,#c66)}&:where(.dark,.dark *){color:var(--color-red-400,#c66)}}.cd_contrast-summary[data-state=empty]{border-color:var(--color-gray-400,#999);color:var(--color-gray-500,gray);&:where(.dark,.dark *){border-color:var(--color-gray-600,#666)}&:where(.dark,.dark *){color:var(--color-gray-400,#999)}}.cd_contrast-ratio{align-items:baseline;display:flex;font-family:var(--font-mono,"Noto Sans Mono Variable",ui-monospace,monospace);font-size:var(--text-5xl,3rem);gap:calc(var(--spacing, .25rem)*.5);line-height:var(--tw-leading,var(--text-5xl--line-height,1));--tw-leading:1;line-height:1;--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}.cd_contrast-ratio-unit{font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,1.33333));opacity:60%}.c_list-wrapper--contrast .c_list-row--header .c_list-cell{background-color:var(--color-gray-100,#e6e6e6);cursor:default;&:hover{@media (hover:hover){background-color:var(--color-gray-100,#e6e6e6)}}&:where(.dark,.dark *){background-color:var(--color-gray-900,#1a1a1a)}&:where(.dark,.dark *){&:hover{@media (hover:hover){background-color:var(--color-gray-900,#1a1a1a)}}}}.cd_contrast-result-cell{text-align:center;width:1%}.cd_contrast-result{align-items:center;display:inline-flex;gap:calc(var(--spacing, .25rem)*1.5);justify-content:center;--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}.cd_contrast-result-threshold{color:var(--color-gray-500,gray);display:block;font-family:var(--font-mono,"Noto Sans Mono Variable",ui-monospace,monospace);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));&:where(.dark,.dark *){color:var(--color-gray-400,#999)}}.cd_contrast-result-cell[data-pass=true] .cd_contrast-result{color:var(--color-spring-600,#396);&:where(.dark,.dark *){color:var(--color-spring-400,#6c9)}}.cd_contrast-result-cell[data-pass=false] .cd_contrast-result{color:var(--color-red-600,#933);&:where(.dark,.dark *){color:var(--color-red-400,#c66)}}.cd_contrast-result-cell[data-pass=none] .cd_contrast-result{color:var(--color-gray-400,#999);&:where(.dark,.dark *){color:var(--color-gray-600,#666)}}.cd_contrast-preview{border-color:var(--color-gray-400,#999);border-style:var(--tw-border-style);border-width:1px;display:flex;flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem)*4);min-width:calc(var(--spacing, .25rem)*0);padding:calc(var(--spacing, .25rem)*6);&:where(.dark,.dark *){border-color:var(--color-gray-600,#666)}}.cd_contrast-preview-title{font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,1.33333));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}.cd_contrast-preview-text{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,1.5))}.cd_contrast-preview-small{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857))}.cd_contrast-preview-button{--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}.cd_contrast-preview-button,.cd_contrast-preview-outline{align-items:center;display:inline-flex;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));padding-block:calc(var(--spacing, .25rem)*2);padding-inline:calc(var(--spacing, .25rem)*4)}.cd_contrast-preview-outline{border-style:var(--tw-border-style);border-width:1px}.cd_contrast-preview-icon{font-size:var(--text-4xl,2.25rem);line-height:var(--tw-leading,var(--text-4xl--line-height,1.11111));--tw-leading:1;line-height:1}.cd_contrast-suggestion{align-items:center;background-color:var(--color-gray-50,#f2f2f2);border-color:var(--color-gray-400,#999);border-style:var(--tw-border-style);border-width:1px;cursor:pointer;display:flex;gap:calc(var(--spacing, .25rem)*3);padding:calc(var(--spacing, .25rem)*2);padding-right:calc(var(--spacing, .25rem)*4);text-align:start;transition-duration:var(--tw-duration,var(--default-transition-duration,.3s));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,cubic-bezier(.4,0,.2,1)));&:where(.dark,.dark *){background-color:var(--color-gray-850,#262626)}&:where(.dark,.dark *){border-color:var(--color-gray-600,#666)}&:hover{@media (hover:hover){border-color:var(--color-candir-500,var(--color-spring-500))}}}.cd_contrast-suggestion-swatch{border-color:var(--color-gray-400,#999);border-style:var(--tw-border-style);border-width:1px;flex-shrink:0;height:calc(var(--spacing, .25rem)*9);width:calc(var(--spacing, .25rem)*9);&:where(.dark,.dark *){border-color:var(--color-gray-600,#666)}}.cd_contrast-suggestion-label{color:var(--color-gray-500,gray);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));&:where(.dark,.dark *){color:var(--color-gray-400,#999)}}.cd_contrast-suggestion-value{font-family:var(--font-mono,"Noto Sans Mono Variable",ui-monospace,monospace);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));--tw-font-weight:var(--font-weight-bold,700);color:var(--color-gray-900,#1a1a1a);font-weight:var(--font-weight-bold,700);&:where(.dark,.dark *){color:var(--color-gray-100,#e6e6e6)}}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial}}}