@layer properties;@layer components{.cd_board{display:grid;gap:calc(var(--spacing, .25rem)*2);margin-inline:auto;width:100%;@media (width >= 40rem){gap:calc(var(--spacing, .25rem)*3)}grid-template-columns:repeat(var(--cd_columns,2),1fr);max-width:calc(var(--cd_columns, 2)*11rem)}.cd_pad{border-color:var(--color-gray-700,#4d4d4d);border-style:var(--tw-border-style);border-width:1px;cursor:pointer;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)));-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;--tw-duration:100ms;aspect-ratio:1;filter:brightness(1.35) saturate(.4);transition-duration:.1s;&:where(.dark,.dark *){border-color:var(--color-gray-300,#b3b3b3)}}.dark .cd_pad{filter:brightness(.45) saturate(.75)}.cd_pad:hover{filter:brightness(1.2) saturate(.55)}.dark .cd_pad:hover{filter:brightness(.6) saturate(.85)}.cd_pad[lit],.dark .cd_pad[lit]{box-shadow:0 0 24px var(--cd_pad-color);filter:brightness(1.05) saturate(1.1);scale:1.03;z-index:10}.cd_pad:disabled{cursor:default}}@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}}}