.wv-box {
  background: rgba(var(--wv-theme-light-rgb), 1);
  padding: var(--wv-padding-default);
  border-radius: var(--wv-border-radius-default);
  overflow: hidden;
  /* box-shadow: var(--wv-box-shadow-default); */
}


/* Utility classes for margins and padding */
.wv-no-margin, .wv-no-m { margin: 0; }
.wv-no-margin-top, .wv-no-mt { margin-top: 0; }
.wv-no-margin-left, .wv-no-ml { margin-left: 0; }
.wv-no-margin-right, .wv-no-mr { margin-right: 0; }
.wv-no-margin-bottom, .wv-no-mb { margin-bottom: 0; }

/* Margin utility classes */
/* All sides margins */
.wv-margin-huge, .wv-m-huge { margin: var(--wv-margin-huge); }
.wv-margin-large, .wv-m-large { margin: var(--wv-margin-large); }
.wv-margin-default, .wv-m-default, .wv-margin, .wv-m { margin: var(--wv-margin-default); }
.wv-margin-small, .wv-m-small { margin: var(--wv-margin-small); }
.wv-margin-mini, .wv-m-mini { margin: var(--wv-margin-mini); }

/* Top margins */
.wv-margin-top-huge, .wv-mt-huge { margin-top: var(--wv-margin-huge); }
.wv-margin-top-large, .wv-mt-large { margin-top: var(--wv-margin-large); }
.wv-margin-top-default, .wv-mt-default, .wv-margin-top, .wv-mt { margin-top: var(--wv-margin-default); }
.wv-margin-top-small, .wv-mt-small { margin-top: var(--wv-margin-small); }
.wv-margin-top-mini, .wv-mt-mini { margin-top: var(--wv-margin-mini); }

/* Right margins */
.wv-margin-right-huge, .wv-mr-huge { margin-right: var(--wv-margin-huge); }
.wv-margin-right-large, .wv-mr-large { margin-right: var(--wv-margin-large); }
.wv-margin-right-default, .wv-mr-default, .wv-margin-right, .wv-mr { margin-right: var(--wv-margin-default); }
.wv-margin-right-small, .wv-mr-small { margin-right: var(--wv-margin-small); }
.wv-margin-right-mini, .wv-mr-mini { margin-right: var(--wv-margin-mini); }

/* Bottom margins */
.wv-margin-bottom-huge, .wv-mb-huge { margin-bottom: var(--wv-margin-huge); }
.wv-margin-bottom-large, .wv-mb-large { margin-bottom: var(--wv-margin-large); }
.wv-margin-bottom-default, .wv-mb-default, .wv-margin-bottom, .wv-mb { margin-bottom: var(--wv-margin-default); }
.wv-margin-bottom-small, .wv-mb-small { margin-bottom: var(--wv-margin-small); }
.wv-margin-bottom-mini, .wv-mb-mini { margin-bottom: var(--wv-margin-mini); }

/* Left margins */
.wv-margin-left-huge, .wv-ml-huge { margin-left: var(--wv-margin-huge); }
.wv-margin-left-large, .wv-ml-large { margin-left: var(--wv-margin-large); }
.wv-margin-left-default, .wv-ml-default, .wv-margin-left, .wv-ml { margin-left: var(--wv-margin-default); }
.wv-margin-left-small, .wv-ml-small { margin-left: var(--wv-margin-small); }
.wv-margin-left-mini, .wv-ml-mini { margin-left: var(--wv-margin-mini); }

/* Horizontal margins (left + right) */
.wv-margin-x-huge, .wv-mx-huge { margin-left: var(--wv-margin-huge); margin-right: var(--wv-margin-huge); }
.wv-margin-x-large, .wv-mx-large { margin-left: var(--wv-margin-large); margin-right: var(--wv-margin-large); }
.wv-margin-x-default, .wv-mx-default, .wv-margin-x, .wv-mx { margin-left: var(--wv-margin-default); margin-right: var(--wv-margin-default); }
.wv-margin-x-small, .wv-mx-small { margin-left: var(--wv-margin-small); margin-right: var(--wv-margin-small); }
.wv-margin-x-mini, .wv-mx-mini { margin-left: var(--wv-margin-mini); margin-right: var(--wv-margin-mini); }

/* Vertical margins (top + bottom) */
.wv-margin-y-huge, .wv-my-huge { margin-top: var(--wv-margin-huge); margin-bottom: var(--wv-margin-huge); }
.wv-margin-y-large, .wv-my-large { margin-top: var(--wv-margin-large); margin-bottom: var(--wv-margin-large); }
.wv-margin-y-default, .wv-my-default, .wv-margin-y, .wv-my { margin-top: var(--wv-margin-default); margin-bottom: var(--wv-margin-default); }
.wv-margin-y-small, .wv-my-small { margin-top: var(--wv-margin-small); margin-bottom: var(--wv-margin-small); }
.wv-margin-y-mini, .wv-my-mini { margin-top: var(--wv-margin-mini); margin-bottom: var(--wv-margin-mini); }

/* Padding utility classes */
.wv-no-padding, .wv-no-p { padding: 0; }
.wv-no-padding-top, .wv-no-pt { padding-top: 0; }
.wv-no-padding-left, .wv-no-pl { padding-left: 0; }
.wv-no-padding-right, .wv-no-pr { padding-right: 0; }
.wv-no-padding-bottom, .wv-no-pb { padding-bottom: 0; }

/* X and Y axis shortcuts for zero margin/padding */
.wv-no-margin-x, .wv-no-mx { margin-left: 0; margin-right: 0; }
.wv-no-margin-y, .wv-no-my { margin-top: 0; margin-bottom: 0; }
.wv-no-padding-x, .wv-no-px { padding-left: 0; padding-right: 0; }
.wv-no-padding-y, .wv-no-py { padding-top: 0; padding-bottom: 0; }

.wv-padding-huge, .wv-p-huge { padding: var(--wv-padding-huge); }
.wv-padding-large, .wv-p-large { padding: var(--wv-padding-large); }
.wv-padding-default, .wv-p-default, .wv-padding, .wv-p { padding: var(--wv-padding-default); }
.wv-padding-small, .wv-p-small { padding: var(--wv-padding-small); }
.wv-padding-mini, .wv-p-mini { padding: var(--wv-padding-mini); }

/* Top paddings */
.wv-padding-top-huge, .wv-pt-huge { padding-top: var(--wv-padding-huge); }
.wv-padding-top-large, .wv-pt-large { padding-top: var(--wv-padding-large); }
.wv-padding-top-default, .wv-pt-default, .wv-padding-top, .wv-pt { padding-top: var(--wv-padding-default); }
.wv-padding-top-small, .wv-pt-small { padding-top: var(--wv-padding-small); }
.wv-padding-top-mini, .wv-pt-mini { padding-top: var(--wv-padding-mini); }

/* Right paddings */
.wv-padding-right-huge, .wv-pr-huge { padding-right: var(--wv-padding-huge); }
.wv-padding-right-large, .wv-pr-large { padding-right: var(--wv-padding-large); }
.wv-padding-right-default, .wv-pr-default, .wv-padding-right, .wv-pr { padding-right: var(--wv-padding-default); }
.wv-padding-right-small, .wv-pr-small { padding-right: var(--wv-padding-small); }
.wv-padding-right-mini, .wv-pr-mini { padding-right: var(--wv-padding-mini); }

/* Bottom paddings */
.wv-padding-bottom-huge, .wv-pb-huge { padding-bottom: var(--wv-padding-huge); }
.wv-padding-bottom-large, .wv-pb-large { padding-bottom: var(--wv-padding-large); }
.wv-padding-bottom-default, .wv-pb-default, .wv-padding-bottom, .wv-pb { padding-bottom: var(--wv-padding-default); }
.wv-padding-bottom-small, .wv-pb-small { padding-bottom: var(--wv-padding-small); }
.wv-padding-bottom-mini, .wv-pb-mini { padding-bottom: var(--wv-padding-mini); }

/* Left paddings */
.wv-padding-left-huge, .wv-pl-huge { padding-left: var(--wv-padding-huge); }
.wv-padding-left-large, .wv-pl-large { padding-left: var(--wv-padding-large); }
.wv-padding-left-default, .wv-pl-default, .wv-padding-left, .wv-pl { padding-left: var(--wv-padding-default); }
.wv-padding-left-small, .wv-pl-small { padding-left: var(--wv-padding-small); }
.wv-padding-left-mini, .wv-pl-mini { padding-left: var(--wv-padding-mini); }

/* Horizontal paddings (left + right) */
.wv-padding-x-huge, .wv-px-huge { padding-left: var(--wv-padding-huge); padding-right: var(--wv-padding-huge); }
.wv-padding-x-large, .wv-px-large { padding-left: var(--wv-padding-large); padding-right: var(--wv-padding-large); }
.wv-padding-x-default, .wv-px-default, .wv-padding-x, .wv-px { padding-left: var(--wv-padding-default); padding-right: var(--wv-padding-default); }
.wv-padding-x-small, .wv-px-small { padding-left: var(--wv-padding-small); padding-right: var(--wv-padding-small); }
.wv-padding-x-mini, .wv-px-mini { padding-left: var(--wv-padding-mini); padding-right: var(--wv-padding-mini); }

/* Vertical paddings (top + bottom) */
.wv-padding-y-huge, .wv-py-huge { padding-top: var(--wv-padding-huge); padding-bottom: var(--wv-padding-huge); }
.wv-padding-y-large, .wv-py-large { padding-top: var(--wv-padding-large); padding-bottom: var(--wv-padding-large); }
.wv-padding-y-default, .wv-py-default, .wv-padding-y, .wv-py { padding-top: var(--wv-padding-default); padding-bottom: var(--wv-padding-default); }
.wv-padding-y-small, .wv-py-small { padding-top: var(--wv-padding-small); padding-bottom: var(--wv-padding-small); }
.wv-padding-y-mini, .wv-py-mini { padding-top: var(--wv-padding-mini); padding-bottom: var(--wv-padding-mini); }

/* Border Radius utility classes */
/* All corners */
.wv-radius-huge, .wv-r-huge { border-radius: var(--wv-border-radius-huge); }
.wv-radius-large, .wv-r-large { border-radius: var(--wv-border-radius-large); }
.wv-radius-default, .wv-r-default, .wv-radius, .wv-r { border-radius: var(--wv-border-radius-default); }
.wv-radius-small, .wv-r-small { border-radius: var(--wv-border-radius-small); }
.wv-radius-mini, .wv-r-mini { border-radius: var(--wv-border-radius-mini); }
.wv-radius-none, .wv-r-none { border-radius: var(--wv-border-radius-none); }
.wv-radius-circle, .wv-r-circle { border-radius: 50%; }
.wv-radius-pill, .wv-r-pill { border-radius: 9999rpx; }

/* Top-left corner */
.wv-radius-tl-huge, .wv-r-tl-huge { border-top-left-radius: var(--wv-border-radius-huge); }
.wv-radius-tl-large, .wv-r-tl-large { border-top-left-radius: var(--wv-border-radius-large); }
.wv-radius-tl-default, .wv-r-tl-default, .wv-radius-tl, .wv-r-tl { border-top-left-radius: var(--wv-border-radius-default); }
.wv-radius-tl-small, .wv-r-tl-small { border-top-left-radius: var(--wv-border-radius-small); }
.wv-radius-tl-mini, .wv-r-tl-mini { border-top-left-radius: var(--wv-border-radius-mini); }
.wv-radius-tl-none, .wv-r-tl-none { border-top-left-radius: var(--wv-border-radius-none); }

/* Top-right corner */
.wv-radius-tr-huge, .wv-r-tr-huge { border-top-right-radius: var(--wv-border-radius-huge); }
.wv-radius-tr-large, .wv-r-tr-large { border-top-right-radius: var(--wv-border-radius-large); }
.wv-radius-tr-default, .wv-r-tr-default, .wv-radius-tr, .wv-r-tr { border-top-right-radius: var(--wv-border-radius-default); }
.wv-radius-tr-small, .wv-r-tr-small { border-top-right-radius: var(--wv-border-radius-small); }
.wv-radius-tr-mini, .wv-r-tr-mini { border-top-right-radius: var(--wv-border-radius-mini); }
.wv-radius-tr-none, .wv-r-tr-none { border-top-right-radius: var(--wv-border-radius-none); }

/* Bottom-left corner */
.wv-radius-bl-huge, .wv-r-bl-huge { border-bottom-left-radius: var(--wv-border-radius-huge); }
.wv-radius-bl-large, .wv-r-bl-large { border-bottom-left-radius: var(--wv-border-radius-large); }
.wv-radius-bl-default, .wv-r-bl-default, .wv-radius-bl, .wv-r-bl { border-bottom-left-radius: var(--wv-border-radius-default); }
.wv-radius-bl-small, .wv-r-bl-small { border-bottom-left-radius: var(--wv-border-radius-small); }
.wv-radius-bl-mini, .wv-r-bl-mini { border-bottom-left-radius: var(--wv-border-radius-mini); }
.wv-radius-bl-none, .wv-r-bl-none { border-bottom-left-radius: var(--wv-border-radius-none); }

/* Bottom-right corner */
.wv-radius-br-huge, .wv-r-br-huge { border-bottom-right-radius: var(--wv-border-radius-huge); }
.wv-radius-br-large, .wv-r-br-large { border-bottom-right-radius: var(--wv-border-radius-large); }
.wv-radius-br-default, .wv-r-br-default, .wv-radius-br, .wv-r-br { border-bottom-right-radius: var(--wv-border-radius-default); }
.wv-radius-br-small, .wv-r-br-small { border-bottom-right-radius: var(--wv-border-radius-small); }
.wv-radius-br-mini, .wv-r-br-mini { border-bottom-right-radius: var(--wv-border-radius-mini); }
.wv-radius-br-none, .wv-r-br-none { border-bottom-right-radius: var(--wv-border-radius-none); }

/* Top edge (both corners) */
.wv-radius-t-huge, .wv-r-t-huge { border-top-left-radius: var(--wv-border-radius-huge); border-top-right-radius: var(--wv-border-radius-huge); }
.wv-radius-t-large, .wv-r-t-large { border-top-left-radius: var(--wv-border-radius-large); border-top-right-radius: var(--wv-border-radius-large); }
.wv-radius-t-default, .wv-r-t-default, .wv-radius-t, .wv-r-t { border-top-left-radius: var(--wv-border-radius-default); border-top-right-radius: var(--wv-border-radius-default); }
.wv-radius-t-small, .wv-r-t-small { border-top-left-radius: var(--wv-border-radius-small); border-top-right-radius: var(--wv-border-radius-small); }
.wv-radius-t-mini, .wv-r-t-mini { border-top-left-radius: var(--wv-border-radius-mini); border-top-right-radius: var(--wv-border-radius-mini); }
.wv-radius-t-none, .wv-r-t-none { border-top-left-radius: var(--wv-border-radius-none); border-top-right-radius: var(--wv-border-radius-none); }

/* Bottom edge (both corners) */
.wv-radius-b-huge, .wv-r-b-huge { border-bottom-left-radius: var(--wv-border-radius-huge); border-bottom-right-radius: var(--wv-border-radius-huge); }
.wv-radius-b-large, .wv-r-b-large { border-bottom-left-radius: var(--wv-border-radius-large); border-bottom-right-radius: var(--wv-border-radius-large); }
.wv-radius-b-default, .wv-r-b-default, .wv-radius-b, .wv-r-b { border-bottom-left-radius: var(--wv-border-radius-default); border-bottom-right-radius: var(--wv-border-radius-default); }
.wv-radius-b-small, .wv-r-b-small { border-bottom-left-radius: var(--wv-border-radius-small); border-bottom-right-radius: var(--wv-border-radius-small); }
.wv-radius-b-mini, .wv-r-b-mini { border-bottom-left-radius: var(--wv-border-radius-mini); border-bottom-right-radius: var(--wv-border-radius-mini); }
.wv-radius-b-none, .wv-r-b-none { border-bottom-left-radius: var(--wv-border-radius-none); border-bottom-right-radius: var(--wv-border-radius-none); }

/* Left edge (both corners) */
.wv-radius-l-huge, .wv-r-l-huge { border-top-left-radius: var(--wv-border-radius-huge); border-bottom-left-radius: var(--wv-border-radius-huge); }
.wv-radius-l-large, .wv-r-l-large { border-top-left-radius: var(--wv-border-radius-large); border-bottom-left-radius: var(--wv-border-radius-large); }
.wv-radius-l-default, .wv-r-l-default, .wv-radius-l, .wv-r-l { border-top-left-radius: var(--wv-border-radius-default); border-bottom-left-radius: var(--wv-border-radius-default); }
.wv-radius-l-small, .wv-r-l-small { border-top-left-radius: var(--wv-border-radius-small); border-bottom-left-radius: var(--wv-border-radius-small); }
.wv-radius-l-mini, .wv-r-l-mini { border-top-left-radius: var(--wv-border-radius-mini); border-bottom-left-radius: var(--wv-border-radius-mini); }
.wv-radius-l-none, .wv-r-l-none { border-top-left-radius: var(--wv-border-radius-none); border-bottom-left-radius: var(--wv-border-radius-none); }

/* Right edge (both corners) */
.wv-radius-r-huge, .wv-r-r-huge { border-top-right-radius: var(--wv-border-radius-huge); border-bottom-right-radius: var(--wv-border-radius-huge); }
.wv-radius-r-large, .wv-r-r-large { border-top-right-radius: var(--wv-border-radius-large); border-bottom-right-radius: var(--wv-border-radius-large); }
.wv-radius-r-default, .wv-r-r-default, .wv-radius-r, .wv-r-r { border-top-right-radius: var(--wv-border-radius-default); border-bottom-right-radius: var(--wv-border-radius-default); }
.wv-radius-r-small, .wv-r-r-small { border-top-right-radius: var(--wv-border-radius-small); border-bottom-right-radius: var(--wv-border-radius-small); }
.wv-radius-r-mini, .wv-r-r-mini { border-top-right-radius: var(--wv-border-radius-mini); border-bottom-right-radius: var(--wv-border-radius-mini); }
.wv-radius-r-none, .wv-r-r-none { border-top-right-radius: var(--wv-border-radius-none); border-bottom-right-radius: var(--wv-border-radius-none); }