npm - @simai-studio/ui - Versions diffs - 0.0.0-stage → 5.20261019.1710 - Mend

@simai-studio/ui 0.0.0-stage → 5.20261019.1710

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3356) hide show

package/distr/utility/placeholder-color/hover/css/hover.min.css ADDED Viewed

@@ -0,0 +1 @@

+ @layer sf.utilities{.hover\:placeholder-transparent:hover::-webkit-input-placeholder{color:var(--sf-transparent)}.hover\:placeholder-transparent:hover::-moz-placeholder{color:var(--sf-transparent)}.hover\:placeholder-transparent:hover:-ms-input-placeholder{color:var(--sf-transparent)}.hover\:placeholder-transparent:hover::-ms-input-placeholder{color:var(--sf-transparent)}.hover\:placeholder-transparent:hover::placeholder{color:var(--sf-transparent)}.hover\:placeholder-current:hover::-webkit-input-placeholder{color:var(--sf-current)}.hover\:placeholder-current:hover::-moz-placeholder{color:var(--sf-current)}.hover\:placeholder-current:hover:-ms-input-placeholder{color:var(--sf-current)}.hover\:placeholder-current:hover::-ms-input-placeholder{color:var(--sf-current)}.hover\:placeholder-current:hover::placeholder{color:var(--sf-current)}.hover\:placeholder-inherit:hover::-webkit-input-placeholder{color:var(--sf-inherit)}.hover\:placeholder-inherit:hover::-moz-placeholder{color:var(--sf-inherit)}.hover\:placeholder-inherit:hover:-ms-input-placeholder{color:var(--sf-inherit)}.hover\:placeholder-inherit:hover::-ms-input-placeholder{color:var(--sf-inherit)}.hover\:placeholder-inherit:hover::placeholder{color:var(--sf-inherit)}.hover\:placeholder-on-surface:hover::-webkit-input-placeholder{color:var(--sf-on-surface)}.hover\:placeholder-on-surface:hover::-moz-placeholder{color:var(--sf-on-surface)}.hover\:placeholder-on-surface:hover:-ms-input-placeholder{color:var(--sf-on-surface)}.hover\:placeholder-on-surface:hover::-ms-input-placeholder{color:var(--sf-on-surface)}.hover\:placeholder-on-surface:hover::placeholder{color:var(--sf-on-surface)}.hover\:placeholder-on-surface-fixed:hover::-webkit-input-placeholder{color:var(--sf-on-surface-fixed)}.hover\:placeholder-on-surface-fixed:hover::-moz-placeholder{color:var(--sf-on-surface-fixed)}.hover\:placeholder-on-surface-fixed:hover:-ms-input-placeholder{color:var(--sf-on-surface-fixed)}.hover\:placeholder-on-surface-fixed:hover::-ms-input-placeholder{color:var(--sf-on-surface-fixed)}.hover\:placeholder-on-surface-fixed:hover::placeholder{color:var(--sf-on-surface-fixed)}.hover\:placeholder-on-surface-variant:hover::-webkit-input-placeholder{color:var(--sf-on-surface-variant)}.hover\:placeholder-on-surface-variant:hover::-moz-placeholder{color:var(--sf-on-surface-variant)}.hover\:placeholder-on-surface-variant:hover:-ms-input-placeholder{color:var(--sf-on-surface-variant)}.hover\:placeholder-on-surface-variant:hover::-ms-input-placeholder{color:var(--sf-on-surface-variant)}.hover\:placeholder-on-surface-variant:hover::placeholder{color:var(--sf-on-surface-variant)}.hover\:placeholder-on-surface-inverse:hover::-webkit-input-placeholder{color:var(--sf-on-surface-inverse)}.hover\:placeholder-on-surface-inverse:hover::-moz-placeholder{color:var(--sf-on-surface-inverse)}.hover\:placeholder-on-surface-inverse:hover:-ms-input-placeholder{color:var(--sf-on-surface-inverse)}.hover\:placeholder-on-surface-inverse:hover::-ms-input-placeholder{color:var(--sf-on-surface-inverse)}.hover\:placeholder-on-surface-inverse:hover::placeholder{color:var(--sf-on-surface-inverse)}.hover\:placeholder-on-surface-inverse-fixed:hover::-webkit-input-placeholder{color:var(--sf-on-surface-inverse-fixed)}.hover\:placeholder-on-surface-inverse-fixed:hover::-moz-placeholder{color:var(--sf-on-surface-inverse-fixed)}.hover\:placeholder-on-surface-inverse-fixed:hover:-ms-input-placeholder{color:var(--sf-on-surface-inverse-fixed)}.hover\:placeholder-on-surface-inverse-fixed:hover::-ms-input-placeholder{color:var(--sf-on-surface-inverse-fixed)}.hover\:placeholder-on-surface-inverse-fixed:hover::placeholder{color:var(--sf-on-surface-inverse-fixed)}.hover\:placeholder-disable:hover::-webkit-input-placeholder{color:var(--sf-disable)}.hover\:placeholder-disable:hover::-moz-placeholder{color:var(--sf-disable)}.hover\:placeholder-disable:hover:-ms-input-placeholder{color:var(--sf-disable)}.hover\:placeholder-disable:hover::-ms-input-placeholder{color:var(--sf-disable)}.hover\:placeholder-disable:hover::placeholder{color:var(--sf-disable)}.hover\:placeholder-on-disable:hover::-webkit-input-placeholder{color:var(--sf-on-disable)}.hover\:placeholder-on-disable:hover::-moz-placeholder{color:var(--sf-on-disable)}.hover\:placeholder-on-disable:hover:-ms-input-placeholder{color:var(--sf-on-disable)}.hover\:placeholder-on-disable:hover::-ms-input-placeholder{color:var(--sf-on-disable)}.hover\:placeholder-on-disable:hover::placeholder{color:var(--sf-on-disable)}.hover\:placeholder-primary:hover::-webkit-input-placeholder{color:var(--sf-primary)}.hover\:placeholder-primary:hover::-moz-placeholder{color:var(--sf-primary)}.hover\:placeholder-primary:hover:-ms-input-placeholder{color:var(--sf-primary)}.hover\:placeholder-primary:hover::-ms-input-placeholder{color:var(--sf-primary)}.hover\:placeholder-primary:hover::placeholder{color:var(--sf-primary)}.hover\:placeholder-on-primary:hover::-webkit-input-placeholder{color:var(--sf-on-primary)}.hover\:placeholder-on-primary:hover::-moz-placeholder{color:var(--sf-on-primary)}.hover\:placeholder-on-primary:hover:-ms-input-placeholder{color:var(--sf-on-primary)}.hover\:placeholder-on-primary:hover::-ms-input-placeholder{color:var(--sf-on-primary)}.hover\:placeholder-on-primary:hover::placeholder{color:var(--sf-on-primary)}.hover\:placeholder-on-primary-container:hover::-webkit-input-placeholder{color:var(--sf-on-primary-container)}.hover\:placeholder-on-primary-container:hover::-moz-placeholder{color:var(--sf-on-primary-container)}.hover\:placeholder-on-primary-container:hover:-ms-input-placeholder{color:var(--sf-on-primary-container)}.hover\:placeholder-on-primary-container:hover::-ms-input-placeholder{color:var(--sf-on-primary-container)}.hover\:placeholder-on-primary-container:hover::placeholder{color:var(--sf-on-primary-container)}.hover\:placeholder-on-primary-container-graphic:hover::-webkit-input-placeholder{color:var(--sf-on-primary-container-graphic)}.hover\:placeholder-on-primary-container-graphic:hover::-moz-placeholder{color:var(--sf-on-primary-container-graphic)}.hover\:placeholder-on-primary-container-graphic:hover:-ms-input-placeholder{color:var(--sf-on-primary-container-graphic)}.hover\:placeholder-on-primary-container-graphic:hover::-ms-input-placeholder{color:var(--sf-on-primary-container-graphic)}.hover\:placeholder-on-primary-container-graphic:hover::placeholder{color:var(--sf-on-primary-container-graphic)}.hover\:placeholder-secondary:hover::-webkit-input-placeholder{color:var(--sf-secondary)}.hover\:placeholder-secondary:hover::-moz-placeholder{color:var(--sf-secondary)}.hover\:placeholder-secondary:hover:-ms-input-placeholder{color:var(--sf-secondary)}.hover\:placeholder-secondary:hover::-ms-input-placeholder{color:var(--sf-secondary)}.hover\:placeholder-secondary:hover::placeholder{color:var(--sf-secondary)}.hover\:placeholder-on-secondary:hover::-webkit-input-placeholder{color:var(--sf-on-secondary)}.hover\:placeholder-on-secondary:hover::-moz-placeholder{color:var(--sf-on-secondary)}.hover\:placeholder-on-secondary:hover:-ms-input-placeholder{color:var(--sf-on-secondary)}.hover\:placeholder-on-secondary:hover::-ms-input-placeholder{color:var(--sf-on-secondary)}.hover\:placeholder-on-secondary:hover::placeholder{color:var(--sf-on-secondary)}.hover\:placeholder-on-secondary-container:hover::-webkit-input-placeholder{color:var(--sf-on-secondary-container)}.hover\:placeholder-on-secondary-container:hover::-moz-placeholder{color:var(--sf-on-secondary-container)}.hover\:placeholder-on-secondary-container:hover:-ms-input-placeholder{color:var(--sf-on-secondary-container)}.hover\:placeholder-on-secondary-container:hover::-ms-input-placeholder{color:var(--sf-on-secondary-container)}.hover\:placeholder-on-secondary-container:hover::placeholder{color:var(--sf-on-secondary-container)}.hover\:placeholder-on-secondary-container-graphic:hover::-webkit-input-placeholder{color:var(--sf-on-secondary-container-graphic)}.hover\:placeholder-on-secondary-container-graphic:hover::-moz-placeholder{color:var(--sf-on-secondary-container-graphic)}.hover\:placeholder-on-secondary-container-graphic:hover:-ms-input-placeholder{color:var(--sf-on-secondary-container-graphic)}.hover\:placeholder-on-secondary-container-graphic:hover::-ms-input-placeholder{color:var(--sf-on-secondary-container-graphic)}.hover\:placeholder-on-secondary-container-graphic:hover::placeholder{color:var(--sf-on-secondary-container-graphic)}.hover\:placeholder-tertiary:hover::-webkit-input-placeholder{color:var(--sf-tertiary)}.hover\:placeholder-tertiary:hover::-moz-placeholder{color:var(--sf-tertiary)}.hover\:placeholder-tertiary:hover:-ms-input-placeholder{color:var(--sf-tertiary)}.hover\:placeholder-tertiary:hover::-ms-input-placeholder{color:var(--sf-tertiary)}.hover\:placeholder-tertiary:hover::placeholder{color:var(--sf-tertiary)}.hover\:placeholder-on-tertiary:hover::-webkit-input-placeholder{color:var(--sf-on-tertiary)}.hover\:placeholder-on-tertiary:hover::-moz-placeholder{color:var(--sf-on-tertiary)}.hover\:placeholder-on-tertiary:hover:-ms-input-placeholder{color:var(--sf-on-tertiary)}.hover\:placeholder-on-tertiary:hover::-ms-input-placeholder{color:var(--sf-on-tertiary)}.hover\:placeholder-on-tertiary:hover::placeholder{color:var(--sf-on-tertiary)}.hover\:placeholder-on-tertiary-container:hover::-webkit-input-placeholder{color:var(--sf-on-tertiary-container)}.hover\:placeholder-on-tertiary-container:hover::-moz-placeholder{color:var(--sf-on-tertiary-container)}.hover\:placeholder-on-tertiary-container:hover:-ms-input-placeholder{color:var(--sf-on-tertiary-container)}.hover\:placeholder-on-tertiary-container:hover::-ms-input-placeholder{color:var(--sf-on-tertiary-container)}.hover\:placeholder-on-tertiary-container:hover::placeholder{color:var(--sf-on-tertiary-container)}.hover\:placeholder-on-tertiary-container-graphic:hover::-webkit-input-placeholder{color:var(--sf-on-tertiary-container-graphic)}.hover\:placeholder-on-tertiary-container-graphic:hover::-moz-placeholder{color:var(--sf-on-tertiary-container-graphic)}.hover\:placeholder-on-tertiary-container-graphic:hover:-ms-input-placeholder{color:var(--sf-on-tertiary-container-graphic)}.hover\:placeholder-on-tertiary-container-graphic:hover::-ms-input-placeholder{color:var(--sf-on-tertiary-container-graphic)}.hover\:placeholder-on-tertiary-container-graphic:hover::placeholder{color:var(--sf-on-tertiary-container-graphic)}.hover\:placeholder-error:hover::-webkit-input-placeholder{color:var(--sf-error)}.hover\:placeholder-error:hover::-moz-placeholder{color:var(--sf-error)}.hover\:placeholder-error:hover:-ms-input-placeholder{color:var(--sf-error)}.hover\:placeholder-error:hover::-ms-input-placeholder{color:var(--sf-error)}.hover\:placeholder-error:hover::placeholder{color:var(--sf-error)}.hover\:placeholder-on-error:hover::-webkit-input-placeholder{color:var(--sf-on-error)}.hover\:placeholder-on-error:hover::-moz-placeholder{color:var(--sf-on-error)}.hover\:placeholder-on-error:hover:-ms-input-placeholder{color:var(--sf-on-error)}.hover\:placeholder-on-error:hover::-ms-input-placeholder{color:var(--sf-on-error)}.hover\:placeholder-on-error:hover::placeholder{color:var(--sf-on-error)}.hover\:placeholder-on-error-container:hover::-webkit-input-placeholder{color:var(--sf-on-error-container)}.hover\:placeholder-on-error-container:hover::-moz-placeholder{color:var(--sf-on-error-container)}.hover\:placeholder-on-error-container:hover:-ms-input-placeholder{color:var(--sf-on-error-container)}.hover\:placeholder-on-error-container:hover::-ms-input-placeholder{color:var(--sf-on-error-container)}.hover\:placeholder-on-error-container:hover::placeholder{color:var(--sf-on-error-container)}.hover\:placeholder-on-error-container-graphic:hover::-webkit-input-placeholder{color:var(--sf-on-error-container-graphic)}.hover\:placeholder-on-error-container-graphic:hover::-moz-placeholder{color:var(--sf-on-error-container-graphic)}.hover\:placeholder-on-error-container-graphic:hover:-ms-input-placeholder{color:var(--sf-on-error-container-graphic)}.hover\:placeholder-on-error-container-graphic:hover::-ms-input-placeholder{color:var(--sf-on-error-container-graphic)}.hover\:placeholder-on-error-container-graphic:hover::placeholder{color:var(--sf-on-error-container-graphic)}.hover\:placeholder-warning:hover::-webkit-input-placeholder{color:var(--sf-warning)}.hover\:placeholder-warning:hover::-moz-placeholder{color:var(--sf-warning)}.hover\:placeholder-warning:hover:-ms-input-placeholder{color:var(--sf-warning)}.hover\:placeholder-warning:hover::-ms-input-placeholder{color:var(--sf-warning)}.hover\:placeholder-warning:hover::placeholder{color:var(--sf-warning)}.hover\:placeholder-on-warning:hover::-webkit-input-placeholder{color:var(--sf-on-warning)}.hover\:placeholder-on-warning:hover::-moz-placeholder{color:var(--sf-on-warning)}.hover\:placeholder-on-warning:hover:-ms-input-placeholder{color:var(--sf-on-warning)}.hover\:placeholder-on-warning:hover::-ms-input-placeholder{color:var(--sf-on-warning)}.hover\:placeholder-on-warning:hover::placeholder{color:var(--sf-on-warning)}.hover\:placeholder-on-warning-container:hover::-webkit-input-placeholder{color:var(--sf-on-warning-container)}.hover\:placeholder-on-warning-container:hover::-moz-placeholder{color:var(--sf-on-warning-container)}.hover\:placeholder-on-warning-container:hover:-ms-input-placeholder{color:var(--sf-on-warning-container)}.hover\:placeholder-on-warning-container:hover::-ms-input-placeholder{color:var(--sf-on-warning-container)}.hover\:placeholder-on-warning-container:hover::placeholder{color:var(--sf-on-warning-container)}.hover\:placeholder-on-warning-container-graphic:hover::-webkit-input-placeholder{color:var(--sf-on-warning-container-graphic)}.hover\:placeholder-on-warning-container-graphic:hover::-moz-placeholder{color:var(--sf-on-warning-container-graphic)}.hover\:placeholder-on-warning-container-graphic:hover:-ms-input-placeholder{color:var(--sf-on-warning-container-graphic)}.hover\:placeholder-on-warning-container-graphic:hover::-ms-input-placeholder{color:var(--sf-on-warning-container-graphic)}.hover\:placeholder-on-warning-container-graphic:hover::placeholder{color:var(--sf-on-warning-container-graphic)}.hover\:placeholder-success:hover::-webkit-input-placeholder{color:var(--sf-success)}.hover\:placeholder-success:hover::-moz-placeholder{color:var(--sf-success)}.hover\:placeholder-success:hover:-ms-input-placeholder{color:var(--sf-success)}.hover\:placeholder-success:hover::-ms-input-placeholder{color:var(--sf-success)}.hover\:placeholder-success:hover::placeholder{color:var(--sf-success)}.hover\:placeholder-on-success:hover::-webkit-input-placeholder{color:var(--sf-on-success)}.hover\:placeholder-on-success:hover::-moz-placeholder{color:var(--sf-on-success)}.hover\:placeholder-on-success:hover:-ms-input-placeholder{color:var(--sf-on-success)}.hover\:placeholder-on-success:hover::-ms-input-placeholder{color:var(--sf-on-success)}.hover\:placeholder-on-success:hover::placeholder{color:var(--sf-on-success)}.hover\:placeholder-on-success-container:hover::-webkit-input-placeholder{color:var(--sf-on-success-container)}.hover\:placeholder-on-success-container:hover::-moz-placeholder{color:var(--sf-on-success-container)}.hover\:placeholder-on-success-container:hover:-ms-input-placeholder{color:var(--sf-on-success-container)}.hover\:placeholder-on-success-container:hover::-ms-input-placeholder{color:var(--sf-on-success-container)}.hover\:placeholder-on-success-container:hover::placeholder{color:var(--sf-on-success-container)}.hover\:placeholder-on-success-container-graphic:hover::-webkit-input-placeholder{color:var(--sf-on-success-container-graphic)}.hover\:placeholder-on-success-container-graphic:hover::-moz-placeholder{color:var(--sf-on-success-container-graphic)}.hover\:placeholder-on-success-container-graphic:hover:-ms-input-placeholder{color:var(--sf-on-success-container-graphic)}.hover\:placeholder-on-success-container-graphic:hover::-ms-input-placeholder{color:var(--sf-on-success-container-graphic)}.hover\:placeholder-on-success-container-graphic:hover::placeholder{color:var(--sf-on-success-container-graphic)}}

package/distr/utility/placeholder-color/hover/js/hover.js ADDED Viewed

File without changes

package/distr/utility/placeholder-opacity/default/css/default.min.css ADDED Viewed

@@ -0,0 +1 @@

+ @layer sf.utilities{.placeholder-opacity-1::-webkit-input-placeholder{opacity:0.1;opacity:var(--sf-opacity-10, 0.1)}.placeholder-opacity-1::-moz-placeholder{opacity:0.1;opacity:var(--sf-opacity-10, 0.1)}.placeholder-opacity-1:-ms-input-placeholder{opacity:0.1;opacity:var(--sf-opacity-10, 0.1)}.placeholder-opacity-1::-ms-input-placeholder{opacity:0.1;opacity:var(--sf-opacity-10, 0.1)}.placeholder-opacity-1::placeholder{opacity:0.1;opacity:var(--sf-opacity-10, 0.1)}.placeholder-opacity-2::-webkit-input-placeholder{opacity:0.2;opacity:var(--sf-opacity-20, 0.2)}.placeholder-opacity-2::-moz-placeholder{opacity:0.2;opacity:var(--sf-opacity-20, 0.2)}.placeholder-opacity-2:-ms-input-placeholder{opacity:0.2;opacity:var(--sf-opacity-20, 0.2)}.placeholder-opacity-2::-ms-input-placeholder{opacity:0.2;opacity:var(--sf-opacity-20, 0.2)}.placeholder-opacity-2::placeholder{opacity:0.2;opacity:var(--sf-opacity-20, 0.2)}.placeholder-opacity-3::-webkit-input-placeholder{opacity:0.3;opacity:var(--sf-opacity-30, 0.3)}.placeholder-opacity-3::-moz-placeholder{opacity:0.3;opacity:var(--sf-opacity-30, 0.3)}.placeholder-opacity-3:-ms-input-placeholder{opacity:0.3;opacity:var(--sf-opacity-30, 0.3)}.placeholder-opacity-3::-ms-input-placeholder{opacity:0.3;opacity:var(--sf-opacity-30, 0.3)}.placeholder-opacity-3::placeholder{opacity:0.3;opacity:var(--sf-opacity-30, 0.3)}.placeholder-opacity-4::-webkit-input-placeholder{opacity:0.4;opacity:var(--sf-opacity-40, 0.4)}.placeholder-opacity-4::-moz-placeholder{opacity:0.4;opacity:var(--sf-opacity-40, 0.4)}.placeholder-opacity-4:-ms-input-placeholder{opacity:0.4;opacity:var(--sf-opacity-40, 0.4)}.placeholder-opacity-4::-ms-input-placeholder{opacity:0.4;opacity:var(--sf-opacity-40, 0.4)}.placeholder-opacity-4::placeholder{opacity:0.4;opacity:var(--sf-opacity-40, 0.4)}.placeholder-opacity-5::-webkit-input-placeholder{opacity:0.5;opacity:var(--sf-opacity-50, 0.5)}.placeholder-opacity-5::-moz-placeholder{opacity:0.5;opacity:var(--sf-opacity-50, 0.5)}.placeholder-opacity-5:-ms-input-placeholder{opacity:0.5;opacity:var(--sf-opacity-50, 0.5)}.placeholder-opacity-5::-ms-input-placeholder{opacity:0.5;opacity:var(--sf-opacity-50, 0.5)}.placeholder-opacity-5::placeholder{opacity:0.5;opacity:var(--sf-opacity-50, 0.5)}.placeholder-opacity-6::-webkit-input-placeholder{opacity:0.6;opacity:var(--sf-opacity-60, 0.6)}.placeholder-opacity-6::-moz-placeholder{opacity:0.6;opacity:var(--sf-opacity-60, 0.6)}.placeholder-opacity-6:-ms-input-placeholder{opacity:0.6;opacity:var(--sf-opacity-60, 0.6)}.placeholder-opacity-6::-ms-input-placeholder{opacity:0.6;opacity:var(--sf-opacity-60, 0.6)}.placeholder-opacity-6::placeholder{opacity:0.6;opacity:var(--sf-opacity-60, 0.6)}.placeholder-opacity-7::-webkit-input-placeholder{opacity:0.7;opacity:var(--sf-opacity-70, 0.7)}.placeholder-opacity-7::-moz-placeholder{opacity:0.7;opacity:var(--sf-opacity-70, 0.7)}.placeholder-opacity-7:-ms-input-placeholder{opacity:0.7;opacity:var(--sf-opacity-70, 0.7)}.placeholder-opacity-7::-ms-input-placeholder{opacity:0.7;opacity:var(--sf-opacity-70, 0.7)}.placeholder-opacity-7::placeholder{opacity:0.7;opacity:var(--sf-opacity-70, 0.7)}.placeholder-opacity-8::-webkit-input-placeholder{opacity:0.8;opacity:var(--sf-opacity-80, 0.8)}.placeholder-opacity-8::-moz-placeholder{opacity:0.8;opacity:var(--sf-opacity-80, 0.8)}.placeholder-opacity-8:-ms-input-placeholder{opacity:0.8;opacity:var(--sf-opacity-80, 0.8)}.placeholder-opacity-8::-ms-input-placeholder{opacity:0.8;opacity:var(--sf-opacity-80, 0.8)}.placeholder-opacity-8::placeholder{opacity:0.8;opacity:var(--sf-opacity-80, 0.8)}.placeholder-opacity-9::-webkit-input-placeholder{opacity:0.9;opacity:var(--sf-opacity-90, 0.9)}.placeholder-opacity-9::-moz-placeholder{opacity:0.9;opacity:var(--sf-opacity-90, 0.9)}.placeholder-opacity-9:-ms-input-placeholder{opacity:0.9;opacity:var(--sf-opacity-90, 0.9)}.placeholder-opacity-9::-ms-input-placeholder{opacity:0.9;opacity:var(--sf-opacity-90, 0.9)}.placeholder-opacity-9::placeholder{opacity:0.9;opacity:var(--sf-opacity-90, 0.9)}.placeholder-opacity-full::-webkit-input-placeholder{opacity:1}.placeholder-opacity-full::-moz-placeholder{opacity:1}.placeholder-opacity-full:-ms-input-placeholder{opacity:1}.placeholder-opacity-full::-ms-input-placeholder{opacity:1}.placeholder-opacity-full::placeholder{opacity:1}.placeholder-opacity-0::-webkit-input-placeholder{opacity:0}.placeholder-opacity-0::-moz-placeholder{opacity:0}.placeholder-opacity-0:-ms-input-placeholder{opacity:0}.placeholder-opacity-0::-ms-input-placeholder{opacity:0}.placeholder-opacity-0::placeholder{opacity:0}}

package/distr/utility/placeholder-opacity/default/js/default.js ADDED Viewed

File without changes

package/distr/utility/placeholder-opacity/focus/css/focus.min.css ADDED Viewed

@@ -0,0 +1 @@

+ @layer sf.utilities{.focus\:placeholder-opacity-1:focus::-webkit-input-placeholder{opacity:0.1;opacity:var(--sf-opacity-10, 0.1)}.focus\:placeholder-opacity-1:focus::-moz-placeholder{opacity:0.1;opacity:var(--sf-opacity-10, 0.1)}.focus\:placeholder-opacity-1:focus:-ms-input-placeholder{opacity:0.1;opacity:var(--sf-opacity-10, 0.1)}.focus\:placeholder-opacity-1:focus::-ms-input-placeholder{opacity:0.1;opacity:var(--sf-opacity-10, 0.1)}.focus\:placeholder-opacity-1:focus::placeholder{opacity:0.1;opacity:var(--sf-opacity-10, 0.1)}.focus\:placeholder-opacity-2:focus::-webkit-input-placeholder{opacity:0.2;opacity:var(--sf-opacity-20, 0.2)}.focus\:placeholder-opacity-2:focus::-moz-placeholder{opacity:0.2;opacity:var(--sf-opacity-20, 0.2)}.focus\:placeholder-opacity-2:focus:-ms-input-placeholder{opacity:0.2;opacity:var(--sf-opacity-20, 0.2)}.focus\:placeholder-opacity-2:focus::-ms-input-placeholder{opacity:0.2;opacity:var(--sf-opacity-20, 0.2)}.focus\:placeholder-opacity-2:focus::placeholder{opacity:0.2;opacity:var(--sf-opacity-20, 0.2)}.focus\:placeholder-opacity-3:focus::-webkit-input-placeholder{opacity:0.3;opacity:var(--sf-opacity-30, 0.3)}.focus\:placeholder-opacity-3:focus::-moz-placeholder{opacity:0.3;opacity:var(--sf-opacity-30, 0.3)}.focus\:placeholder-opacity-3:focus:-ms-input-placeholder{opacity:0.3;opacity:var(--sf-opacity-30, 0.3)}.focus\:placeholder-opacity-3:focus::-ms-input-placeholder{opacity:0.3;opacity:var(--sf-opacity-30, 0.3)}.focus\:placeholder-opacity-3:focus::placeholder{opacity:0.3;opacity:var(--sf-opacity-30, 0.3)}.focus\:placeholder-opacity-4:focus::-webkit-input-placeholder{opacity:0.4;opacity:var(--sf-opacity-40, 0.4)}.focus\:placeholder-opacity-4:focus::-moz-placeholder{opacity:0.4;opacity:var(--sf-opacity-40, 0.4)}.focus\:placeholder-opacity-4:focus:-ms-input-placeholder{opacity:0.4;opacity:var(--sf-opacity-40, 0.4)}.focus\:placeholder-opacity-4:focus::-ms-input-placeholder{opacity:0.4;opacity:var(--sf-opacity-40, 0.4)}.focus\:placeholder-opacity-4:focus::placeholder{opacity:0.4;opacity:var(--sf-opacity-40, 0.4)}.focus\:placeholder-opacity-5:focus::-webkit-input-placeholder{opacity:0.5;opacity:var(--sf-opacity-50, 0.5)}.focus\:placeholder-opacity-5:focus::-moz-placeholder{opacity:0.5;opacity:var(--sf-opacity-50, 0.5)}.focus\:placeholder-opacity-5:focus:-ms-input-placeholder{opacity:0.5;opacity:var(--sf-opacity-50, 0.5)}.focus\:placeholder-opacity-5:focus::-ms-input-placeholder{opacity:0.5;opacity:var(--sf-opacity-50, 0.5)}.focus\:placeholder-opacity-5:focus::placeholder{opacity:0.5;opacity:var(--sf-opacity-50, 0.5)}.focus\:placeholder-opacity-6:focus::-webkit-input-placeholder{opacity:0.6;opacity:var(--sf-opacity-60, 0.6)}.focus\:placeholder-opacity-6:focus::-moz-placeholder{opacity:0.6;opacity:var(--sf-opacity-60, 0.6)}.focus\:placeholder-opacity-6:focus:-ms-input-placeholder{opacity:0.6;opacity:var(--sf-opacity-60, 0.6)}.focus\:placeholder-opacity-6:focus::-ms-input-placeholder{opacity:0.6;opacity:var(--sf-opacity-60, 0.6)}.focus\:placeholder-opacity-6:focus::placeholder{opacity:0.6;opacity:var(--sf-opacity-60, 0.6)}.focus\:placeholder-opacity-7:focus::-webkit-input-placeholder{opacity:0.7;opacity:var(--sf-opacity-70, 0.7)}.focus\:placeholder-opacity-7:focus::-moz-placeholder{opacity:0.7;opacity:var(--sf-opacity-70, 0.7)}.focus\:placeholder-opacity-7:focus:-ms-input-placeholder{opacity:0.7;opacity:var(--sf-opacity-70, 0.7)}.focus\:placeholder-opacity-7:focus::-ms-input-placeholder{opacity:0.7;opacity:var(--sf-opacity-70, 0.7)}.focus\:placeholder-opacity-7:focus::placeholder{opacity:0.7;opacity:var(--sf-opacity-70, 0.7)}.focus\:placeholder-opacity-8:focus::-webkit-input-placeholder{opacity:0.8;opacity:var(--sf-opacity-80, 0.8)}.focus\:placeholder-opacity-8:focus::-moz-placeholder{opacity:0.8;opacity:var(--sf-opacity-80, 0.8)}.focus\:placeholder-opacity-8:focus:-ms-input-placeholder{opacity:0.8;opacity:var(--sf-opacity-80, 0.8)}.focus\:placeholder-opacity-8:focus::-ms-input-placeholder{opacity:0.8;opacity:var(--sf-opacity-80, 0.8)}.focus\:placeholder-opacity-8:focus::placeholder{opacity:0.8;opacity:var(--sf-opacity-80, 0.8)}.focus\:placeholder-opacity-9:focus::-webkit-input-placeholder{opacity:0.9;opacity:var(--sf-opacity-90, 0.9)}.focus\:placeholder-opacity-9:focus::-moz-placeholder{opacity:0.9;opacity:var(--sf-opacity-90, 0.9)}.focus\:placeholder-opacity-9:focus:-ms-input-placeholder{opacity:0.9;opacity:var(--sf-opacity-90, 0.9)}.focus\:placeholder-opacity-9:focus::-ms-input-placeholder{opacity:0.9;opacity:var(--sf-opacity-90, 0.9)}.focus\:placeholder-opacity-9:focus::placeholder{opacity:0.9;opacity:var(--sf-opacity-90, 0.9)}.focus\:placeholder-opacity-full:focus::-webkit-input-placeholder{opacity:1}.focus\:placeholder-opacity-full:focus::-moz-placeholder{opacity:1}.focus\:placeholder-opacity-full:focus:-ms-input-placeholder{opacity:1}.focus\:placeholder-opacity-full:focus::-ms-input-placeholder{opacity:1}.focus\:placeholder-opacity-full:focus::placeholder{opacity:1}.focus\:placeholder-opacity-0:focus::-webkit-input-placeholder{opacity:0}.focus\:placeholder-opacity-0:focus::-moz-placeholder{opacity:0}.focus\:placeholder-opacity-0:focus:-ms-input-placeholder{opacity:0}.focus\:placeholder-opacity-0:focus::-ms-input-placeholder{opacity:0}.focus\:placeholder-opacity-0:focus::placeholder{opacity:0}}

package/distr/utility/placeholder-opacity/focus/js/focus.js ADDED Viewed

File without changes

package/distr/utility/placeholder-opacity/hover/css/hover.min.css ADDED Viewed

@@ -0,0 +1 @@

+ @layer sf.utilities{.hover\:placeholder-opacity-1:hover::-webkit-input-placeholder{opacity:0.1;opacity:var(--sf-opacity-10, 0.1)}.hover\:placeholder-opacity-1:hover::-moz-placeholder{opacity:0.1;opacity:var(--sf-opacity-10, 0.1)}.hover\:placeholder-opacity-1:hover:-ms-input-placeholder{opacity:0.1;opacity:var(--sf-opacity-10, 0.1)}.hover\:placeholder-opacity-1:hover::-ms-input-placeholder{opacity:0.1;opacity:var(--sf-opacity-10, 0.1)}.hover\:placeholder-opacity-1:hover::placeholder{opacity:0.1;opacity:var(--sf-opacity-10, 0.1)}.hover\:placeholder-opacity-2:hover::-webkit-input-placeholder{opacity:0.2;opacity:var(--sf-opacity-20, 0.2)}.hover\:placeholder-opacity-2:hover::-moz-placeholder{opacity:0.2;opacity:var(--sf-opacity-20, 0.2)}.hover\:placeholder-opacity-2:hover:-ms-input-placeholder{opacity:0.2;opacity:var(--sf-opacity-20, 0.2)}.hover\:placeholder-opacity-2:hover::-ms-input-placeholder{opacity:0.2;opacity:var(--sf-opacity-20, 0.2)}.hover\:placeholder-opacity-2:hover::placeholder{opacity:0.2;opacity:var(--sf-opacity-20, 0.2)}.hover\:placeholder-opacity-3:hover::-webkit-input-placeholder{opacity:0.3;opacity:var(--sf-opacity-30, 0.3)}.hover\:placeholder-opacity-3:hover::-moz-placeholder{opacity:0.3;opacity:var(--sf-opacity-30, 0.3)}.hover\:placeholder-opacity-3:hover:-ms-input-placeholder{opacity:0.3;opacity:var(--sf-opacity-30, 0.3)}.hover\:placeholder-opacity-3:hover::-ms-input-placeholder{opacity:0.3;opacity:var(--sf-opacity-30, 0.3)}.hover\:placeholder-opacity-3:hover::placeholder{opacity:0.3;opacity:var(--sf-opacity-30, 0.3)}.hover\:placeholder-opacity-4:hover::-webkit-input-placeholder{opacity:0.4;opacity:var(--sf-opacity-40, 0.4)}.hover\:placeholder-opacity-4:hover::-moz-placeholder{opacity:0.4;opacity:var(--sf-opacity-40, 0.4)}.hover\:placeholder-opacity-4:hover:-ms-input-placeholder{opacity:0.4;opacity:var(--sf-opacity-40, 0.4)}.hover\:placeholder-opacity-4:hover::-ms-input-placeholder{opacity:0.4;opacity:var(--sf-opacity-40, 0.4)}.hover\:placeholder-opacity-4:hover::placeholder{opacity:0.4;opacity:var(--sf-opacity-40, 0.4)}.hover\:placeholder-opacity-5:hover::-webkit-input-placeholder{opacity:0.5;opacity:var(--sf-opacity-50, 0.5)}.hover\:placeholder-opacity-5:hover::-moz-placeholder{opacity:0.5;opacity:var(--sf-opacity-50, 0.5)}.hover\:placeholder-opacity-5:hover:-ms-input-placeholder{opacity:0.5;opacity:var(--sf-opacity-50, 0.5)}.hover\:placeholder-opacity-5:hover::-ms-input-placeholder{opacity:0.5;opacity:var(--sf-opacity-50, 0.5)}.hover\:placeholder-opacity-5:hover::placeholder{opacity:0.5;opacity:var(--sf-opacity-50, 0.5)}.hover\:placeholder-opacity-6:hover::-webkit-input-placeholder{opacity:0.6;opacity:var(--sf-opacity-60, 0.6)}.hover\:placeholder-opacity-6:hover::-moz-placeholder{opacity:0.6;opacity:var(--sf-opacity-60, 0.6)}.hover\:placeholder-opacity-6:hover:-ms-input-placeholder{opacity:0.6;opacity:var(--sf-opacity-60, 0.6)}.hover\:placeholder-opacity-6:hover::-ms-input-placeholder{opacity:0.6;opacity:var(--sf-opacity-60, 0.6)}.hover\:placeholder-opacity-6:hover::placeholder{opacity:0.6;opacity:var(--sf-opacity-60, 0.6)}.hover\:placeholder-opacity-7:hover::-webkit-input-placeholder{opacity:0.7;opacity:var(--sf-opacity-70, 0.7)}.hover\:placeholder-opacity-7:hover::-moz-placeholder{opacity:0.7;opacity:var(--sf-opacity-70, 0.7)}.hover\:placeholder-opacity-7:hover:-ms-input-placeholder{opacity:0.7;opacity:var(--sf-opacity-70, 0.7)}.hover\:placeholder-opacity-7:hover::-ms-input-placeholder{opacity:0.7;opacity:var(--sf-opacity-70, 0.7)}.hover\:placeholder-opacity-7:hover::placeholder{opacity:0.7;opacity:var(--sf-opacity-70, 0.7)}.hover\:placeholder-opacity-8:hover::-webkit-input-placeholder{opacity:0.8;opacity:var(--sf-opacity-80, 0.8)}.hover\:placeholder-opacity-8:hover::-moz-placeholder{opacity:0.8;opacity:var(--sf-opacity-80, 0.8)}.hover\:placeholder-opacity-8:hover:-ms-input-placeholder{opacity:0.8;opacity:var(--sf-opacity-80, 0.8)}.hover\:placeholder-opacity-8:hover::-ms-input-placeholder{opacity:0.8;opacity:var(--sf-opacity-80, 0.8)}.hover\:placeholder-opacity-8:hover::placeholder{opacity:0.8;opacity:var(--sf-opacity-80, 0.8)}.hover\:placeholder-opacity-9:hover::-webkit-input-placeholder{opacity:0.9;opacity:var(--sf-opacity-90, 0.9)}.hover\:placeholder-opacity-9:hover::-moz-placeholder{opacity:0.9;opacity:var(--sf-opacity-90, 0.9)}.hover\:placeholder-opacity-9:hover:-ms-input-placeholder{opacity:0.9;opacity:var(--sf-opacity-90, 0.9)}.hover\:placeholder-opacity-9:hover::-ms-input-placeholder{opacity:0.9;opacity:var(--sf-opacity-90, 0.9)}.hover\:placeholder-opacity-9:hover::placeholder{opacity:0.9;opacity:var(--sf-opacity-90, 0.9)}.hover\:placeholder-opacity-full:hover::-webkit-input-placeholder{opacity:1}.hover\:placeholder-opacity-full:hover::-moz-placeholder{opacity:1}.hover\:placeholder-opacity-full:hover:-ms-input-placeholder{opacity:1}.hover\:placeholder-opacity-full:hover::-ms-input-placeholder{opacity:1}.hover\:placeholder-opacity-full:hover::placeholder{opacity:1}.hover\:placeholder-opacity-0:hover::-webkit-input-placeholder{opacity:0}.hover\:placeholder-opacity-0:hover::-moz-placeholder{opacity:0}.hover\:placeholder-opacity-0:hover:-ms-input-placeholder{opacity:0}.hover\:placeholder-opacity-0:hover::-ms-input-placeholder{opacity:0}.hover\:placeholder-opacity-0:hover::placeholder{opacity:0}}

package/distr/utility/placeholder-opacity/hover/js/hover.js ADDED Viewed

File without changes

package/distr/utility/pointer-events/default/css/default.min.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ @layer sf.utilities{.pointer-event-none{pointer-events:none}.pointer-event-auto{pointer-events:auto}}

package/distr/utility/pointer-events/default/js/default.js ADDED Viewed

File without changes

package/distr/utility/position/default/css/default.min.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ @layer sf.utilities{.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}}

package/distr/utility/position/default/js/default.js ADDED Viewed

File without changes

package/distr/utility/position/lg/css/lg.min.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ @layer sf.utilities{@media(min-width: 60rem){.lg\:static{position:static}.lg\:fixed{position:fixed}.lg\:absolute{position:absolute}.lg\:relative{position:relative}.lg\:sticky{position:sticky}}}

package/distr/utility/position/lg/js/lg.js ADDED Viewed

File without changes

package/distr/utility/position/md/css/md.min.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ @layer sf.utilities{@media(min-width: 44rem){.md\:static{position:static}.md\:fixed{position:fixed}.md\:absolute{position:absolute}.md\:relative{position:relative}.md\:sticky{position:sticky}}}

package/distr/utility/position/md/js/md.js ADDED Viewed

File without changes

package/distr/utility/position/sm/css/sm.min.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ @layer sf.utilities{@media(min-width: 32rem){.sm\:static{position:static}.sm\:fixed{position:fixed}.sm\:absolute{position:absolute}.sm\:relative{position:relative}.sm\:sticky{position:sticky}}}

package/distr/utility/position/sm/js/sm.js ADDED Viewed

File without changes

package/distr/utility/position/xl/css/xl.min.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ @layer sf.utilities{@media(min-width: 72rem){.xl\:static{position:static}.xl\:fixed{position:fixed}.xl\:absolute{position:absolute}.xl\:relative{position:relative}.xl\:sticky{position:sticky}}}

package/distr/utility/position/xl/js/xl.js ADDED Viewed

File without changes

package/distr/utility/position/xxl/css/xxl.min.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ @layer sf.utilities{@media(min-width: 80rem){.xxl\:static{position:static}.xxl\:fixed{position:fixed}.xxl\:absolute{position:absolute}.xxl\:relative{position:relative}.xxl\:sticky{position:sticky}}}

package/distr/utility/position/xxl/js/xxl.js ADDED Viewed

File without changes

package/distr/utility/query-container/default/css/default.min.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ @layer sf.utilities{.query-container{container-type:inline-size}.query-container\/sidebar{container-type:inline-size;container-name:sidebar}}

package/distr/utility/query-container/default/js/default.js ADDED Viewed

File without changes

package/distr/utility/query-layout/default/css/default.min.css ADDED Viewed

@@ -0,0 +1 @@

+ @layer sf.utilities{@container (min-width: 32rem){.cq-sm\:block{display:block}.cq-sm\:inline-block{display:inline-block}.cq-sm\:flex{display:flex}.cq-sm\:inline-flex{display:inline-flex}.cq-sm\:grid{display:grid}.cq-sm\:hidden{display:none}.cq-sm\:flex-row{flex-direction:row}.cq-sm\:flex-col{flex-direction:column}.cq-sm\:flex-row-reverse{flex-direction:row-reverse}.cq-sm\:flex-col-reverse{flex-direction:column-reverse}.cq-sm\:flex-wrap{flex-wrap:wrap}.cq-sm\:flex-wrap-reverse{flex-wrap:wrap-reverse}.cq-sm\:flex-nowrap{flex-wrap:nowrap}.cq-sm\:grid-col-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.cq-sm\:grid-col-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.cq-sm\:grid-col-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.cq-sm\:grid-col-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.cq-sm\:grid-col-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.cq-sm\:grid-col-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.cq-sm\:grid-col-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.cq-sm\:grid-col-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.cq-sm\:grid-col-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.cq-sm\:grid-col-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.cq-sm\:grid-col-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.cq-sm\:grid-col-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.cq-sm\:grid-col-none{grid-template-columns:none}.cq-sm\:grid-col-subgrid{grid-template-columns:subgrid}.cq-sm\:content-main-start{justify-content:flex-start}.cq-sm\:content-main-end{justify-content:flex-end}.cq-sm\:content-main-center{justify-content:center}.cq-sm\:content-main-between{justify-content:space-between}.cq-sm\:content-main-around{justify-content:space-around}.cq-sm\:content-main-evenly{justify-content:space-evenly}.cq-sm\:items-cross-start{align-items:start}.cq-sm\:items-cross-end{align-items:end}.cq-sm\:items-cross-center{align-items:center}.cq-sm\:items-cross-baseline{align-items:baseline}.cq-sm\:items-cross-stretch{align-items:stretch}.cq-sm\:gap-0{gap:var(--sf-space-0)}.cq-sm\:gap-1\/4{gap:var(--sf-space-1\/4)}.cq-sm\:gap-1\/3{gap:var(--sf-space-1\/3)}.cq-sm\:gap-1\/2{gap:var(--sf-space-1\/2)}.cq-sm\:gap-1{gap:var(--sf-space-1)}.cq-sm\:gap-2{gap:var(--sf-space-2)}.cq-sm\:gap-3{gap:var(--sf-space-3)}.cq-sm\:gap-4{gap:var(--sf-space-4)}.cq-sm\:gap-5{gap:var(--sf-space-5)}.cq-sm\:gap-6{gap:var(--sf-space-6)}.cq-sm\:gap-7{gap:var(--sf-space-7)}.cq-sm\:gap-8{gap:var(--sf-space-8)}.cq-sm\:row-gap-0{row-gap:var(--sf-space-0)}.cq-sm\:col-gap-0{-webkit-column-gap:var(--sf-space-0);-moz-column-gap:var(--sf-space-0);column-gap:var(--sf-space-0)}.cq-sm\:row-gap-1\/4{row-gap:var(--sf-space-1\/4)}.cq-sm\:col-gap-1\/4{-webkit-column-gap:var(--sf-space-1\/4);-moz-column-gap:var(--sf-space-1\/4);column-gap:var(--sf-space-1\/4)}.cq-sm\:row-gap-1\/3{row-gap:var(--sf-space-1\/3)}.cq-sm\:col-gap-1\/3{-webkit-column-gap:var(--sf-space-1\/3);-moz-column-gap:var(--sf-space-1\/3);column-gap:var(--sf-space-1\/3)}.cq-sm\:row-gap-1\/2{row-gap:var(--sf-space-1\/2)}.cq-sm\:col-gap-1\/2{-webkit-column-gap:var(--sf-space-1\/2);-moz-column-gap:var(--sf-space-1\/2);column-gap:var(--sf-space-1\/2)}.cq-sm\:row-gap-1{row-gap:var(--sf-space-1)}.cq-sm\:col-gap-1{-webkit-column-gap:var(--sf-space-1);-moz-column-gap:var(--sf-space-1);column-gap:var(--sf-space-1)}.cq-sm\:row-gap-2{row-gap:var(--sf-space-2)}.cq-sm\:col-gap-2{-webkit-column-gap:var(--sf-space-2);-moz-column-gap:var(--sf-space-2);column-gap:var(--sf-space-2)}.cq-sm\:row-gap-3{row-gap:var(--sf-space-3)}.cq-sm\:col-gap-3{-webkit-column-gap:var(--sf-space-3);-moz-column-gap:var(--sf-space-3);column-gap:var(--sf-space-3)}.cq-sm\:row-gap-4{row-gap:var(--sf-space-4)}.cq-sm\:col-gap-4{-webkit-column-gap:var(--sf-space-4);-moz-column-gap:var(--sf-space-4);column-gap:var(--sf-space-4)}.cq-sm\:row-gap-5{row-gap:var(--sf-space-5)}.cq-sm\:col-gap-5{-webkit-column-gap:var(--sf-space-5);-moz-column-gap:var(--sf-space-5);column-gap:var(--sf-space-5)}.cq-sm\:row-gap-6{row-gap:var(--sf-space-6)}.cq-sm\:col-gap-6{-webkit-column-gap:var(--sf-space-6);-moz-column-gap:var(--sf-space-6);column-gap:var(--sf-space-6)}.cq-sm\:row-gap-7{row-gap:var(--sf-space-7)}.cq-sm\:col-gap-7{-webkit-column-gap:var(--sf-space-7);-moz-column-gap:var(--sf-space-7);column-gap:var(--sf-space-7)}.cq-sm\:row-gap-8{row-gap:var(--sf-space-8)}.cq-sm\:col-gap-8{-webkit-column-gap:var(--sf-space-8);-moz-column-gap:var(--sf-space-8);column-gap:var(--sf-space-8)}}@container sidebar (min-width: 32rem){.cq-sm\/sidebar\:block{display:block}.cq-sm\/sidebar\:inline-block{display:inline-block}.cq-sm\/sidebar\:flex{display:flex}.cq-sm\/sidebar\:inline-flex{display:inline-flex}.cq-sm\/sidebar\:grid{display:grid}.cq-sm\/sidebar\:hidden{display:none}.cq-sm\/sidebar\:flex-row{flex-direction:row}.cq-sm\/sidebar\:flex-col{flex-direction:column}.cq-sm\/sidebar\:flex-row-reverse{flex-direction:row-reverse}.cq-sm\/sidebar\:flex-col-reverse{flex-direction:column-reverse}.cq-sm\/sidebar\:flex-wrap{flex-wrap:wrap}.cq-sm\/sidebar\:flex-wrap-reverse{flex-wrap:wrap-reverse}.cq-sm\/sidebar\:flex-nowrap{flex-wrap:nowrap}.cq-sm\/sidebar\:grid-col-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.cq-sm\/sidebar\:grid-col-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.cq-sm\/sidebar\:grid-col-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.cq-sm\/sidebar\:grid-col-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.cq-sm\/sidebar\:grid-col-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.cq-sm\/sidebar\:grid-col-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.cq-sm\/sidebar\:grid-col-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.cq-sm\/sidebar\:grid-col-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.cq-sm\/sidebar\:grid-col-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.cq-sm\/sidebar\:grid-col-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.cq-sm\/sidebar\:grid-col-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.cq-sm\/sidebar\:grid-col-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.cq-sm\/sidebar\:grid-col-none{grid-template-columns:none}.cq-sm\/sidebar\:grid-col-subgrid{grid-template-columns:subgrid}.cq-sm\/sidebar\:content-main-start{justify-content:flex-start}.cq-sm\/sidebar\:content-main-end{justify-content:flex-end}.cq-sm\/sidebar\:content-main-center{justify-content:center}.cq-sm\/sidebar\:content-main-between{justify-content:space-between}.cq-sm\/sidebar\:content-main-around{justify-content:space-around}.cq-sm\/sidebar\:content-main-evenly{justify-content:space-evenly}.cq-sm\/sidebar\:items-cross-start{align-items:start}.cq-sm\/sidebar\:items-cross-end{align-items:end}.cq-sm\/sidebar\:items-cross-center{align-items:center}.cq-sm\/sidebar\:items-cross-baseline{align-items:baseline}.cq-sm\/sidebar\:items-cross-stretch{align-items:stretch}.cq-sm\/sidebar\:gap-0{gap:var(--sf-space-0)}.cq-sm\/sidebar\:gap-1\/4{gap:var(--sf-space-1\/4)}.cq-sm\/sidebar\:gap-1\/3{gap:var(--sf-space-1\/3)}.cq-sm\/sidebar\:gap-1\/2{gap:var(--sf-space-1\/2)}.cq-sm\/sidebar\:gap-1{gap:var(--sf-space-1)}.cq-sm\/sidebar\:gap-2{gap:var(--sf-space-2)}.cq-sm\/sidebar\:gap-3{gap:var(--sf-space-3)}.cq-sm\/sidebar\:gap-4{gap:var(--sf-space-4)}.cq-sm\/sidebar\:gap-5{gap:var(--sf-space-5)}.cq-sm\/sidebar\:gap-6{gap:var(--sf-space-6)}.cq-sm\/sidebar\:gap-7{gap:var(--sf-space-7)}.cq-sm\/sidebar\:gap-8{gap:var(--sf-space-8)}.cq-sm\/sidebar\:row-gap-0{row-gap:var(--sf-space-0)}.cq-sm\/sidebar\:col-gap-0{-webkit-column-gap:var(--sf-space-0);-moz-column-gap:var(--sf-space-0);column-gap:var(--sf-space-0)}.cq-sm\/sidebar\:row-gap-1\/4{row-gap:var(--sf-space-1\/4)}.cq-sm\/sidebar\:col-gap-1\/4{-webkit-column-gap:var(--sf-space-1\/4);-moz-column-gap:var(--sf-space-1\/4);column-gap:var(--sf-space-1\/4)}.cq-sm\/sidebar\:row-gap-1\/3{row-gap:var(--sf-space-1\/3)}.cq-sm\/sidebar\:col-gap-1\/3{-webkit-column-gap:var(--sf-space-1\/3);-moz-column-gap:var(--sf-space-1\/3);column-gap:var(--sf-space-1\/3)}.cq-sm\/sidebar\:row-gap-1\/2{row-gap:var(--sf-space-1\/2)}.cq-sm\/sidebar\:col-gap-1\/2{-webkit-column-gap:var(--sf-space-1\/2);-moz-column-gap:var(--sf-space-1\/2);column-gap:var(--sf-space-1\/2)}.cq-sm\/sidebar\:row-gap-1{row-gap:var(--sf-space-1)}.cq-sm\/sidebar\:col-gap-1{-webkit-column-gap:var(--sf-space-1);-moz-column-gap:var(--sf-space-1);column-gap:var(--sf-space-1)}.cq-sm\/sidebar\:row-gap-2{row-gap:var(--sf-space-2)}.cq-sm\/sidebar\:col-gap-2{-webkit-column-gap:var(--sf-space-2);-moz-column-gap:var(--sf-space-2);column-gap:var(--sf-space-2)}.cq-sm\/sidebar\:row-gap-3{row-gap:var(--sf-space-3)}.cq-sm\/sidebar\:col-gap-3{-webkit-column-gap:var(--sf-space-3);-moz-column-gap:var(--sf-space-3);column-gap:var(--sf-space-3)}.cq-sm\/sidebar\:row-gap-4{row-gap:var(--sf-space-4)}.cq-sm\/sidebar\:col-gap-4{-webkit-column-gap:var(--sf-space-4);-moz-column-gap:var(--sf-space-4);column-gap:var(--sf-space-4)}.cq-sm\/sidebar\:row-gap-5{row-gap:var(--sf-space-5)}.cq-sm\/sidebar\:col-gap-5{-webkit-column-gap:var(--sf-space-5);-moz-column-gap:var(--sf-space-5);column-gap:var(--sf-space-5)}.cq-sm\/sidebar\:row-gap-6{row-gap:var(--sf-space-6)}.cq-sm\/sidebar\:col-gap-6{-webkit-column-gap:var(--sf-space-6);-moz-column-gap:var(--sf-space-6);column-gap:var(--sf-space-6)}.cq-sm\/sidebar\:row-gap-7{row-gap:var(--sf-space-7)}.cq-sm\/sidebar\:col-gap-7{-webkit-column-gap:var(--sf-space-7);-moz-column-gap:var(--sf-space-7);column-gap:var(--sf-space-7)}.cq-sm\/sidebar\:row-gap-8{row-gap:var(--sf-space-8)}.cq-sm\/sidebar\:col-gap-8{-webkit-column-gap:var(--sf-space-8);-moz-column-gap:var(--sf-space-8);column-gap:var(--sf-space-8)}}@container (min-width: 44rem){.cq-md\:block{display:block}.cq-md\:inline-block{display:inline-block}.cq-md\:flex{display:flex}.cq-md\:inline-flex{display:inline-flex}.cq-md\:grid{display:grid}.cq-md\:hidden{display:none}.cq-md\:flex-row{flex-direction:row}.cq-md\:flex-col{flex-direction:column}.cq-md\:flex-row-reverse{flex-direction:row-reverse}.cq-md\:flex-col-reverse{flex-direction:column-reverse}.cq-md\:flex-wrap{flex-wrap:wrap}.cq-md\:flex-wrap-reverse{flex-wrap:wrap-reverse}.cq-md\:flex-nowrap{flex-wrap:nowrap}.cq-md\:grid-col-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.cq-md\:grid-col-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.cq-md\:grid-col-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.cq-md\:grid-col-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.cq-md\:grid-col-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.cq-md\:grid-col-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.cq-md\:grid-col-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.cq-md\:grid-col-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.cq-md\:grid-col-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.cq-md\:grid-col-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.cq-md\:grid-col-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.cq-md\:grid-col-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.cq-md\:grid-col-none{grid-template-columns:none}.cq-md\:grid-col-subgrid{grid-template-columns:subgrid}.cq-md\:content-main-start{justify-content:flex-start}.cq-md\:content-main-end{justify-content:flex-end}.cq-md\:content-main-center{justify-content:center}.cq-md\:content-main-between{justify-content:space-between}.cq-md\:content-main-around{justify-content:space-around}.cq-md\:content-main-evenly{justify-content:space-evenly}.cq-md\:items-cross-start{align-items:start}.cq-md\:items-cross-end{align-items:end}.cq-md\:items-cross-center{align-items:center}.cq-md\:items-cross-baseline{align-items:baseline}.cq-md\:items-cross-stretch{align-items:stretch}.cq-md\:gap-0{gap:var(--sf-space-0)}.cq-md\:gap-1\/4{gap:var(--sf-space-1\/4)}.cq-md\:gap-1\/3{gap:var(--sf-space-1\/3)}.cq-md\:gap-1\/2{gap:var(--sf-space-1\/2)}.cq-md\:gap-1{gap:var(--sf-space-1)}.cq-md\:gap-2{gap:var(--sf-space-2)}.cq-md\:gap-3{gap:var(--sf-space-3)}.cq-md\:gap-4{gap:var(--sf-space-4)}.cq-md\:gap-5{gap:var(--sf-space-5)}.cq-md\:gap-6{gap:var(--sf-space-6)}.cq-md\:gap-7{gap:var(--sf-space-7)}.cq-md\:gap-8{gap:var(--sf-space-8)}.cq-md\:row-gap-0{row-gap:var(--sf-space-0)}.cq-md\:col-gap-0{-webkit-column-gap:var(--sf-space-0);-moz-column-gap:var(--sf-space-0);column-gap:var(--sf-space-0)}.cq-md\:row-gap-1\/4{row-gap:var(--sf-space-1\/4)}.cq-md\:col-gap-1\/4{-webkit-column-gap:var(--sf-space-1\/4);-moz-column-gap:var(--sf-space-1\/4);column-gap:var(--sf-space-1\/4)}.cq-md\:row-gap-1\/3{row-gap:var(--sf-space-1\/3)}.cq-md\:col-gap-1\/3{-webkit-column-gap:var(--sf-space-1\/3);-moz-column-gap:var(--sf-space-1\/3);column-gap:var(--sf-space-1\/3)}.cq-md\:row-gap-1\/2{row-gap:var(--sf-space-1\/2)}.cq-md\:col-gap-1\/2{-webkit-column-gap:var(--sf-space-1\/2);-moz-column-gap:var(--sf-space-1\/2);column-gap:var(--sf-space-1\/2)}.cq-md\:row-gap-1{row-gap:var(--sf-space-1)}.cq-md\:col-gap-1{-webkit-column-gap:var(--sf-space-1);-moz-column-gap:var(--sf-space-1);column-gap:var(--sf-space-1)}.cq-md\:row-gap-2{row-gap:var(--sf-space-2)}.cq-md\:col-gap-2{-webkit-column-gap:var(--sf-space-2);-moz-column-gap:var(--sf-space-2);column-gap:var(--sf-space-2)}.cq-md\:row-gap-3{row-gap:var(--sf-space-3)}.cq-md\:col-gap-3{-webkit-column-gap:var(--sf-space-3);-moz-column-gap:var(--sf-space-3);column-gap:var(--sf-space-3)}.cq-md\:row-gap-4{row-gap:var(--sf-space-4)}.cq-md\:col-gap-4{-webkit-column-gap:var(--sf-space-4);-moz-column-gap:var(--sf-space-4);column-gap:var(--sf-space-4)}.cq-md\:row-gap-5{row-gap:var(--sf-space-5)}.cq-md\:col-gap-5{-webkit-column-gap:var(--sf-space-5);-moz-column-gap:var(--sf-space-5);column-gap:var(--sf-space-5)}.cq-md\:row-gap-6{row-gap:var(--sf-space-6)}.cq-md\:col-gap-6{-webkit-column-gap:var(--sf-space-6);-moz-column-gap:var(--sf-space-6);column-gap:var(--sf-space-6)}.cq-md\:row-gap-7{row-gap:var(--sf-space-7)}.cq-md\:col-gap-7{-webkit-column-gap:var(--sf-space-7);-moz-column-gap:var(--sf-space-7);column-gap:var(--sf-space-7)}.cq-md\:row-gap-8{row-gap:var(--sf-space-8)}.cq-md\:col-gap-8{-webkit-column-gap:var(--sf-space-8);-moz-column-gap:var(--sf-space-8);column-gap:var(--sf-space-8)}}@container sidebar (min-width: 44rem){.cq-md\/sidebar\:block{display:block}.cq-md\/sidebar\:inline-block{display:inline-block}.cq-md\/sidebar\:flex{display:flex}.cq-md\/sidebar\:inline-flex{display:inline-flex}.cq-md\/sidebar\:grid{display:grid}.cq-md\/sidebar\:hidden{display:none}.cq-md\/sidebar\:flex-row{flex-direction:row}.cq-md\/sidebar\:flex-col{flex-direction:column}.cq-md\/sidebar\:flex-row-reverse{flex-direction:row-reverse}.cq-md\/sidebar\:flex-col-reverse{flex-direction:column-reverse}.cq-md\/sidebar\:flex-wrap{flex-wrap:wrap}.cq-md\/sidebar\:flex-wrap-reverse{flex-wrap:wrap-reverse}.cq-md\/sidebar\:flex-nowrap{flex-wrap:nowrap}.cq-md\/sidebar\:grid-col-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.cq-md\/sidebar\:grid-col-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.cq-md\/sidebar\:grid-col-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.cq-md\/sidebar\:grid-col-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.cq-md\/sidebar\:grid-col-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.cq-md\/sidebar\:grid-col-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.cq-md\/sidebar\:grid-col-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.cq-md\/sidebar\:grid-col-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.cq-md\/sidebar\:grid-col-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.cq-md\/sidebar\:grid-col-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.cq-md\/sidebar\:grid-col-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.cq-md\/sidebar\:grid-col-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.cq-md\/sidebar\:grid-col-none{grid-template-columns:none}.cq-md\/sidebar\:grid-col-subgrid{grid-template-columns:subgrid}.cq-md\/sidebar\:content-main-start{justify-content:flex-start}.cq-md\/sidebar\:content-main-end{justify-content:flex-end}.cq-md\/sidebar\:content-main-center{justify-content:center}.cq-md\/sidebar\:content-main-between{justify-content:space-between}.cq-md\/sidebar\:content-main-around{justify-content:space-around}.cq-md\/sidebar\:content-main-evenly{justify-content:space-evenly}.cq-md\/sidebar\:items-cross-start{align-items:start}.cq-md\/sidebar\:items-cross-end{align-items:end}.cq-md\/sidebar\:items-cross-center{align-items:center}.cq-md\/sidebar\:items-cross-baseline{align-items:baseline}.cq-md\/sidebar\:items-cross-stretch{align-items:stretch}.cq-md\/sidebar\:gap-0{gap:var(--sf-space-0)}.cq-md\/sidebar\:gap-1\/4{gap:var(--sf-space-1\/4)}.cq-md\/sidebar\:gap-1\/3{gap:var(--sf-space-1\/3)}.cq-md\/sidebar\:gap-1\/2{gap:var(--sf-space-1\/2)}.cq-md\/sidebar\:gap-1{gap:var(--sf-space-1)}.cq-md\/sidebar\:gap-2{gap:var(--sf-space-2)}.cq-md\/sidebar\:gap-3{gap:var(--sf-space-3)}.cq-md\/sidebar\:gap-4{gap:var(--sf-space-4)}.cq-md\/sidebar\:gap-5{gap:var(--sf-space-5)}.cq-md\/sidebar\:gap-6{gap:var(--sf-space-6)}.cq-md\/sidebar\:gap-7{gap:var(--sf-space-7)}.cq-md\/sidebar\:gap-8{gap:var(--sf-space-8)}.cq-md\/sidebar\:row-gap-0{row-gap:var(--sf-space-0)}.cq-md\/sidebar\:col-gap-0{-webkit-column-gap:var(--sf-space-0);-moz-column-gap:var(--sf-space-0);column-gap:var(--sf-space-0)}.cq-md\/sidebar\:row-gap-1\/4{row-gap:var(--sf-space-1\/4)}.cq-md\/sidebar\:col-gap-1\/4{-webkit-column-gap:var(--sf-space-1\/4);-moz-column-gap:var(--sf-space-1\/4);column-gap:var(--sf-space-1\/4)}.cq-md\/sidebar\:row-gap-1\/3{row-gap:var(--sf-space-1\/3)}.cq-md\/sidebar\:col-gap-1\/3{-webkit-column-gap:var(--sf-space-1\/3);-moz-column-gap:var(--sf-space-1\/3);column-gap:var(--sf-space-1\/3)}.cq-md\/sidebar\:row-gap-1\/2{row-gap:var(--sf-space-1\/2)}.cq-md\/sidebar\:col-gap-1\/2{-webkit-column-gap:var(--sf-space-1\/2);-moz-column-gap:var(--sf-space-1\/2);column-gap:var(--sf-space-1\/2)}.cq-md\/sidebar\:row-gap-1{row-gap:var(--sf-space-1)}.cq-md\/sidebar\:col-gap-1{-webkit-column-gap:var(--sf-space-1);-moz-column-gap:var(--sf-space-1);column-gap:var(--sf-space-1)}.cq-md\/sidebar\:row-gap-2{row-gap:var(--sf-space-2)}.cq-md\/sidebar\:col-gap-2{-webkit-column-gap:var(--sf-space-2);-moz-column-gap:var(--sf-space-2);column-gap:var(--sf-space-2)}.cq-md\/sidebar\:row-gap-3{row-gap:var(--sf-space-3)}.cq-md\/sidebar\:col-gap-3{-webkit-column-gap:var(--sf-space-3);-moz-column-gap:var(--sf-space-3);column-gap:var(--sf-space-3)}.cq-md\/sidebar\:row-gap-4{row-gap:var(--sf-space-4)}.cq-md\/sidebar\:col-gap-4{-webkit-column-gap:var(--sf-space-4);-moz-column-gap:var(--sf-space-4);column-gap:var(--sf-space-4)}.cq-md\/sidebar\:row-gap-5{row-gap:var(--sf-space-5)}.cq-md\/sidebar\:col-gap-5{-webkit-column-gap:var(--sf-space-5);-moz-column-gap:var(--sf-space-5);column-gap:var(--sf-space-5)}.cq-md\/sidebar\:row-gap-6{row-gap:var(--sf-space-6)}.cq-md\/sidebar\:col-gap-6{-webkit-column-gap:var(--sf-space-6);-moz-column-gap:var(--sf-space-6);column-gap:var(--sf-space-6)}.cq-md\/sidebar\:row-gap-7{row-gap:var(--sf-space-7)}.cq-md\/sidebar\:col-gap-7{-webkit-column-gap:var(--sf-space-7);-moz-column-gap:var(--sf-space-7);column-gap:var(--sf-space-7)}.cq-md\/sidebar\:row-gap-8{row-gap:var(--sf-space-8)}.cq-md\/sidebar\:col-gap-8{-webkit-column-gap:var(--sf-space-8);-moz-column-gap:var(--sf-space-8);column-gap:var(--sf-space-8)}}@container (min-width: 60rem){.cq-lg\:block{display:block}.cq-lg\:inline-block{display:inline-block}.cq-lg\:flex{display:flex}.cq-lg\:inline-flex{display:inline-flex}.cq-lg\:grid{display:grid}.cq-lg\:hidden{display:none}.cq-lg\:flex-row{flex-direction:row}.cq-lg\:flex-col{flex-direction:column}.cq-lg\:flex-row-reverse{flex-direction:row-reverse}.cq-lg\:flex-col-reverse{flex-direction:column-reverse}.cq-lg\:flex-wrap{flex-wrap:wrap}.cq-lg\:flex-wrap-reverse{flex-wrap:wrap-reverse}.cq-lg\:flex-nowrap{flex-wrap:nowrap}.cq-lg\:grid-col-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.cq-lg\:grid-col-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.cq-lg\:grid-col-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.cq-lg\:grid-col-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.cq-lg\:grid-col-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.cq-lg\:grid-col-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.cq-lg\:grid-col-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.cq-lg\:grid-col-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.cq-lg\:grid-col-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.cq-lg\:grid-col-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.cq-lg\:grid-col-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.cq-lg\:grid-col-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.cq-lg\:grid-col-none{grid-template-columns:none}.cq-lg\:grid-col-subgrid{grid-template-columns:subgrid}.cq-lg\:content-main-start{justify-content:flex-start}.cq-lg\:content-main-end{justify-content:flex-end}.cq-lg\:content-main-center{justify-content:center}.cq-lg\:content-main-between{justify-content:space-between}.cq-lg\:content-main-around{justify-content:space-around}.cq-lg\:content-main-evenly{justify-content:space-evenly}.cq-lg\:items-cross-start{align-items:start}.cq-lg\:items-cross-end{align-items:end}.cq-lg\:items-cross-center{align-items:center}.cq-lg\:items-cross-baseline{align-items:baseline}.cq-lg\:items-cross-stretch{align-items:stretch}.cq-lg\:gap-0{gap:var(--sf-space-0)}.cq-lg\:gap-1\/4{gap:var(--sf-space-1\/4)}.cq-lg\:gap-1\/3{gap:var(--sf-space-1\/3)}.cq-lg\:gap-1\/2{gap:var(--sf-space-1\/2)}.cq-lg\:gap-1{gap:var(--sf-space-1)}.cq-lg\:gap-2{gap:var(--sf-space-2)}.cq-lg\:gap-3{gap:var(--sf-space-3)}.cq-lg\:gap-4{gap:var(--sf-space-4)}.cq-lg\:gap-5{gap:var(--sf-space-5)}.cq-lg\:gap-6{gap:var(--sf-space-6)}.cq-lg\:gap-7{gap:var(--sf-space-7)}.cq-lg\:gap-8{gap:var(--sf-space-8)}.cq-lg\:row-gap-0{row-gap:var(--sf-space-0)}.cq-lg\:col-gap-0{-webkit-column-gap:var(--sf-space-0);-moz-column-gap:var(--sf-space-0);column-gap:var(--sf-space-0)}.cq-lg\:row-gap-1\/4{row-gap:var(--sf-space-1\/4)}.cq-lg\:col-gap-1\/4{-webkit-column-gap:var(--sf-space-1\/4);-moz-column-gap:var(--sf-space-1\/4);column-gap:var(--sf-space-1\/4)}.cq-lg\:row-gap-1\/3{row-gap:var(--sf-space-1\/3)}.cq-lg\:col-gap-1\/3{-webkit-column-gap:var(--sf-space-1\/3);-moz-column-gap:var(--sf-space-1\/3);column-gap:var(--sf-space-1\/3)}.cq-lg\:row-gap-1\/2{row-gap:var(--sf-space-1\/2)}.cq-lg\:col-gap-1\/2{-webkit-column-gap:var(--sf-space-1\/2);-moz-column-gap:var(--sf-space-1\/2);column-gap:var(--sf-space-1\/2)}.cq-lg\:row-gap-1{row-gap:var(--sf-space-1)}.cq-lg\:col-gap-1{-webkit-column-gap:var(--sf-space-1);-moz-column-gap:var(--sf-space-1);column-gap:var(--sf-space-1)}.cq-lg\:row-gap-2{row-gap:var(--sf-space-2)}.cq-lg\:col-gap-2{-webkit-column-gap:var(--sf-space-2);-moz-column-gap:var(--sf-space-2);column-gap:var(--sf-space-2)}.cq-lg\:row-gap-3{row-gap:var(--sf-space-3)}.cq-lg\:col-gap-3{-webkit-column-gap:var(--sf-space-3);-moz-column-gap:var(--sf-space-3);column-gap:var(--sf-space-3)}.cq-lg\:row-gap-4{row-gap:var(--sf-space-4)}.cq-lg\:col-gap-4{-webkit-column-gap:var(--sf-space-4);-moz-column-gap:var(--sf-space-4);column-gap:var(--sf-space-4)}.cq-lg\:row-gap-5{row-gap:var(--sf-space-5)}.cq-lg\:col-gap-5{-webkit-column-gap:var(--sf-space-5);-moz-column-gap:var(--sf-space-5);column-gap:var(--sf-space-5)}.cq-lg\:row-gap-6{row-gap:var(--sf-space-6)}.cq-lg\:col-gap-6{-webkit-column-gap:var(--sf-space-6);-moz-column-gap:var(--sf-space-6);column-gap:var(--sf-space-6)}.cq-lg\:row-gap-7{row-gap:var(--sf-space-7)}.cq-lg\:col-gap-7{-webkit-column-gap:var(--sf-space-7);-moz-column-gap:var(--sf-space-7);column-gap:var(--sf-space-7)}.cq-lg\:row-gap-8{row-gap:var(--sf-space-8)}.cq-lg\:col-gap-8{-webkit-column-gap:var(--sf-space-8);-moz-column-gap:var(--sf-space-8);column-gap:var(--sf-space-8)}}@container sidebar (min-width: 60rem){.cq-lg\/sidebar\:block{display:block}.cq-lg\/sidebar\:inline-block{display:inline-block}.cq-lg\/sidebar\:flex{display:flex}.cq-lg\/sidebar\:inline-flex{display:inline-flex}.cq-lg\/sidebar\:grid{display:grid}.cq-lg\/sidebar\:hidden{display:none}.cq-lg\/sidebar\:flex-row{flex-direction:row}.cq-lg\/sidebar\:flex-col{flex-direction:column}.cq-lg\/sidebar\:flex-row-reverse{flex-direction:row-reverse}.cq-lg\/sidebar\:flex-col-reverse{flex-direction:column-reverse}.cq-lg\/sidebar\:flex-wrap{flex-wrap:wrap}.cq-lg\/sidebar\:flex-wrap-reverse{flex-wrap:wrap-reverse}.cq-lg\/sidebar\:flex-nowrap{flex-wrap:nowrap}.cq-lg\/sidebar\:grid-col-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.cq-lg\/sidebar\:grid-col-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.cq-lg\/sidebar\:grid-col-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.cq-lg\/sidebar\:grid-col-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.cq-lg\/sidebar\:grid-col-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.cq-lg\/sidebar\:grid-col-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.cq-lg\/sidebar\:grid-col-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.cq-lg\/sidebar\:grid-col-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.cq-lg\/sidebar\:grid-col-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.cq-lg\/sidebar\:grid-col-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.cq-lg\/sidebar\:grid-col-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.cq-lg\/sidebar\:grid-col-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.cq-lg\/sidebar\:grid-col-none{grid-template-columns:none}.cq-lg\/sidebar\:grid-col-subgrid{grid-template-columns:subgrid}.cq-lg\/sidebar\:content-main-start{justify-content:flex-start}.cq-lg\/sidebar\:content-main-end{justify-content:flex-end}.cq-lg\/sidebar\:content-main-center{justify-content:center}.cq-lg\/sidebar\:content-main-between{justify-content:space-between}.cq-lg\/sidebar\:content-main-around{justify-content:space-around}.cq-lg\/sidebar\:content-main-evenly{justify-content:space-evenly}.cq-lg\/sidebar\:items-cross-start{align-items:start}.cq-lg\/sidebar\:items-cross-end{align-items:end}.cq-lg\/sidebar\:items-cross-center{align-items:center}.cq-lg\/sidebar\:items-cross-baseline{align-items:baseline}.cq-lg\/sidebar\:items-cross-stretch{align-items:stretch}.cq-lg\/sidebar\:gap-0{gap:var(--sf-space-0)}.cq-lg\/sidebar\:gap-1\/4{gap:var(--sf-space-1\/4)}.cq-lg\/sidebar\:gap-1\/3{gap:var(--sf-space-1\/3)}.cq-lg\/sidebar\:gap-1\/2{gap:var(--sf-space-1\/2)}.cq-lg\/sidebar\:gap-1{gap:var(--sf-space-1)}.cq-lg\/sidebar\:gap-2{gap:var(--sf-space-2)}.cq-lg\/sidebar\:gap-3{gap:var(--sf-space-3)}.cq-lg\/sidebar\:gap-4{gap:var(--sf-space-4)}.cq-lg\/sidebar\:gap-5{gap:var(--sf-space-5)}.cq-lg\/sidebar\:gap-6{gap:var(--sf-space-6)}.cq-lg\/sidebar\:gap-7{gap:var(--sf-space-7)}.cq-lg\/sidebar\:gap-8{gap:var(--sf-space-8)}.cq-lg\/sidebar\:row-gap-0{row-gap:var(--sf-space-0)}.cq-lg\/sidebar\:col-gap-0{-webkit-column-gap:var(--sf-space-0);-moz-column-gap:var(--sf-space-0);column-gap:var(--sf-space-0)}.cq-lg\/sidebar\:row-gap-1\/4{row-gap:var(--sf-space-1\/4)}.cq-lg\/sidebar\:col-gap-1\/4{-webkit-column-gap:var(--sf-space-1\/4);-moz-column-gap:var(--sf-space-1\/4);column-gap:var(--sf-space-1\/4)}.cq-lg\/sidebar\:row-gap-1\/3{row-gap:var(--sf-space-1\/3)}.cq-lg\/sidebar\:col-gap-1\/3{-webkit-column-gap:var(--sf-space-1\/3);-moz-column-gap:var(--sf-space-1\/3);column-gap:var(--sf-space-1\/3)}.cq-lg\/sidebar\:row-gap-1\/2{row-gap:var(--sf-space-1\/2)}.cq-lg\/sidebar\:col-gap-1\/2{-webkit-column-gap:var(--sf-space-1\/2);-moz-column-gap:var(--sf-space-1\/2);column-gap:var(--sf-space-1\/2)}.cq-lg\/sidebar\:row-gap-1{row-gap:var(--sf-space-1)}.cq-lg\/sidebar\:col-gap-1{-webkit-column-gap:var(--sf-space-1);-moz-column-gap:var(--sf-space-1);column-gap:var(--sf-space-1)}.cq-lg\/sidebar\:row-gap-2{row-gap:var(--sf-space-2)}.cq-lg\/sidebar\:col-gap-2{-webkit-column-gap:var(--sf-space-2);-moz-column-gap:var(--sf-space-2);column-gap:var(--sf-space-2)}.cq-lg\/sidebar\:row-gap-3{row-gap:var(--sf-space-3)}.cq-lg\/sidebar\:col-gap-3{-webkit-column-gap:var(--sf-space-3);-moz-column-gap:var(--sf-space-3);column-gap:var(--sf-space-3)}.cq-lg\/sidebar\:row-gap-4{row-gap:var(--sf-space-4)}.cq-lg\/sidebar\:col-gap-4{-webkit-column-gap:var(--sf-space-4);-moz-column-gap:var(--sf-space-4);column-gap:var(--sf-space-4)}.cq-lg\/sidebar\:row-gap-5{row-gap:var(--sf-space-5)}.cq-lg\/sidebar\:col-gap-5{-webkit-column-gap:var(--sf-space-5);-moz-column-gap:var(--sf-space-5);column-gap:var(--sf-space-5)}.cq-lg\/sidebar\:row-gap-6{row-gap:var(--sf-space-6)}.cq-lg\/sidebar\:col-gap-6{-webkit-column-gap:var(--sf-space-6);-moz-column-gap:var(--sf-space-6);column-gap:var(--sf-space-6)}.cq-lg\/sidebar\:row-gap-7{row-gap:var(--sf-space-7)}.cq-lg\/sidebar\:col-gap-7{-webkit-column-gap:var(--sf-space-7);-moz-column-gap:var(--sf-space-7);column-gap:var(--sf-space-7)}.cq-lg\/sidebar\:row-gap-8{row-gap:var(--sf-space-8)}.cq-lg\/sidebar\:col-gap-8{-webkit-column-gap:var(--sf-space-8);-moz-column-gap:var(--sf-space-8);column-gap:var(--sf-space-8)}}@container (min-width: 72rem){.cq-xl\:block{display:block}.cq-xl\:inline-block{display:inline-block}.cq-xl\:flex{display:flex}.cq-xl\:inline-flex{display:inline-flex}.cq-xl\:grid{display:grid}.cq-xl\:hidden{display:none}.cq-xl\:flex-row{flex-direction:row}.cq-xl\:flex-col{flex-direction:column}.cq-xl\:flex-row-reverse{flex-direction:row-reverse}.cq-xl\:flex-col-reverse{flex-direction:column-reverse}.cq-xl\:flex-wrap{flex-wrap:wrap}.cq-xl\:flex-wrap-reverse{flex-wrap:wrap-reverse}.cq-xl\:flex-nowrap{flex-wrap:nowrap}.cq-xl\:grid-col-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.cq-xl\:grid-col-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.cq-xl\:grid-col-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.cq-xl\:grid-col-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.cq-xl\:grid-col-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.cq-xl\:grid-col-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.cq-xl\:grid-col-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.cq-xl\:grid-col-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.cq-xl\:grid-col-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.cq-xl\:grid-col-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.cq-xl\:grid-col-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.cq-xl\:grid-col-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.cq-xl\:grid-col-none{grid-template-columns:none}.cq-xl\:grid-col-subgrid{grid-template-columns:subgrid}.cq-xl\:content-main-start{justify-content:flex-start}.cq-xl\:content-main-end{justify-content:flex-end}.cq-xl\:content-main-center{justify-content:center}.cq-xl\:content-main-between{justify-content:space-between}.cq-xl\:content-main-around{justify-content:space-around}.cq-xl\:content-main-evenly{justify-content:space-evenly}.cq-xl\:items-cross-start{align-items:start}.cq-xl\:items-cross-end{align-items:end}.cq-xl\:items-cross-center{align-items:center}.cq-xl\:items-cross-baseline{align-items:baseline}.cq-xl\:items-cross-stretch{align-items:stretch}.cq-xl\:gap-0{gap:var(--sf-space-0)}.cq-xl\:gap-1\/4{gap:var(--sf-space-1\/4)}.cq-xl\:gap-1\/3{gap:var(--sf-space-1\/3)}.cq-xl\:gap-1\/2{gap:var(--sf-space-1\/2)}.cq-xl\:gap-1{gap:var(--sf-space-1)}.cq-xl\:gap-2{gap:var(--sf-space-2)}.cq-xl\:gap-3{gap:var(--sf-space-3)}.cq-xl\:gap-4{gap:var(--sf-space-4)}.cq-xl\:gap-5{gap:var(--sf-space-5)}.cq-xl\:gap-6{gap:var(--sf-space-6)}.cq-xl\:gap-7{gap:var(--sf-space-7)}.cq-xl\:gap-8{gap:var(--sf-space-8)}.cq-xl\:row-gap-0{row-gap:var(--sf-space-0)}.cq-xl\:col-gap-0{-webkit-column-gap:var(--sf-space-0);-moz-column-gap:var(--sf-space-0);column-gap:var(--sf-space-0)}.cq-xl\:row-gap-1\/4{row-gap:var(--sf-space-1\/4)}.cq-xl\:col-gap-1\/4{-webkit-column-gap:var(--sf-space-1\/4);-moz-column-gap:var(--sf-space-1\/4);column-gap:var(--sf-space-1\/4)}.cq-xl\:row-gap-1\/3{row-gap:var(--sf-space-1\/3)}.cq-xl\:col-gap-1\/3{-webkit-column-gap:var(--sf-space-1\/3);-moz-column-gap:var(--sf-space-1\/3);column-gap:var(--sf-space-1\/3)}.cq-xl\:row-gap-1\/2{row-gap:var(--sf-space-1\/2)}.cq-xl\:col-gap-1\/2{-webkit-column-gap:var(--sf-space-1\/2);-moz-column-gap:var(--sf-space-1\/2);column-gap:var(--sf-space-1\/2)}.cq-xl\:row-gap-1{row-gap:var(--sf-space-1)}.cq-xl\:col-gap-1{-webkit-column-gap:var(--sf-space-1);-moz-column-gap:var(--sf-space-1);column-gap:var(--sf-space-1)}.cq-xl\:row-gap-2{row-gap:var(--sf-space-2)}.cq-xl\:col-gap-2{-webkit-column-gap:var(--sf-space-2);-moz-column-gap:var(--sf-space-2);column-gap:var(--sf-space-2)}.cq-xl\:row-gap-3{row-gap:var(--sf-space-3)}.cq-xl\:col-gap-3{-webkit-column-gap:var(--sf-space-3);-moz-column-gap:var(--sf-space-3);column-gap:var(--sf-space-3)}.cq-xl\:row-gap-4{row-gap:var(--sf-space-4)}.cq-xl\:col-gap-4{-webkit-column-gap:var(--sf-space-4);-moz-column-gap:var(--sf-space-4);column-gap:var(--sf-space-4)}.cq-xl\:row-gap-5{row-gap:var(--sf-space-5)}.cq-xl\:col-gap-5{-webkit-column-gap:var(--sf-space-5);-moz-column-gap:var(--sf-space-5);column-gap:var(--sf-space-5)}.cq-xl\:row-gap-6{row-gap:var(--sf-space-6)}.cq-xl\:col-gap-6{-webkit-column-gap:var(--sf-space-6);-moz-column-gap:var(--sf-space-6);column-gap:var(--sf-space-6)}.cq-xl\:row-gap-7{row-gap:var(--sf-space-7)}.cq-xl\:col-gap-7{-webkit-column-gap:var(--sf-space-7);-moz-column-gap:var(--sf-space-7);column-gap:var(--sf-space-7)}.cq-xl\:row-gap-8{row-gap:var(--sf-space-8)}.cq-xl\:col-gap-8{-webkit-column-gap:var(--sf-space-8);-moz-column-gap:var(--sf-space-8);column-gap:var(--sf-space-8)}}@container sidebar (min-width: 72rem){.cq-xl\/sidebar\:block{display:block}.cq-xl\/sidebar\:inline-block{display:inline-block}.cq-xl\/sidebar\:flex{display:flex}.cq-xl\/sidebar\:inline-flex{display:inline-flex}.cq-xl\/sidebar\:grid{display:grid}.cq-xl\/sidebar\:hidden{display:none}.cq-xl\/sidebar\:flex-row{flex-direction:row}.cq-xl\/sidebar\:flex-col{flex-direction:column}.cq-xl\/sidebar\:flex-row-reverse{flex-direction:row-reverse}.cq-xl\/sidebar\:flex-col-reverse{flex-direction:column-reverse}.cq-xl\/sidebar\:flex-wrap{flex-wrap:wrap}.cq-xl\/sidebar\:flex-wrap-reverse{flex-wrap:wrap-reverse}.cq-xl\/sidebar\:flex-nowrap{flex-wrap:nowrap}.cq-xl\/sidebar\:grid-col-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.cq-xl\/sidebar\:grid-col-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.cq-xl\/sidebar\:grid-col-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.cq-xl\/sidebar\:grid-col-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.cq-xl\/sidebar\:grid-col-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.cq-xl\/sidebar\:grid-col-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.cq-xl\/sidebar\:grid-col-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.cq-xl\/sidebar\:grid-col-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.cq-xl\/sidebar\:grid-col-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.cq-xl\/sidebar\:grid-col-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.cq-xl\/sidebar\:grid-col-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.cq-xl\/sidebar\:grid-col-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.cq-xl\/sidebar\:grid-col-none{grid-template-columns:none}.cq-xl\/sidebar\:grid-col-subgrid{grid-template-columns:subgrid}.cq-xl\/sidebar\:content-main-start{justify-content:flex-start}.cq-xl\/sidebar\:content-main-end{justify-content:flex-end}.cq-xl\/sidebar\:content-main-center{justify-content:center}.cq-xl\/sidebar\:content-main-between{justify-content:space-between}.cq-xl\/sidebar\:content-main-around{justify-content:space-around}.cq-xl\/sidebar\:content-main-evenly{justify-content:space-evenly}.cq-xl\/sidebar\:items-cross-start{align-items:start}.cq-xl\/sidebar\:items-cross-end{align-items:end}.cq-xl\/sidebar\:items-cross-center{align-items:center}.cq-xl\/sidebar\:items-cross-baseline{align-items:baseline}.cq-xl\/sidebar\:items-cross-stretch{align-items:stretch}.cq-xl\/sidebar\:gap-0{gap:var(--sf-space-0)}.cq-xl\/sidebar\:gap-1\/4{gap:var(--sf-space-1\/4)}.cq-xl\/sidebar\:gap-1\/3{gap:var(--sf-space-1\/3)}.cq-xl\/sidebar\:gap-1\/2{gap:var(--sf-space-1\/2)}.cq-xl\/sidebar\:gap-1{gap:var(--sf-space-1)}.cq-xl\/sidebar\:gap-2{gap:var(--sf-space-2)}.cq-xl\/sidebar\:gap-3{gap:var(--sf-space-3)}.cq-xl\/sidebar\:gap-4{gap:var(--sf-space-4)}.cq-xl\/sidebar\:gap-5{gap:var(--sf-space-5)}.cq-xl\/sidebar\:gap-6{gap:var(--sf-space-6)}.cq-xl\/sidebar\:gap-7{gap:var(--sf-space-7)}.cq-xl\/sidebar\:gap-8{gap:var(--sf-space-8)}.cq-xl\/sidebar\:row-gap-0{row-gap:var(--sf-space-0)}.cq-xl\/sidebar\:col-gap-0{-webkit-column-gap:var(--sf-space-0);-moz-column-gap:var(--sf-space-0);column-gap:var(--sf-space-0)}.cq-xl\/sidebar\:row-gap-1\/4{row-gap:var(--sf-space-1\/4)}.cq-xl\/sidebar\:col-gap-1\/4{-webkit-column-gap:var(--sf-space-1\/4);-moz-column-gap:var(--sf-space-1\/4);column-gap:var(--sf-space-1\/4)}.cq-xl\/sidebar\:row-gap-1\/3{row-gap:var(--sf-space-1\/3)}.cq-xl\/sidebar\:col-gap-1\/3{-webkit-column-gap:var(--sf-space-1\/3);-moz-column-gap:var(--sf-space-1\/3);column-gap:var(--sf-space-1\/3)}.cq-xl\/sidebar\:row-gap-1\/2{row-gap:var(--sf-space-1\/2)}.cq-xl\/sidebar\:col-gap-1\/2{-webkit-column-gap:var(--sf-space-1\/2);-moz-column-gap:var(--sf-space-1\/2);column-gap:var(--sf-space-1\/2)}.cq-xl\/sidebar\:row-gap-1{row-gap:var(--sf-space-1)}.cq-xl\/sidebar\:col-gap-1{-webkit-column-gap:var(--sf-space-1);-moz-column-gap:var(--sf-space-1);column-gap:var(--sf-space-1)}.cq-xl\/sidebar\:row-gap-2{row-gap:var(--sf-space-2)}.cq-xl\/sidebar\:col-gap-2{-webkit-column-gap:var(--sf-space-2);-moz-column-gap:var(--sf-space-2);column-gap:var(--sf-space-2)}.cq-xl\/sidebar\:row-gap-3{row-gap:var(--sf-space-3)}.cq-xl\/sidebar\:col-gap-3{-webkit-column-gap:var(--sf-space-3);-moz-column-gap:var(--sf-space-3);column-gap:var(--sf-space-3)}.cq-xl\/sidebar\:row-gap-4{row-gap:var(--sf-space-4)}.cq-xl\/sidebar\:col-gap-4{-webkit-column-gap:var(--sf-space-4);-moz-column-gap:var(--sf-space-4);column-gap:var(--sf-space-4)}.cq-xl\/sidebar\:row-gap-5{row-gap:var(--sf-space-5)}.cq-xl\/sidebar\:col-gap-5{-webkit-column-gap:var(--sf-space-5);-moz-column-gap:var(--sf-space-5);column-gap:var(--sf-space-5)}.cq-xl\/sidebar\:row-gap-6{row-gap:var(--sf-space-6)}.cq-xl\/sidebar\:col-gap-6{-webkit-column-gap:var(--sf-space-6);-moz-column-gap:var(--sf-space-6);column-gap:var(--sf-space-6)}.cq-xl\/sidebar\:row-gap-7{row-gap:var(--sf-space-7)}.cq-xl\/sidebar\:col-gap-7{-webkit-column-gap:var(--sf-space-7);-moz-column-gap:var(--sf-space-7);column-gap:var(--sf-space-7)}.cq-xl\/sidebar\:row-gap-8{row-gap:var(--sf-space-8)}.cq-xl\/sidebar\:col-gap-8{-webkit-column-gap:var(--sf-space-8);-moz-column-gap:var(--sf-space-8);column-gap:var(--sf-space-8)}}}

package/distr/utility/query-layout/default/js/default.js ADDED Viewed

File without changes

package/distr/utility/resize/default/css/default.min.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ @layer sf.utilities{.resize-none{--sf-resize: none;resize:var(--sf-resize)}.resize-y{--sf-resize: vertical;resize:var(--sf-resize)}.resize-x{--sf-resize: horizontal;resize:var(--sf-resize)}.resize{--sf-resize: both;resize:var(--sf-resize)}}

package/distr/utility/resize/default/js/default.js ADDED Viewed

File without changes

package/distr/utility/ring-color/default/css/default.min.css ADDED Viewed

@@ -0,0 +1 @@

+ @layer sf.utilities{.ring-transparent{--sf-ring-color: var(--sf-transparent)}.ring-current{--sf-ring-color: var(--sf-current)}.ring-outline{--sf-ring-color: var(--sf-outline)}.ring-outline-variant{--sf-ring-color: var(--sf-outline-variant)}.ring-surface{--sf-ring-color: var(--sf-surface-1)}.ring-surface-0{--sf-ring-color: var(--sf-surface-0)}.ring-surface-1{--sf-ring-color: var(--sf-surface-1)}.ring-surface-container{--sf-ring-color: var(--sf-surface-container)}.ring-surface-overlay{--sf-ring-color: var(--sf-surface-overlay)}.ring-surface-transparent-overlay{--sf-ring-color: var(--sf-surface-transparent-overlay)}.ring-surface-inverse{--sf-ring-color: var(--sf-surface-inverse)}.ring-on-surface{--sf-ring-color: var(--sf-on-surface)}.ring-on-surface-variant{--sf-ring-color: var(--sf-on-surface-variant)}.ring-primary{--sf-ring-color: var(--sf-outline-primary)}.ring-primary-container{--sf-ring-color: var(--sf-primary-container)}.ring-primary-transparent-overlay{--sf-ring-color: var(--sf-primary-transparent-overlay)}.ring-secondary{--sf-ring-color: var(--sf-outline-secondary)}.ring-secondary-container{--sf-ring-color: var(--sf-secondary-container)}.ring-secondary-transparent-overlay{--sf-ring-color: var(--sf-secondary-transparent-overlay)}.ring-tertiary{--sf-ring-color: var(--sf-outline-tertiary)}.ring-tertiary-container{--sf-ring-color: var(--sf-tertiary-container)}.ring-tertiary-transparent-overlay{--sf-ring-color: var(--sf-tertiary-transparent-overlay)}.ring-error{--sf-ring-color: var(--sf-outline-error)}.ring-error-container{--sf-ring-color: var(--sf-error-container)}.ring-error-transparent-overlay{--sf-ring-color: var(--sf-error-transparent-overlay)}.ring-warning{--sf-ring-color: var(--sf-outline-warning)}.ring-warning-container{--sf-ring-color: var(--sf-warning-container)}.ring-warning-transparent-overlay{--sf-ring-color: var(--sf-warning-transparent-overlay)}.ring-success{--sf-ring-color: var(--sf-outline-success)}.ring-success-container{--sf-ring-color: var(--sf-success-container)}.ring-success-transparent-overlay{--sf-ring-color: var(--sf-success-transparent-overlay)}.ring-info{--sf-ring-color: var(--sf-outline-info)}.ring-info-container{--sf-ring-color: var(--sf-info-container)}}

package/distr/utility/ring-color/default/js/default.js ADDED Viewed

File without changes

package/distr/utility/ring-color/focus/css/focus.min.css ADDED Viewed

@@ -0,0 +1 @@

+ @layer sf.utilities{.focus\:ring-transparent:focus{--sf-ring-color: var(--sf-transparent)}.focus\:ring-current:focus{--sf-ring-color: var(--sf-current)}.focus\:ring-outline:focus{--sf-ring-color: var(--sf-outline)}.focus\:ring-outline-variant:focus{--sf-ring-color: var(--sf-outline-variant)}.focus\:ring-surface:focus{--sf-ring-color: var(--sf-surface-1)}.focus\:ring-surface-0:focus{--sf-ring-color: var(--sf-surface-0)}.focus\:ring-surface-1:focus{--sf-ring-color: var(--sf-surface-1)}.focus\:ring-surface-container:focus{--sf-ring-color: var(--sf-surface-container)}.focus\:ring-surface-overlay:focus{--sf-ring-color: var(--sf-surface-overlay)}.focus\:ring-surface-transparent-overlay:focus{--sf-ring-color: var(--sf-surface-transparent-overlay)}.focus\:ring-surface-inverse:focus{--sf-ring-color: var(--sf-surface-inverse)}.focus\:ring-on-surface:focus{--sf-ring-color: var(--sf-on-surface)}.focus\:ring-on-surface-variant:focus{--sf-ring-color: var(--sf-on-surface-variant)}.focus\:ring-primary:focus{--sf-ring-color: var(--sf-outline-primary)}.focus\:ring-primary-container:focus{--sf-ring-color: var(--sf-primary-container)}.focus\:ring-primary-transparent-overlay:focus{--sf-ring-color: var(--sf-primary-transparent-overlay)}.focus\:ring-secondary:focus{--sf-ring-color: var(--sf-outline-secondary)}.focus\:ring-secondary-container:focus{--sf-ring-color: var(--sf-secondary-container)}.focus\:ring-secondary-transparent-overlay:focus{--sf-ring-color: var(--sf-secondary-transparent-overlay)}.focus\:ring-tertiary:focus{--sf-ring-color: var(--sf-outline-tertiary)}.focus\:ring-tertiary-container:focus{--sf-ring-color: var(--sf-tertiary-container)}.focus\:ring-tertiary-transparent-overlay:focus{--sf-ring-color: var(--sf-tertiary-transparent-overlay)}.focus\:ring-error:focus{--sf-ring-color: var(--sf-outline-error)}.focus\:ring-error-container:focus{--sf-ring-color: var(--sf-error-container)}.focus\:ring-error-transparent-overlay:focus{--sf-ring-color: var(--sf-error-transparent-overlay)}.focus\:ring-warning:focus{--sf-ring-color: var(--sf-outline-warning)}.focus\:ring-warning-container:focus{--sf-ring-color: var(--sf-warning-container)}.focus\:ring-warning-transparent-overlay:focus{--sf-ring-color: var(--sf-warning-transparent-overlay)}.focus\:ring-success:focus{--sf-ring-color: var(--sf-outline-success)}.focus\:ring-success-container:focus{--sf-ring-color: var(--sf-success-container)}.focus\:ring-success-transparent-overlay:focus{--sf-ring-color: var(--sf-success-transparent-overlay)}.focus\:ring-info:focus{--sf-ring-color: var(--sf-outline-info)}.focus\:ring-info-container:focus{--sf-ring-color: var(--sf-info-container)}}

package/distr/utility/ring-color/focus/js/focus.js ADDED Viewed

File without changes

package/distr/utility/ring-color/focus-visible/css/focus-visible.min.css ADDED Viewed

@@ -0,0 +1 @@

+ @layer sf.utilities{.focus-visible\:ring-transparent.focus-visible{--sf-ring-color: var(--sf-transparent)}.focus-visible\:ring-transparent:focus-visible{--sf-ring-color: var(--sf-transparent)}.focus-visible\:ring-current.focus-visible{--sf-ring-color: var(--sf-current)}.focus-visible\:ring-current:focus-visible{--sf-ring-color: var(--sf-current)}.focus-visible\:ring-outline.focus-visible{--sf-ring-color: var(--sf-outline)}.focus-visible\:ring-outline:focus-visible{--sf-ring-color: var(--sf-outline)}.focus-visible\:ring-outline-variant.focus-visible{--sf-ring-color: var(--sf-outline-variant)}.focus-visible\:ring-outline-variant:focus-visible{--sf-ring-color: var(--sf-outline-variant)}.focus-visible\:ring-surface.focus-visible{--sf-ring-color: var(--sf-surface-1)}.focus-visible\:ring-surface:focus-visible{--sf-ring-color: var(--sf-surface-1)}.focus-visible\:ring-surface-0.focus-visible{--sf-ring-color: var(--sf-surface-0)}.focus-visible\:ring-surface-0:focus-visible{--sf-ring-color: var(--sf-surface-0)}.focus-visible\:ring-surface-1.focus-visible{--sf-ring-color: var(--sf-surface-1)}.focus-visible\:ring-surface-1:focus-visible{--sf-ring-color: var(--sf-surface-1)}.focus-visible\:ring-surface-container.focus-visible{--sf-ring-color: var(--sf-surface-container)}.focus-visible\:ring-surface-container:focus-visible{--sf-ring-color: var(--sf-surface-container)}.focus-visible\:ring-surface-overlay.focus-visible{--sf-ring-color: var(--sf-surface-overlay)}.focus-visible\:ring-surface-overlay:focus-visible{--sf-ring-color: var(--sf-surface-overlay)}.focus-visible\:ring-surface-transparent-overlay.focus-visible{--sf-ring-color: var(--sf-surface-transparent-overlay)}.focus-visible\:ring-surface-transparent-overlay:focus-visible{--sf-ring-color: var(--sf-surface-transparent-overlay)}.focus-visible\:ring-surface-inverse.focus-visible{--sf-ring-color: var(--sf-surface-inverse)}.focus-visible\:ring-surface-inverse:focus-visible{--sf-ring-color: var(--sf-surface-inverse)}.focus-visible\:ring-on-surface.focus-visible{--sf-ring-color: var(--sf-on-surface)}.focus-visible\:ring-on-surface:focus-visible{--sf-ring-color: var(--sf-on-surface)}.focus-visible\:ring-on-surface-variant.focus-visible{--sf-ring-color: var(--sf-on-surface-variant)}.focus-visible\:ring-on-surface-variant:focus-visible{--sf-ring-color: var(--sf-on-surface-variant)}.focus-visible\:ring-primary.focus-visible{--sf-ring-color: var(--sf-outline-primary)}.focus-visible\:ring-primary:focus-visible{--sf-ring-color: var(--sf-outline-primary)}.focus-visible\:ring-primary-container.focus-visible{--sf-ring-color: var(--sf-primary-container)}.focus-visible\:ring-primary-container:focus-visible{--sf-ring-color: var(--sf-primary-container)}.focus-visible\:ring-primary-transparent-overlay.focus-visible{--sf-ring-color: var(--sf-primary-transparent-overlay)}.focus-visible\:ring-primary-transparent-overlay:focus-visible{--sf-ring-color: var(--sf-primary-transparent-overlay)}.focus-visible\:ring-secondary.focus-visible{--sf-ring-color: var(--sf-outline-secondary)}.focus-visible\:ring-secondary:focus-visible{--sf-ring-color: var(--sf-outline-secondary)}.focus-visible\:ring-secondary-container.focus-visible{--sf-ring-color: var(--sf-secondary-container)}.focus-visible\:ring-secondary-container:focus-visible{--sf-ring-color: var(--sf-secondary-container)}.focus-visible\:ring-secondary-transparent-overlay.focus-visible{--sf-ring-color: var(--sf-secondary-transparent-overlay)}.focus-visible\:ring-secondary-transparent-overlay:focus-visible{--sf-ring-color: var(--sf-secondary-transparent-overlay)}.focus-visible\:ring-tertiary.focus-visible{--sf-ring-color: var(--sf-outline-tertiary)}.focus-visible\:ring-tertiary:focus-visible{--sf-ring-color: var(--sf-outline-tertiary)}.focus-visible\:ring-tertiary-container.focus-visible{--sf-ring-color: var(--sf-tertiary-container)}.focus-visible\:ring-tertiary-container:focus-visible{--sf-ring-color: var(--sf-tertiary-container)}.focus-visible\:ring-tertiary-transparent-overlay.focus-visible{--sf-ring-color: var(--sf-tertiary-transparent-overlay)}.focus-visible\:ring-tertiary-transparent-overlay:focus-visible{--sf-ring-color: var(--sf-tertiary-transparent-overlay)}.focus-visible\:ring-error.focus-visible{--sf-ring-color: var(--sf-outline-error)}.focus-visible\:ring-error:focus-visible{--sf-ring-color: var(--sf-outline-error)}.focus-visible\:ring-error-container.focus-visible{--sf-ring-color: var(--sf-error-container)}.focus-visible\:ring-error-container:focus-visible{--sf-ring-color: var(--sf-error-container)}.focus-visible\:ring-error-transparent-overlay.focus-visible{--sf-ring-color: var(--sf-error-transparent-overlay)}.focus-visible\:ring-error-transparent-overlay:focus-visible{--sf-ring-color: var(--sf-error-transparent-overlay)}.focus-visible\:ring-warning.focus-visible{--sf-ring-color: var(--sf-outline-warning)}.focus-visible\:ring-warning:focus-visible{--sf-ring-color: var(--sf-outline-warning)}.focus-visible\:ring-warning-container.focus-visible{--sf-ring-color: var(--sf-warning-container)}.focus-visible\:ring-warning-container:focus-visible{--sf-ring-color: var(--sf-warning-container)}.focus-visible\:ring-warning-transparent-overlay.focus-visible{--sf-ring-color: var(--sf-warning-transparent-overlay)}.focus-visible\:ring-warning-transparent-overlay:focus-visible{--sf-ring-color: var(--sf-warning-transparent-overlay)}.focus-visible\:ring-success.focus-visible{--sf-ring-color: var(--sf-outline-success)}.focus-visible\:ring-success:focus-visible{--sf-ring-color: var(--sf-outline-success)}.focus-visible\:ring-success-container.focus-visible{--sf-ring-color: var(--sf-success-container)}.focus-visible\:ring-success-container:focus-visible{--sf-ring-color: var(--sf-success-container)}.focus-visible\:ring-success-transparent-overlay.focus-visible{--sf-ring-color: var(--sf-success-transparent-overlay)}.focus-visible\:ring-success-transparent-overlay:focus-visible{--sf-ring-color: var(--sf-success-transparent-overlay)}.focus-visible\:ring-info.focus-visible{--sf-ring-color: var(--sf-outline-info)}.focus-visible\:ring-info:focus-visible{--sf-ring-color: var(--sf-outline-info)}.focus-visible\:ring-info-container.focus-visible{--sf-ring-color: var(--sf-info-container)}.focus-visible\:ring-info-container:focus-visible{--sf-ring-color: var(--sf-info-container)}}

package/distr/utility/ring-color/focus-visible/js/focus-visible.js ADDED Viewed

File without changes

package/distr/utility/ring-color/hover/css/hover.min.css ADDED Viewed

@@ -0,0 +1 @@

+ @layer sf.utilities{.hover\:ring-transparent:hover{--sf-ring-color: var(--sf-transparent)}.hover\:ring-current:hover{--sf-ring-color: var(--sf-current)}.hover\:ring-outline:hover{--sf-ring-color: var(--sf-outline)}.hover\:ring-outline-variant:hover{--sf-ring-color: var(--sf-outline-variant)}.hover\:ring-surface:hover{--sf-ring-color: var(--sf-surface-1)}.hover\:ring-surface-0:hover{--sf-ring-color: var(--sf-surface-0)}.hover\:ring-surface-1:hover{--sf-ring-color: var(--sf-surface-1)}.hover\:ring-surface-container:hover{--sf-ring-color: var(--sf-surface-container)}.hover\:ring-surface-overlay:hover{--sf-ring-color: var(--sf-surface-overlay)}.hover\:ring-surface-transparent-overlay:hover{--sf-ring-color: var(--sf-surface-transparent-overlay)}.hover\:ring-surface-inverse:hover{--sf-ring-color: var(--sf-surface-inverse)}.hover\:ring-on-surface:hover{--sf-ring-color: var(--sf-on-surface)}.hover\:ring-on-surface-variant:hover{--sf-ring-color: var(--sf-on-surface-variant)}.hover\:ring-primary:hover{--sf-ring-color: var(--sf-outline-primary)}.hover\:ring-primary-container:hover{--sf-ring-color: var(--sf-primary-container)}.hover\:ring-primary-transparent-overlay:hover{--sf-ring-color: var(--sf-primary-transparent-overlay)}.hover\:ring-secondary:hover{--sf-ring-color: var(--sf-outline-secondary)}.hover\:ring-secondary-container:hover{--sf-ring-color: var(--sf-secondary-container)}.hover\:ring-secondary-transparent-overlay:hover{--sf-ring-color: var(--sf-secondary-transparent-overlay)}.hover\:ring-tertiary:hover{--sf-ring-color: var(--sf-outline-tertiary)}.hover\:ring-tertiary-container:hover{--sf-ring-color: var(--sf-tertiary-container)}.hover\:ring-tertiary-transparent-overlay:hover{--sf-ring-color: var(--sf-tertiary-transparent-overlay)}.hover\:ring-error:hover{--sf-ring-color: var(--sf-outline-error)}.hover\:ring-error-container:hover{--sf-ring-color: var(--sf-error-container)}.hover\:ring-error-transparent-overlay:hover{--sf-ring-color: var(--sf-error-transparent-overlay)}.hover\:ring-warning:hover{--sf-ring-color: var(--sf-outline-warning)}.hover\:ring-warning-container:hover{--sf-ring-color: var(--sf-warning-container)}.hover\:ring-warning-transparent-overlay:hover{--sf-ring-color: var(--sf-warning-transparent-overlay)}.hover\:ring-success:hover{--sf-ring-color: var(--sf-outline-success)}.hover\:ring-success-container:hover{--sf-ring-color: var(--sf-success-container)}.hover\:ring-success-transparent-overlay:hover{--sf-ring-color: var(--sf-success-transparent-overlay)}.hover\:ring-info:hover{--sf-ring-color: var(--sf-outline-info)}.hover\:ring-info-container:hover{--sf-ring-color: var(--sf-info-container)}}

package/distr/utility/ring-color/hover/js/hover.js ADDED Viewed

File without changes

package/distr/utility/ring-inset/default/css/default.min.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ @layer sf.utilities{.ring-inset{--sf-ring-inset: inset}}

package/distr/utility/ring-inset/default/js/default.js ADDED Viewed

File without changes

package/distr/utility/ring-inset/focus/css/focus.min.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ @layer sf.utilities{.focus\:ring-inset:focus{--sf-ring-inset: inset}}

package/distr/utility/ring-inset/focus/js/focus.js ADDED Viewed

File without changes

package/distr/utility/ring-inset/focus-visible/css/focus-visible.min.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ @layer sf.utilities{.focus-visible\:ring-inset.focus-visible{--sf-ring-inset: inset}.focus-visible\:ring-inset:focus-visible{--sf-ring-inset: inset}}

package/distr/utility/ring-inset/focus-visible/js/focus-visible.js ADDED Viewed

File without changes

package/distr/utility/ring-inset/hover/css/hover.min.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ @layer sf.utilities{.hover\:ring-inset:hover{--sf-ring-inset: inset}}

package/distr/utility/ring-inset/hover/js/hover.js ADDED Viewed

File without changes

package/distr/utility/ring-offset-color/default/css/default.min.css ADDED Viewed

@@ -0,0 +1 @@

+ @layer sf.utilities{.ring-offset-transparent{--sf-ring-offset-color: var(--sf-transparent)}.ring-offset-current{--sf-ring-offset-color: var(--sf-current)}.ring-offset-outline{--sf-ring-offset-color: var(--sf-outline)}.ring-offset-outline-variant{--sf-ring-offset-color: var(--sf-outline-variant)}.ring-offset-surface{--sf-ring-offset-color: var(--sf-surface-1)}.ring-offset-surface-0{--sf-ring-offset-color: var(--sf-surface-0)}.ring-offset-surface-1{--sf-ring-offset-color: var(--sf-surface-1)}.ring-offset-surface-container{--sf-ring-offset-color: var(--sf-surface-container)}.ring-offset-surface-overlay{--sf-ring-offset-color: var(--sf-surface-overlay)}.ring-offset-surface-transparent-overlay{--sf-ring-offset-color: var(--sf-surface-transparent-overlay)}.ring-offset-surface-inverse{--sf-ring-offset-color: var(--sf-surface-inverse)}.ring-offset-on-surface{--sf-ring-offset-color: var(--sf-on-surface)}.ring-offset-on-surface-variant{--sf-ring-offset-color: var(--sf-on-surface-variant)}.ring-offset-primary{--sf-ring-offset-color: var(--sf-outline-primary)}.ring-offset-primary-container{--sf-ring-offset-color: var(--sf-primary-container)}.ring-offset-primary-transparent-overlay{--sf-ring-offset-color: var(--sf-primary-transparent-overlay)}.ring-offset-secondary{--sf-ring-offset-color: var(--sf-outline-secondary)}.ring-offset-secondary-container{--sf-ring-offset-color: var(--sf-secondary-container)}.ring-offset-secondary-transparent-overlay{--sf-ring-offset-color: var(--sf-secondary-transparent-overlay)}.ring-offset-tertiary{--sf-ring-offset-color: var(--sf-outline-tertiary)}.ring-offset-tertiary-container{--sf-ring-offset-color: var(--sf-tertiary-container)}.ring-offset-tertiary-transparent-overlay{--sf-ring-offset-color: var(--sf-tertiary-transparent-overlay)}.ring-offset-error{--sf-ring-offset-color: var(--sf-outline-error)}.ring-offset-error-container{--sf-ring-offset-color: var(--sf-error-container)}.ring-offset-error-transparent-overlay{--sf-ring-offset-color: var(--sf-error-transparent-overlay)}.ring-offset-warning{--sf-ring-offset-color: var(--sf-outline-warning)}.ring-offset-warning-container{--sf-ring-offset-color: var(--sf-warning-container)}.ring-offset-warning-transparent-overlay{--sf-ring-offset-color: var(--sf-warning-transparent-overlay)}.ring-offset-success{--sf-ring-offset-color: var(--sf-outline-success)}.ring-offset-success-container{--sf-ring-offset-color: var(--sf-success-container)}.ring-offset-success-transparent-overlay{--sf-ring-offset-color: var(--sf-success-transparent-overlay)}.ring-offset-info{--sf-ring-offset-color: var(--sf-outline-info)}.ring-offset-info-container{--sf-ring-offset-color: var(--sf-info-container)}}

package/distr/utility/ring-offset-color/default/js/default.js ADDED Viewed

File without changes

package/distr/utility/ring-offset-color/focus/css/focus.min.css ADDED Viewed

@@ -0,0 +1 @@

+ @layer sf.utilities{.focus\:ring-offset-transparent:focus{--sf-ring-offset-color: var(--sf-transparent)}.focus\:ring-offset-current:focus{--sf-ring-offset-color: var(--sf-current)}.focus\:ring-offset-outline:focus{--sf-ring-offset-color: var(--sf-outline)}.focus\:ring-offset-outline-variant:focus{--sf-ring-offset-color: var(--sf-outline-variant)}.focus\:ring-offset-surface:focus{--sf-ring-offset-color: var(--sf-surface-1)}.focus\:ring-offset-surface-0:focus{--sf-ring-offset-color: var(--sf-surface-0)}.focus\:ring-offset-surface-1:focus{--sf-ring-offset-color: var(--sf-surface-1)}.focus\:ring-offset-surface-container:focus{--sf-ring-offset-color: var(--sf-surface-container)}.focus\:ring-offset-surface-overlay:focus{--sf-ring-offset-color: var(--sf-surface-overlay)}.focus\:ring-offset-surface-transparent-overlay:focus{--sf-ring-offset-color: var(--sf-surface-transparent-overlay)}.focus\:ring-offset-surface-inverse:focus{--sf-ring-offset-color: var(--sf-surface-inverse)}.focus\:ring-offset-on-surface:focus{--sf-ring-offset-color: var(--sf-on-surface)}.focus\:ring-offset-on-surface-variant:focus{--sf-ring-offset-color: var(--sf-on-surface-variant)}.focus\:ring-offset-primary:focus{--sf-ring-offset-color: var(--sf-outline-primary)}.focus\:ring-offset-primary-container:focus{--sf-ring-offset-color: var(--sf-primary-container)}.focus\:ring-offset-primary-transparent-overlay:focus{--sf-ring-offset-color: var(--sf-primary-transparent-overlay)}.focus\:ring-offset-secondary:focus{--sf-ring-offset-color: var(--sf-outline-secondary)}.focus\:ring-offset-secondary-container:focus{--sf-ring-offset-color: var(--sf-secondary-container)}.focus\:ring-offset-secondary-transparent-overlay:focus{--sf-ring-offset-color: var(--sf-secondary-transparent-overlay)}.focus\:ring-offset-tertiary:focus{--sf-ring-offset-color: var(--sf-outline-tertiary)}.focus\:ring-offset-tertiary-container:focus{--sf-ring-offset-color: var(--sf-tertiary-container)}.focus\:ring-offset-tertiary-transparent-overlay:focus{--sf-ring-offset-color: var(--sf-tertiary-transparent-overlay)}.focus\:ring-offset-error:focus{--sf-ring-offset-color: var(--sf-outline-error)}.focus\:ring-offset-error-container:focus{--sf-ring-offset-color: var(--sf-error-container)}.focus\:ring-offset-error-transparent-overlay:focus{--sf-ring-offset-color: var(--sf-error-transparent-overlay)}.focus\:ring-offset-warning:focus{--sf-ring-offset-color: var(--sf-outline-warning)}.focus\:ring-offset-warning-container:focus{--sf-ring-offset-color: var(--sf-warning-container)}.focus\:ring-offset-warning-transparent-overlay:focus{--sf-ring-offset-color: var(--sf-warning-transparent-overlay)}.focus\:ring-offset-success:focus{--sf-ring-offset-color: var(--sf-outline-success)}.focus\:ring-offset-success-container:focus{--sf-ring-offset-color: var(--sf-success-container)}.focus\:ring-offset-success-transparent-overlay:focus{--sf-ring-offset-color: var(--sf-success-transparent-overlay)}.focus\:ring-offset-info:focus{--sf-ring-offset-color: var(--sf-outline-info)}.focus\:ring-offset-info-container:focus{--sf-ring-offset-color: var(--sf-info-container)}}

package/distr/utility/ring-offset-color/focus/js/focus.js ADDED Viewed

File without changes

package/distr/utility/ring-offset-color/focus-visible/css/focus-visible.min.css ADDED Viewed

@@ -0,0 +1 @@

+ @layer sf.utilities{.focus-visible\:ring-offset-transparent.focus-visible{--sf-ring-offset-color: var(--sf-transparent)}.focus-visible\:ring-offset-transparent:focus-visible{--sf-ring-offset-color: var(--sf-transparent)}.focus-visible\:ring-offset-current.focus-visible{--sf-ring-offset-color: var(--sf-current)}.focus-visible\:ring-offset-current:focus-visible{--sf-ring-offset-color: var(--sf-current)}.focus-visible\:ring-offset-outline.focus-visible{--sf-ring-offset-color: var(--sf-outline)}.focus-visible\:ring-offset-outline:focus-visible{--sf-ring-offset-color: var(--sf-outline)}.focus-visible\:ring-offset-outline-variant.focus-visible{--sf-ring-offset-color: var(--sf-outline-variant)}.focus-visible\:ring-offset-outline-variant:focus-visible{--sf-ring-offset-color: var(--sf-outline-variant)}.focus-visible\:ring-offset-surface.focus-visible{--sf-ring-offset-color: var(--sf-surface-1)}.focus-visible\:ring-offset-surface:focus-visible{--sf-ring-offset-color: var(--sf-surface-1)}.focus-visible\:ring-offset-surface-0.focus-visible{--sf-ring-offset-color: var(--sf-surface-0)}.focus-visible\:ring-offset-surface-0:focus-visible{--sf-ring-offset-color: var(--sf-surface-0)}.focus-visible\:ring-offset-surface-1.focus-visible{--sf-ring-offset-color: var(--sf-surface-1)}.focus-visible\:ring-offset-surface-1:focus-visible{--sf-ring-offset-color: var(--sf-surface-1)}.focus-visible\:ring-offset-surface-container.focus-visible{--sf-ring-offset-color: var(--sf-surface-container)}.focus-visible\:ring-offset-surface-container:focus-visible{--sf-ring-offset-color: var(--sf-surface-container)}.focus-visible\:ring-offset-surface-overlay.focus-visible{--sf-ring-offset-color: var(--sf-surface-overlay)}.focus-visible\:ring-offset-surface-overlay:focus-visible{--sf-ring-offset-color: var(--sf-surface-overlay)}.focus-visible\:ring-offset-surface-transparent-overlay.focus-visible{--sf-ring-offset-color: var(--sf-surface-transparent-overlay)}.focus-visible\:ring-offset-surface-transparent-overlay:focus-visible{--sf-ring-offset-color: var(--sf-surface-transparent-overlay)}.focus-visible\:ring-offset-surface-inverse.focus-visible{--sf-ring-offset-color: var(--sf-surface-inverse)}.focus-visible\:ring-offset-surface-inverse:focus-visible{--sf-ring-offset-color: var(--sf-surface-inverse)}.focus-visible\:ring-offset-on-surface.focus-visible{--sf-ring-offset-color: var(--sf-on-surface)}.focus-visible\:ring-offset-on-surface:focus-visible{--sf-ring-offset-color: var(--sf-on-surface)}.focus-visible\:ring-offset-on-surface-variant.focus-visible{--sf-ring-offset-color: var(--sf-on-surface-variant)}.focus-visible\:ring-offset-on-surface-variant:focus-visible{--sf-ring-offset-color: var(--sf-on-surface-variant)}.focus-visible\:ring-offset-primary.focus-visible{--sf-ring-offset-color: var(--sf-outline-primary)}.focus-visible\:ring-offset-primary:focus-visible{--sf-ring-offset-color: var(--sf-outline-primary)}.focus-visible\:ring-offset-primary-container.focus-visible{--sf-ring-offset-color: var(--sf-primary-container)}.focus-visible\:ring-offset-primary-container:focus-visible{--sf-ring-offset-color: var(--sf-primary-container)}.focus-visible\:ring-offset-primary-transparent-overlay.focus-visible{--sf-ring-offset-color: var(--sf-primary-transparent-overlay)}.focus-visible\:ring-offset-primary-transparent-overlay:focus-visible{--sf-ring-offset-color: var(--sf-primary-transparent-overlay)}.focus-visible\:ring-offset-secondary.focus-visible{--sf-ring-offset-color: var(--sf-outline-secondary)}.focus-visible\:ring-offset-secondary:focus-visible{--sf-ring-offset-color: var(--sf-outline-secondary)}.focus-visible\:ring-offset-secondary-container.focus-visible{--sf-ring-offset-color: var(--sf-secondary-container)}.focus-visible\:ring-offset-secondary-container:focus-visible{--sf-ring-offset-color: var(--sf-secondary-container)}.focus-visible\:ring-offset-secondary-transparent-overlay.focus-visible{--sf-ring-offset-color: var(--sf-secondary-transparent-overlay)}.focus-visible\:ring-offset-secondary-transparent-overlay:focus-visible{--sf-ring-offset-color: var(--sf-secondary-transparent-overlay)}.focus-visible\:ring-offset-tertiary.focus-visible{--sf-ring-offset-color: var(--sf-outline-tertiary)}.focus-visible\:ring-offset-tertiary:focus-visible{--sf-ring-offset-color: var(--sf-outline-tertiary)}.focus-visible\:ring-offset-tertiary-container.focus-visible{--sf-ring-offset-color: var(--sf-tertiary-container)}.focus-visible\:ring-offset-tertiary-container:focus-visible{--sf-ring-offset-color: var(--sf-tertiary-container)}.focus-visible\:ring-offset-tertiary-transparent-overlay.focus-visible{--sf-ring-offset-color: var(--sf-tertiary-transparent-overlay)}.focus-visible\:ring-offset-tertiary-transparent-overlay:focus-visible{--sf-ring-offset-color: var(--sf-tertiary-transparent-overlay)}.focus-visible\:ring-offset-error.focus-visible{--sf-ring-offset-color: var(--sf-outline-error)}.focus-visible\:ring-offset-error:focus-visible{--sf-ring-offset-color: var(--sf-outline-error)}.focus-visible\:ring-offset-error-container.focus-visible{--sf-ring-offset-color: var(--sf-error-container)}.focus-visible\:ring-offset-error-container:focus-visible{--sf-ring-offset-color: var(--sf-error-container)}.focus-visible\:ring-offset-error-transparent-overlay.focus-visible{--sf-ring-offset-color: var(--sf-error-transparent-overlay)}.focus-visible\:ring-offset-error-transparent-overlay:focus-visible{--sf-ring-offset-color: var(--sf-error-transparent-overlay)}.focus-visible\:ring-offset-warning.focus-visible{--sf-ring-offset-color: var(--sf-outline-warning)}.focus-visible\:ring-offset-warning:focus-visible{--sf-ring-offset-color: var(--sf-outline-warning)}.focus-visible\:ring-offset-warning-container.focus-visible{--sf-ring-offset-color: var(--sf-warning-container)}.focus-visible\:ring-offset-warning-container:focus-visible{--sf-ring-offset-color: var(--sf-warning-container)}.focus-visible\:ring-offset-warning-transparent-overlay.focus-visible{--sf-ring-offset-color: var(--sf-warning-transparent-overlay)}.focus-visible\:ring-offset-warning-transparent-overlay:focus-visible{--sf-ring-offset-color: var(--sf-warning-transparent-overlay)}.focus-visible\:ring-offset-success.focus-visible{--sf-ring-offset-color: var(--sf-outline-success)}.focus-visible\:ring-offset-success:focus-visible{--sf-ring-offset-color: var(--sf-outline-success)}.focus-visible\:ring-offset-success-container.focus-visible{--sf-ring-offset-color: var(--sf-success-container)}.focus-visible\:ring-offset-success-container:focus-visible{--sf-ring-offset-color: var(--sf-success-container)}.focus-visible\:ring-offset-success-transparent-overlay.focus-visible{--sf-ring-offset-color: var(--sf-success-transparent-overlay)}.focus-visible\:ring-offset-success-transparent-overlay:focus-visible{--sf-ring-offset-color: var(--sf-success-transparent-overlay)}.focus-visible\:ring-offset-info.focus-visible{--sf-ring-offset-color: var(--sf-outline-info)}.focus-visible\:ring-offset-info:focus-visible{--sf-ring-offset-color: var(--sf-outline-info)}.focus-visible\:ring-offset-info-container.focus-visible{--sf-ring-offset-color: var(--sf-info-container)}.focus-visible\:ring-offset-info-container:focus-visible{--sf-ring-offset-color: var(--sf-info-container)}}

package/distr/utility/ring-offset-color/focus-visible/js/focus-visible.js ADDED Viewed

File without changes

package/distr/utility/ring-offset-color/hover/css/hover.min.css ADDED Viewed

@@ -0,0 +1 @@

+ @layer sf.utilities{.hover\:ring-offset-transparent:hover{--sf-ring-offset-color: var(--sf-transparent)}.hover\:ring-offset-current:hover{--sf-ring-offset-color: var(--sf-current)}.hover\:ring-offset-outline:hover{--sf-ring-offset-color: var(--sf-outline)}.hover\:ring-offset-outline-variant:hover{--sf-ring-offset-color: var(--sf-outline-variant)}.hover\:ring-offset-surface:hover{--sf-ring-offset-color: var(--sf-surface-1)}.hover\:ring-offset-surface-0:hover{--sf-ring-offset-color: var(--sf-surface-0)}.hover\:ring-offset-surface-1:hover{--sf-ring-offset-color: var(--sf-surface-1)}.hover\:ring-offset-surface-container:hover{--sf-ring-offset-color: var(--sf-surface-container)}.hover\:ring-offset-surface-overlay:hover{--sf-ring-offset-color: var(--sf-surface-overlay)}.hover\:ring-offset-surface-transparent-overlay:hover{--sf-ring-offset-color: var(--sf-surface-transparent-overlay)}.hover\:ring-offset-surface-inverse:hover{--sf-ring-offset-color: var(--sf-surface-inverse)}.hover\:ring-offset-on-surface:hover{--sf-ring-offset-color: var(--sf-on-surface)}.hover\:ring-offset-on-surface-variant:hover{--sf-ring-offset-color: var(--sf-on-surface-variant)}.hover\:ring-offset-primary:hover{--sf-ring-offset-color: var(--sf-outline-primary)}.hover\:ring-offset-primary-container:hover{--sf-ring-offset-color: var(--sf-primary-container)}.hover\:ring-offset-primary-transparent-overlay:hover{--sf-ring-offset-color: var(--sf-primary-transparent-overlay)}.hover\:ring-offset-secondary:hover{--sf-ring-offset-color: var(--sf-outline-secondary)}.hover\:ring-offset-secondary-container:hover{--sf-ring-offset-color: var(--sf-secondary-container)}.hover\:ring-offset-secondary-transparent-overlay:hover{--sf-ring-offset-color: var(--sf-secondary-transparent-overlay)}.hover\:ring-offset-tertiary:hover{--sf-ring-offset-color: var(--sf-outline-tertiary)}.hover\:ring-offset-tertiary-container:hover{--sf-ring-offset-color: var(--sf-tertiary-container)}.hover\:ring-offset-tertiary-transparent-overlay:hover{--sf-ring-offset-color: var(--sf-tertiary-transparent-overlay)}.hover\:ring-offset-error:hover{--sf-ring-offset-color: var(--sf-outline-error)}.hover\:ring-offset-error-container:hover{--sf-ring-offset-color: var(--sf-error-container)}.hover\:ring-offset-error-transparent-overlay:hover{--sf-ring-offset-color: var(--sf-error-transparent-overlay)}.hover\:ring-offset-warning:hover{--sf-ring-offset-color: var(--sf-outline-warning)}.hover\:ring-offset-warning-container:hover{--sf-ring-offset-color: var(--sf-warning-container)}.hover\:ring-offset-warning-transparent-overlay:hover{--sf-ring-offset-color: var(--sf-warning-transparent-overlay)}.hover\:ring-offset-success:hover{--sf-ring-offset-color: var(--sf-outline-success)}.hover\:ring-offset-success-container:hover{--sf-ring-offset-color: var(--sf-success-container)}.hover\:ring-offset-success-transparent-overlay:hover{--sf-ring-offset-color: var(--sf-success-transparent-overlay)}.hover\:ring-offset-info:hover{--sf-ring-offset-color: var(--sf-outline-info)}.hover\:ring-offset-info-container:hover{--sf-ring-offset-color: var(--sf-info-container)}}

package/distr/utility/ring-offset-color/hover/js/hover.js ADDED Viewed

File without changes

package/distr/utility/ring-offset-width/default/css/default.min.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ @layer sf.utilities{.ring-offset-1{--sf-ring-offset-width: var(--sf-a1)}.ring-offset-2{--sf-ring-offset-width: var(--sf-a2)}.ring-offset-3{--sf-ring-offset-width: var(--sf-a3)}.ring-offset-4{--sf-ring-offset-width: var(--sf-a4)}.ring-offset-0{--sf-ring-offset-width: var(--sf-0)}}

package/distr/utility/ring-offset-width/default/js/default.js ADDED Viewed

File without changes

package/distr/utility/ring-offset-width/focus/css/focus.min.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ @layer sf.utilities{.focus\:ring-offset-1:focus{--sf-ring-offset-width: var(--sf-a1)}.focus\:ring-offset-2:focus{--sf-ring-offset-width: var(--sf-a2)}.focus\:ring-offset-3:focus{--sf-ring-offset-width: var(--sf-a3)}.focus\:ring-offset-4:focus{--sf-ring-offset-width: var(--sf-a4)}.focus\:ring-offset-0:focus{--sf-ring-offset-width: var(--sf-0)}}

package/distr/utility/ring-offset-width/focus/js/focus.js ADDED Viewed

File without changes

package/distr/utility/ring-offset-width/focus-visible/css/focus-visible.min.css ADDED Viewed

@@ -0,0 +1 @@

+ @layer sf.utilities{.focus-visible\:ring-offset-1.focus-visible{--sf-ring-offset-width: var(--sf-a1)}.focus-visible\:ring-offset-1:focus-visible{--sf-ring-offset-width: var(--sf-a1)}.focus-visible\:ring-offset-2.focus-visible{--sf-ring-offset-width: var(--sf-a2)}.focus-visible\:ring-offset-2:focus-visible{--sf-ring-offset-width: var(--sf-a2)}.focus-visible\:ring-offset-3.focus-visible{--sf-ring-offset-width: var(--sf-a3)}.focus-visible\:ring-offset-3:focus-visible{--sf-ring-offset-width: var(--sf-a3)}.focus-visible\:ring-offset-4.focus-visible{--sf-ring-offset-width: var(--sf-a4)}.focus-visible\:ring-offset-4:focus-visible{--sf-ring-offset-width: var(--sf-a4)}.focus-visible\:ring-offset-0.focus-visible{--sf-ring-offset-width: var(--sf-0)}.focus-visible\:ring-offset-0:focus-visible{--sf-ring-offset-width: var(--sf-0)}}

package/distr/utility/ring-offset-width/focus-visible/js/focus-visible.js ADDED Viewed

File without changes

package/distr/utility/ring-offset-width/hover/css/hover.min.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ @layer sf.utilities{.hover\:ring-offset-1:hover{--sf-ring-offset-width: var(--sf-a1)}.hover\:ring-offset-2:hover{--sf-ring-offset-width: var(--sf-a2)}.hover\:ring-offset-3:hover{--sf-ring-offset-width: var(--sf-a3)}.hover\:ring-offset-4:hover{--sf-ring-offset-width: var(--sf-a4)}.hover\:ring-offset-0:hover{--sf-ring-offset-width: var(--sf-0)}}

package/distr/utility/ring-offset-width/hover/js/hover.js ADDED Viewed

File without changes

package/distr/utility/ring-opacity/default/css/default.min.css ADDED Viewed

@@ -0,0 +1 @@

+ @layer sf.utilities{.ring-opacity-1{--sf-ring--alfa: var(--sf-opacity-10, 0.1)}.ring-opacity-2{--sf-ring--alfa: var(--sf-opacity-20, 0.2)}.ring-opacity-3{--sf-ring--alfa: var(--sf-opacity-30, 0.3)}.ring-opacity-4{--sf-ring--alfa: var(--sf-opacity-40, 0.4)}.ring-opacity-5{--sf-ring--alfa: var(--sf-opacity-50, 0.5)}.ring-opacity-6{--sf-ring--alfa: var(--sf-opacity-60, 0.6)}.ring-opacity-7{--sf-ring--alfa: var(--sf-opacity-70, 0.7)}.ring-opacity-8{--sf-ring--alfa: var(--sf-opacity-80, 0.8)}.ring-opacity-9{--sf-ring--alfa: var(--sf-opacity-90, 0.9)}.ring-opacity-full{--sf-ring--alfa: 1}.ring-opacity-0{--sf-ring--alfa: 0}}

package/distr/utility/ring-opacity/default/js/default.js ADDED Viewed

File without changes

package/distr/utility/ring-opacity/focus/css/focus.min.css ADDED Viewed

@@ -0,0 +1 @@

+ @layer sf.utilities{.focus\:ring-opacity-1:focus{--sf-ring--alfa: var(--sf-opacity-10, 0.1)}.focus\:ring-opacity-2:focus{--sf-ring--alfa: var(--sf-opacity-20, 0.2)}.focus\:ring-opacity-3:focus{--sf-ring--alfa: var(--sf-opacity-30, 0.3)}.focus\:ring-opacity-4:focus{--sf-ring--alfa: var(--sf-opacity-40, 0.4)}.focus\:ring-opacity-5:focus{--sf-ring--alfa: var(--sf-opacity-50, 0.5)}.focus\:ring-opacity-6:focus{--sf-ring--alfa: var(--sf-opacity-60, 0.6)}.focus\:ring-opacity-7:focus{--sf-ring--alfa: var(--sf-opacity-70, 0.7)}.focus\:ring-opacity-8:focus{--sf-ring--alfa: var(--sf-opacity-80, 0.8)}.focus\:ring-opacity-9:focus{--sf-ring--alfa: var(--sf-opacity-90, 0.9)}.focus\:ring-opacity-full:focus{--sf-ring--alfa: 1}.focus\:ring-opacity-0:focus{--sf-ring--alfa: 0}}

package/distr/utility/ring-opacity/focus/js/focus.js ADDED Viewed

File without changes

package/distr/utility/ring-opacity/focus-visible/css/focus-visible.min.css ADDED Viewed

@@ -0,0 +1 @@

+ @layer sf.utilities{.focus-visible\:ring-opacity-1.focus-visible{--sf-ring--alfa: var(--sf-opacity-10, 0.1)}.focus-visible\:ring-opacity-1:focus-visible{--sf-ring--alfa: var(--sf-opacity-10, 0.1)}.focus-visible\:ring-opacity-2.focus-visible{--sf-ring--alfa: var(--sf-opacity-20, 0.2)}.focus-visible\:ring-opacity-2:focus-visible{--sf-ring--alfa: var(--sf-opacity-20, 0.2)}.focus-visible\:ring-opacity-3.focus-visible{--sf-ring--alfa: var(--sf-opacity-30, 0.3)}.focus-visible\:ring-opacity-3:focus-visible{--sf-ring--alfa: var(--sf-opacity-30, 0.3)}.focus-visible\:ring-opacity-4.focus-visible{--sf-ring--alfa: var(--sf-opacity-40, 0.4)}.focus-visible\:ring-opacity-4:focus-visible{--sf-ring--alfa: var(--sf-opacity-40, 0.4)}.focus-visible\:ring-opacity-5.focus-visible{--sf-ring--alfa: var(--sf-opacity-50, 0.5)}.focus-visible\:ring-opacity-5:focus-visible{--sf-ring--alfa: var(--sf-opacity-50, 0.5)}.focus-visible\:ring-opacity-6.focus-visible{--sf-ring--alfa: var(--sf-opacity-60, 0.6)}.focus-visible\:ring-opacity-6:focus-visible{--sf-ring--alfa: var(--sf-opacity-60, 0.6)}.focus-visible\:ring-opacity-7.focus-visible{--sf-ring--alfa: var(--sf-opacity-70, 0.7)}.focus-visible\:ring-opacity-7:focus-visible{--sf-ring--alfa: var(--sf-opacity-70, 0.7)}.focus-visible\:ring-opacity-8.focus-visible{--sf-ring--alfa: var(--sf-opacity-80, 0.8)}.focus-visible\:ring-opacity-8:focus-visible{--sf-ring--alfa: var(--sf-opacity-80, 0.8)}.focus-visible\:ring-opacity-9.focus-visible{--sf-ring--alfa: var(--sf-opacity-90, 0.9)}.focus-visible\:ring-opacity-9:focus-visible{--sf-ring--alfa: var(--sf-opacity-90, 0.9)}.focus-visible\:ring-opacity-full.focus-visible{--sf-ring--alfa: 1}.focus-visible\:ring-opacity-full:focus-visible{--sf-ring--alfa: 1}.focus-visible\:ring-opacity-0.focus-visible{--sf-ring--alfa: 0}.focus-visible\:ring-opacity-0:focus-visible{--sf-ring--alfa: 0}}

package/distr/utility/ring-opacity/focus-visible/js/focus-visible.js ADDED Viewed

File without changes

package/distr/utility/ring-opacity/hover/css/hover.min.css ADDED Viewed

@@ -0,0 +1 @@

+ @layer sf.utilities{.hover\:ring-opacity-1:hover{--sf-ring--alfa: var(--sf-opacity-10, 0.1)}.hover\:ring-opacity-2:hover{--sf-ring--alfa: var(--sf-opacity-20, 0.2)}.hover\:ring-opacity-3:hover{--sf-ring--alfa: var(--sf-opacity-30, 0.3)}.hover\:ring-opacity-4:hover{--sf-ring--alfa: var(--sf-opacity-40, 0.4)}.hover\:ring-opacity-5:hover{--sf-ring--alfa: var(--sf-opacity-50, 0.5)}.hover\:ring-opacity-6:hover{--sf-ring--alfa: var(--sf-opacity-60, 0.6)}.hover\:ring-opacity-7:hover{--sf-ring--alfa: var(--sf-opacity-70, 0.7)}.hover\:ring-opacity-8:hover{--sf-ring--alfa: var(--sf-opacity-80, 0.8)}.hover\:ring-opacity-9:hover{--sf-ring--alfa: var(--sf-opacity-90, 0.9)}.hover\:ring-opacity-full:hover{--sf-ring--alfa: 1}.hover\:ring-opacity-0:hover{--sf-ring--alfa: 0}}

package/distr/utility/ring-opacity/hover/js/hover.js ADDED Viewed

File without changes

package/distr/utility/ring-width/default/css/default.min.css ADDED Viewed

@@ -0,0 +1 @@

+ @layer sf.utilities{.ring-1{--sf-ring-width: var(--sf-a1);box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + 0px) color-mix(in srgb, transparent, currentColor calc(1 * 100%)),0 0 0 0px transparent;box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + var(--sf-ring-offset-width, 0px)) color-mix(in srgb, transparent, var(--sf-ring-color, currentColor) calc(var(--sf-ring--alfa, 1) * 100%)),0 0 0 var(--sf-ring-offset-width, 0px) var(--sf-ring-offset-color, transparent)}.ring-2{--sf-ring-width: var(--sf-a2);box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + 0px) color-mix(in srgb, transparent, currentColor calc(1 * 100%)),0 0 0 0px transparent;box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + var(--sf-ring-offset-width, 0px)) color-mix(in srgb, transparent, var(--sf-ring-color, currentColor) calc(var(--sf-ring--alfa, 1) * 100%)),0 0 0 var(--sf-ring-offset-width, 0px) var(--sf-ring-offset-color, transparent)}.ring-3{--sf-ring-width: var(--sf-a3);box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + 0px) color-mix(in srgb, transparent, currentColor calc(1 * 100%)),0 0 0 0px transparent;box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + var(--sf-ring-offset-width, 0px)) color-mix(in srgb, transparent, var(--sf-ring-color, currentColor) calc(var(--sf-ring--alfa, 1) * 100%)),0 0 0 var(--sf-ring-offset-width, 0px) var(--sf-ring-offset-color, transparent)}.ring-4{--sf-ring-width: var(--sf-a4);box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + 0px) color-mix(in srgb, transparent, currentColor calc(1 * 100%)),0 0 0 0px transparent;box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + var(--sf-ring-offset-width, 0px)) color-mix(in srgb, transparent, var(--sf-ring-color, currentColor) calc(var(--sf-ring--alfa, 1) * 100%)),0 0 0 var(--sf-ring-offset-width, 0px) var(--sf-ring-offset-color, transparent)}.ring-0{--sf-ring-width: var(--sf-0);box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + 0px) color-mix(in srgb, transparent, currentColor calc(1 * 100%)),0 0 0 0px transparent;box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + var(--sf-ring-offset-width, 0px)) color-mix(in srgb, transparent, var(--sf-ring-color, currentColor) calc(var(--sf-ring--alfa, 1) * 100%)),0 0 0 var(--sf-ring-offset-width, 0px) var(--sf-ring-offset-color, transparent)}}

package/distr/utility/ring-width/default/js/default.js ADDED Viewed

File without changes

package/distr/utility/ring-width/focus/css/focus.min.css ADDED Viewed

@@ -0,0 +1 @@

+ @layer sf.utilities{.focus\:ring-1:focus{--sf-ring-width: var(--sf-a1);box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + 0px) color-mix(in srgb, transparent, currentColor calc(1 * 100%)),0 0 0 0px transparent;box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + var(--sf-ring-offset-width, 0px)) color-mix(in srgb, transparent, var(--sf-ring-color, currentColor) calc(var(--sf-ring--alfa, 1) * 100%)),0 0 0 var(--sf-ring-offset-width, 0px) var(--sf-ring-offset-color, transparent)}.focus\:ring-2:focus{--sf-ring-width: var(--sf-a2);box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + 0px) color-mix(in srgb, transparent, currentColor calc(1 * 100%)),0 0 0 0px transparent;box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + var(--sf-ring-offset-width, 0px)) color-mix(in srgb, transparent, var(--sf-ring-color, currentColor) calc(var(--sf-ring--alfa, 1) * 100%)),0 0 0 var(--sf-ring-offset-width, 0px) var(--sf-ring-offset-color, transparent)}.focus\:ring-3:focus{--sf-ring-width: var(--sf-a3);box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + 0px) color-mix(in srgb, transparent, currentColor calc(1 * 100%)),0 0 0 0px transparent;box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + var(--sf-ring-offset-width, 0px)) color-mix(in srgb, transparent, var(--sf-ring-color, currentColor) calc(var(--sf-ring--alfa, 1) * 100%)),0 0 0 var(--sf-ring-offset-width, 0px) var(--sf-ring-offset-color, transparent)}.focus\:ring-4:focus{--sf-ring-width: var(--sf-a4);box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + 0px) color-mix(in srgb, transparent, currentColor calc(1 * 100%)),0 0 0 0px transparent;box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + var(--sf-ring-offset-width, 0px)) color-mix(in srgb, transparent, var(--sf-ring-color, currentColor) calc(var(--sf-ring--alfa, 1) * 100%)),0 0 0 var(--sf-ring-offset-width, 0px) var(--sf-ring-offset-color, transparent)}.focus\:ring-0:focus{--sf-ring-width: var(--sf-0);box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + 0px) color-mix(in srgb, transparent, currentColor calc(1 * 100%)),0 0 0 0px transparent;box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + var(--sf-ring-offset-width, 0px)) color-mix(in srgb, transparent, var(--sf-ring-color, currentColor) calc(var(--sf-ring--alfa, 1) * 100%)),0 0 0 var(--sf-ring-offset-width, 0px) var(--sf-ring-offset-color, transparent)}}

package/distr/utility/ring-width/focus/js/focus.js ADDED Viewed

File without changes

package/distr/utility/ring-width/focus-visible/css/focus-visible.min.css ADDED Viewed

@@ -0,0 +1 @@

+ @layer sf.utilities{.focus-visible\:ring-1.focus-visible{--sf-ring-width: var(--sf-a1);box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + 0px) color-mix(in srgb, transparent, currentColor calc(1 * 100%)),0 0 0 0px transparent;box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + var(--sf-ring-offset-width, 0px)) color-mix(in srgb, transparent, var(--sf-ring-color, currentColor) calc(var(--sf-ring--alfa, 1) * 100%)),0 0 0 var(--sf-ring-offset-width, 0px) var(--sf-ring-offset-color, transparent)}.focus-visible\:ring-1.focus-visible{--sf-ring-width: var(--sf-a1);box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + 0px) color-mix(in srgb, transparent, currentColor calc(1 * 100%)),0 0 0 0px transparent;box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + 0px) color-mix(in srgb, transparent, currentColor calc(1 * 100%)),0 0 0 0px transparent;box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + var(--sf-ring-offset-width, 0px)) color-mix(in srgb, transparent, var(--sf-ring-color, currentColor) calc(var(--sf-ring--alfa, 1) * 100%)),0 0 0 var(--sf-ring-offset-width, 0px) var(--sf-ring-offset-color, transparent)}.focus-visible\:ring-1:focus-visible{--sf-ring-width: var(--sf-a1);box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + 0px) color-mix(in srgb, transparent, currentColor calc(1 * 100%)),0 0 0 0px transparent;box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + var(--sf-ring-offset-width, 0px)) color-mix(in srgb, transparent, var(--sf-ring-color, currentColor) calc(var(--sf-ring--alfa, 1) * 100%)),0 0 0 var(--sf-ring-offset-width, 0px) var(--sf-ring-offset-color, transparent)}.focus-visible\:ring-2.focus-visible{--sf-ring-width: var(--sf-a2);box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + 0px) color-mix(in srgb, transparent, currentColor calc(1 * 100%)),0 0 0 0px transparent;box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + var(--sf-ring-offset-width, 0px)) color-mix(in srgb, transparent, var(--sf-ring-color, currentColor) calc(var(--sf-ring--alfa, 1) * 100%)),0 0 0 var(--sf-ring-offset-width, 0px) var(--sf-ring-offset-color, transparent)}.focus-visible\:ring-2.focus-visible{--sf-ring-width: var(--sf-a2);box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + 0px) color-mix(in srgb, transparent, currentColor calc(1 * 100%)),0 0 0 0px transparent;box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + 0px) color-mix(in srgb, transparent, currentColor calc(1 * 100%)),0 0 0 0px transparent;box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + var(--sf-ring-offset-width, 0px)) color-mix(in srgb, transparent, var(--sf-ring-color, currentColor) calc(var(--sf-ring--alfa, 1) * 100%)),0 0 0 var(--sf-ring-offset-width, 0px) var(--sf-ring-offset-color, transparent)}.focus-visible\:ring-2:focus-visible{--sf-ring-width: var(--sf-a2);box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + 0px) color-mix(in srgb, transparent, currentColor calc(1 * 100%)),0 0 0 0px transparent;box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + var(--sf-ring-offset-width, 0px)) color-mix(in srgb, transparent, var(--sf-ring-color, currentColor) calc(var(--sf-ring--alfa, 1) * 100%)),0 0 0 var(--sf-ring-offset-width, 0px) var(--sf-ring-offset-color, transparent)}.focus-visible\:ring-3.focus-visible{--sf-ring-width: var(--sf-a3);box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + 0px) color-mix(in srgb, transparent, currentColor calc(1 * 100%)),0 0 0 0px transparent;box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + var(--sf-ring-offset-width, 0px)) color-mix(in srgb, transparent, var(--sf-ring-color, currentColor) calc(var(--sf-ring--alfa, 1) * 100%)),0 0 0 var(--sf-ring-offset-width, 0px) var(--sf-ring-offset-color, transparent)}.focus-visible\:ring-3.focus-visible{--sf-ring-width: var(--sf-a3);box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + 0px) color-mix(in srgb, transparent, currentColor calc(1 * 100%)),0 0 0 0px transparent;box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + 0px) color-mix(in srgb, transparent, currentColor calc(1 * 100%)),0 0 0 0px transparent;box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + var(--sf-ring-offset-width, 0px)) color-mix(in srgb, transparent, var(--sf-ring-color, currentColor) calc(var(--sf-ring--alfa, 1) * 100%)),0 0 0 var(--sf-ring-offset-width, 0px) var(--sf-ring-offset-color, transparent)}.focus-visible\:ring-3:focus-visible{--sf-ring-width: var(--sf-a3);box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + 0px) color-mix(in srgb, transparent, currentColor calc(1 * 100%)),0 0 0 0px transparent;box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + var(--sf-ring-offset-width, 0px)) color-mix(in srgb, transparent, var(--sf-ring-color, currentColor) calc(var(--sf-ring--alfa, 1) * 100%)),0 0 0 var(--sf-ring-offset-width, 0px) var(--sf-ring-offset-color, transparent)}.focus-visible\:ring-4.focus-visible{--sf-ring-width: var(--sf-a4);box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + 0px) color-mix(in srgb, transparent, currentColor calc(1 * 100%)),0 0 0 0px transparent;box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + var(--sf-ring-offset-width, 0px)) color-mix(in srgb, transparent, var(--sf-ring-color, currentColor) calc(var(--sf-ring--alfa, 1) * 100%)),0 0 0 var(--sf-ring-offset-width, 0px) var(--sf-ring-offset-color, transparent)}.focus-visible\:ring-4.focus-visible{--sf-ring-width: var(--sf-a4);box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + 0px) color-mix(in srgb, transparent, currentColor calc(1 * 100%)),0 0 0 0px transparent;box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + 0px) color-mix(in srgb, transparent, currentColor calc(1 * 100%)),0 0 0 0px transparent;box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + var(--sf-ring-offset-width, 0px)) color-mix(in srgb, transparent, var(--sf-ring-color, currentColor) calc(var(--sf-ring--alfa, 1) * 100%)),0 0 0 var(--sf-ring-offset-width, 0px) var(--sf-ring-offset-color, transparent)}.focus-visible\:ring-4:focus-visible{--sf-ring-width: var(--sf-a4);box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + 0px) color-mix(in srgb, transparent, currentColor calc(1 * 100%)),0 0 0 0px transparent;box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + var(--sf-ring-offset-width, 0px)) color-mix(in srgb, transparent, var(--sf-ring-color, currentColor) calc(var(--sf-ring--alfa, 1) * 100%)),0 0 0 var(--sf-ring-offset-width, 0px) var(--sf-ring-offset-color, transparent)}.focus-visible\:ring-0.focus-visible{--sf-ring-width: var(--sf-0);box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + 0px) color-mix(in srgb, transparent, currentColor calc(1 * 100%)),0 0 0 0px transparent;box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + var(--sf-ring-offset-width, 0px)) color-mix(in srgb, transparent, var(--sf-ring-color, currentColor) calc(var(--sf-ring--alfa, 1) * 100%)),0 0 0 var(--sf-ring-offset-width, 0px) var(--sf-ring-offset-color, transparent)}.focus-visible\:ring-0.focus-visible{--sf-ring-width: var(--sf-0);box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + 0px) color-mix(in srgb, transparent, currentColor calc(1 * 100%)),0 0 0 0px transparent;box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + 0px) color-mix(in srgb, transparent, currentColor calc(1 * 100%)),0 0 0 0px transparent;box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + var(--sf-ring-offset-width, 0px)) color-mix(in srgb, transparent, var(--sf-ring-color, currentColor) calc(var(--sf-ring--alfa, 1) * 100%)),0 0 0 var(--sf-ring-offset-width, 0px) var(--sf-ring-offset-color, transparent)}.focus-visible\:ring-0:focus-visible{--sf-ring-width: var(--sf-0);box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + 0px) color-mix(in srgb, transparent, currentColor calc(1 * 100%)),0 0 0 0px transparent;box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + var(--sf-ring-offset-width, 0px)) color-mix(in srgb, transparent, var(--sf-ring-color, currentColor) calc(var(--sf-ring--alfa, 1) * 100%)),0 0 0 var(--sf-ring-offset-width, 0px) var(--sf-ring-offset-color, transparent)}}

package/distr/utility/ring-width/focus-visible/js/focus-visible.js ADDED Viewed

File without changes

package/distr/utility/ring-width/hover/css/hover.min.css ADDED Viewed

@@ -0,0 +1 @@

+ @layer sf.utilities{.hover\:ring-1:hover{--sf-ring-width: var(--sf-a1);box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + 0px) color-mix(in srgb, transparent, currentColor calc(1 * 100%)),0 0 0 0px transparent;box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + var(--sf-ring-offset-width, 0px)) color-mix(in srgb, transparent, var(--sf-ring-color, currentColor) calc(var(--sf-ring--alfa, 1) * 100%)),0 0 0 var(--sf-ring-offset-width, 0px) var(--sf-ring-offset-color, transparent)}.hover\:ring-2:hover{--sf-ring-width: var(--sf-a2);box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + 0px) color-mix(in srgb, transparent, currentColor calc(1 * 100%)),0 0 0 0px transparent;box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + var(--sf-ring-offset-width, 0px)) color-mix(in srgb, transparent, var(--sf-ring-color, currentColor) calc(var(--sf-ring--alfa, 1) * 100%)),0 0 0 var(--sf-ring-offset-width, 0px) var(--sf-ring-offset-color, transparent)}.hover\:ring-3:hover{--sf-ring-width: var(--sf-a3);box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + 0px) color-mix(in srgb, transparent, currentColor calc(1 * 100%)),0 0 0 0px transparent;box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + var(--sf-ring-offset-width, 0px)) color-mix(in srgb, transparent, var(--sf-ring-color, currentColor) calc(var(--sf-ring--alfa, 1) * 100%)),0 0 0 var(--sf-ring-offset-width, 0px) var(--sf-ring-offset-color, transparent)}.hover\:ring-4:hover{--sf-ring-width: var(--sf-a4);box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + 0px) color-mix(in srgb, transparent, currentColor calc(1 * 100%)),0 0 0 0px transparent;box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + var(--sf-ring-offset-width, 0px)) color-mix(in srgb, transparent, var(--sf-ring-color, currentColor) calc(var(--sf-ring--alfa, 1) * 100%)),0 0 0 var(--sf-ring-offset-width, 0px) var(--sf-ring-offset-color, transparent)}.hover\:ring-0:hover{--sf-ring-width: var(--sf-0);box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + 0px) color-mix(in srgb, transparent, currentColor calc(1 * 100%)),0 0 0 0px transparent;box-shadow:var(--sf-ring-inset, ) 0 0 0 calc(var(--sf-ring-width) + var(--sf-ring-offset-width, 0px)) color-mix(in srgb, transparent, var(--sf-ring-color, currentColor) calc(var(--sf-ring--alfa, 1) * 100%)),0 0 0 var(--sf-ring-offset-width, 0px) var(--sf-ring-offset-color, transparent)}}

package/distr/utility/ring-width/hover/js/hover.js ADDED Viewed

File without changes

package/distr/utility/scroll-backdrop-color/default/css/default.min.css ADDED Viewed

@@ -0,0 +1 @@

+ @layer sf.utilities{.scroll-bg-transparent{--sf-scroll-bg-track: var(--sf-transparent)}.scroll-bg-current{--sf-scroll-bg-track: var(--sf-current)}.scroll-bg-surface{--sf-scroll-bg-track: var(--sf-surface-transparent-overlay)}.scroll-bg-primary{--sf-scroll-bg-track: var(--sf-primary-transparent-overlay)}.scroll-bg-secondary{--sf-scroll-bg-track: var(--sf-secondary-transparent-overlay)}.scroll-bg-tertiary{--sf-scroll-bg-track: var(--sf-tertiary-transparent-overlay)}.scroll-bg-error{--sf-scroll-bg-track: var(--sf-error-transparent-overlay)}.scroll-bg-warning{--sf-scroll-bg-track: var(--sf-warning-transparent-overlay)}.scroll-bg-success{--sf-scroll-bg-track: var(--sf-success-transparent-overlay)}}

package/distr/utility/scroll-backdrop-color/default/js/default.js ADDED Viewed

File without changes

package/distr/utility/scroll-backdrop-radius/default/css/default.min.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ @layer sf.utilities{.scroll-bg-radius-1{--sf-scroll-radius: var(--sf-a1)}.scroll-bg-radius-2{--sf-scroll-radius: var(--sf-a2)}.scroll-bg-radius-3{--sf-scroll-radius: var(--sf-a4)}.scroll-bg-radius-4{--sf-scroll-radius: var(--sf-a8)}}

package/distr/utility/scroll-backdrop-radius/default/js/default.js ADDED Viewed

File without changes

package/distr/utility/scroll-backdrop-width/default/css/default.min.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ @layer sf.utilities{.scroll-bg-1{--sf-scroll-bg-width: var(--sf-b0)}.scroll-bg-2{--sf-scroll-bg-width: var(--sf-b4)}.scroll-bg-3{--sf-scroll-bg-width: var(--sf-b8)}.scroll-bg-4{--sf-scroll-bg-width: var(--sf-c1)}}

package/distr/utility/scroll-backdrop-width/default/js/default.js ADDED Viewed

File without changes

package/distr/utility/scroll-behavior/default/css/default.min.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ @layer sf.utilities{.scroll-smooth{scroll-behavior:smooth}.scroll-auto{scroll-behavior:auto}}

package/distr/utility/scroll-behavior/default/js/default.js ADDED Viewed

File without changes

package/distr/utility/scroll-hover/default/css/default.min.css ADDED Viewed

@@ -0,0 +1 @@

+ @layer sf.utilities{.scroll-hover{scrollbar-width:none}.scroll-hover::-webkit-scrollbar{width:0;height:0}.scroll-hover:hover{scrollbar-width:thin;scrollbar-color:var(--sf-scroll-bg-thumb) var(--sf-transparent)}.scroll-hover:hover::-webkit-scrollbar{width:var(--sf-scroll-bg-width);height:var(--sf-scroll-bg-width)}.scroll-hover:hover::-webkit-scrollbar-thumb{height:var(--sf-scroll-thumb-width);height:var(--sf-scroll-thumb-size, var(--sf-scroll-thumb-width));border:var(--sf-scroll-thumb-inset) solid var(--sf-transparent);background-clip:padding-box;border-radius:var(--sf-scroll-radius);background-color:var(--sf-scroll-bg-thumb)}.scroll-hover:hover::-webkit-scrollbar-track{background-color:var(--sf-scroll-bg-track);border:var(--sf-scroll-thumb-inset) solid var(--sf-transparent);background-clip:padding-box;border-radius:var(--sf-scroll-radius)}.scroll-hover,.scroll-hover::-webkit-scrollbar,.scroll-hover::-webkit-scrollbar-thumb,.scroll-hover::-webkit-scrollbar-track{-webkit-transition:var(--sf-duration-normal) var(--sf-animation);transition:var(--sf-duration-normal) var(--sf-animation)}}

package/distr/utility/scroll-hover/default/js/default.js ADDED Viewed

File without changes

package/distr/utility/scroll-margin/default/css/default.min.css ADDED Viewed

@@ -0,0 +1 @@

+ @layer sf.utilities{.scroll-m-0{scroll-margin:var(--sf-space-0)}.scroll-mt-0{scroll-margin-top:var(--sf-space-0)}.scroll-m-inline-end-0{scroll-margin-inline-end:var(--sf-space-0)}.scroll-mb-0{scroll-margin-bottom:var(--sf-space-0)}.scroll-m-inline-start-0{scroll-margin-inline-start:var(--sf-space-0)}.scroll-m-inline-0{scroll-margin-inline-end:var(--sf-space-0);scroll-margin-inline-start:var(--sf-space-0)}.scroll-my-0{scroll-margin-top:var(--sf-space-0);scroll-margin-bottom:var(--sf-space-0)}.scroll-m-1\/4{scroll-margin:var(--sf-space-1\/4)}.scroll-mt-1\/4{scroll-margin-top:var(--sf-space-1\/4)}.scroll-m-inline-end-1\/4{scroll-margin-inline-end:var(--sf-space-1\/4)}.scroll-mb-1\/4{scroll-margin-bottom:var(--sf-space-1\/4)}.scroll-m-inline-start-1\/4{scroll-margin-inline-start:var(--sf-space-1\/4)}.scroll-m-inline-1\/4{scroll-margin-inline-end:var(--sf-space-1\/4);scroll-margin-inline-start:var(--sf-space-1\/4)}.scroll-my-1\/4{scroll-margin-top:var(--sf-space-1\/4);scroll-margin-bottom:var(--sf-space-1\/4)}.scroll-m-1\/3{scroll-margin:var(--sf-space-1\/3)}.scroll-mt-1\/3{scroll-margin-top:var(--sf-space-1\/3)}.scroll-m-inline-end-1\/3{scroll-margin-inline-end:var(--sf-space-1\/3)}.scroll-mb-1\/3{scroll-margin-bottom:var(--sf-space-1\/3)}.scroll-m-inline-start-1\/3{scroll-margin-inline-start:var(--sf-space-1\/3)}.scroll-m-inline-1\/3{scroll-margin-inline-end:var(--sf-space-1\/3);scroll-margin-inline-start:var(--sf-space-1\/3)}.scroll-my-1\/3{scroll-margin-top:var(--sf-space-1\/3);scroll-margin-bottom:var(--sf-space-1\/3)}.scroll-m-1\/2{scroll-margin:var(--sf-space-1\/2)}.scroll-mt-1\/2{scroll-margin-top:var(--sf-space-1\/2)}.scroll-m-inline-end-1\/2{scroll-margin-inline-end:var(--sf-space-1\/2)}.scroll-mb-1\/2{scroll-margin-bottom:var(--sf-space-1\/2)}.scroll-m-inline-start-1\/2{scroll-margin-inline-start:var(--sf-space-1\/2)}.scroll-m-inline-1\/2{scroll-margin-inline-end:var(--sf-space-1\/2);scroll-margin-inline-start:var(--sf-space-1\/2)}.scroll-my-1\/2{scroll-margin-top:var(--sf-space-1\/2);scroll-margin-bottom:var(--sf-space-1\/2)}.scroll-m-1{scroll-margin:var(--sf-space-1)}.scroll-mt-1{scroll-margin-top:var(--sf-space-1)}.scroll-m-inline-end-1{scroll-margin-inline-end:var(--sf-space-1)}.scroll-mb-1{scroll-margin-bottom:var(--sf-space-1)}.scroll-m-inline-start-1{scroll-margin-inline-start:var(--sf-space-1)}.scroll-m-inline-1{scroll-margin-inline-end:var(--sf-space-1);scroll-margin-inline-start:var(--sf-space-1)}.scroll-my-1{scroll-margin-top:var(--sf-space-1);scroll-margin-bottom:var(--sf-space-1)}.scroll-m-2{scroll-margin:var(--sf-space-2)}.scroll-mt-2{scroll-margin-top:var(--sf-space-2)}.scroll-m-inline-end-2{scroll-margin-inline-end:var(--sf-space-2)}.scroll-mb-2{scroll-margin-bottom:var(--sf-space-2)}.scroll-m-inline-start-2{scroll-margin-inline-start:var(--sf-space-2)}.scroll-m-inline-2{scroll-margin-inline-end:var(--sf-space-2);scroll-margin-inline-start:var(--sf-space-2)}.scroll-my-2{scroll-margin-top:var(--sf-space-2);scroll-margin-bottom:var(--sf-space-2)}.scroll-m-3{scroll-margin:var(--sf-space-3)}.scroll-mt-3{scroll-margin-top:var(--sf-space-3)}.scroll-m-inline-end-3{scroll-margin-inline-end:var(--sf-space-3)}.scroll-mb-3{scroll-margin-bottom:var(--sf-space-3)}.scroll-m-inline-start-3{scroll-margin-inline-start:var(--sf-space-3)}.scroll-m-inline-3{scroll-margin-inline-end:var(--sf-space-3);scroll-margin-inline-start:var(--sf-space-3)}.scroll-my-3{scroll-margin-top:var(--sf-space-3);scroll-margin-bottom:var(--sf-space-3)}.scroll-m-4{scroll-margin:var(--sf-space-4)}.scroll-mt-4{scroll-margin-top:var(--sf-space-4)}.scroll-m-inline-end-4{scroll-margin-inline-end:var(--sf-space-4)}.scroll-mb-4{scroll-margin-bottom:var(--sf-space-4)}.scroll-m-inline-start-4{scroll-margin-inline-start:var(--sf-space-4)}.scroll-m-inline-4{scroll-margin-inline-end:var(--sf-space-4);scroll-margin-inline-start:var(--sf-space-4)}.scroll-my-4{scroll-margin-top:var(--sf-space-4);scroll-margin-bottom:var(--sf-space-4)}.scroll-m-5{scroll-margin:var(--sf-space-5)}.scroll-mt-5{scroll-margin-top:var(--sf-space-5)}.scroll-m-inline-end-5{scroll-margin-inline-end:var(--sf-space-5)}.scroll-mb-5{scroll-margin-bottom:var(--sf-space-5)}.scroll-m-inline-start-5{scroll-margin-inline-start:var(--sf-space-5)}.scroll-m-inline-5{scroll-margin-inline-end:var(--sf-space-5);scroll-margin-inline-start:var(--sf-space-5)}.scroll-my-5{scroll-margin-top:var(--sf-space-5);scroll-margin-bottom:var(--sf-space-5)}.scroll-m-6{scroll-margin:var(--sf-space-6)}.scroll-mt-6{scroll-margin-top:var(--sf-space-6)}.scroll-m-inline-end-6{scroll-margin-inline-end:var(--sf-space-6)}.scroll-mb-6{scroll-margin-bottom:var(--sf-space-6)}.scroll-m-inline-start-6{scroll-margin-inline-start:var(--sf-space-6)}.scroll-m-inline-6{scroll-margin-inline-end:var(--sf-space-6);scroll-margin-inline-start:var(--sf-space-6)}.scroll-my-6{scroll-margin-top:var(--sf-space-6);scroll-margin-bottom:var(--sf-space-6)}.scroll-m-7{scroll-margin:var(--sf-space-7)}.scroll-mt-7{scroll-margin-top:var(--sf-space-7)}.scroll-m-inline-end-7{scroll-margin-inline-end:var(--sf-space-7)}.scroll-mb-7{scroll-margin-bottom:var(--sf-space-7)}.scroll-m-inline-start-7{scroll-margin-inline-start:var(--sf-space-7)}.scroll-m-inline-7{scroll-margin-inline-end:var(--sf-space-7);scroll-margin-inline-start:var(--sf-space-7)}.scroll-my-7{scroll-margin-top:var(--sf-space-7);scroll-margin-bottom:var(--sf-space-7)}.scroll-m-8{scroll-margin:var(--sf-space-8)}.scroll-mt-8{scroll-margin-top:var(--sf-space-8)}.scroll-m-inline-end-8{scroll-margin-inline-end:var(--sf-space-8)}.scroll-mb-8{scroll-margin-bottom:var(--sf-space-8)}.scroll-m-inline-start-8{scroll-margin-inline-start:var(--sf-space-8)}.scroll-m-inline-8{scroll-margin-inline-end:var(--sf-space-8);scroll-margin-inline-start:var(--sf-space-8)}.scroll-my-8{scroll-margin-top:var(--sf-space-8);scroll-margin-bottom:var(--sf-space-8)}}

package/distr/utility/scroll-margin/default/js/default.js ADDED Viewed

File without changes