@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial}}}@layer components{.sortable-head__button{margin-inline:calc(var(--spacing,.25rem) * -3);min-height:calc(var(--spacing,.25rem) * 9);align-items:center;gap:var(--spacing,.25rem);width:100%;padding-inline:calc(var(--spacing,.25rem) * 3);text-align:left;--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:inherit;display:flex}.sortable-head__button:hover{color:var(--foreground)}.sortable-head__icon{width:calc(var(--spacing,.25rem) * 3);height:calc(var(--spacing,.25rem) * 3);opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));flex-shrink:0}.sortable-head__icon--active{opacity:1}.sortable-head--end .sortable-head__button{justify-content:flex-end}}@property --tw-font-weight{syntax:"*";inherits:false}