.\!text-opal { color: #0064D1 !important; }
.\!text-emerald { color: #26D07C !important; }
.\!text-marble { color: #FFFFFF !important; }
.\!text-topaz { color: #78C8F9 !important; }
.\!text-azurite { color: #1D4094 !important; }
.\!text-lapis { color: #00205B !important; }
.\!text-moonstone { color: #696969 !important; }
.\!text-onyx { color: #0A0F0F !important; }
.\!text-pearl { color: #E8E8E8 !important; }
.\!text-citrine { color: #FEE64F !important; }
.\!text-jasper { color: #F58225 !important; }
.\!text-rose { color: #EE6BA7 !important; }
.\!text-fire-opal { color: #FF1C1C !important; }
.\!text-amethyst { color: #70308B !important; }

.\!bg-opal { background-color: #0064D1 !important; }
.\!bg-emerald { background-color: #26D07C !important; }
.\!bg-marble { background-color: #FFFFFF !important; }
.\!bg-topaz { background-color: #78C8F9 !important; }
.\!bg-azurite { background-color: #1D4094 !important; }
.\!bg-lapis { background-color: #00205B !important; }
.\!bg-moonstone { background-color: #696969 !important; }
.\!bg-onyx { background-color: #0A0F0F !important; }
.\!bg-pearl { background-color: #E8E8E8 !important; }
.\!bg-citrine { background-color: #FEE64F !important; }
.\!bg-jasper { background-color: #F58225 !important; }
.\!bg-rose { background-color: #EE6BA7 !important; }
.\!bg-fire-opal { background-color: #FF1C1C !important; }
.\!bg-amethyst { background-color: #70308B !important; }

.\!border-opal { border-color: #0064D1 !important; }
.\!border-emerald { border-color: #26D07C !important; }
.\!border-marble { border-color: #FFFFFF !important; }
.\!border-topaz { border-color: #78C8F9 !important; }
.\!border-azurite { border-color: #1D4094 !important; }
.\!border-lapis { border-color: #00205B !important; }
.\!border-moonstone { border-color: #696969 !important; }
.\!border-onyx { border-color: #0A0F0F !important; }
.\!border-pearl { border-color: #E8E8E8 !important; }
.\!border-citrine { border-color: #FEE64F !important; }
.\!border-jasper { border-color: #F58225 !important; }
.\!border-rose { border-color: #EE6BA7 !important; }
.\!border-fire-opal { border-color: #FF1C1C !important; }
.\!border-amethyst { border-color: #70308B !important; }

.\!text-xs { font-size: 0.75rem !important; /* 12px */ }
.\!text-sm { font-size: 0.875rem !important; /* 14px */ }
.\!text-base { font-size: 1rem !important; /* 16px */ }
.\!text-lg { font-size: 1.125rem !important; /* 18px */ }
.\!text-xl { font-size: 1.25rem !important; /* 20px */ }
.\!text-2xl { font-size: 1.5rem !important; /* 24px */ }
.\!text-3xl { font-size: 1.875rem !important; /* 30px */ }
.\!text-4xl { font-size: 2.25rem !important; /* 36px */ }

.\!leading-none { line-height: 1 !important; }
.\!leading-tight { line-height: 1.25 !important; }
.\!leading-snug { line-height: 1.375 !important; }
.\!leading-normal { line-height: 1.5 !important; }
.\!leading-relaxed { line-height: 1.625 !important; }
.\!leading-loose { line-height: 2 !important; }

.\!text-left { text-align: left !important; }
.\!text-center { text-align: center !important; }
.\!text-right { text-align: right !important; }
.\!text-justify { text-align: justify !important; }

.\!font-light { font-weight: 300 !important; }
.\!font-normal { font-weight: 400 !important; }
.\!italic { font-style: italic !important; }
.\!font-semibold { font-weight: 600 !important; }
.\!font-bold { font-weight: 700 !important; }

.\!bg-\[image\:var\(--bg-img-mobile\)\] { background-image: var(--bg-img-mobile) !important; }
.\!bg-\[image\:var\(--bg-img-tablet\)\] { background-image: var(--bg-img-tablet) !important; }
.\!bg-\[image\:var\(--bg-img-desktop\)\] { background-image: var(--bg-img-desktop) !important; }

.\!bg-cover { background-size: cover !important; }
.\!bg-contain { background-size: contain !important; }
.\!bg-auto { background-size: auto !important; }

.\!bg-center { background-position: center !important; }
.\!bg-top { background-position: top !important; }
.\!bg-left-top { background-position: left top !important; }
.\!bg-right-top { background-position: right top !important; }
.\!bg-bottom { background-position: bottom !important; }
.\!bg-left-bottom { background-position: left bottom !important; }
.\!bg-right-bottom { background-position: right bottom !important; }
.\!bg-left { background-position: left !important; }
.\!bg-right { background-position: right !important; }

.\!bg-no-repeat { background-repeat: no-repeat !important; }
.\!bg-repeat { background-repeat: repeat !important; }
.\!bg-repeat-x { background-repeat: repeat-x !important; }
.\!bg-repeat-y { background-repeat: repeat-y !important; }
.\!bg-repeat-space { background-repeat: space !important; }
.\!bg-repeat-round { background-repeat: round !important; }

/* margin-top */
.\!mt-0 { margin-top: 0px !important; }
.\!mt-px { margin-top: 1px !important; }
.\!mt-0\.5 { margin-top: 2px !important; }
.\!mt-1 { margin-top: 4px !important; }
.\!mt-1\.5 { margin-top: 6px !important; }
.\!mt-2 { margin-top: 8px !important; }
.\!mt-3 { margin-top: 12px !important; }
.\!mt-4 { margin-top: 16px !important; }
.\!mt-5 { margin-top: 20px !important; }
.\!mt-6 { margin-top: 24px !important; }
.\!mt-8 { margin-top: 32px !important; }
.\!mt-10 { margin-top: 40px !important; }
.\!mt-12 { margin-top: 48px !important; }
.\!mt-16 { margin-top: 64px !important; }
.\!mt-20 { margin-top: 80px !important; }
.\!mt-24 { margin-top: 96px !important; }
.\!mt-32 { margin-top: 128px !important; }
.\!mt-48 { margin-top: 192px !important; }
.\!mt-64 { margin-top: 256px !important; }
.\!mt-auto { margin-top: auto !important; }
.\!-mt-px { margin-top: -1px !important; }
.\!-mt-0\.5 { margin-top: -0.125rem !important; } /* -2px */
.\!-mt-1 { margin-top: -0.25rem !important; }    /* -4px */
.\!-mt-1\.5 { margin-top: -0.375rem !important; }/* -6px */
.\!-mt-2 { margin-top: -0.5rem !important; }     /* -8px */
.\!-mt-3 { margin-top: -0.75rem !important; }    /* -12px */
.\!-mt-4 { margin-top: -1rem !important; }       /* -16px */
.\!-mt-5 { margin-top: -1.25rem !important; }    /* -20px */
.\!-mt-6 { margin-top: -1.5rem !important; }     /* -24px */
.\!-mt-8 { margin-top: -2rem !important; }       /* -32px */
.\!-mt-10 { margin-top: -2.5rem !important; }    /* -40px */
.\!-mt-12 { margin-top: -3rem !important; }      /* -48px */
.\!-mt-16 { margin-top: -4rem !important; }      /* -64px */
.\!-mt-20 { margin-top: -5rem !important; }      /* -80px */
.\!-mt-24 { margin-top: -6rem !important; }      /* -96px */
.\!-mt-32 { margin-top: -8rem !important; }      /* -128px */
.\!-mt-48 { margin-top: -12rem !important; }     /* -192px */
.\!-mt-64 { margin-top: -16rem !important; }     /* -256px */

/* margin-bottom */
.\!mb-0 { margin-bottom: 0px !important; }
.\!mb-px { margin-bottom: 1px !important; }
.\!mb-0\.5 { margin-bottom: 2px !important; }
.\!mb-1 { margin-bottom: 4px !important; }
.\!mb-1\.5 { margin-bottom: 6px !important; }
.\!mb-2 { margin-bottom: 8px !important; }
.\!mb-3 { margin-bottom: 12px !important; }
.\!mb-4 { margin-bottom: 16px !important; }
.\!mb-5 { margin-bottom: 20px !important; }
.\!mb-6 { margin-bottom: 24px !important; }
.\!mb-8 { margin-bottom: 32px !important; }
.\!mb-10 { margin-bottom: 40px !important; }
.\!mb-12 { margin-bottom: 48px !important; }
.\!mb-16 { margin-bottom: 64px !important; }
.\!mb-20 { margin-bottom: 80px !important; }
.\!mb-24 { margin-bottom: 96px !important; }
.\!mb-32 { margin-bottom: 128px !important; }
.\!mb-48 { margin-bottom: 192px !important; }
.\!mb-64 { margin-bottom: 256px !important; }
.\!mb-auto { margin-bottom: auto !important; }
.\!-mb-px { margin-bottom: -1px !important; }
.\!-mb-0\.5 { margin-bottom: -0.125rem !important; } /* -2px */
.\!-mb-1 { margin-bottom: -0.25rem !important; }    /* -4px */
.\!-mb-1\.5 { margin-bottom: -0.375rem !important; }/* -6px */
.\!-mb-2 { margin-bottom: -0.5rem !important; }     /* -8px */
.\!-mb-3 { margin-bottom: -0.75rem !important; }    /* -12px */
.\!-mb-4 { margin-bottom: -1rem !important; }       /* -16px */
.\!-mb-5 { margin-bottom: -1.25rem !important; }    /* -20px */
.\!-mb-6 { margin-bottom: -1.5rem !important; }     /* -24px */
.\!-mb-8 { margin-bottom: -2rem !important; }       /* -32px */
.\!-mb-10 { margin-bottom: -2.5rem !important; }    /* -40px */
.\!-mb-12 { margin-bottom: -3rem !important; }      /* -48px */
.\!-mb-16 { margin-bottom: -4rem !important; }      /* -64px */
.\!-mb-20 { margin-bottom: -5rem !important; }      /* -80px */
.\!-mb-24 { margin-bottom: -6rem !important; }      /* -96px */
.\!-mb-32 { margin-bottom: -8rem !important; }      /* -128px */
.\!-mb-48 { margin-bottom: -12rem !important; }     /* -192px */
.\!-mb-64 { margin-bottom: -16rem !important; }     /* -256px */

/* margin-left */
.\!ml-0 { margin-left: 0px !important; }
.\!ml-px { margin-left: 1px !important; }
.\!ml-0\.5 { margin-left: 2px !important; }
.\!ml-1 { margin-left: 4px !important; }
.\!ml-1\.5 { margin-left: 6px !important; }
.\!ml-2 { margin-left: 8px !important; }
.\!ml-3 { margin-left: 12px !important; }
.\!ml-4 { margin-left: 16px !important; }
.\!ml-5 { margin-left: 20px !important; }
.\!ml-6 { margin-left: 24px !important; }
.\!ml-8 { margin-left: 32px !important; }
.\!ml-10 { margin-left: 40px !important; }
.\!ml-12 { margin-left: 48px !important; }
.\!ml-16 { margin-left: 64px !important; }
.\!ml-20 { margin-left: 80px !important; }
.\!ml-24 { margin-left: 96px !important; }
.\!ml-32 { margin-left: 128px !important; }
.\!ml-48 { margin-left: 192px !important; }
.\!ml-64 { margin-left: 256px !important; }
.\!ml-auto { margin-left: auto !important; }
.\!-ml-px { margin-left: -1px !important; }
.\!-ml-0\.5 { margin-left: -0.125rem !important; } /* -2px */
.\!-ml-1 { margin-left: -0.25rem !important; }    /* -4px */
.\!-ml-1\.5 { margin-left: -0.375rem !important; }/* -6px */
.\!-ml-2 { margin-left: -0.5rem !important; }     /* -8px */
.\!-ml-3 { margin-left: -0.75rem !important; }    /* -12px */
.\!-ml-4 { margin-left: -1rem !important; }       /* -16px */
.\!-ml-5 { margin-left: -1.25rem !important; }    /* -20px */
.\!-ml-6 { margin-left: -1.5rem !important; }     /* -24px */
.\!-ml-8 { margin-left: -2rem !important; }       /* -32px */
.\!-ml-10 { margin-left: -2.5rem !important; }    /* -40px */
.\!-ml-12 { margin-left: -3rem !important; }      /* -48px */
.\!-ml-16 { margin-left: -4rem !important; }      /* -64px */
.\!-ml-20 { margin-left: -5rem !important; }      /* -80px */
.\!-ml-24 { margin-left: -6rem !important; }      /* -96px */
.\!-ml-32 { margin-left: -8rem !important; }      /* -128px */
.\!-ml-48 { margin-left: -12rem !important; }     /* -192px */
.\!-ml-64 { margin-left: -16rem !important; }     /* -256px */

/* margin-right */
.\!mr-0 { margin-right: 0px !important; }
.\!mr-px { margin-right: 1px !important; }
.\!mr-0\.5 { margin-right: 2px !important; }
.\!mr-1 { margin-right: 4px !important; }
.\!mr-1\.5 { margin-right: 6px !important; }
.\!mr-2 { margin-right: 8px !important; }
.\!mr-3 { margin-right: 12px !important; }
.\!mr-4 { margin-right: 16px !important; }
.\!mr-5 { margin-right: 20px !important; }
.\!mr-6 { margin-right: 24px !important; }
.\!mr-8 { margin-right: 32px !important; }
.\!mr-10 { margin-right: 40px !important; }
.\!mr-12 { margin-right: 48px !important; }
.\!mr-16 { margin-right: 64px !important; }
.\!mr-20 { margin-right: 80px !important; }
.\!mr-24 { margin-right: 96px !important; }
.\!mr-32 { margin-right: 128px !important; }
.\!mr-48 { margin-right: 192px !important; }
.\!mr-64 { margin-right: 256px !important; }
.\!mr-auto { margin-right: auto !important; }
.\!-mr-px { margin-right: -1px !important; }
.\!-mr-0\.5 { margin-right: -0.125rem !important; } /* -2px */
.\!-mr-1 { margin-right: -0.25rem !important; }    /* -4px */
.\!-mr-1\.5 { margin-right: -0.375rem !important; }/* -6px */
.\!-mr-2 { margin-right: -0.5rem !important; }     /* -8px */
.\!-mr-3 { margin-right: -0.75rem !important; }    /* -12px */
.\!-mr-4 { margin-right: -1rem !important; }       /* -16px */
.\!-mr-5 { margin-right: -1.25rem !important; }    /* -20px */
.\!-mr-6 { margin-right: -1.5rem !important; }     /* -24px */
.\!-mr-8 { margin-right: -2rem !important; }       /* -32px */
.\!-mr-10 { margin-right: -2.5rem !important; }    /* -40px */
.\!-mr-12 { margin-right: -3rem !important; }      /* -48px */
.\!-mr-16 { margin-right: -4rem !important; }      /* -64px */
.\!-mr-20 { margin-right: -5rem !important; }      /* -80px */
.\!-mr-24 { margin-right: -6rem !important; }      /* -96px */
.\!-mr-32 { margin-right: -8rem !important; }      /* -128px */
.\!-mr-48 { margin-right: -12rem !important; }     /* -192px */
.\!-mr-64 { margin-right: -16rem !important; }     /* -256px */

/* padding-top */
.\!pt-0 { padding-top: 0px !important; }
.\!pt-px { padding-top: 1px !important; }
.\!pt-0\.5 { padding-top: 2px !important; }
.\!pt-1 { padding-top: 4px !important; }
.\!pt-1\.5 { padding-top: 6px !important; }
.\!pt-2 { padding-top: 8px !important; }
.\!pt-3 { padding-top: 12px !important; }
.\!pt-4 { padding-top: 16px !important; }
.\!pt-5 { padding-top: 20px !important; }
.\!pt-6 { padding-top: 24px !important; }
.\!pt-8 { padding-top: 32px !important; }
.\!pt-10 { padding-top: 40px !important; }
.\!pt-12 { padding-top: 48px !important; }
.\!pt-16 { padding-top: 64px !important; }
.\!pt-20 { padding-top: 80px !important; }
.\!pt-24 { padding-top: 96px !important; }
.\!pt-32 { padding-top: 128px !important; }
.\!pt-48 { padding-top: 192px !important; }
.\!pt-64 { padding-top: 256px !important; }

/* padding-bottom */
.\!pb-0 { padding-bottom: 0px !important; }
.\!pb-px { padding-bottom: 1px !important; }
.\!pb-0\.5 { padding-bottom: 2px !important; }
.\!pb-1 { padding-bottom: 4px !important; }
.\!pb-1\.5 { padding-bottom: 6px !important; }
.\!pb-2 { padding-bottom: 8px !important; }
.\!pb-3 { padding-bottom: 12px !important; }
.\!pb-4 { padding-bottom: 16px !important; }
.\!pb-5 { padding-bottom: 20px !important; }
.\!pb-6 { padding-bottom: 24px !important; }
.\!pb-8 { padding-bottom: 32px !important; }
.\!pb-10 { padding-bottom: 40px !important; }
.\!pb-12 { padding-bottom: 48px !important; }
.\!pb-16 { padding-bottom: 64px !important; }
.\!pb-20 { padding-bottom: 80px !important; }
.\!pb-24 { padding-bottom: 96px !important; }
.\!pb-32 { padding-bottom: 128px !important; }
.\!pb-48 { padding-bottom: 192px !important; }
.\!pb-64 { padding-bottom: 256px !important; }

/* padding-left */
.\!pl-0 { padding-left: 0px !important; }
.\!pl-px { padding-left: 1px !important; }
.\!pl-0\.5 { padding-left: 2px !important; }
.\!pl-1 { padding-left: 4px !important; }
.\!pl-1\.5 { padding-left: 6px !important; }
.\!pl-2 { padding-left: 8px !important; }
.\!pl-3 { padding-left: 12px !important; }
.\!pl-4 { padding-left: 16px !important; }
.\!pl-5 { padding-left: 20px !important; }
.\!pl-6 { padding-left: 24px !important; }
.\!pl-8 { padding-left: 32px !important; }
.\!pl-10 { padding-left: 40px !important; }
.\!pl-12 { padding-left: 48px !important; }
.\!pl-16 { padding-left: 64px !important; }
.\!pl-20 { padding-left: 80px !important; }
.\!pl-24 { padding-left: 96px !important; }
.\!pl-32 { padding-left: 128px !important; }
.\!pl-48 { padding-left: 192px !important; }
.\!pl-64 { padding-left: 256px !important; }

/* padding-right */
.\!pr-0 { padding-right: 0px !important; }
.\!pr-px { padding-right: 1px !important; }
.\!pr-0\.5 { padding-right: 2px !important; }
.\!pr-1 { padding-right: 4px !important; }
.\!pr-1\.5 { padding-right: 6px !important; }
.\!pr-2 { padding-right: 8px !important; }
.\!pr-3 { padding-right: 12px !important; }
.\!pr-4 { padding-right: 16px !important; }
.\!pr-5 { padding-right: 20px !important; }
.\!pr-6 { padding-right: 24px !important; }
.\!pr-8 { padding-right: 32px !important; }
.\!pr-10 { padding-right: 40px !important; }
.\!pr-12 { padding-right: 48px !important; }
.\!pr-16 { padding-right: 64px !important; }
.\!pr-20 { padding-right: 80px !important; }
.\!pr-24 { padding-right: 96px !important; }
.\!pr-32 { padding-right: 128px !important; }
.\!pr-48 { padding-right: 192px !important; }
.\!pr-64 { padding-right: 256px !important; }

.\!border { border-width: 1px !important; }
.\!border-2 { border-width: 2px !important; }
.\!border-4 { border-width: 4px !important; }
.\!border-8 { border-width: 8px !important; }

.\!border-none { border-style: none !important; }
.\!border-solid { border-style: solid !important; }
.\!border-dashed { border-style: dashed !important; }
.\!border-dotted { border-style: dotted !important; }
.\!border-double { border-style: double !important; }

.\!shadow-sm { box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05) !important; }
.\!shadow-md { box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06) !important; }
.\!shadow-lg { box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05) !important; }
.\!shadow-xl { box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04) !important; }
.\!shadow-2xl { box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25) !important; }

.\!rounded-sm { border-radius: 2px !important; }
.\!rounded { border-radius: 4px !important; }
.\!rounded-md { border-radius: 6px !important; }
.\!rounded-lg { border-radius: 8px !important; }
.\!rounded-xl { border-radius: 12px !important; }
.\!rounded-2xl { border-radius: 16px !important; }
.\!rounded-3xl { border-radius: 24px !important; }
.\!rounded-full { border-radius: calc(infinity * 1px) !important; }

.\!rounded-tl-sm { border-top-left-radius: 2px !important; }
.\!rounded-tl { border-top-left-radius: 4px !important; }
.\!rounded-tl-md { border-top-left-radius: 6px !important; }
.\!rounded-tl-lg { border-top-left-radius: 8px !important; }
.\!rounded-tl-xl { border-top-left-radius: 12px !important; }
.\!rounded-tl-2xl { border-top-left-radius: 16px !important; }
.\!rounded-tl-3xl { border-top-left-radius: 24px !important; }
.\!rounded-tl-full { border-top-left-radius: calc(infinity * 1px) !important; }

.\!rounded-tr-sm { border-top-right-radius: 2px !important; }
.\!rounded-tr { border-top-right-radius: 4px !important; }
.\!rounded-tr-md { border-top-right-radius: 6px !important; }
.\!rounded-tr-lg { border-top-right-radius: 8px !important; }
.\!rounded-tr-xl { border-top-right-radius: 12px !important; }
.\!rounded-tr-2xl { border-top-right-radius: 16px !important; }
.\!rounded-tr-3xl { border-top-right-radius: 24px !important; }
.\!rounded-tr-full { border-top-right-radius: calc(infinity * 1px) !important; }

.\!rounded-bl-sm { border-bottom-left-radius: 2px !important; }
.\!rounded-bl { border-bottom-left-radius: 4px !important; }
.\!rounded-bl-md { border-bottom-left-radius: 6px !important; }
.\!rounded-bl-lg { border-bottom-left-radius: 8px !important; }
.\!rounded-bl-xl { border-bottom-left-radius: 12px !important; }
.\!rounded-bl-2xl { border-bottom-left-radius: 16px !important; }
.\!rounded-bl-3xl { border-bottom-left-radius: 24px !important; }
.\!rounded-bl-full { border-bottom-left-radius: calc(infinity * 1px) !important; }

.\!rounded-br-sm { border-bottom-right-radius: 2px !important; }
.\!rounded-br { border-bottom-right-radius: 4px !important; }
.\!rounded-br-md { border-bottom-right-radius: 6px !important; }
.\!rounded-br-lg { border-bottom-right-radius: 8px !important; }
.\!rounded-br-xl { border-bottom-right-radius: 12px !important; }
.\!rounded-br-2xl { border-bottom-right-radius: 16px !important; }
.\!rounded-br-3xl { border-bottom-right-radius: 24px !important; }
.\!rounded-br-full { border-bottom-right-radius: calc(infinity * 1px) !important; }

.\!object-none { object-fit: none !important; }
.\!object-cover { object-fit: cover !important; }
.\!object-contain { object-fit: contain !important; }
.\!object-fill { object-fit: fill !important; }
.\!object-scale-down { object-fit: scale-down !important; }

.\!object-bottom { object-position: bottom !important; }
.\!object-center { object-position: center !important; }
.\!object-left { object-position: left !important; }
.\!object-left-bottom { object-position: left bottom !important; }
.\!object-left-top { object-position: left top !important; }
.\!object-right { object-position: right !important; }
.\!object-right-bottom { object-position: right bottom !important; }
.\!object-right-top { object-position: right top !important; }
.\!object-top { object-position: top !important; }

.\!grid { display: grid !important; }
.\!grid-cols-24 { grid-template-columns: repeat(24, minmax(0, 1fr)) !important; }

.\!col-span-\[1\] { grid-column: span 1 / span 1 !important; }
.\!col-span-\[2\] { grid-column: span 2 / span 2 !important; }
.\!col-span-\[3\] { grid-column: span 3 / span 3 !important; }
.\!col-span-\[4\] { grid-column: span 4 / span 4 !important; }
.\!col-span-\[5\] { grid-column: span 5 / span 5 !important; }
.\!col-span-\[6\] { grid-column: span 6 / span 6 !important; }
.\!col-span-\[7\] { grid-column: span 7 / span 7 !important; }
.\!col-span-\[8\] { grid-column: span 8 / span 8 !important; }
.\!col-span-\[9\] { grid-column: span 9 / span 9 !important; }
.\!col-span-\[10\] { grid-column: span 10 / span 10 !important; }
.\!col-span-\[11\] { grid-column: span 11 / span 11 !important; }
.\!col-span-\[12\] { grid-column: span 12 / span 12 !important; }
.\!col-span-\[13\] { grid-column: span 13 / span 13 !important; }
.\!col-span-\[14\] { grid-column: span 14 / span 14 !important; }
.\!col-span-\[15\] { grid-column: span 15 / span 15 !important; }
.\!col-span-\[16\] { grid-column: span 16 / span 16 !important; }
.\!col-span-\[17\] { grid-column: span 17 / span 17 !important; }
.\!col-span-\[18\] { grid-column: span 18 / span 18 !important; }
.\!col-span-\[19\] { grid-column: span 19 / span 19 !important; }
.\!col-span-\[20\] { grid-column: span 20 / span 20 !important; }
.\!col-span-\[21\] { grid-column: span 21 / span 21 !important; }
.\!col-span-\[22\] { grid-column: span 22 / span 22 !important; }
.\!col-span-\[23\] { grid-column: span 23 / span 23 !important; }
.\!col-span-\[24\] { grid-column: span 24 / span 24 !important; }

.\!gap-0 { gap: 0px !important; }
.\!gap-0\.5 { gap: 0.125rem !important; }
.\!gap-1 { gap: 0.25rem !important; }
.\!gap-1\.5 { gap: 0.375rem !important; }
.\!gap-2 { gap: 0.5rem !important; }
.\!gap-3 { gap: 0.75rem !important; }
.\!gap-4 { gap: 1rem !important; }
.\!gap-5 { gap: 1.25rem !important; }
.\!gap-6 { gap: 1.5rem !important; }
.\!gap-8 { gap: 2rem !important; }
.\!gap-10 { gap: 2.5rem !important; }
.\!gap-12 { gap: 3rem !important; }
.\!gap-16 { gap: 4rem !important; }
.\!gap-20 { gap: 5rem !important; }
.\!gap-24 { gap: 6rem !important; }
.\!gap-32 { gap: 8rem !important; }
.\!gap-48 { gap: 12rem !important; }
.\!gap-64 { gap: 16rem !important; }

.\!w-full { width: 100% !important; }
.\!h-full { height: 100% !important; }

.\!inline-block { display: inline-block !important; }
.\!block { display: block !important; }

/* md: responsive variants (min-width: 768px) */
@media only screen and (min-width: 768px) {
.md\:\!text-opal { color: #0064D1 !important; }
.md\:\!text-emerald { color: #26D07C !important; }
.md\:\!text-marble { color: #FFFFFF !important; }
.md\:\!text-topaz { color: #78C8F9 !important; }
.md\:\!text-azurite { color: #1D4094 !important; }
.md\:\!text-lapis { color: #00205B !important; }
.md\:\!text-moonstone { color: #696969 !important; }
.md\:\!text-onyx { color: #0A0F0F !important; }
.md\:\!text-pearl { color: #E8E8E8 !important; }
.md\:\!text-citrine { color: #FEE64F !important; }
.md\:\!text-jasper { color: #F58225 !important; }
.md\:\!text-rose { color: #EE6BA7 !important; }
.md\:\!text-fire-opal { color: #FF1C1C !important; }
.md\:\!text-amethyst { color: #70308B !important; }

.md\:\!bg-opal { background-color: #0064D1 !important; }
.md\:\!bg-emerald { background-color: #26D07C !important; }
.md\:\!bg-marble { background-color: #FFFFFF !important; }
.md\:\!bg-topaz { background-color: #78C8F9 !important; }
.md\:\!bg-azurite { background-color: #1D4094 !important; }
.md\:\!bg-lapis { background-color: #00205B !important; }
.md\:\!bg-moonstone { background-color: #696969 !important; }
.md\:\!bg-onyx { background-color: #0A0F0F !important; }
.md\:\!bg-pearl { background-color: #E8E8E8 !important; }
.md\:\!bg-citrine { background-color: #FEE64F !important; }
.md\:\!bg-jasper { background-color: #F58225 !important; }
.md\:\!bg-rose { background-color: #EE6BA7 !important; }
.md\:\!bg-fire-opal { background-color: #FF1C1C !important; }
.md\:\!bg-amethyst { background-color: #70308B !important; }

.md\:\!border-opal { border-color: #0064D1 !important; }
.md\:\!border-emerald { border-color: #26D07C !important; }
.md\:\!border-marble { border-color: #FFFFFF !important; }
.md\:\!border-topaz { border-color: #78C8F9 !important; }
.md\:\!border-azurite { border-color: #1D4094 !important; }
.md\:\!border-lapis { border-color: #00205B !important; }
.md\:\!border-moonstone { border-color: #696969 !important; }
.md\:\!border-onyx { border-color: #0A0F0F !important; }
.md\:\!border-pearl { border-color: #E8E8E8 !important; }
.md\:\!border-citrine { border-color: #FEE64F !important; }
.md\:\!border-jasper { border-color: #F58225 !important; }
.md\:\!border-rose { border-color: #EE6BA7 !important; }
.md\:\!border-fire-opal { border-color: #FF1C1C !important; }
.md\:\!border-amethyst { border-color: #70308B !important; }

.md\:\!text-xs { font-size: 0.75rem !important; /* 12px */ }
.md\:\!text-sm { font-size: 0.875rem !important; /* 14px */ }
.md\:\!text-base { font-size: 1rem !important; /* 16px */ }
.md\:\!text-lg { font-size: 1.125rem !important; /* 18px */ }
.md\:\!text-xl { font-size: 1.25rem !important; /* 20px */ }
.md\:\!text-2xl { font-size: 1.5rem !important; /* 24px */ }
.md\:\!text-3xl { font-size: 1.875rem !important; /* 30px */ }
.md\:\!text-4xl { font-size: 2.25rem !important; /* 36px */ }

.md\:\!leading-none { line-height: 1 !important; }
.md\:\!leading-tight { line-height: 1.25 !important; }
.md\:\!leading-snug { line-height: 1.375 !important; }
.md\:\!leading-normal { line-height: 1.5 !important; }
.md\:\!leading-relaxed { line-height: 1.625 !important; }
.md\:\!leading-loose { line-height: 2 !important; }

.md\:\!text-left { text-align: left !important; }
.md\:\!text-center { text-align: center !important; }
.md\:\!text-right { text-align: right !important; }
.md\:\!text-justify { text-align: justify !important; }

.md\:\!font-light { font-weight: 300 !important; }
.md\:\!font-normal { font-weight: 400 !important; }
.md\:\!italic { font-style: italic !important; }
.md\:\!font-semibold { font-weight: 600 !important; }
.md\:\!font-bold { font-weight: 700 !important; }

.md\:\!bg-\[image\:var\(--bg-img-mobile\)\] { background-image: var(--bg-img-mobile) !important; }
.md\:\!bg-\[image\:var\(--bg-img-tablet\)\] { background-image: var(--bg-img-tablet) !important; }
.md\:\!bg-\[image\:var\(--bg-img-desktop\)\] { background-image: var(--bg-img-desktop) !important; }

.md\:\!bg-cover { background-size: cover !important; }
.md\:\!bg-contain { background-size: contain !important; }
.md\:\!bg-auto { background-size: auto !important; }

.md\:\!bg-center { background-position: center !important; }
.md\:\!bg-top { background-position: top !important; }
.md\:\!bg-left-top { background-position: left top !important; }
.md\:\!bg-right-top { background-position: right top !important; }
.md\:\!bg-bottom { background-position: bottom !important; }
.md\:\!bg-left-bottom { background-position: left bottom !important; }
.md\:\!bg-right-bottom { background-position: right bottom !important; }
.md\:\!bg-left { background-position: left !important; }
.md\:\!bg-right { background-position: right !important; }

.md\:\!bg-no-repeat { background-repeat: no-repeat !important; }
.md\:\!bg-repeat { background-repeat: repeat !important; }
.md\:\!bg-repeat-x { background-repeat: repeat-x !important; }
.md\:\!bg-repeat-y { background-repeat: repeat-y !important; }
.md\:\!bg-repeat-space { background-repeat: space !important; }
.md\:\!bg-repeat-round { background-repeat: round !important; }

/* margin-top */
.md\:\!mt-0 { margin-top: 0px !important; }
.md\:\!mt-px { margin-top: 1px !important; }
.md\:\!mt-0\.5 { margin-top: 2px !important; }
.md\:\!mt-1 { margin-top: 4px !important; }
.md\:\!mt-1\.5 { margin-top: 6px !important; }
.md\:\!mt-2 { margin-top: 8px !important; }
.md\:\!mt-3 { margin-top: 12px !important; }
.md\:\!mt-4 { margin-top: 16px !important; }
.md\:\!mt-5 { margin-top: 20px !important; }
.md\:\!mt-6 { margin-top: 24px !important; }
.md\:\!mt-8 { margin-top: 32px !important; }
.md\:\!mt-10 { margin-top: 40px !important; }
.md\:\!mt-12 { margin-top: 48px !important; }
.md\:\!mt-16 { margin-top: 64px !important; }
.md\:\!mt-20 { margin-top: 80px !important; }
.md\:\!mt-24 { margin-top: 96px !important; }
.md\:\!mt-32 { margin-top: 128px !important; }
.md\:\!mt-48 { margin-top: 192px !important; }
.md\:\!mt-64 { margin-top: 256px !important; }
.md\:\!mt-auto { margin-top: auto !important; }
.md\:\!-mt-px { margin-top: -1px !important; }
.md\:\!-mt-0\.5 { margin-top: -0.125rem !important; } /* -2px */
.md\:\!-mt-1 { margin-top: -0.25rem !important; }    /* -4px */
.md\:\!-mt-1\.5 { margin-top: -0.375rem !important; }/* -6px */
.md\:\!-mt-2 { margin-top: -0.5rem !important; }     /* -8px */
.md\:\!-mt-3 { margin-top: -0.75rem !important; }    /* -12px */
.md\:\!-mt-4 { margin-top: -1rem !important; }       /* -16px */
.md\:\!-mt-5 { margin-top: -1.25rem !important; }    /* -20px */
.md\:\!-mt-6 { margin-top: -1.5rem !important; }     /* -24px */
.md\:\!-mt-8 { margin-top: -2rem !important; }       /* -32px */
.md\:\!-mt-10 { margin-top: -2.5rem !important; }    /* -40px */
.md\:\!-mt-12 { margin-top: -3rem !important; }      /* -48px */
.md\:\!-mt-16 { margin-top: -4rem !important; }      /* -64px */
.md\:\!-mt-20 { margin-top: -5rem !important; }      /* -80px */
.md\:\!-mt-24 { margin-top: -6rem !important; }      /* -96px */
.md\:\!-mt-32 { margin-top: -8rem !important; }      /* -128px */
.md\:\!-mt-48 { margin-top: -12rem !important; }     /* -192px */
.md\:\!-mt-64 { margin-top: -16rem !important; }     /* -256px */

/* margin-bottom */
.md\:\!mb-0 { margin-bottom: 0px !important; }
.md\:\!mb-px { margin-bottom: 1px !important; }
.md\:\!mb-0\.5 { margin-bottom: 2px !important; }
.md\:\!mb-1 { margin-bottom: 4px !important; }
.md\:\!mb-1\.5 { margin-bottom: 6px !important; }
.md\:\!mb-2 { margin-bottom: 8px !important; }
.md\:\!mb-3 { margin-bottom: 12px !important; }
.md\:\!mb-4 { margin-bottom: 16px !important; }
.md\:\!mb-5 { margin-bottom: 20px !important; }
.md\:\!mb-6 { margin-bottom: 24px !important; }
.md\:\!mb-8 { margin-bottom: 32px !important; }
.md\:\!mb-10 { margin-bottom: 40px !important; }
.md\:\!mb-12 { margin-bottom: 48px !important; }
.md\:\!mb-16 { margin-bottom: 64px !important; }
.md\:\!mb-20 { margin-bottom: 80px !important; }
.md\:\!mb-24 { margin-bottom: 96px !important; }
.md\:\!mb-32 { margin-bottom: 128px !important; }
.md\:\!mb-48 { margin-bottom: 192px !important; }
.md\:\!mb-64 { margin-bottom: 256px !important; }
.md\:\!mb-auto { margin-bottom: auto !important; }
.md\:\!-mb-px { margin-bottom: -1px !important; }
.md\:\!-mb-0\.5 { margin-bottom: -0.125rem !important; } /* -2px */
.md\:\!-mb-1 { margin-bottom: -0.25rem !important; }    /* -4px */
.md\:\!-mb-1\.5 { margin-bottom: -0.375rem !important; }/* -6px */
.md\:\!-mb-2 { margin-bottom: -0.5rem !important; }     /* -8px */
.md\:\!-mb-3 { margin-bottom: -0.75rem !important; }    /* -12px */
.md\:\!-mb-4 { margin-bottom: -1rem !important; }       /* -16px */
.md\:\!-mb-5 { margin-bottom: -1.25rem !important; }    /* -20px */
.md\:\!-mb-6 { margin-bottom: -1.5rem !important; }     /* -24px */
.md\:\!-mb-8 { margin-bottom: -2rem !important; }       /* -32px */
.md\:\!-mb-10 { margin-bottom: -2.5rem !important; }    /* -40px */
.md\:\!-mb-12 { margin-bottom: -3rem !important; }      /* -48px */
.md\:\!-mb-16 { margin-bottom: -4rem !important; }      /* -64px */
.md\:\!-mb-20 { margin-bottom: -5rem !important; }      /* -80px */
.md\:\!-mb-24 { margin-bottom: -6rem !important; }      /* -96px */
.md\:\!-mb-32 { margin-bottom: -8rem !important; }      /* -128px */
.md\:\!-mb-48 { margin-bottom: -12rem !important; }     /* -192px */
.md\:\!-mb-64 { margin-bottom: -16rem !important; }     /* -256px */

/* margin-left */
.md\:\!ml-0 { margin-left: 0px !important; }
.md\:\!ml-px { margin-left: 1px !important; }
.md\:\!ml-0\.5 { margin-left: 2px !important; }
.md\:\!ml-1 { margin-left: 4px !important; }
.md\:\!ml-1\.5 { margin-left: 6px !important; }
.md\:\!ml-2 { margin-left: 8px !important; }
.md\:\!ml-3 { margin-left: 12px !important; }
.md\:\!ml-4 { margin-left: 16px !important; }
.md\:\!ml-5 { margin-left: 20px !important; }
.md\:\!ml-6 { margin-left: 24px !important; }
.md\:\!ml-8 { margin-left: 32px !important; }
.md\:\!ml-10 { margin-left: 40px !important; }
.md\:\!ml-12 { margin-left: 48px !important; }
.md\:\!ml-16 { margin-left: 64px !important; }
.md\:\!ml-20 { margin-left: 80px !important; }
.md\:\!ml-24 { margin-left: 96px !important; }
.md\:\!ml-32 { margin-left: 128px !important; }
.md\:\!ml-48 { margin-left: 192px !important; }
.md\:\!ml-64 { margin-left: 256px !important; }
.md\:\!ml-auto { margin-left: auto !important; }
.md\:\!-ml-px { margin-left: -1px !important; }
.md\:\!-ml-0\.5 { margin-left: -0.125rem !important; } /* -2px */
.md\:\!-ml-1 { margin-left: -0.25rem !important; }    /* -4px */
.md\:\!-ml-1\.5 { margin-left: -0.375rem !important; }/* -6px */
.md\:\!-ml-2 { margin-left: -0.5rem !important; }     /* -8px */
.md\:\!-ml-3 { margin-left: -0.75rem !important; }    /* -12px */
.md\:\!-ml-4 { margin-left: -1rem !important; }       /* -16px */
.md\:\!-ml-5 { margin-left: -1.25rem !important; }    /* -20px */
.md\:\!-ml-6 { margin-left: -1.5rem !important; }     /* -24px */
.md\:\!-ml-8 { margin-left: -2rem !important; }       /* -32px */
.md\:\!-ml-10 { margin-left: -2.5rem !important; }    /* -40px */
.md\:\!-ml-12 { margin-left: -3rem !important; }      /* -48px */
.md\:\!-ml-16 { margin-left: -4rem !important; }      /* -64px */
.md\:\!-ml-20 { margin-left: -5rem !important; }      /* -80px */
.md\:\!-ml-24 { margin-left: -6rem !important; }      /* -96px */
.md\:\!-ml-32 { margin-left: -8rem !important; }      /* -128px */
.md\:\!-ml-48 { margin-left: -12rem !important; }     /* -192px */
.md\:\!-ml-64 { margin-left: -16rem !important; }     /* -256px */

/* margin-right */
.md\:\!mr-0 { margin-right: 0px !important; }
.md\:\!mr-px { margin-right: 1px !important; }
.md\:\!mr-0\.5 { margin-right: 2px !important; }
.md\:\!mr-1 { margin-right: 4px !important; }
.md\:\!mr-1\.5 { margin-right: 6px !important; }
.md\:\!mr-2 { margin-right: 8px !important; }
.md\:\!mr-3 { margin-right: 12px !important; }
.md\:\!mr-4 { margin-right: 16px !important; }
.md\:\!mr-5 { margin-right: 20px !important; }
.md\:\!mr-6 { margin-right: 24px !important; }
.md\:\!mr-8 { margin-right: 32px !important; }
.md\:\!mr-10 { margin-right: 40px !important; }
.md\:\!mr-12 { margin-right: 48px !important; }
.md\:\!mr-16 { margin-right: 64px !important; }
.md\:\!mr-20 { margin-right: 80px !important; }
.md\:\!mr-24 { margin-right: 96px !important; }
.md\:\!mr-32 { margin-right: 128px !important; }
.md\:\!mr-48 { margin-right: 192px !important; }
.md\:\!mr-64 { margin-right: 256px !important; }
.md\:\!mr-auto { margin-right: auto !important; }
.md\:\!-mr-px { margin-right: -1px !important; }
.md\:\!-mr-0\.5 { margin-right: -0.125rem !important; } /* -2px */
.md\:\!-mr-1 { margin-right: -0.25rem !important; }    /* -4px */
.md\:\!-mr-1\.5 { margin-right: -0.375rem !important; }/* -6px */
.md\:\!-mr-2 { margin-right: -0.5rem !important; }     /* -8px */
.md\:\!-mr-3 { margin-right: -0.75rem !important; }    /* -12px */
.md\:\!-mr-4 { margin-right: -1rem !important; }       /* -16px */
.md\:\!-mr-5 { margin-right: -1.25rem !important; }    /* -20px */
.md\:\!-mr-6 { margin-right: -1.5rem !important; }     /* -24px */
.md\:\!-mr-8 { margin-right: -2rem !important; }       /* -32px */
.md\:\!-mr-10 { margin-right: -2.5rem !important; }    /* -40px */
.md\:\!-mr-12 { margin-right: -3rem !important; }      /* -48px */
.md\:\!-mr-16 { margin-right: -4rem !important; }      /* -64px */
.md\:\!-mr-20 { margin-right: -5rem !important; }      /* -80px */
.md\:\!-mr-24 { margin-right: -6rem !important; }      /* -96px */
.md\:\!-mr-32 { margin-right: -8rem !important; }      /* -128px */
.md\:\!-mr-48 { margin-right: -12rem !important; }     /* -192px */
.md\:\!-mr-64 { margin-right: -16rem !important; }     /* -256px */

/* padding-top */
.md\:\!pt-0 { padding-top: 0px !important; }
.md\:\!pt-px { padding-top: 1px !important; }
.md\:\!pt-0\.5 { padding-top: 2px !important; }
.md\:\!pt-1 { padding-top: 4px !important; }
.md\:\!pt-1\.5 { padding-top: 6px !important; }
.md\:\!pt-2 { padding-top: 8px !important; }
.md\:\!pt-3 { padding-top: 12px !important; }
.md\:\!pt-4 { padding-top: 16px !important; }
.md\:\!pt-5 { padding-top: 20px !important; }
.md\:\!pt-6 { padding-top: 24px !important; }
.md\:\!pt-8 { padding-top: 32px !important; }
.md\:\!pt-10 { padding-top: 40px !important; }
.md\:\!pt-12 { padding-top: 48px !important; }
.md\:\!pt-16 { padding-top: 64px !important; }
.md\:\!pt-20 { padding-top: 80px !important; }
.md\:\!pt-24 { padding-top: 96px !important; }
.md\:\!pt-32 { padding-top: 128px !important; }
.md\:\!pt-48 { padding-top: 192px !important; }
.md\:\!pt-64 { padding-top: 256px !important; }

/* padding-bottom */
.md\:\!pb-0 { padding-bottom: 0px !important; }
.md\:\!pb-px { padding-bottom: 1px !important; }
.md\:\!pb-0\.5 { padding-bottom: 2px !important; }
.md\:\!pb-1 { padding-bottom: 4px !important; }
.md\:\!pb-1\.5 { padding-bottom: 6px !important; }
.md\:\!pb-2 { padding-bottom: 8px !important; }
.md\:\!pb-3 { padding-bottom: 12px !important; }
.md\:\!pb-4 { padding-bottom: 16px !important; }
.md\:\!pb-5 { padding-bottom: 20px !important; }
.md\:\!pb-6 { padding-bottom: 24px !important; }
.md\:\!pb-8 { padding-bottom: 32px !important; }
.md\:\!pb-10 { padding-bottom: 40px !important; }
.md\:\!pb-12 { padding-bottom: 48px !important; }
.md\:\!pb-16 { padding-bottom: 64px !important; }
.md\:\!pb-20 { padding-bottom: 80px !important; }
.md\:\!pb-24 { padding-bottom: 96px !important; }
.md\:\!pb-32 { padding-bottom: 128px !important; }
.md\:\!pb-48 { padding-bottom: 192px !important; }
.md\:\!pb-64 { padding-bottom: 256px !important; }

/* padding-left */
.md\:\!pl-0 { padding-left: 0px !important; }
.md\:\!pl-px { padding-left: 1px !important; }
.md\:\!pl-0\.5 { padding-left: 2px !important; }
.md\:\!pl-1 { padding-left: 4px !important; }
.md\:\!pl-1\.5 { padding-left: 6px !important; }
.md\:\!pl-2 { padding-left: 8px !important; }
.md\:\!pl-3 { padding-left: 12px !important; }
.md\:\!pl-4 { padding-left: 16px !important; }
.md\:\!pl-5 { padding-left: 20px !important; }
.md\:\!pl-6 { padding-left: 24px !important; }
.md\:\!pl-8 { padding-left: 32px !important; }
.md\:\!pl-10 { padding-left: 40px !important; }
.md\:\!pl-12 { padding-left: 48px !important; }
.md\:\!pl-16 { padding-left: 64px !important; }
.md\:\!pl-20 { padding-left: 80px !important; }
.md\:\!pl-24 { padding-left: 96px !important; }
.md\:\!pl-32 { padding-left: 128px !important; }
.md\:\!pl-48 { padding-left: 192px !important; }
.md\:\!pl-64 { padding-left: 256px !important; }

/* padding-right */
.md\:\!pr-0 { padding-right: 0px !important; }
.md\:\!pr-px { padding-right: 1px !important; }
.md\:\!pr-0\.5 { padding-right: 2px !important; }
.md\:\!pr-1 { padding-right: 4px !important; }
.md\:\!pr-1\.5 { padding-right: 6px !important; }
.md\:\!pr-2 { padding-right: 8px !important; }
.md\:\!pr-3 { padding-right: 12px !important; }
.md\:\!pr-4 { padding-right: 16px !important; }
.md\:\!pr-5 { padding-right: 20px !important; }
.md\:\!pr-6 { padding-right: 24px !important; }
.md\:\!pr-8 { padding-right: 32px !important; }
.md\:\!pr-10 { padding-right: 40px !important; }
.md\:\!pr-12 { padding-right: 48px !important; }
.md\:\!pr-16 { padding-right: 64px !important; }
.md\:\!pr-20 { padding-right: 80px !important; }
.md\:\!pr-24 { padding-right: 96px !important; }
.md\:\!pr-32 { padding-right: 128px !important; }
.md\:\!pr-48 { padding-right: 192px !important; }
.md\:\!pr-64 { padding-right: 256px !important; }

.md\:\!border { border-width: 1px !important; }
.md\:\!border-2 { border-width: 2px !important; }
.md\:\!border-4 { border-width: 4px !important; }
.md\:\!border-8 { border-width: 8px !important; }

.md\:\!border-none { border-style: none !important; }
.md\:\!border-solid { border-style: solid !important; }
.md\:\!border-dashed { border-style: dashed !important; }
.md\:\!border-dotted { border-style: dotted !important; }
.md\:\!border-double { border-style: double !important; }

.md\:\!shadow-sm { box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05) !important; }
.md\:\!shadow-md { box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06) !important; }
.md\:\!shadow-lg { box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05) !important; }
.md\:\!shadow-xl { box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04) !important; }
.md\:\!shadow-2xl { box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25) !important; }

.md\:\!rounded-sm { border-radius: 2px !important; }
.md\:\!rounded { border-radius: 4px !important; }
.md\:\!rounded-md { border-radius: 6px !important; }
.md\:\!rounded-lg { border-radius: 8px !important; }
.md\:\!rounded-xl { border-radius: 12px !important; }
.md\:\!rounded-2xl { border-radius: 16px !important; }
.md\:\!rounded-3xl { border-radius: 24px !important; }
.md\:\!rounded-full { border-radius: calc(infinity * 1px) !important; }

.md\:\!rounded-tl-sm { border-top-left-radius: 2px !important; }
.md\:\!rounded-tl { border-top-left-radius: 4px !important; }
.md\:\!rounded-tl-md { border-top-left-radius: 6px !important; }
.md\:\!rounded-tl-lg { border-top-left-radius: 8px !important; }
.md\:\!rounded-tl-xl { border-top-left-radius: 12px !important; }
.md\:\!rounded-tl-2xl { border-top-left-radius: 16px !important; }
.md\:\!rounded-tl-3xl { border-top-left-radius: 24px !important; }
.md\:\!rounded-tl-full { border-top-left-radius: calc(infinity * 1px) !important; }

.md\:\!rounded-tr-sm { border-top-right-radius: 2px !important; }
.md\:\!rounded-tr { border-top-right-radius: 4px !important; }
.md\:\!rounded-tr-md { border-top-right-radius: 6px !important; }
.md\:\!rounded-tr-lg { border-top-right-radius: 8px !important; }
.md\:\!rounded-tr-xl { border-top-right-radius: 12px !important; }
.md\:\!rounded-tr-2xl { border-top-right-radius: 16px !important; }
.md\:\!rounded-tr-3xl { border-top-right-radius: 24px !important; }
.md\:\!rounded-tr-full { border-top-right-radius: calc(infinity * 1px) !important; }

.md\:\!rounded-bl-sm { border-bottom-left-radius: 2px !important; }
.md\:\!rounded-bl { border-bottom-left-radius: 4px !important; }
.md\:\!rounded-bl-md { border-bottom-left-radius: 6px !important; }
.md\:\!rounded-bl-lg { border-bottom-left-radius: 8px !important; }
.md\:\!rounded-bl-xl { border-bottom-left-radius: 12px !important; }
.md\:\!rounded-bl-2xl { border-bottom-left-radius: 16px !important; }
.md\:\!rounded-bl-3xl { border-bottom-left-radius: 24px !important; }
.md\:\!rounded-bl-full { border-bottom-left-radius: calc(infinity * 1px) !important; }

.md\:\!rounded-br-sm { border-bottom-right-radius: 2px !important; }
.md\:\!rounded-br { border-bottom-right-radius: 4px !important; }
.md\:\!rounded-br-md { border-bottom-right-radius: 6px !important; }
.md\:\!rounded-br-lg { border-bottom-right-radius: 8px !important; }
.md\:\!rounded-br-xl { border-bottom-right-radius: 12px !important; }
.md\:\!rounded-br-2xl { border-bottom-right-radius: 16px !important; }
.md\:\!rounded-br-3xl { border-bottom-right-radius: 24px !important; }
.md\:\!rounded-br-full { border-bottom-right-radius: calc(infinity * 1px) !important; }

.md\:\!object-none { object-fit: none !important; }
.md\:\!object-cover { object-fit: cover !important; }
.md\:\!object-contain { object-fit: contain !important; }
.md\:\!object-fill { object-fit: fill !important; }
.md\:\!object-scale-down { object-fit: scale-down !important; }

.md\:\!object-bottom { object-position: bottom !important; }
.md\:\!object-center { object-position: center !important; }
.md\:\!object-left { object-position: left !important; }
.md\:\!object-left-bottom { object-position: left bottom !important; }
.md\:\!object-left-top { object-position: left top !important; }
.md\:\!object-right { object-position: right !important; }
.md\:\!object-right-bottom { object-position: right bottom !important; }
.md\:\!object-right-top { object-position: right top !important; }
.md\:\!object-top { object-position: top !important; }

.md\:\!grid { display: grid !important; }
.md\:\!grid-cols-24 { grid-template-columns: repeat(24, minmax(0, 1fr)) !important; }

.md\:\!col-span-\[1\] { grid-column: span 1 / span 1 !important; }
.md\:\!col-span-\[2\] { grid-column: span 2 / span 2 !important; }
.md\:\!col-span-\[3\] { grid-column: span 3 / span 3 !important; }
.md\:\!col-span-\[4\] { grid-column: span 4 / span 4 !important; }
.md\:\!col-span-\[5\] { grid-column: span 5 / span 5 !important; }
.md\:\!col-span-\[6\] { grid-column: span 6 / span 6 !important; }
.md\:\!col-span-\[7\] { grid-column: span 7 / span 7 !important; }
.md\:\!col-span-\[8\] { grid-column: span 8 / span 8 !important; }
.md\:\!col-span-\[9\] { grid-column: span 9 / span 9 !important; }
.md\:\!col-span-\[10\] { grid-column: span 10 / span 10 !important; }
.md\:\!col-span-\[11\] { grid-column: span 11 / span 11 !important; }
.md\:\!col-span-\[12\] { grid-column: span 12 / span 12 !important; }
.md\:\!col-span-\[13\] { grid-column: span 13 / span 13 !important; }
.md\:\!col-span-\[14\] { grid-column: span 14 / span 14 !important; }
.md\:\!col-span-\[15\] { grid-column: span 15 / span 15 !important; }
.md\:\!col-span-\[16\] { grid-column: span 16 / span 16 !important; }
.md\:\!col-span-\[17\] { grid-column: span 17 / span 17 !important; }
.md\:\!col-span-\[18\] { grid-column: span 18 / span 18 !important; }
.md\:\!col-span-\[19\] { grid-column: span 19 / span 19 !important; }
.md\:\!col-span-\[20\] { grid-column: span 20 / span 20 !important; }
.md\:\!col-span-\[21\] { grid-column: span 21 / span 21 !important; }
.md\:\!col-span-\[22\] { grid-column: span 22 / span 22 !important; }
.md\:\!col-span-\[23\] { grid-column: span 23 / span 23 !important; }
.md\:\!col-span-\[24\] { grid-column: span 24 / span 24 !important; }

.md\:\!gap-0 { gap: 0px !important; }
.md\:\!gap-0\.5 { gap: 0.125rem !important; }
.md\:\!gap-1 { gap: 0.25rem !important; }
.md\:\!gap-1\.5 { gap: 0.375rem !important; }
.md\:\!gap-2 { gap: 0.5rem !important; }
.md\:\!gap-3 { gap: 0.75rem !important; }
.md\:\!gap-4 { gap: 1rem !important; }
.md\:\!gap-5 { gap: 1.25rem !important; }
.md\:\!gap-6 { gap: 1.5rem !important; }
.md\:\!gap-8 { gap: 2rem !important; }
.md\:\!gap-10 { gap: 2.5rem !important; }
.md\:\!gap-12 { gap: 3rem !important; }
.md\:\!gap-16 { gap: 4rem !important; }
.md\:\!gap-20 { gap: 5rem !important; }
.md\:\!gap-24 { gap: 6rem !important; }
.md\:\!gap-32 { gap: 8rem !important; }
.md\:\!gap-48 { gap: 12rem !important; }
.md\:\!gap-64 { gap: 16rem !important; }

.md\!w-full { width: 100% !important; }
.md\!h-full { height: 100% !important; }

.md\!inline-block { display: inline-block !important; }
.md\!block { display: block !important; }
}

/* lg: responsive variants (min-width: 1024px) */
@media only screen and (min-width: 1024px) {
.lg\:\!text-opal { color: #0064D1 !important; }
.lg\:\!text-emerald { color: #26D07C !important; }
.lg\:\!text-marble { color: #FFFFFF !important; }
.lg\:\!text-topaz { color: #78C8F9 !important; }
.lg\:\!text-azurite { color: #1D4094 !important; }
.lg\:\!text-lapis { color: #00205B !important; }
.lg\:\!text-moonstone { color: #696969 !important; }
.lg\:\!text-onyx { color: #0A0F0F !important; }
.lg\:\!text-pearl { color: #E8E8E8 !important; }
.lg\:\!text-citrine { color: #FEE64F !important; }
.lg\:\!text-jasper { color: #F58225 !important; }
.lg\:\!text-rose { color: #EE6BA7 !important; }
.lg\:\!text-fire-opal { color: #FF1C1C !important; }
.lg\:\!text-amethyst { color: #70308B !important; }

.lg\:\!bg-opal { background-color: #0064D1 !important; }
.lg\:\!bg-emerald { background-color: #26D07C !important; }
.lg\:\!bg-marble { background-color: #FFFFFF !important; }
.lg\:\!bg-topaz { background-color: #78C8F9 !important; }
.lg\:\!bg-azurite { background-color: #1D4094 !important; }
.lg\:\!bg-lapis { background-color: #00205B !important; }
.lg\:\!bg-moonstone { background-color: #696969 !important; }
.lg\:\!bg-onyx { background-color: #0A0F0F !important; }
.lg\:\!bg-pearl { background-color: #E8E8E8 !important; }
.lg\:\!bg-citrine { background-color: #FEE64F !important; }
.lg\:\!bg-jasper { background-color: #F58225 !important; }
.lg\:\!bg-rose { background-color: #EE6BA7 !important; }
.lg\:\!bg-fire-opal { background-color: #FF1C1C !important; }
.lg\:\!bg-amethyst { background-color: #70308B !important; }

.lg\:\!border-opal { border-color: #0064D1 !important; }
.lg\:\!border-emerald { border-color: #26D07C !important; }
.lg\:\!border-marble { border-color: #FFFFFF !important; }
.lg\:\!border-topaz { border-color: #78C8F9 !important; }
.lg\:\!border-azurite { border-color: #1D4094 !important; }
.lg\:\!border-lapis { border-color: #00205B !important; }
.lg\:\!border-moonstone { border-color: #696969 !important; }
.lg\:\!border-onyx { border-color: #0A0F0F !important; }
.lg\:\!border-pearl { border-color: #E8E8E8 !important; }
.lg\:\!border-citrine { border-color: #FEE64F !important; }
.lg\:\!border-jasper { border-color: #F58225 !important; }
.lg\:\!border-rose { border-color: #EE6BA7 !important; }
.lg\:\!border-fire-opal { border-color: #FF1C1C !important; }
.lg\:\!border-amethyst { border-color: #70308B !important; }

.lg\:\!text-xs { font-size: 0.75rem !important; /* 12px */ }
.lg\:\!text-sm { font-size: 0.875rem !important; /* 14px */ }
.lg\:\!text-base { font-size: 1rem !important; /* 16px */ }
.lg\:\!text-lg { font-size: 1.125rem !important; /* 18px */ }
.lg\:\!text-xl { font-size: 1.25rem !important; /* 20px */ }
.lg\:\!text-2xl { font-size: 1.5rem !important; /* 24px */ }
.lg\:\!text-3xl { font-size: 1.875rem !important; /* 30px */ }
.lg\:\!text-4xl { font-size: 2.25rem !important; /* 36px */ }

.lg\:\!leading-none { line-height: 1 !important; }
.lg\:\!leading-tight { line-height: 1.25 !important; }
.lg\:\!leading-snug { line-height: 1.375 !important; }
.lg\:\!leading-normal { line-height: 1.5 !important; }
.lg\:\!leading-relaxed { line-height: 1.625 !important; }
.lg\:\!leading-loose { line-height: 2 !important; }

.lg\:\!text-left { text-align: left !important; }
.lg\:\!text-center { text-align: center !important; }
.lg\:\!text-right { text-align: right !important; }
.lg\:\!text-justify { text-align: justify !important; }

.lg\:\!font-light { font-weight: 300 !important; }
.lg\:\!font-normal { font-weight: 400 !important; }
.lg\:\!italic { font-style: italic !important; }
.lg\:\!font-semibold { font-weight: 600 !important; }
.lg\:\!font-bold { font-weight: 700 !important; }

.lg\:\!bg-\[image\:var\(--bg-img-mobile\)\] { background-image: var(--bg-img-mobile) !important; }
.lg\:\!bg-\[image\:var\(--bg-img-tablet\)\] { background-image: var(--bg-img-tablet) !important; }
.lg\:\!bg-\[image\:var\(--bg-img-desktop\)\] { background-image: var(--bg-img-desktop) !important; }

.lg\:\!bg-cover { background-size: cover !important; }
.lg\:\!bg-contain { background-size: contain !important; }
.lg\:\!bg-auto { background-size: auto !important; }

.lg\:\!bg-center { background-position: center !important; }
.lg\:\!bg-top { background-position: top !important; }
.lg\:\!bg-left-top { background-position: left top !important; }
.lg\:\!bg-right-top { background-position: right top !important; }
.lg\:\!bg-bottom { background-position: bottom !important; }
.lg\:\!bg-left-bottom { background-position: left bottom !important; }
.lg\:\!bg-right-bottom { background-position: right bottom !important; }
.lg\:\!bg-left { background-position: left !important; }
.lg\:\!bg-right { background-position: right !important; }

.lg\:\!bg-no-repeat { background-repeat: no-repeat !important; }
.lg\:\!bg-repeat { background-repeat: repeat !important; }
.lg\:\!bg-repeat-x { background-repeat: repeat-x !important; }
.lg\:\!bg-repeat-y { background-repeat: repeat-y !important; }
.lg\:\!bg-repeat-space { background-repeat: space !important; }
.lg\:\!bg-repeat-round { background-repeat: round !important; }

/* margin-top */
.lg\:\!mt-0 { margin-top: 0px !important; }
.lg\:\!mt-px { margin-top: 1px !important; }
.lg\:\!mt-0\.5 { margin-top: 2px !important; }
.lg\:\!mt-1 { margin-top: 4px !important; }
.lg\:\!mt-1\.5 { margin-top: 6px !important; }
.lg\:\!mt-2 { margin-top: 8px !important; }
.lg\:\!mt-3 { margin-top: 12px !important; }
.lg\:\!mt-4 { margin-top: 16px !important; }
.lg\:\!mt-5 { margin-top: 20px !important; }
.lg\:\!mt-6 { margin-top: 24px !important; }
.lg\:\!mt-8 { margin-top: 32px !important; }
.lg\:\!mt-10 { margin-top: 40px !important; }
.lg\:\!mt-12 { margin-top: 48px !important; }
.lg\:\!mt-16 { margin-top: 64px !important; }
.lg\:\!mt-20 { margin-top: 80px !important; }
.lg\:\!mt-24 { margin-top: 96px !important; }
.lg\:\!mt-32 { margin-top: 128px !important; }
.lg\:\!mt-48 { margin-top: 192px !important; }
.lg\:\!mt-64 { margin-top: 256px !important; }
.lg\:\!mt-auto { margin-top: auto !important; }
.lg\:\!-mt-px { margin-top: -1px !important; }
.lg\:\!-mt-0\.5 { margin-top: -0.125rem !important; } /* -2px */
.lg\:\!-mt-1 { margin-top: -0.25rem !important; }    /* -4px */
.lg\:\!-mt-1\.5 { margin-top: -0.375rem !important; }/* -6px */
.lg\:\!-mt-2 { margin-top: -0.5rem !important; }     /* -8px */
.lg\:\!-mt-3 { margin-top: -0.75rem !important; }    /* -12px */
.lg\:\!-mt-4 { margin-top: -1rem !important; }       /* -16px */
.lg\:\!-mt-5 { margin-top: -1.25rem !important; }    /* -20px */
.lg\:\!-mt-6 { margin-top: -1.5rem !important; }     /* -24px */
.lg\:\!-mt-8 { margin-top: -2rem !important; }       /* -32px */
.lg\:\!-mt-10 { margin-top: -2.5rem !important; }    /* -40px */
.lg\:\!-mt-12 { margin-top: -3rem !important; }      /* -48px */
.lg\:\!-mt-16 { margin-top: -4rem !important; }      /* -64px */
.lg\:\!-mt-20 { margin-top: -5rem !important; }      /* -80px */
.lg\:\!-mt-24 { margin-top: -6rem !important; }      /* -96px */
.lg\:\!-mt-32 { margin-top: -8rem !important; }      /* -128px */
.lg\:\!-mt-48 { margin-top: -12rem !important; }     /* -192px */
.lg\:\!-mt-64 { margin-top: -16rem !important; }     /* -256px */

/* margin-bottom */
.lg\:\!mb-0 { margin-bottom: 0px !important; }
.lg\:\!mb-px { margin-bottom: 1px !important; }
.lg\:\!mb-0\.5 { margin-bottom: 2px !important; }
.lg\:\!mb-1 { margin-bottom: 4px !important; }
.lg\:\!mb-1\.5 { margin-bottom: 6px !important; }
.lg\:\!mb-2 { margin-bottom: 8px !important; }
.lg\:\!mb-3 { margin-bottom: 12px !important; }
.lg\:\!mb-4 { margin-bottom: 16px !important; }
.lg\:\!mb-5 { margin-bottom: 20px !important; }
.lg\:\!mb-6 { margin-bottom: 24px !important; }
.lg\:\!mb-8 { margin-bottom: 32px !important; }
.lg\:\!mb-10 { margin-bottom: 40px !important; }
.lg\:\!mb-12 { margin-bottom: 48px !important; }
.lg\:\!mb-16 { margin-bottom: 64px !important; }
.lg\:\!mb-20 { margin-bottom: 80px !important; }
.lg\:\!mb-24 { margin-bottom: 96px !important; }
.lg\:\!mb-32 { margin-bottom: 128px !important; }
.lg\:\!mb-48 { margin-bottom: 192px !important; }
.lg\:\!mb-64 { margin-bottom: 256px !important; }
.lg\:\!mb-auto { margin-bottom: auto !important; }
.lg\:\!-mb-px { margin-bottom: -1px !important; }
.lg\:\!-mb-0\.5 { margin-bottom: -0.125rem !important; } /* -2px */
.lg\:\!-mb-1 { margin-bottom: -0.25rem !important; }    /* -4px */
.lg\:\!-mb-1\.5 { margin-bottom: -0.375rem !important; }/* -6px */
.lg\:\!-mb-2 { margin-bottom: -0.5rem !important; }     /* -8px */
.lg\:\!-mb-3 { margin-bottom: -0.75rem !important; }    /* -12px */
.lg\:\!-mb-4 { margin-bottom: -1rem !important; }       /* -16px */
.lg\:\!-mb-5 { margin-bottom: -1.25rem !important; }    /* -20px */
.lg\:\!-mb-6 { margin-bottom: -1.5rem !important; }     /* -24px */
.lg\:\!-mb-8 { margin-bottom: -2rem !important; }       /* -32px */
.lg\:\!-mb-10 { margin-bottom: -2.5rem !important; }    /* -40px */
.lg\:\!-mb-12 { margin-bottom: -3rem !important; }      /* -48px */
.lg\:\!-mb-16 { margin-bottom: -4rem !important; }      /* -64px */
.lg\:\!-mb-20 { margin-bottom: -5rem !important; }      /* -80px */
.lg\:\!-mb-24 { margin-bottom: -6rem !important; }      /* -96px */
.lg\:\!-mb-32 { margin-bottom: -8rem !important; }      /* -128px */
.lg\:\!-mb-48 { margin-bottom: -12rem !important; }     /* -192px */
.lg\:\!-mb-64 { margin-bottom: -16rem !important; }     /* -256px */

/* margin-left */
.lg\:\!ml-0 { margin-left: 0px !important; }
.lg\:\!ml-px { margin-left: 1px !important; }
.lg\:\!ml-0\.5 { margin-left: 2px !important; }
.lg\:\!ml-1 { margin-left: 4px !important; }
.lg\:\!ml-1\.5 { margin-left: 6px !important; }
.lg\:\!ml-2 { margin-left: 8px !important; }
.lg\:\!ml-3 { margin-left: 12px !important; }
.lg\:\!ml-4 { margin-left: 16px !important; }
.lg\:\!ml-5 { margin-left: 20px !important; }
.lg\:\!ml-6 { margin-left: 24px !important; }
.lg\:\!ml-8 { margin-left: 32px !important; }
.lg\:\!ml-10 { margin-left: 40px !important; }
.lg\:\!ml-12 { margin-left: 48px !important; }
.lg\:\!ml-16 { margin-left: 64px !important; }
.lg\:\!ml-20 { margin-left: 80px !important; }
.lg\:\!ml-24 { margin-left: 96px !important; }
.lg\:\!ml-32 { margin-left: 128px !important; }
.lg\:\!ml-48 { margin-left: 192px !important; }
.lg\:\!ml-64 { margin-left: 256px !important; }
.lg\:\!ml-auto { margin-left: auto !important; }
.lg\:\!-ml-px { margin-left: -1px !important; }
.lg\:\!-ml-0\.5 { margin-left: -0.125rem !important; } /* -2px */
.lg\:\!-ml-1 { margin-left: -0.25rem !important; }    /* -4px */
.lg\:\!-ml-1\.5 { margin-left: -0.375rem !important; }/* -6px */
.lg\:\!-ml-2 { margin-left: -0.5rem !important; }     /* -8px */
.lg\:\!-ml-3 { margin-left: -0.75rem !important; }    /* -12px */
.lg\:\!-ml-4 { margin-left: -1rem !important; }       /* -16px */
.lg\:\!-ml-5 { margin-left: -1.25rem !important; }    /* -20px */
.lg\:\!-ml-6 { margin-left: -1.5rem !important; }     /* -24px */
.lg\:\!-ml-8 { margin-left: -2rem !important; }       /* -32px */
.lg\:\!-ml-10 { margin-left: -2.5rem !important; }    /* -40px */
.lg\:\!-ml-12 { margin-left: -3rem !important; }      /* -48px */
.lg\:\!-ml-16 { margin-left: -4rem !important; }      /* -64px */
.lg\:\!-ml-20 { margin-left: -5rem !important; }      /* -80px */
.lg\:\!-ml-24 { margin-left: -6rem !important; }      /* -96px */
.lg\:\!-ml-32 { margin-left: -8rem !important; }      /* -128px */
.lg\:\!-ml-48 { margin-left: -12rem !important; }     /* -192px */
.lg\:\!-ml-64 { margin-left: -16rem !important; }     /* -256px */

/* margin-right */
.lg\:\!mr-0 { margin-right: 0px !important; }
.lg\:\!mr-px { margin-right: 1px !important; }
.lg\:\!mr-0\.5 { margin-right: 2px !important; }
.lg\:\!mr-1 { margin-right: 4px !important; }
.lg\:\!mr-1\.5 { margin-right: 6px !important; }
.lg\:\!mr-2 { margin-right: 8px !important; }
.lg\:\!mr-3 { margin-right: 12px !important; }
.lg\:\!mr-4 { margin-right: 16px !important; }
.lg\:\!mr-5 { margin-right: 20px !important; }
.lg\:\!mr-6 { margin-right: 24px !important; }
.lg\:\!mr-8 { margin-right: 32px !important; }
.lg\:\!mr-10 { margin-right: 40px !important; }
.lg\:\!mr-12 { margin-right: 48px !important; }
.lg\:\!mr-16 { margin-right: 64px !important; }
.lg\:\!mr-20 { margin-right: 80px !important; }
.lg\:\!mr-24 { margin-right: 96px !important; }
.lg\:\!mr-32 { margin-right: 128px !important; }
.lg\:\!mr-48 { margin-right: 192px !important; }
.lg\:\!mr-64 { margin-right: 256px !important; }
.lg\:\!mr-auto { margin-right: auto !important; }
.lg\:\!-mr-px { margin-right: -1px !important; }
.lg\:\!-mr-0\.5 { margin-right: -0.125rem !important; } /* -2px */
.lg\:\!-mr-1 { margin-right: -0.25rem !important; }    /* -4px */
.lg\:\!-mr-1\.5 { margin-right: -0.375rem !important; }/* -6px */
.lg\:\!-mr-2 { margin-right: -0.5rem !important; }     /* -8px */
.lg\:\!-mr-3 { margin-right: -0.75rem !important; }    /* -12px */
.lg\:\!-mr-4 { margin-right: -1rem !important; }       /* -16px */
.lg\:\!-mr-5 { margin-right: -1.25rem !important; }    /* -20px */
.lg\:\!-mr-6 { margin-right: -1.5rem !important; }     /* -24px */
.lg\:\!-mr-8 { margin-right: -2rem !important; }       /* -32px */
.lg\:\!-mr-10 { margin-right: -2.5rem !important; }    /* -40px */
.lg\:\!-mr-12 { margin-right: -3rem !important; }      /* -48px */
.lg\:\!-mr-16 { margin-right: -4rem !important; }      /* -64px */
.lg\:\!-mr-20 { margin-right: -5rem !important; }      /* -80px */
.lg\:\!-mr-24 { margin-right: -6rem !important; }      /* -96px */
.lg\:\!-mr-32 { margin-right: -8rem !important; }      /* -128px */
.lg\:\!-mr-48 { margin-right: -12rem !important; }     /* -192px */
.lg\:\!-mr-64 { margin-right: -16rem !important; }     /* -256px */

/* padding-top */
.lg\:\!pt-0 { padding-top: 0px !important; }
.lg\:\!pt-px { padding-top: 1px !important; }
.lg\:\!pt-0\.5 { padding-top: 2px !important; }
.lg\:\!pt-1 { padding-top: 4px !important; }
.lg\:\!pt-1\.5 { padding-top: 6px !important; }
.lg\:\!pt-2 { padding-top: 8px !important; }
.lg\:\!pt-3 { padding-top: 12px !important; }
.lg\:\!pt-4 { padding-top: 16px !important; }
.lg\:\!pt-5 { padding-top: 20px !important; }
.lg\:\!pt-6 { padding-top: 24px !important; }
.lg\:\!pt-8 { padding-top: 32px !important; }
.lg\:\!pt-10 { padding-top: 40px !important; }
.lg\:\!pt-12 { padding-top: 48px !important; }
.lg\:\!pt-16 { padding-top: 64px !important; }
.lg\:\!pt-20 { padding-top: 80px !important; }
.lg\:\!pt-24 { padding-top: 96px !important; }
.lg\:\!pt-32 { padding-top: 128px !important; }
.lg\:\!pt-48 { padding-top: 192px !important; }
.lg\:\!pt-64 { padding-top: 256px !important; }

/* padding-bottom */
.lg\:\!pb-0 { padding-bottom: 0px !important; }
.lg\:\!pb-px { padding-bottom: 1px !important; }
.lg\:\!pb-0\.5 { padding-bottom: 2px !important; }
.lg\:\!pb-1 { padding-bottom: 4px !important; }
.lg\:\!pb-1\.5 { padding-bottom: 6px !important; }
.lg\:\!pb-2 { padding-bottom: 8px !important; }
.lg\:\!pb-3 { padding-bottom: 12px !important; }
.lg\:\!pb-4 { padding-bottom: 16px !important; }
.lg\:\!pb-5 { padding-bottom: 20px !important; }
.lg\:\!pb-6 { padding-bottom: 24px !important; }
.lg\:\!pb-8 { padding-bottom: 32px !important; }
.lg\:\!pb-10 { padding-bottom: 40px !important; }
.lg\:\!pb-12 { padding-bottom: 48px !important; }
.lg\:\!pb-16 { padding-bottom: 64px !important; }
.lg\:\!pb-20 { padding-bottom: 80px !important; }
.lg\:\!pb-24 { padding-bottom: 96px !important; }
.lg\:\!pb-32 { padding-bottom: 128px !important; }
.lg\:\!pb-48 { padding-bottom: 192px !important; }
.lg\:\!pb-64 { padding-bottom: 256px !important; }

/* padding-left */
.lg\:\!pl-0 { padding-left: 0px !important; }
.lg\:\!pl-px { padding-left: 1px !important; }
.lg\:\!pl-0\.5 { padding-left: 2px !important; }
.lg\:\!pl-1 { padding-left: 4px !important; }
.lg\:\!pl-1\.5 { padding-left: 6px !important; }
.lg\:\!pl-2 { padding-left: 8px !important; }
.lg\:\!pl-3 { padding-left: 12px !important; }
.lg\:\!pl-4 { padding-left: 16px !important; }
.lg\:\!pl-5 { padding-left: 20px !important; }
.lg\:\!pl-6 { padding-left: 24px !important; }
.lg\:\!pl-8 { padding-left: 32px !important; }
.lg\:\!pl-10 { padding-left: 40px !important; }
.lg\:\!pl-12 { padding-left: 48px !important; }
.lg\:\!pl-16 { padding-left: 64px !important; }
.lg\:\!pl-20 { padding-left: 80px !important; }
.lg\:\!pl-24 { padding-left: 96px !important; }
.lg\:\!pl-32 { padding-left: 128px !important; }
.lg\:\!pl-48 { padding-left: 192px !important; }
.lg\:\!pl-64 { padding-left: 256px !important; }

/* padding-right */
.lg\:\!pr-0 { padding-right: 0px !important; }
.lg\:\!pr-px { padding-right: 1px !important; }
.lg\:\!pr-0\.5 { padding-right: 2px !important; }
.lg\:\!pr-1 { padding-right: 4px !important; }
.lg\:\!pr-1\.5 { padding-right: 6px !important; }
.lg\:\!pr-2 { padding-right: 8px !important; }
.lg\:\!pr-3 { padding-right: 12px !important; }
.lg\:\!pr-4 { padding-right: 16px !important; }
.lg\:\!pr-5 { padding-right: 20px !important; }
.lg\:\!pr-6 { padding-right: 24px !important; }
.lg\:\!pr-8 { padding-right: 32px !important; }
.lg\:\!pr-10 { padding-right: 40px !important; }
.lg\:\!pr-12 { padding-right: 48px !important; }
.lg\:\!pr-16 { padding-right: 64px !important; }
.lg\:\!pr-20 { padding-right: 80px !important; }
.lg\:\!pr-24 { padding-right: 96px !important; }
.lg\:\!pr-32 { padding-right: 128px !important; }
.lg\:\!pr-48 { padding-right: 192px !important; }
.lg\:\!pr-64 { padding-right: 256px !important; }

.lg\:\!border { border-width: 1px !important; }
.lg\:\!border-2 { border-width: 2px !important; }
.lg\:\!border-4 { border-width: 4px !important; }
.lg\:\!border-8 { border-width: 8px !important; }

.lg\:\!border-none { border-style: none !important; }
.lg\:\!border-solid { border-style: solid !important; }
.lg\:\!border-dashed { border-style: dashed !important; }
.lg\:\!border-dotted { border-style: dotted !important; }
.lg\:\!border-double { border-style: double !important; }

.lg\:\!shadow-sm { box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05) !important; }
.lg\:\!shadow-md { box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06) !important; }
.lg\:\!shadow-lg { box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05) !important; }
.lg\:\!shadow-xl { box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04) !important; }
.lg\:\!shadow-2xl { box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25) !important; }

.lg\:\!rounded-sm { border-radius: 2px !important; }
.lg\:\!rounded { border-radius: 4px !important; }
.lg\:\!rounded-md { border-radius: 6px !important; }
.lg\:\!rounded-lg { border-radius: 8px !important; }
.lg\:\!rounded-xl { border-radius: 12px !important; }
.lg\:\!rounded-2xl { border-radius: 16px !important; }
.lg\:\!rounded-3xl { border-radius: 24px !important; }
.lg\:\!rounded-full { border-radius: calc(infinity * 1px) !important; }

.lg\:\!rounded-tl-sm { border-top-left-radius: 2px !important; }
.lg\:\!rounded-tl { border-top-left-radius: 4px !important; }
.lg\:\!rounded-tl-md { border-top-left-radius: 6px !important; }
.lg\:\!rounded-tl-lg { border-top-left-radius: 8px !important; }
.lg\:\!rounded-tl-xl { border-top-left-radius: 12px !important; }
.lg\:\!rounded-tl-2xl { border-top-left-radius: 16px !important; }
.lg\:\!rounded-tl-3xl { border-top-left-radius: 24px !important; }
.lg\:\!rounded-tl-full { border-top-left-radius: calc(infinity * 1px) !important; }

.lg\:\!rounded-tr-sm { border-top-right-radius: 2px !important; }
.lg\:\!rounded-tr { border-top-right-radius: 4px !important; }
.lg\:\!rounded-tr-md { border-top-right-radius: 6px !important; }
.lg\:\!rounded-tr-lg { border-top-right-radius: 8px !important; }
.lg\:\!rounded-tr-xl { border-top-right-radius: 12px !important; }
.lg\:\!rounded-tr-2xl { border-top-right-radius: 16px !important; }
.lg\:\!rounded-tr-3xl { border-top-right-radius: 24px !important; }
.lg\:\!rounded-tr-full { border-top-right-radius: calc(infinity * 1px) !important; }

.lg\:\!rounded-bl-sm { border-bottom-left-radius: 2px !important; }
.lg\:\!rounded-bl { border-bottom-left-radius: 4px !important; }
.lg\:\!rounded-bl-md { border-bottom-left-radius: 6px !important; }
.lg\:\!rounded-bl-lg { border-bottom-left-radius: 8px !important; }
.lg\:\!rounded-bl-xl { border-bottom-left-radius: 12px !important; }
.lg\:\!rounded-bl-2xl { border-bottom-left-radius: 16px !important; }
.lg\:\!rounded-bl-3xl { border-bottom-left-radius: 24px !important; }
.lg\:\!rounded-bl-full { border-bottom-left-radius: calc(infinity * 1px) !important; }

.lg\:\!rounded-br-sm { border-bottom-right-radius: 2px !important; }
.lg\:\!rounded-br { border-bottom-right-radius: 4px !important; }
.lg\:\!rounded-br-md { border-bottom-right-radius: 6px !important; }
.lg\:\!rounded-br-lg { border-bottom-right-radius: 8px !important; }
.lg\:\!rounded-br-xl { border-bottom-right-radius: 12px !important; }
.lg\:\!rounded-br-2xl { border-bottom-right-radius: 16px !important; }
.lg\:\!rounded-br-3xl { border-bottom-right-radius: 24px !important; }
.lg\:\!rounded-br-full { border-bottom-right-radius: calc(infinity * 1px) !important; }

.lg\:\!object-none { object-fit: none !important; }
.lg\:\!object-cover { object-fit: cover !important; }
.lg\:\!object-contain { object-fit: contain !important; }
.lg\:\!object-fill { object-fit: fill !important; }
.lg\:\!object-scale-down { object-fit: scale-down !important; }

.lg\:\!object-bottom { object-position: bottom !important; }
.lg\:\!object-center { object-position: center !important; }
.lg\:\!object-left { object-position: left !important; }
.lg\:\!object-left-bottom { object-position: left bottom !important; }
.lg\:\!object-left-top { object-position: left top !important; }
.lg\:\!object-right { object-position: right !important; }
.lg\:\!object-right-bottom { object-position: right bottom !important; }
.lg\:\!object-right-top { object-position: right top !important; }
.lg\:\!object-top { object-position: top !important; }

.lg\:\!grid { display: grid !important; }
.lg\:\!grid-cols-24 { grid-template-columns: repeat(24, minmax(0, 1fr)) !important; }

.lg\:\!col-span-\[1\] { grid-column: span 1 / span 1 !important; }
.lg\:\!col-span-\[2\] { grid-column: span 2 / span 2 !important; }
.lg\:\!col-span-\[3\] { grid-column: span 3 / span 3 !important; }
.lg\:\!col-span-\[4\] { grid-column: span 4 / span 4 !important; }
.lg\:\!col-span-\[5\] { grid-column: span 5 / span 5 !important; }
.lg\:\!col-span-\[6\] { grid-column: span 6 / span 6 !important; }
.lg\:\!col-span-\[7\] { grid-column: span 7 / span 7 !important; }
.lg\:\!col-span-\[8\] { grid-column: span 8 / span 8 !important; }
.lg\:\!col-span-\[9\] { grid-column: span 9 / span 9 !important; }
.lg\:\!col-span-\[10\] { grid-column: span 10 / span 10 !important; }
.lg\:\!col-span-\[11\] { grid-column: span 11 / span 11 !important; }
.lg\:\!col-span-\[12\] { grid-column: span 12 / span 12 !important; }
.lg\:\!col-span-\[13\] { grid-column: span 13 / span 13 !important; }
.lg\:\!col-span-\[14\] { grid-column: span 14 / span 14 !important; }
.lg\:\!col-span-\[15\] { grid-column: span 15 / span 15 !important; }
.lg\:\!col-span-\[16\] { grid-column: span 16 / span 16 !important; }
.lg\:\!col-span-\[17\] { grid-column: span 17 / span 17 !important; }
.lg\:\!col-span-\[18\] { grid-column: span 18 / span 18 !important; }
.lg\:\!col-span-\[19\] { grid-column: span 19 / span 19 !important; }
.lg\:\!col-span-\[20\] { grid-column: span 20 / span 20 !important; }
.lg\:\!col-span-\[21\] { grid-column: span 21 / span 21 !important; }
.lg\:\!col-span-\[22\] { grid-column: span 22 / span 22 !important; }
.lg\:\!col-span-\[23\] { grid-column: span 23 / span 23 !important; }
.lg\:\!col-span-\[24\] { grid-column: span 24 / span 24 !important; }

.lg\:\!gap-0 { gap: 0px !important; }
.lg\:\!gap-0\.5 { gap: 0.125rem !important; }
.lg\:\!gap-1 { gap: 0.25rem !important; }
.lg\:\!gap-1\.5 { gap: 0.375rem !important; }
.lg\:\!gap-2 { gap: 0.5rem !important; }
.lg\:\!gap-3 { gap: 0.75rem !important; }
.lg\:\!gap-4 { gap: 1rem !important; }
.lg\:\!gap-5 { gap: 1.25rem !important; }
.lg\:\!gap-6 { gap: 1.5rem !important; }
.lg\:\!gap-8 { gap: 2rem !important; }
.lg\:\!gap-10 { gap: 2.5rem !important; }
.lg\:\!gap-12 { gap: 3rem !important; }
.lg\:\!gap-16 { gap: 4rem !important; }
.lg\:\!gap-20 { gap: 5rem !important; }
.lg\:\!gap-24 { gap: 6rem !important; }
.lg\:\!gap-32 { gap: 8rem !important; }
.lg\:\!gap-48 { gap: 12rem !important; }
.lg\:\!gap-64 { gap: 16rem !important; }

.lg\!w-full { width: 100% !important; }
.lg\!h-full { height: 100% !important; }

.lg\!inline-block { display: inline-block !important; }
.lg\!block { display: block !important; }
}