/* shapes.css */
/* Borders */
/* Border Radius Utilities */
.rounded-xs { border-radius: 2px; }
.rounded-xs:hover { border-radius: 2px; }
.rounded-xs:focus { border-radius: 2px; }
.rounded-xs:active { border-radius: 2px; }

.rounded-s { border-radius: 4px; }
.rounded-s:hover { border-radius: 4px; }
.rounded-s:focus { border-radius: 4px; }
.rounded-s:active { border-radius: 4px; }

.rounded-m { border-radius: 8px; }
.rounded-m:hover { border-radius: 8px; }
.rounded-m:focus { border-radius: 8px; }
.rounded-m:active { border-radius: 8px; }

.rounded-l { border-radius: 12px; }
.rounded-l:hover { border-radius: 12px; }
.rounded-l:focus { border-radius: 12px; }
.rounded-l:active { border-radius: 12px; }

.rounded-xl { border-radius: 16px; }
.rounded-xl:hover { border-radius: 16px; }
.rounded-xl:focus { border-radius: 16px; }
.rounded-xl:active { border-radius: 16px; }

.rounded-2xl { border-radius: 24px; }
.rounded-2xl:hover { border-radius: 24px; }
.rounded-2xl:focus { border-radius: 24px; }
.rounded-2xl:active { border-radius: 24px; }

.rounded-full { border-radius: 9999px; }
.rounded-full:hover { border-radius: 9999px; }
.rounded-full:focus { border-radius: 9999px; }
.rounded-full:active { border-radius: 9999px; }


/* Border Width Utilities */
.border-1 { border-width: 1px; }
.border-1:hover { border-width: 1px; }
.border-1:focus { border-width: 1px; }
.border-1:active { border-width: 1px; }

.border-2 { border-width: 2px; }
.border-2:hover { border-width: 2px; }
.border-2:focus { border-width: 2px; }
.border-2:active { border-width: 2px; }

.border-3 { border-width: 3px; }
.border-3:hover { border-width: 3px; }
.border-3:focus { border-width: 3px; }
.border-3:active { border-width: 3px; }

.border-4 { border-width: 4px; }
.border-4:hover { border-width: 4px; }
.border-4:focus { border-width: 4px; }
.border-4:active { border-width: 4px; }

.border-0 { border-width: 0; }
.border-0:hover { border-width: 0; }
.border-0:focus { border-width: 0; }
.border-0:active { border-width: 0; }


/* Border Style Utilities */
.border-solid { border-style: solid; }
.border-solid:hover { border-style: solid; }
.border-solid:focus { border-style: solid; }
.border-solid:active { border-style: solid; }

.border-dashed { border-style: dashed; }
.border-dashed:hover { border-style: dashed; }
.border-dashed:focus { border-style: dashed; }
.border-dashed:active { border-style: dashed; }

.border-dotted { border-style: dotted; }
.border-dotted:hover { border-style: dotted; }
.border-dotted:focus { border-style: dotted; }
.border-dotted:active { border-style: dotted; }

.border-none { border-style: none; }
.border-none:hover { border-style: none; }
.border-none:focus { border-style: none; }
.border-none:active { border-style: none; }

/* Box Shadow Utilities */
.shadow-xs { box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); }
.shadow-xs:hover { box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); }
.shadow-xs:focus { box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); }
.shadow-xs:active { box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); }

.shadow-s { box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); }
.shadow-s:hover { box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); }
.shadow-s:focus { box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); }
.shadow-s:active { box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); }

.shadow-m { box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15); }
.shadow-m:hover { box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15); }
.shadow-m:focus { box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15); }
.shadow-m:active { box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15); }

.shadow-l { box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2); }
.shadow-l:hover { box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2); }
.shadow-l:focus { box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2); }
.shadow-l:active { box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2); }

.shadow-none { box-shadow: none; }
.shadow-none:hover { box-shadow: none; }
.shadow-none:focus { box-shadow: none; }
.shadow-none:active { box-shadow: none; }



/* Cursor Utilities */
.cursor-auto { cursor: auto; }
.cursor-pointer { cursor: pointer; }
.cursor-wait { cursor: wait; }
.cursor-move { cursor: move; }
.cursor-not-allowed { cursor: not-allowed; }
.cursor-text { cursor: text; }
.cursor-help { cursor: help; }
.cursor-cell { cursor: cell; }
.cursor-crosshair { cursor: crosshair; }
.cursor-zoom-in { cursor: zoom-in; }
.cursor-zoom-out { cursor: zoom-out; }

/* Display Utilities */
.display-block { display: block; }
.display-inline { display: inline; }
.display-inline-block { display: inline-block; }
.display-flex { display: flex; }
.display-grid { display: grid; }
.display-none { display: none; }