.flywp-settings *, .flywp-settings ::before, .flywp-settings ::after { box-sizing: border-box; border-width: 0; border-style: solid; } /* @tailwind base; */ .fw-m-0 { margin: 0px; } .fw-mx-auto { margin-left: auto; margin-right: auto; } .-fw-mb-px { margin-bottom: -1px; } .fw-mb-1 { margin-bottom: 0.25rem; } .fw-mb-2 { margin-bottom: 0.5rem; } .fw-mb-4 { margin-bottom: 1rem; } .fw-mb-6 { margin-bottom: 1.5rem; } .fw-mb-8 { margin-bottom: 2rem; } .fw-mr-2 { margin-right: 0.5rem; } .fw-mt-0 { margin-top: 0px; } .fw-mt-1 { margin-top: 0.25rem; } .fw-mt-2 { margin-top: 0.5rem; } .fw-mt-5 { margin-top: 1.25rem; } .fw-mb-3 { margin-bottom: 0.75rem; } .fw-mr-3 { margin-right: 0.75rem; } .fw-block { display: block; } .fw-inline-block { display: inline-block; } .fw-flex { display: flex; } .fw-hidden { display: none; } .fw-h-11 { height: 2.75rem; } .fw-w-9 { width: 2.25rem; } .fw-w-full { width: 100%; } .fw-w-10 { width: 2.5rem; } .fw-w-12 { width: 3rem; } .fw-max-w-xl { max-width: 36rem; } .fw-flex-1 { flex: 1 1 0%; } .fw-items-center { align-items: center; } .fw-justify-between { justify-content: space-between; } .fw-gap-2 { gap: 0.5rem; } .fw-gap-3 { gap: 0.75rem; } .fw-space-y-8 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } .fw-rounded { border-radius: 0.25rem; } .fw-rounded-md { border-radius: 0.375rem; } .fw-rounded-bl { border-bottom-left-radius: 0.25rem; } .fw-rounded-br { border-bottom-right-radius: 0.25rem; } .fw-border { border-width: 1px; } .fw-border-b { border-bottom-width: 1px; } .fw-border-b-2 { border-bottom-width: 2px; } .fw-border-t { border-top-width: 1px; } .fw-border-solid { border-style: solid; } .fw-border-gray-200 { --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity)); } .fw-border-indigo-200 { --tw-border-opacity: 1; border-color: rgb(199 210 254 / var(--tw-border-opacity)); } .fw-border-indigo-500 { --tw-border-opacity: 1; border-color: rgb(99 102 241 / var(--tw-border-opacity)); } .\!fw-bg-indigo-600 { --tw-bg-opacity: 1 !important; background-color: rgb(79 70 229 / var(--tw-bg-opacity)) !important; } .fw-bg-gray-100 { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } .fw-bg-gray-50 { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity)); } .fw-bg-green-200 { --tw-bg-opacity: 1; background-color: rgb(187 247 208 / var(--tw-bg-opacity)); } .fw-bg-indigo-100 { --tw-bg-opacity: 1; background-color: rgb(224 231 255 / var(--tw-bg-opacity)); } .fw-bg-red-200 { --tw-bg-opacity: 1; background-color: rgb(254 202 202 / var(--tw-bg-opacity)); } .fw-bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .fw-p-4 { padding: 1rem; } .fw-p-0 { padding: 0px; } .fw-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .fw-px-4 { padding-left: 1rem; padding-right: 1rem; } .fw-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .fw-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .fw-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .fw-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .fw-py-4 { padding-top: 1rem; padding-bottom: 1rem; } .fw-pb-3 { padding-bottom: 0.75rem; } .fw-pt-4 { padding-top: 1rem; } .fw-pb-4 { padding-bottom: 1rem; } .fw-text-center { text-align: center; } .fw-text-right { text-align: right; } .fw-text-2xl { font-size: 1.5rem; line-height: 2rem; } .fw-text-lg { font-size: 1.125rem; line-height: 1.75rem; } .fw-text-sm { font-size: 0.875rem; line-height: 1.25rem; } .fw-text-base { font-size: 1rem; line-height: 1.5rem; } .fw-font-medium { font-weight: 500; } .fw-font-semibold { font-weight: 600; } .fw-leading-6 { line-height: 1.5rem; } .fw-text-gray-400 { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity)); } .fw-text-gray-500 { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity)); } .fw-text-gray-600 { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)); } .fw-text-gray-700 { --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); } .fw-text-gray-800 { --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); } .fw-text-gray-900 { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity)); } .fw-text-green-600 { --tw-text-opacity: 1; color: rgb(22 163 74 / var(--tw-text-opacity)); } .fw-text-green-800 { --tw-text-opacity: 1; color: rgb(22 101 52 / var(--tw-text-opacity)); } .fw-text-indigo-600 { --tw-text-opacity: 1; color: rgb(79 70 229 / var(--tw-text-opacity)); } .fw-text-indigo-900 { --tw-text-opacity: 1; color: rgb(49 46 129 / var(--tw-text-opacity)); } .fw-text-red-800 { --tw-text-opacity: 1; color: rgb(153 27 27 / var(--tw-text-opacity)); } .fw-no-underline { text-decoration-line: none; } .fw-shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .fw-shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .fw-outline-none { outline: 2px solid transparent; outline-offset: 2px; } body.dashboard_page_flywp #wpcontent { padding-left: 0; } .fw-switch-input { height: 0; width: 0; visibility: hidden; } .fw-switch { cursor: pointer; display: inline-block; position: relative; width: 36px; /* Width of the switch */ height: 18px; /* Height of the switch */ } .fw-switch-toggle { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; border-radius: 18px; transition: 0.2s; } .fw-switch-toggle:before { position: absolute; content: ""; height: 14px; width: 14px; left: 2px; bottom: 2px; background-color: white; transition: 0.2s; border-radius: 50%; } .fw-switch-input:checked+.fw-switch-toggle { background-color: #4f46e5; } .fw-switch-input:checked+.fw-switch-toggle:before { transform: translateX(18px); } .hover\:\!fw-bg-indigo-700:hover { --tw-bg-opacity: 1 !important; background-color: rgb(67 56 202 / var(--tw-bg-opacity)) !important; } .focus\:fw-border-indigo-500:focus { --tw-border-opacity: 1; border-color: rgb(99 102 241 / var(--tw-border-opacity)); } .focus\:fw-outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; } .focus\:fw-ring-indigo-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity)); } @media (min-width: 640px) { .sm\:fw-mb-0 { margin-bottom: 0px; } .sm\:fw-w-1\/3 { width: 33.333333%; } .sm\:fw-w-2\/3 { width: 66.666667%; } .sm\:fw-w-32 { width: 8rem; } .sm\:fw-flex-none { flex: none; } .sm\:fw-justify-normal { justify-content: normal; } .sm\:fw-px-0 { padding-left: 0px; padding-right: 0px; } .sm\:fw-pr-6 { padding-right: 1.5rem; } .sm\:fw-text-right { text-align: right; } .sm\:fw-text-sm { font-size: 0.875rem; line-height: 1.25rem; } } @media (min-width: 768px) { .md\:fw-flex { display: flex; } .md\:fw-w-1\/3 { width: 33.333333%; } .md\:fw-w-2\/3 { width: 66.666667%; } .md\:fw-text-right { text-align: right; } }