@webpixels/css
Version:
Utility and component-centric design system based on Bootstrap for fast, responsive UI development.
1 lines • 650 kB
CSS
.fade{transition:opacity .15s linear}@media(prefers-reduced-motion: reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .15s ease}@media(prefers-reduced-motion: reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}@media(prefers-reduced-motion: reduce){.collapsing.collapse-horizontal{transition:none}}.bg-none{background-image:none !important}.bg-between{background-repeat:no-repeat;background-position:left center,right center;background-size:auto 90%}@media(min-width: 576px){.bg-sm-none{background-image:none !important}.bg-sm-between{background-repeat:no-repeat;background-position:left center,right center;background-size:auto 90%}}@media(min-width: 768px){.bg-md-none{background-image:none !important}.bg-md-between{background-repeat:no-repeat;background-position:left center,right center;background-size:auto 90%}}@media(min-width: 992px){.bg-lg-none{background-image:none !important}.bg-lg-between{background-repeat:no-repeat;background-position:left center,right center;background-size:auto 90%}}@media(min-width: 1200px){.bg-xl-none{background-image:none !important}.bg-xl-between{background-repeat:no-repeat;background-position:left center,right center;background-size:auto 90%}}@media(min-width: 1400px){.bg-xxl-none{background-image:none !important}.bg-xxl-between{background-repeat:no-repeat;background-position:left center,right center;background-size:auto 90%}}.gradient-top{background-image:linear-gradient(to top, var(--x-gradient)) !important}.gradient-top-right{background-image:linear-gradient(to top right, var(--x-gradient)) !important}.gradient-right{background-image:linear-gradient(to right, var(--x-gradient)) !important}.gradient-bottom-right{background-image:linear-gradient(to bottom right, var(--x-gradient)) !important}.gradient-bottom{background-image:linear-gradient(to bottom, var(--x-gradient)) !important}.gradient-bottom-left{background-image:linear-gradient(to bottom left, var(--x-gradient)) !important}.gradient-left{background-image:linear-gradient(to left, var(--x-gradient)) !important}.gradient-top-left{background-image:linear-gradient(to top left, var(--x-gradient)) !important}.start-transparent,.start-transparent-hover:hover{--x-start-color: transparent;--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-gray-50,.start-gray-50-hover:hover{--x-start-color: var(--x-gray-50);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-gray-100,.start-gray-100-hover:hover{--x-start-color: var(--x-gray-100);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-gray-200,.start-gray-200-hover:hover{--x-start-color: var(--x-gray-200);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-gray-300,.start-gray-300-hover:hover{--x-start-color: var(--x-gray-300);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-gray-400,.start-gray-400-hover:hover{--x-start-color: var(--x-gray-400);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-gray-500,.start-gray-500-hover:hover{--x-start-color: var(--x-gray-500);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-gray-600,.start-gray-600-hover:hover{--x-start-color: var(--x-gray-600);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-gray-700,.start-gray-700-hover:hover{--x-start-color: var(--x-gray-700);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-gray-800,.start-gray-800-hover:hover{--x-start-color: var(--x-gray-800);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-gray-900,.start-gray-900-hover:hover{--x-start-color: var(--x-gray-900);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-gray-950,.start-gray-950-hover:hover{--x-start-color: var(--x-gray-950);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-blue-100,.start-blue-100-hover:hover{--x-start-color: var(--x-blue-100);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-blue-200,.start-blue-200-hover:hover{--x-start-color: var(--x-blue-200);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-blue-300,.start-blue-300-hover:hover{--x-start-color: var(--x-blue-300);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-blue-400,.start-blue-400-hover:hover{--x-start-color: var(--x-blue-400);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-blue-500,.start-blue-500-hover:hover{--x-start-color: var(--x-blue-500);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-blue-600,.start-blue-600-hover:hover{--x-start-color: var(--x-blue-600);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-blue-700,.start-blue-700-hover:hover{--x-start-color: var(--x-blue-700);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-blue-800,.start-blue-800-hover:hover{--x-start-color: var(--x-blue-800);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-blue-900,.start-blue-900-hover:hover{--x-start-color: var(--x-blue-900);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-indigo-100,.start-indigo-100-hover:hover{--x-start-color: var(--x-indigo-100);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-indigo-200,.start-indigo-200-hover:hover{--x-start-color: var(--x-indigo-200);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-indigo-300,.start-indigo-300-hover:hover{--x-start-color: var(--x-indigo-300);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-indigo-400,.start-indigo-400-hover:hover{--x-start-color: var(--x-indigo-400);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-indigo-500,.start-indigo-500-hover:hover{--x-start-color: var(--x-indigo-500);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-indigo-600,.start-indigo-600-hover:hover{--x-start-color: var(--x-indigo-600);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-indigo-700,.start-indigo-700-hover:hover{--x-start-color: var(--x-indigo-700);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-indigo-800,.start-indigo-800-hover:hover{--x-start-color: var(--x-indigo-800);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-indigo-900,.start-indigo-900-hover:hover{--x-start-color: var(--x-indigo-900);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-purple-100,.start-purple-100-hover:hover{--x-start-color: var(--x-purple-100);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-purple-200,.start-purple-200-hover:hover{--x-start-color: var(--x-purple-200);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-purple-300,.start-purple-300-hover:hover{--x-start-color: var(--x-purple-300);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-purple-400,.start-purple-400-hover:hover{--x-start-color: var(--x-purple-400);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-purple-500,.start-purple-500-hover:hover{--x-start-color: var(--x-purple-500);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-purple-600,.start-purple-600-hover:hover{--x-start-color: var(--x-purple-600);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-purple-700,.start-purple-700-hover:hover{--x-start-color: var(--x-purple-700);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-purple-800,.start-purple-800-hover:hover{--x-start-color: var(--x-purple-800);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-purple-900,.start-purple-900-hover:hover{--x-start-color: var(--x-purple-900);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-pink-100,.start-pink-100-hover:hover{--x-start-color: var(--x-pink-100);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-pink-200,.start-pink-200-hover:hover{--x-start-color: var(--x-pink-200);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-pink-300,.start-pink-300-hover:hover{--x-start-color: var(--x-pink-300);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-pink-400,.start-pink-400-hover:hover{--x-start-color: var(--x-pink-400);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-pink-500,.start-pink-500-hover:hover{--x-start-color: var(--x-pink-500);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-pink-600,.start-pink-600-hover:hover{--x-start-color: var(--x-pink-600);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-pink-700,.start-pink-700-hover:hover{--x-start-color: var(--x-pink-700);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-pink-800,.start-pink-800-hover:hover{--x-start-color: var(--x-pink-800);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-pink-900,.start-pink-900-hover:hover{--x-start-color: var(--x-pink-900);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-red-100,.start-red-100-hover:hover{--x-start-color: var(--x-red-100);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-red-200,.start-red-200-hover:hover{--x-start-color: var(--x-red-200);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-red-300,.start-red-300-hover:hover{--x-start-color: var(--x-red-300);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-red-400,.start-red-400-hover:hover{--x-start-color: var(--x-red-400);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-red-500,.start-red-500-hover:hover{--x-start-color: var(--x-red-500);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-red-600,.start-red-600-hover:hover{--x-start-color: var(--x-red-600);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-red-700,.start-red-700-hover:hover{--x-start-color: var(--x-red-700);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-red-800,.start-red-800-hover:hover{--x-start-color: var(--x-red-800);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-red-900,.start-red-900-hover:hover{--x-start-color: var(--x-red-900);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-orange-100,.start-orange-100-hover:hover{--x-start-color: var(--x-orange-100);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-orange-200,.start-orange-200-hover:hover{--x-start-color: var(--x-orange-200);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-orange-300,.start-orange-300-hover:hover{--x-start-color: var(--x-orange-300);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-orange-400,.start-orange-400-hover:hover{--x-start-color: var(--x-orange-400);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-orange-500,.start-orange-500-hover:hover{--x-start-color: var(--x-orange-500);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-orange-600,.start-orange-600-hover:hover{--x-start-color: var(--x-orange-600);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-orange-700,.start-orange-700-hover:hover{--x-start-color: var(--x-orange-700);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-orange-800,.start-orange-800-hover:hover{--x-start-color: var(--x-orange-800);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-orange-900,.start-orange-900-hover:hover{--x-start-color: var(--x-orange-900);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-yellow-100,.start-yellow-100-hover:hover{--x-start-color: var(--x-yellow-100);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-yellow-200,.start-yellow-200-hover:hover{--x-start-color: var(--x-yellow-200);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-yellow-300,.start-yellow-300-hover:hover{--x-start-color: var(--x-yellow-300);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-yellow-400,.start-yellow-400-hover:hover{--x-start-color: var(--x-yellow-400);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-yellow-500,.start-yellow-500-hover:hover{--x-start-color: var(--x-yellow-500);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-yellow-600,.start-yellow-600-hover:hover{--x-start-color: var(--x-yellow-600);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-yellow-700,.start-yellow-700-hover:hover{--x-start-color: var(--x-yellow-700);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-yellow-800,.start-yellow-800-hover:hover{--x-start-color: var(--x-yellow-800);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-yellow-900,.start-yellow-900-hover:hover{--x-start-color: var(--x-yellow-900);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-green-100,.start-green-100-hover:hover{--x-start-color: var(--x-green-100);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-green-200,.start-green-200-hover:hover{--x-start-color: var(--x-green-200);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-green-300,.start-green-300-hover:hover{--x-start-color: var(--x-green-300);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-green-400,.start-green-400-hover:hover{--x-start-color: var(--x-green-400);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-green-500,.start-green-500-hover:hover{--x-start-color: var(--x-green-500);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-green-600,.start-green-600-hover:hover{--x-start-color: var(--x-green-600);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-green-700,.start-green-700-hover:hover{--x-start-color: var(--x-green-700);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-green-800,.start-green-800-hover:hover{--x-start-color: var(--x-green-800);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-green-900,.start-green-900-hover:hover{--x-start-color: var(--x-green-900);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-lime-100,.start-lime-100-hover:hover{--x-start-color: var(--x-lime-100);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-lime-200,.start-lime-200-hover:hover{--x-start-color: var(--x-lime-200);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-lime-300,.start-lime-300-hover:hover{--x-start-color: var(--x-lime-300);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-lime-400,.start-lime-400-hover:hover{--x-start-color: var(--x-lime-400);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-lime-500,.start-lime-500-hover:hover{--x-start-color: var(--x-lime-500);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-lime-600,.start-lime-600-hover:hover{--x-start-color: var(--x-lime-600);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-lime-700,.start-lime-700-hover:hover{--x-start-color: var(--x-lime-700);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-lime-800,.start-lime-800-hover:hover{--x-start-color: var(--x-lime-800);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-lime-900,.start-lime-900-hover:hover{--x-start-color: var(--x-lime-900);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-teal-100,.start-teal-100-hover:hover{--x-start-color: var(--x-teal-100);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-teal-200,.start-teal-200-hover:hover{--x-start-color: var(--x-teal-200);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-teal-300,.start-teal-300-hover:hover{--x-start-color: var(--x-teal-300);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-teal-400,.start-teal-400-hover:hover{--x-start-color: var(--x-teal-400);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-teal-500,.start-teal-500-hover:hover{--x-start-color: var(--x-teal-500);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-teal-600,.start-teal-600-hover:hover{--x-start-color: var(--x-teal-600);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-teal-700,.start-teal-700-hover:hover{--x-start-color: var(--x-teal-700);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-teal-800,.start-teal-800-hover:hover{--x-start-color: var(--x-teal-800);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-teal-900,.start-teal-900-hover:hover{--x-start-color: var(--x-teal-900);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-cyan-100,.start-cyan-100-hover:hover{--x-start-color: var(--x-cyan-100);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-cyan-200,.start-cyan-200-hover:hover{--x-start-color: var(--x-cyan-200);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-cyan-300,.start-cyan-300-hover:hover{--x-start-color: var(--x-cyan-300);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-cyan-400,.start-cyan-400-hover:hover{--x-start-color: var(--x-cyan-400);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-cyan-500,.start-cyan-500-hover:hover{--x-start-color: var(--x-cyan-500);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-cyan-600,.start-cyan-600-hover:hover{--x-start-color: var(--x-cyan-600);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-cyan-700,.start-cyan-700-hover:hover{--x-start-color: var(--x-cyan-700);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-cyan-800,.start-cyan-800-hover:hover{--x-start-color: var(--x-cyan-800);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.start-cyan-900,.start-cyan-900-hover:hover{--x-start-color: var(--x-cyan-900);--x-gradient: var(--x-start-color), var(--x-end-color, rgba(0, 0, 0, 0))}.middle-transparent,.middle-transparent-hover:hover{--x-middle-color: transparent;--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(0, 0, 0, 0))}.middle-gray-50,.middle-gray-50-hover:hover{--x-middle-color: var(--x-gray-50);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(250, 250, 250, 0))}.middle-gray-100,.middle-gray-100-hover:hover{--x-middle-color: var(--x-gray-100);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(245, 245, 245, 0))}.middle-gray-200,.middle-gray-200-hover:hover{--x-middle-color: var(--x-gray-200);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(229, 229, 229, 0))}.middle-gray-300,.middle-gray-300-hover:hover{--x-middle-color: var(--x-gray-300);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(212, 212, 212, 0))}.middle-gray-400,.middle-gray-400-hover:hover{--x-middle-color: var(--x-gray-400);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(161, 161, 161, 0))}.middle-gray-500,.middle-gray-500-hover:hover{--x-middle-color: var(--x-gray-500);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(115, 115, 115, 0))}.middle-gray-600,.middle-gray-600-hover:hover{--x-middle-color: var(--x-gray-600);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(82, 82, 82, 0))}.middle-gray-700,.middle-gray-700-hover:hover{--x-middle-color: var(--x-gray-700);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(64, 64, 64, 0))}.middle-gray-800,.middle-gray-800-hover:hover{--x-middle-color: var(--x-gray-800);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(38, 38, 38, 0))}.middle-gray-900,.middle-gray-900-hover:hover{--x-middle-color: var(--x-gray-900);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(23, 23, 23, 0))}.middle-gray-950,.middle-gray-950-hover:hover{--x-middle-color: var(--x-gray-950);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(10, 10, 10, 0))}.middle-blue-100,.middle-blue-100-hover:hover{--x-middle-color: var(--x-blue-100);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(214.2, 222.4, 245.4, 0))}.middle-blue-200,.middle-blue-200-hover:hover{--x-middle-color: var(--x-blue-200);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(173.4, 189.8, 235.8, 0))}.middle-blue-300,.middle-blue-300-hover:hover{--x-middle-color: var(--x-blue-300);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(132.6, 157.2, 226.2, 0))}.middle-blue-400,.middle-blue-400-hover:hover{--x-middle-color: var(--x-blue-400);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(91.8, 124.6, 216.6, 0))}.middle-blue-500,.middle-blue-500-hover:hover{--x-middle-color: var(--x-blue-500);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(51, 92, 207, 0))}.middle-blue-600,.middle-blue-600-hover:hover{--x-middle-color: var(--x-blue-600);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(40.8, 73.6, 165.6, 0))}.middle-blue-700,.middle-blue-700-hover:hover{--x-middle-color: var(--x-blue-700);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(30.6, 55.2, 124.2, 0))}.middle-blue-800,.middle-blue-800-hover:hover{--x-middle-color: var(--x-blue-800);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(20.4, 36.8, 82.8, 0))}.middle-blue-900,.middle-blue-900-hover:hover{--x-middle-color: var(--x-blue-900);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(10.2, 18.4, 41.4, 0))}.middle-indigo-100,.middle-indigo-100-hover:hover{--x-middle-color: var(--x-indigo-100);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(223.8, 224.4, 252.2, 0))}.middle-indigo-200,.middle-indigo-200-hover:hover{--x-middle-color: var(--x-indigo-200);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(192.6, 193.8, 249.4, 0))}.middle-indigo-300,.middle-indigo-300-hover:hover{--x-middle-color: var(--x-indigo-300);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(161.4, 163.2, 246.6, 0))}.middle-indigo-400,.middle-indigo-400-hover:hover{--x-middle-color: var(--x-indigo-400);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(130.2, 132.6, 243.8, 0))}.middle-indigo-500,.middle-indigo-500-hover:hover{--x-middle-color: var(--x-indigo-500);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(99, 102, 241, 0))}.middle-indigo-600,.middle-indigo-600-hover:hover{--x-middle-color: var(--x-indigo-600);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(79.2, 81.6, 192.8, 0))}.middle-indigo-700,.middle-indigo-700-hover:hover{--x-middle-color: var(--x-indigo-700);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(59.4, 61.2, 144.6, 0))}.middle-indigo-800,.middle-indigo-800-hover:hover{--x-middle-color: var(--x-indigo-800);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(39.6, 40.8, 96.4, 0))}.middle-indigo-900,.middle-indigo-900-hover:hover{--x-middle-color: var(--x-indigo-900);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(19.8, 20.4, 48.2, 0))}.middle-purple-100,.middle-purple-100-hover:hover{--x-middle-color: var(--x-purple-100);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(229, 220.4, 252.8, 0))}.middle-purple-200,.middle-purple-200-hover:hover{--x-middle-color: var(--x-purple-200);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(203, 185.8, 250.6, 0))}.middle-purple-300,.middle-purple-300-hover:hover{--x-middle-color: var(--x-purple-300);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(177, 151.2, 248.4, 0))}.middle-purple-400,.middle-purple-400-hover:hover{--x-middle-color: var(--x-purple-400);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(151, 116.6, 246.2, 0))}.middle-purple-500,.middle-purple-500-hover:hover{--x-middle-color: var(--x-purple-500);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(125, 82, 244, 0))}.middle-purple-600,.middle-purple-600-hover:hover{--x-middle-color: var(--x-purple-600);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(100, 65.6, 195.2, 0))}.middle-purple-700,.middle-purple-700-hover:hover{--x-middle-color: var(--x-purple-700);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(75, 49.2, 146.4, 0))}.middle-purple-800,.middle-purple-800-hover:hover{--x-middle-color: var(--x-purple-800);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(50, 32.8, 97.6, 0))}.middle-purple-900,.middle-purple-900-hover:hover{--x-middle-color: var(--x-purple-900);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(25, 16.4, 48.8, 0))}.middle-pink-100,.middle-pink-100-hover:hover{--x-middle-color: var(--x-pink-100);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(254.2, 219, 236.6, 0))}.middle-pink-200,.middle-pink-200-hover:hover{--x-middle-color: var(--x-pink-200);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(253.4, 183, 218.2, 0))}.middle-pink-300,.middle-pink-300-hover:hover{--x-middle-color: var(--x-pink-300);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(252.6, 147, 199.8, 0))}.middle-pink-400,.middle-pink-400-hover:hover{--x-middle-color: var(--x-pink-400);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(251.8, 111, 181.4, 0))}.middle-pink-500,.middle-pink-500-hover:hover{--x-middle-color: var(--x-pink-500);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(251, 75, 163, 0))}.middle-pink-600,.middle-pink-600-hover:hover{--x-middle-color: var(--x-pink-600);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(200.8, 60, 130.4, 0))}.middle-pink-700,.middle-pink-700-hover:hover{--x-middle-color: var(--x-pink-700);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(150.6, 45, 97.8, 0))}.middle-pink-800,.middle-pink-800-hover:hover{--x-middle-color: var(--x-pink-800);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(100.4, 30, 65.2, 0))}.middle-pink-900,.middle-pink-900-hover:hover{--x-middle-color: var(--x-pink-900);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(50.2, 15, 32.6, 0))}.middle-red-100,.middle-red-100-hover:hover{--x-middle-color: var(--x-red-100);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(254.2, 215, 218.4, 0))}.middle-red-200,.middle-red-200-hover:hover{--x-middle-color: var(--x-red-200);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(253.4, 175, 181.8, 0))}.middle-red-300,.middle-red-300-hover:hover{--x-middle-color: var(--x-red-300);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(252.6, 135, 145.2, 0))}.middle-red-400,.middle-red-400-hover:hover{--x-middle-color: var(--x-red-400);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(251.8, 95, 108.6, 0))}.middle-red-500,.middle-red-500-hover:hover{--x-middle-color: var(--x-red-500);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(251, 55, 72, 0))}.middle-red-600,.middle-red-600-hover:hover{--x-middle-color: var(--x-red-600);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(200.8, 44, 57.6, 0))}.middle-red-700,.middle-red-700-hover:hover{--x-middle-color: var(--x-red-700);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(150.6, 33, 43.2, 0))}.middle-red-800,.middle-red-800-hover:hover{--x-middle-color: var(--x-red-800);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(100.4, 22, 28.8, 0))}.middle-red-900,.middle-red-900-hover:hover{--x-middle-color: var(--x-red-900);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(50.2, 11, 14.4, 0))}.middle-orange-100,.middle-orange-100-hover:hover{--x-middle-color: var(--x-orange-100);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(255, 233, 218.2, 0))}.middle-orange-200,.middle-orange-200-hover:hover{--x-middle-color: var(--x-orange-200);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(255, 211, 181.4, 0))}.middle-orange-300,.middle-orange-300-hover:hover{--x-middle-color: var(--x-orange-300);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(255, 189, 144.6, 0))}.middle-orange-400,.middle-orange-400-hover:hover{--x-middle-color: var(--x-orange-400);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(255, 167, 107.8, 0))}.middle-orange-500,.middle-orange-500-hover:hover{--x-middle-color: var(--x-orange-500);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(255, 145, 71, 0))}.middle-orange-600,.middle-orange-600-hover:hover{--x-middle-color: var(--x-orange-600);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(204, 116, 56.8, 0))}.middle-orange-700,.middle-orange-700-hover:hover{--x-middle-color: var(--x-orange-700);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(153, 87, 42.6, 0))}.middle-orange-800,.middle-orange-800-hover:hover{--x-middle-color: var(--x-orange-800);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(102, 58, 28.4, 0))}.middle-orange-900,.middle-orange-900-hover:hover{--x-middle-color: var(--x-orange-900);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(51, 29, 14.2, 0))}.middle-yellow-100,.middle-yellow-100-hover:hover{--x-middle-color: var(--x-yellow-100);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(253.2, 240.2, 210, 0))}.middle-yellow-200,.middle-yellow-200-hover:hover{--x-middle-color: var(--x-yellow-200);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(251.4, 225.4, 165, 0))}.middle-yellow-300,.middle-yellow-300-hover:hover{--x-middle-color: var(--x-yellow-300);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(249.6, 210.6, 120, 0))}.middle-yellow-400,.middle-yellow-400-hover:hover{--x-middle-color: var(--x-yellow-400);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(247.8, 195.8, 75, 0))}.middle-yellow-500,.middle-yellow-500-hover:hover{--x-middle-color: var(--x-yellow-500);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(246, 181, 30, 0))}.middle-yellow-600,.middle-yellow-600-hover:hover{--x-middle-color: var(--x-yellow-600);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(196.8, 144.8, 24, 0))}.middle-yellow-700,.middle-yellow-700-hover:hover{--x-middle-color: var(--x-yellow-700);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(147.6, 108.6, 18, 0))}.middle-yellow-800,.middle-yellow-800-hover:hover{--x-middle-color: var(--x-yellow-800);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(98.4, 72.4, 12, 0))}.middle-yellow-900,.middle-yellow-900-hover:hover{--x-middle-color: var(--x-yellow-900);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(49.2, 36.2, 6, 0))}.middle-green-100,.middle-green-100-hover:hover{--x-middle-color: var(--x-green-100);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(210.2, 242.6, 225.4, 0))}.middle-green-200,.middle-green-200-hover:hover{--x-middle-color: var(--x-green-200);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(165.4, 230.2, 195.8, 0))}.middle-green-300,.middle-green-300-hover:hover{--x-middle-color: var(--x-green-300);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(120.6, 217.8, 166.2, 0))}.middle-green-400,.middle-green-400-hover:hover{--x-middle-color: var(--x-green-400);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(75.8, 205.4, 136.6, 0))}.middle-green-500,.middle-green-500-hover:hover{--x-middle-color: var(--x-green-500);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(31, 193, 107, 0))}.middle-green-600,.middle-green-600-hover:hover{--x-middle-color: var(--x-green-600);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(24.8, 154.4, 85.6, 0))}.middle-green-700,.middle-green-700-hover:hover{--x-middle-color: var(--x-green-700);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(18.6, 115.8, 64.2, 0))}.middle-green-800,.middle-green-800-hover:hover{--x-middle-color: var(--x-green-800);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(12.4, 77.2, 42.8, 0))}.middle-green-900,.middle-green-900-hover:hover{--x-middle-color: var(--x-green-900);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(6.2, 38.6, 21.4, 0))}.middle-lime-100,.middle-lime-100-hover:hover{--x-middle-color: var(--x-lime-100);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(244, 255, 225.2, 0))}.middle-lime-200,.middle-lime-200-hover:hover{--x-middle-color: var(--x-lime-200);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(233, 255, 195.4, 0))}.middle-lime-300,.middle-lime-300-hover:hover{--x-middle-color: var(--x-lime-300);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(222, 255, 165.6, 0))}.middle-lime-400,.middle-lime-400-hover:hover{--x-middle-color: var(--x-lime-400);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(211, 255, 135.8, 0))}.middle-lime-500,.middle-lime-500-hover:hover{--x-middle-color: var(--x-lime-500);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(200, 255, 106, 0))}.middle-lime-600,.middle-lime-600-hover:hover{--x-middle-color: var(--x-lime-600);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(160, 204, 84.8, 0))}.middle-lime-700,.middle-lime-700-hover:hover{--x-middle-color: var(--x-lime-700);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(120, 153, 63.6, 0))}.middle-lime-800,.middle-lime-800-hover:hover{--x-middle-color: var(--x-lime-800);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(80, 102, 42.4, 0))}.middle-lime-900,.middle-lime-900-hover:hover{--x-middle-color: var(--x-lime-900);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(40, 51, 21.2, 0))}.middle-teal-100,.middle-teal-100-hover:hover{--x-middle-color: var(--x-teal-100);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(210.8, 246.2, 241.4, 0))}.middle-teal-200,.middle-teal-200-hover:hover{--x-middle-color: var(--x-teal-200);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(166.6, 237.4, 227.8, 0))}.middle-teal-300,.middle-teal-300-hover:hover{--x-middle-color: var(--x-teal-300);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(122.4, 228.6, 214.2, 0))}.middle-teal-400,.middle-teal-400-hover:hover{--x-middle-color: var(--x-teal-400);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(78.2, 219.8, 200.6, 0))}.middle-teal-500,.middle-teal-500-hover:hover{--x-middle-color: var(--x-teal-500);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(34, 211, 187, 0))}.middle-teal-600,.middle-teal-600-hover:hover{--x-middle-color: var(--x-teal-600);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(27.2, 168.8, 149.6, 0))}.middle-teal-700,.middle-teal-700-hover:hover{--x-middle-color: var(--x-teal-700);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(20.4, 126.6, 112.2, 0))}.middle-teal-800,.middle-teal-800-hover:hover{--x-middle-color: var(--x-teal-800);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(13.6, 84.4, 74.8, 0))}.middle-teal-900,.middle-teal-900-hover:hover{--x-middle-color: var(--x-teal-900);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(6.8, 42.2, 37.4, 0))}.middle-cyan-100,.middle-cyan-100-hover:hover{--x-middle-color: var(--x-cyan-100);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(229.4, 242.8, 255, 0))}.middle-cyan-200,.middle-cyan-200-hover:hover{--x-middle-color: var(--x-cyan-200);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(203.8, 230.6, 255, 0))}.middle-cyan-300,.middle-cyan-300-hover:hover{--x-middle-color: var(--x-cyan-300);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(178.2, 218.4, 255, 0))}.middle-cyan-400,.middle-cyan-400-hover:hover{--x-middle-color: var(--x-cyan-400);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(152.6, 206.2, 255, 0))}.middle-cyan-500,.middle-cyan-500-hover:hover{--x-middle-color: var(--x-cyan-500);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(127, 194, 255, 0))}.middle-cyan-600,.middle-cyan-600-hover:hover{--x-middle-color: var(--x-cyan-600);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(101.6, 155.2, 204, 0))}.middle-cyan-700,.middle-cyan-700-hover:hover{--x-middle-color: var(--x-cyan-700);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(76.2, 116.4, 153, 0))}.middle-cyan-800,.middle-cyan-800-hover:hover{--x-middle-color: var(--x-cyan-800);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(50.8, 77.6, 102, 0))}.middle-cyan-900,.middle-cyan-900-hover:hover{--x-middle-color: var(--x-cyan-900);--x-gradient: var(--x-start-color), var(--x-middle-color), var(--x-end-color, rgba(25.4, 38.8, 51, 0))}.end-transparent,.end-transparent-hover:hover{--x-end-color: transparent}.end-gray-50,.end-gray-50-hover:hover{--x-end-color: var(--x-gray-50)}.end-gray-100,.end-gray-100-hover:hover{--x-end-color: var(--x-gray-100)}.end-gray-200,.end-gray-200-hover:hover{--x-end-color: var(--x-gray-200)}.end-gray-300,.end-gray-300-hover:hover{--x-end-color: var(--x-gray-300)}.end-gray-400,.end-gray-400-hover:hover{--x-end-color: var(--x-gray-400)}.end-gray-500,.end-gray-500-hover:hover{--x-end-color: var(--x-gray-500)}.end-gray-600,.end-gray-600-hover:hover{--x-end-color: var(--x-gray-600)}.end-gray-700,.end-gray-700-hover:hover{--x-end-color: var(--x-gray-700)}.end-gray-800,.end-gray-800-hover:hover{--x-end-color: var(--x-gray-800)}.end-gray-900,.end-gray-900-hover:hover{--x-end-color: var(--x-gray-900)}.end-gray-950,.end-gray-950-hover:hover{--x-end-color: var(--x-gray-950)}.end-blue-100,.end-blue-100-hover:hover{--x-end-color: var(--x-blue-100)}.end-blue-200,.end-blue-200-hover:hover{--x-end-color: var(--x-blue-200)}.end-blue-300,.end-blue-300-hover:hover{--x-end-color: var(--x-blue-300)}.end-blue-400,.end-blue-400-hover:hover{--x-end-color: var(--x-blue-400)}.end-blue-500,.end-blue-500-hover:hover{--x-end-color: var(--x-blue-500)}.end-blue-600,.end-blue-600-hover:hover{--x-end-color: var(--x-blue-600)}.end-blue-700,.end-blue-700-hover:hover{--x-end-color: var(--x-blue-700)}.end-blue-800,.end-blue-800-hover:hover{--x-end-color: var(--x-blue-800)}.end-blue-900,.end-blue-900-hover:hover{--x-end-color: var(--x-blue-900)}.end-indigo-100,.end-indigo-100-hover:hover{--x-end-color: var(--x-indigo-100)}.end-indigo-200,.end-indigo-200-hover:hover{--x-end-color: var(--x-indigo-200)}.end-indigo-300,.end-indigo-300-hover:hover{--x-end-color: var(--x-indigo-300)}.end-indigo-400,.end-indigo-400-hover:hover{--x-end-color: var(--x-indigo-400)}.end-indigo-500,.end-indigo-500-hover:hover{--x-end-color: var(--x-indigo-500)}.end-indigo-600,.end-indigo-600-hover:hover{--x-end-color: var(--x-indigo-600)}.end-indigo-700,.end-indigo-700-hover:hover{--x-end-color: var(--x-indigo-700)}.end-indigo-800,.end-indigo-800-hover:hover{--x-end-color: var(--x-indigo-800)}.end-indigo-900,.end-indigo-900-hover:hover{--x-end-color: var(--x-indigo-900)}.end-purple-100,.end-purple-100-hover:hover{--x-end-color: var(--x-purple-100)}.end-purple-200,.end-purple-200-hover:hover{--x-end-color: var(--x-purple-200)}.end-purple-300,.end-purple-300-hover:hover{--x-end-color: var(--x-purple-300)}.end-purple-400,.end-purple-400-hover:hover{--x-end-color: var(--x-purple-400)}.end-purple-500,.end-purple-500-hover:hover{--x-end-color: var(--x-purple-500)}.end-purple-600,.end-purple-600-hover:hover{--x-end-color: var(--x-purple-600)}.end-purple-700,.end-purple-700-hover:hover{--x-end-color: var(--x-purple-700)}.end-purple-800,.end-purple-800-hover:hover{--x-end-color: var(--x-purple-800)}.end-purple-900,.end-purple-900-hover:hover{--x-end-color: var(--x-purple-900)}.end-pink-100,.end-pink-100-hover:hover{--x-end-color: var(--x-pink-100)}.end-pink-200,.end-pink-200-hover:hover{--x-end-color: var(--x-pink-200)}.end-pink-300,.end-pink-300-hover:hover{--x-end-color: var(--x-pink-300)}.end-pink-400,.end-pink-400-hover:hover{--x-end-color: var(--x-pink-400)}.end-pink-500,.end-pink-500-hover:hover{--x-end-color: var(--x-pink-500)}.end-pink-600,.end-pink-600-hover:hover{--x-end-color: var(--x-pink-600)}.end-pink-700,.end-pink-700-hover:hover{--x-end-color: var(--x-pink-700)}.end-pink-800,.end-pink-800-hover:hover{--x-end-color: var(--x-pink-800)}.end-pink-900,.end-pink-900-hover:hover{--x-end-color: var(--x-pink-900)}.end-red-100,.end-red-100-hover:hover{--x-end-color: var(--x-red-100)}.end-red-200,.end-red-200-hover:hover{--x-end-color: var(--x-red-200)}.end-red-300,.end-red-300-hover:hover{--x-end-color: var(--x-red-300)}.end-red-400,.end-red-400-hover:hover{--x-end-color: var(--x-red-400)}.end-red-500,.end-red-500-hover:hover{--x-end-color: var(--x-red-500)}.end-red-600,.end-red-600-hover:hover{--x-end-color: var(--x-red-600)}.end-red-700,.end-red-700-hover:hover{--x-end-color: var(--x-red-700)}.end-red-800,.end-red-800-hover:hover{--x-end-color: var(--x-red-800)}.end-red-900,.end-red-900-hover:hover{--x-end-color: var(--x-red-900)}.end-orange-100,.end-orange-100-hover:hover{--x-end-color: var(--x-orange-100)}.end-orange-200,.end-orange-200-hover:hover{--x-end-color: var(--x-orange-200)}.end-orange-300,.end-orange-300-hover:hover{--x-end-color: var(--x-orange-300)}.end-orange-400,.end-orange-400-hover:hover{--x-end-color: var(--x-orange-400)}.end-orange-500,.end-orange-500-hover:hover{--x-end-color: var(--x-orange-500)}.end-orange-600,.end-orange-600-hover:hover{--x-end-color: var(--x-orange-600)}.end-orange-700,.end-orange-700-hover:hover{--x-end-color: var(--x-orange-700)}.end-orange-800,.end-orange-800-hover:hover{--x-end-color: var(--x-orange-800)}.end-orange-900,.end-orange-900-hover:hover{--x-end-color: var(--x-orange-900)}.end-yellow-100,.end-yellow-100-hover:hover{--x-end-color: var(--x-yellow-100)}.end-yellow-200,.end-yellow-200-hover:hover{--x-end-color: var(--x-yellow-200)}.end-yellow-300,.end-yellow-300-hover:hover{--x-end-color: var(--x-yellow-300)}.end-yellow-400,.end-yellow-400-hover:hover{--x-end-color: var(--x-yellow-400)}.end-yellow-500,.end-yellow-500-hover:hover{--x-end-color: var(--x-yellow-500)}.end-yellow-600,.end-yellow-600-hover:hover{--x-end-color: var(--x-yellow-600)}.end-yellow-700,.end-yellow-700-hover:hover{--x-end-color: var(--x-yellow-700)}.end-yellow-800,.end-yellow-800-hover:hover{--x-end-color: var(--x-yellow-800)}.end-yellow-900,.end-yellow-900-hover:hover{--x-end-color: var(--x-yellow-900)}.end-green-100,.end-green-100-hover:hover{--x-end-color: var(--x-green-100)}.end-green-200,.end-green-200-hover:hover{--x-end-color: var(--x-green-200)}.end-green-300,.end-green-300-hover:hover{--x-end-color: var(--x-green-300)}.end-green-400,.end-green-400-hover:hover{--x-end-color: var(--x-green-400)}.end-green-500,.end-green-500-hover:hover{--x-end-color: var(--x-green-500)}.end-green-600,.end-green-600-hover:hover{--x-end-color: var(--x-green-600)}.end-green-700,.end-green-700-hover:hover{--x-end-color: var(--x-green-700)}.end-green-800,.end-green-800-hover:hover{--x-end-color: var(--x-green-800)}.end-green-900,.end-green-900-hover:hover{--x-end-color: var(--x-green-900)}.end-lime-100,.end-lime-100-hover:hover{--x-end-color: var(--x-lime-100)}.end-lime-200,.end-lime-200-hover:hover{--x-end-color: var(--x-lime-200)}.end-lime-300,.end-lime-300-hover:hover{--x-end-color: var(--x-lime-300)}.end-lime-400,.end-lime-400-hover:hover{--x-end-color: var(--x-lime-400)}.end-lime-500,.end-lime-500-hover:hover{--x-end-color: var(--x-lime-500)}.end-lime-600,.end-lime-600-hover:hover{--x-end-color: var(--x-lime-600)}.end-lime-700,.end-lime-700-hover:hover{--x-end-color: var(--x-lime-700)}.end-lime-800,.end-lime-800-hover:hover{--x-end-color: var(--x-lime-800)}.end-lime-900,.end-lime-900-hover:hover{--x-end-color: var(--x-lime-900)}.end-teal-100,.end-teal-100-hover:hover{--x-end-color: var(--x-teal-100)}.end-teal-200,.end-teal-200-hover:hover{--x-end-color: var(--x-teal-200)}.end-teal-300,.end-teal-300-hover:hover{--x-end-color: var(--x-teal-300)}.end-teal-400,.end-teal-400-hover:hover{--x-end-color: var(--x-teal-400)}.end-teal-500,.end-teal-500-hover:hover{--x-end-color: var(--x-teal-500)}.end-teal-600,.end-teal-600-hover:hover{--x-end-color: var(--x-teal-600)}.end-teal-700,.end-teal-700-hover:hover{--x-end-color: var(--x-teal-700)}.end-teal-800,.end-teal-800-hover:hover{--x-end-color: var(--x-teal-800)}.end-teal-900,.end-teal-900-hover:hover{--x-end-color: var(--x-teal-900)}.end-cyan-100,.end-cyan-100-hover:hover{--x-end-color: var(--x-cyan-100)}.end-cyan-200,.end-cyan-200-hover:hover{--x-end-color: var(--x-cyan-200)}.end-cyan-300,.end-cyan-300-hover:hover{--x-end-color: var(--x-cyan-300)}.end-cyan-400,.end-cyan-400-hover:hover{--x-end-color: var(--x-cyan-400)}.end-cyan-500,.end-cyan-500-hover:hover{--x-end-color: var(--x-cyan-500)}.end-cyan-600,.end-cyan-600-hover:hover{--x-end-color: var(--x-cyan-600)}.end-cyan-700,.end-cyan-700-hover:hover{--x-end-color: var(--x-cyan-700)}.end-cyan-800,.end-cyan-800-hover:hover{--x-end-color: var(--x-cyan-800)}.end-cyan-900,.end-cyan-900-hover:hover{--x-end-color: var(--x-cyan-900)}.filter{--x-blur: 0;--x-contrast: 0;--x-grayscale: 0;--x-hue-rotate: 0;--x-drop-shadow: 0;filter:blur(var(--x-blur))}.transform{--x-translate-x: 0;--x-translate-y: 0;--x-translate-z: 0;--x-perspective: 0;--x-rotate: 0;--x-rotate-x: 0;--x-rotate-y: 0;--x-skew-x: 0;--x-skew-y: 0;--x-scale-x: 1;--x-scale-y: 1;transform:translateX(var(--x-translate-x)) translateY(var(--x-translate-y)) perspective(var(--x-perspective)) rotate(var(--x-rotate)) rotateX(var(--x-rotate-x)) rotateY(var(--x-rotate-y)) skewX(var(--x-skew-x)) skewY(var(--x-skew-y)) scaleX(var(--x-scale-x)) scaleY(var(--x-scale-y))}@keyframes ping{75%,100%{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8, 0, 1, 1)}50%{transform:none;animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}}@keyframes slideLeft{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes slideRight{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.h-calc{--x-h: 0px;height:calc(100vh - var(--x-h))}.w-calc{--x-w: 0px;width:calc(100vw - var(--x-w))}@media(min-width: 576px){.h-sm-calc{--x-h-sm: 0px;height:calc(100vh - var(--x-h-sm))}.w-sm-calc{--x-w-sm: 0px;width:calc(100vw - var(--x-w-sm))}}@media(min-width: 768px){.h-md-calc{--x-h-md: 0px;height:calc(100vh - var(--x-h-md))}.w-md-calc{--x-w-md: 0px;width:calc(100vw - var(--x-w-md))}}@media(min-width