@layer properties;@layer components{.cd_color-item{align-content:flex-start;display:flex;flex:1;flex-direction:row;gap:calc(var(--spacing, .25rem)*0);-webkit-user-select:text;-moz-user-select:text;user-select:text;width:100%}.cd_color-item-shade{align-content:flex-start;border-color:transparent;border-style:var(--tw-border-style);border-width:1px;box-sizing:border-box;cursor:pointer;display:flex;flex:1;flex-direction:column;font-size:var(--text-xs,.75rem);justify-content:flex-start;line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));overflow:hidden;padding-inline:calc(var(--spacing, .25rem)*1);transition-duration:var(--tw-duration,var(--default-transition-duration,.3s));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));--tw-duration:100ms;transition-duration:.1s;-webkit-user-select:none;-moz-user-select:none;user-select:none;@media (width < 40rem){font-size:8px}}.cd_color-item-shade[shade="0"]:hover,.cd_color-item-shade[shade="100"]:hover,.cd_color-item-shade[shade="150"]:hover,.cd_color-item-shade[shade="200"]:hover,.cd_color-item-shade[shade="300"]:hover,.cd_color-item-shade[shade="400"]:hover,.cd_color-item-shade[shade="50"]:hover{border-color:var(--color-gray-900,#1a1a1a);border-style:var(--tw-border-style);border-width:1px}.cd_color-item-shade[shade="1000"]:hover,.cd_color-item-shade[shade="500"]:hover,.cd_color-item-shade[shade="600"]:hover,.cd_color-item-shade[shade="700"]:hover,.cd_color-item-shade[shade="800"]:hover,.cd_color-item-shade[shade="850"]:hover,.cd_color-item-shade[shade="900"]:hover,.cd_color-item-shade[shade="950"]:hover{border-color:var(--color-gray-100,#e6e6e6);border-style:var(--tw-border-style);border-width:1px}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{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-duration:initial}}}