/*
 * Self-hosted Tailwind compatibility stylesheet for Worksheet CMS.
 * Generated for this CMS from the local Tailwind source directory:
 * cms/app/tailwindcss-main
 *
 * Preflight is intentionally not included, so existing website/admin designs
 * are not reset. Utilities use !important to let worksheet content classes
 * override CMS typography selectors.
 */
:root {
  --tw-gradient-from: transparent;
  --tw-gradient-to: transparent;
  --tw-ring-color: rgb(59 130 246 / .5);
}

.container { width: min(1120px, 92vw); margin-inline: auto; }
.sr-only { position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important; }

.transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important; transition-timing-function: cubic-bezier(.4,0,.2,1) !important; transition-duration: 150ms !important; }
.duration-300 { transition-duration: 300ms !important; }
.transform { transform: translate(var(--tw-translate-x,0), var(--tw-translate-y,0)) rotate(var(--tw-rotate,0)) skewX(var(--tw-skew-x,0)) skewY(var(--tw-skew-y,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1)) !important; }
.hover\:-translate-y-0\.5:hover { --tw-translate-y: -0.125rem !important; transform: translate(var(--tw-translate-x,0), var(--tw-translate-y,0)) rotate(var(--tw-rotate,0)) skewX(var(--tw-skew-x,0)) skewY(var(--tw-skew-y,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1)) !important; }

.bg-gradient-to-br { background-image: linear-gradient(to bottom right, var(--tw-gradient-from), var(--tw-gradient-to)) !important; }
.from-pink-50 { --tw-gradient-from: #fdf2f8 !important; }
.to-pink-100 { --tw-gradient-to: #fce7f3 !important; }