@charset "utf-8";
/* CSS Document */
/* © Copyright 2026 Critical Analytics. All Rights Reserved.*/

/* ========================= Body ========================= */
html, body {height: 100%;margin: 0;padding: 0;}
body {line-height:1.5em;font-size:1em;font-family: 'Nunito', Arial, Helvetica, sans-serif;background: #eef2f5;color: #1f2937;}

h1 {font-size:clamp(1.3em, 1em + 1.2vw, 1.8em);font-weight:700;line-height:1.15;text-transform:uppercase;color:#111827;}
h2 {font-size:clamp(1.2em, 1em + 0.9vw, 1.6em);font-weight:600;line-height:1.2;text-transform:capitalize;color:#1f2937;}
h3 {font-size:clamp(1.1em, 1.05em + 0.5vw, 1.4em);font-weight:600;line-height:1.25;text-transform:capitalize;color:#374151;}
h4 {font-size:clamp(1.05em, 0.98em + 0.3vw, 1.25em);font-weight:600;line-height:1.3;color:#4b5563;}
h5 {font-size:clamp(0.95em, 0.9em + 0.2vw, 1.05em);font-weight:600;line-height:1.35;color:#6b7280;}
h6 {font-size:clamp(0.85em, 0.82em + 0.15vw, 0.95em);font-weight:600;line-height:1.4;color:#6b7280;}

a {color:#3b82f6;text-decoration:none;transition:color 0.2s ease-in-out, opacity 0.2s ease-in-out;}
a:hover {color:#2563eb;}

img {height:auto;}

.hidden {display: none;}

.pageMessage {margin-bottom: 12px;font-size: 0.8em;}
.pageMessage .alert.success {padding: 12px 16px;color: #1f2937;background-color: rgba(59, 130, 246, 0.08);border-left: 4px solid #3b82f6;border-radius: 6px;}
.pageMessage .alert.danger {padding: 12px 16px;color: #1f2937;background-color: rgba(239, 68, 68, 0.08);border-left: 4px solid #ef4444;border-radius: 6px;}

.hasTooltip {position: relative;}
.tooltipText {padding: 4px 8px;font-size: 0.75rem;color: #ffffff;background: #3b82f6;border-radius: 4px;top: 50%;right: calc(100% + 10px);transform: translatey(-50%);position: absolute;white-space: nowrap;opacity: 0;pointer-events: none;transition: opacity 0.2s ease;}
.hasTooltip:hover .tooltipText {opacity: 1;}

/* Accordion */
.accordionWrapper {width:100%;display:block;position: relative;box-sizing: border-box;}
.accordionItem {width:100%;display:block;border-radius: 10px;border: 1px solid #d1d5db;box-sizing:border-box;margin: 10px 0px;padding: 5px;}
.accordionHeader {width:100%;display:block;margin:0;padding:10px;color:#444;text-align:left;background: transparent !important;cursor:pointer;box-sizing:border-box;border:none;appearance:none;transition:background-color 0.2s ease-out;position: relative;}
.accordionContent {padding:18px;overflow:hidden;background-color:#ffffff;box-sizing:border-box;transition:max-height 0.5s ease-out, padding 0.35s ease-out;}
.open .accordionHeader {background-color:#ccc;}
.close .accordionContent {max-height:0;padding:0 18px;}
.open .accordionHeader:after {width:20px;content:"-";float:right;font-size:0.8em;}
.close .accordionHeader:after {width:20px;content:"+";float:right;font-size:0.8em;}
.accordionBusinessIcon {position: absolute;top: 5px;right: 45px;}
.accordionBusinessIcon img {max-width:125px;max-height:30px;}

/* ========================= Main Area ========================= */
.appShell {min-height: 100vh;display: flex;flex-direction: row;background: #ffffff;}

.appMain {min-width: 0;display: flex;flex: 1;flex-direction: column;padding: 0;box-sizing: border-box;}
.appContent {flex: 1;padding: 30px;background-color:#f6f8fa;box-sizing: border-box;}

/** Top Bar **/
.topBar {width: 100%;min-height: 72px;display: flex;padding: 0 30px;align-items: center;background: #eef2f5;border-bottom: 1px solid #dbe2ea;justify-content: space-between;box-sizing: border-box;}
.topBarLeft, .topBarRight {display: flex;align-items: center;gap: 12px;}
.topIconButton {width: 42px;height: 42px;display: inline-flex;align-items: center;justify-content: center;background: #f5f7fa;border: 1px solid #d6dde6;border-radius: 10px;color: #374151;text-decoration: none;font-size: 1.2em;cursor: pointer;transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;}
.topIconButton:hover {background: #e9eef4;border-color: #c8d2dd;color: #111827;}

.topBar .sidebarCurrentContext {display:none;}
.sidebarCollapsed .topBar .sidebarCurrentContext {display:inline-block !important;}

/** Right Sidebar **/
.appSidebar {width: 300px;min-width: 300px;min-height: 100vh;display: flex;flex-direction: column;justify-content: space-between;background: #1f2937;color: #ffffff;box-shadow: 0 0 24px rgba(0, 0, 0, 0.08);position: relative;transition: width 0.25s ease, min-width 0.25s ease;}
.sidebarTop {padding: 14px 20px 20px 20px;}
.sidebarBottom {padding: 20px;border-top: 1px solid rgba(255,255,255,0.12);}

/** Sidebar Collapse **/
.sidebarCollapsed .appSidebar {width: 92px;min-width: 92px;}

.sidebarToggleWrap {position: absolute;right: -20px;top: 18px;z-index: 20;}
.sidebarToggle {width: 36px;height: 36px;display: flex;border: 1px solid #d4dbe3;border-radius: 999px;background: #ffffff;color: #1f2937;align-items: center;justify-content: center;cursor: pointer;box-shadow: 0 4px 12px rgba(0,0,0,0.12);transition: background 0.2s ease, color 0.2s ease;position:relative;}
.sidebarToggle:hover {background: #f5f7fa;}

.sidebarToggleIcon {font-size:1.3em;position: absolute;top: 48%;left: 48%;transform: translate(-50%, -50%);}
.sidebarCollapsed .sidebarToggleIcon {display: inline-block;transform: translate(-52%, -40%) rotate(180deg);}

/** Sidebar Brand **/
.sidebarBrand {display: flex;align-items: center;gap: 14px;margin-bottom: 14px;}
.sidebarBrandIcon {width: 46px;height: 46px;border-radius: 12px;background: #3b82f6;color: #ffffff;display: flex;align-items: center;justify-content: center;font-size: 0.9em;font-weight: 700;flex-shrink: 0;}

.sidebarBrandText {display: flex;flex-direction: column;margin-right: 20px;overflow: hidden;white-space: nowrap;}
.sidebarBrandText strong {font-size: 1em;color: #ffffff;}
.sidebarBrandText span {margin-top: 3px;font-size: 0.8em;color: rgba(255,255,255,0.70);}
.sidebarCollapsed .sidebarBrandText {display: none;}

.sidebarCurrentContext {margin:10px 0px;padding: 10px 12px;} 
.sidebarTop .sidebarCurrentContext {margin: 14px 0px;background: #111827;}
.sidebarTop .sidebarCurrentContext .sidebarCurrentBusiness {color:#ffffff;}
.sidebarTop .sidebarCurrentContext .sidebarCurrentLocation {color:rgba(255,255,255,0.70);}
.sidebarCurrentBusiness, .sidebarCurrentLocation {line-height: 1.4;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sidebarCurrentBusiness {font-size:0.9em;font-weight: 600;color: #111827;}
.sidebarCurrentLocation {font-size:0.8em;}

.sidebarCollapsed .sidebarCurrentContext {display:none;}

.sidebarCurrentLocation {margin-top: 2px;font-size: 0.8em;color: #6b7280;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/* ========================= Buttons ========================= */
.btnPrimary {display: inline-block;padding: 12px 18px;background: #2563eb;color: #ffffff;font-size: 0.85em;text-decoration: none;line-height: 1.2;border-radius: 10px;border: 1px solid #2563eb;transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;}
.btnPrimary:hover {background: #1d4ed8;border-color: #1d4ed8;color: #ffffff;}
.btnSecondary {display: inline-block;margin-left: auto;padding: 12px 18px;background: #ffffff;color: #374151;text-decoration: none;line-height: 1.2;border-radius: 10px;border: 1px solid #e5e7eb;transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;}
.btnSecondary:hover {background: #f5f5f5;border-color: #374151;color: #374151;}
.btnSecondary:has(img) {padding:15px;}
.btnSecondary:has(img) img {display:block;max-width: 15px;}
.btnTertiary {display: inline-block;padding: 12px 18px;background: #1f2937;color: #ffffff;font-size: 0.85em;text-decoration: none;border-radius: 10px;line-height: 1.2;border: 1px solid #1f2937;transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;}
.btnTertiary:hover {background: #111827;border-color: #111827;color: #ffffff;}
.btnDanger {display: inline-block;padding: 12px 18px;background: #dc2626;color: #ffffff;font-size: 0.85em;text-decoration: none;border-radius: 10px;line-height: 1.2;border: 1px solid #dc2626;cursor: pointer;transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;}
.btnDanger:hover {background: #b91c1c;border-color: #b91c1c;color: #ffffff;}

/* ========================= Menu Navigation ========================= */
/* Sidebar Navigation */

.sidebarNav {display: flex;flex-direction: column;gap: 8px;}
.sidebarNavItem, .sidebarLogout {width: 100%;display: flex;margin: 0;padding: 14px 14px;align-items: center;gap: 14px;border: 0;border-radius: 12px;background: transparent;color: #ffffff;text-decoration: none;text-align: left;font-size: 0.95em;cursor: pointer;box-sizing: border-box;transition: background 0.2s ease, color 0.2s ease;}
.sidebarNavItem:hover, .sidebarLogout:hover {background: rgba(255,255,255,0.08);color: #ffffff;}
.sidebarNavItem.active {background: #3b82f6;color: #ffffff;}
.sidebarNavIcon {width: 12px;text-align: center;font-size: 1.2em;}
.sidebarNavIcon  img {width:100%;height:auto;}
.sidebarNavText {white-space:nowrap;}

.sidebarCollapsed .sidebarBrandText, .sidebarCollapsed .sidebarNavText {display: none;}
.sidebarCollapsed .sidebarBrand {justify-content: center;}
.sidebarCollapsed .sidebarNavItem, .sidebarCollapsed .sidebarLogout {justify-content: center;padding-left: 0;padding-right: 0;}

.sidebarNavGroup {position: relative;}

.sidebarSubmenu {max-height: 0;display: block;padding: 0;overflow-y: auto;overflow-x: hidden;opacity: 0;pointer-events: none;transition: max-height 0.25s ease, opacity 0.2s ease, padding 0.2s ease;}
.sidebarSubmenuItem {display: block;padding: 5px 28px;color: #e5e7eb;font-size: 0.85em;text-decoration: none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sidebarSubmenuItem:hover {background: rgba(255,255,255,0.08);color:#ffffff;}
.sidebarSubmenu .sidebarSubmenuItem:first-child {padding: 10px 14px;}
.sidebarSubmenuItemDisabled {color: #9ca3af;cursor: default;}

.mainMenuAccordionToggle {position: relative;}
.mainMenuAccordionItem.open {background: rgba(255,255,255,0.08);border-radius: 10px 10px 0 0;}
.mainMenuAccordionItem.open .sidebarNavItem:hover {border-radius: 10px 10px 0 0;}
.mainMenuAccordionItem.open .sidebarSubmenu {max-height: 260px;padding: 8px 0;opacity: 1;pointer-events: auto;}
.mainMenuAccordionToggle::before {content: "▸";font-size: 0.9em;line-height: 1;position: absolute;top: 50%;right: 10px;transform: translatey(-50%);}
.mainMenuAccordionItem.open .mainMenuAccordionToggle::before {content: "▾";}
.sidebarCollapsed .mainMenuAccordionToggle::before {display:none !important;}

.sidebarCollapsed .sidebarSubmenu {display: none !important;max-height: 0 !important;padding: 0 !important;opacity: 0 !important;pointer-events: none !important;}
.sidebarCollapsed .mainMenuAccordionToggle::after {display: none;}


/* ========================= Utility Page Blocks ========================= */
.sectionDivider {width: 100%;height: 1px;background: #e5e7eb;margin: 50px 0;}

.pageIntroCard {margin:20px auto;padding: 24px;}
.contentCard {margin:20px auto;padding: 24px;background: #ffffff;border-radius: 10px;box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);}
.contentCard h1, .contentCard h2, .pageIntroCard h1, .pageIntroCard h2 {margin-top: 0;}
.contentCardHeader {width: 100%;margin-bottom: 20px;display: flex;align-items: center;justify-content: space-between;gap: 20px;}

.contentSubCard {margin: 20px 0;padding: 24px;background: #ffffff;border-radius: 10px;box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);}
.contentSubCardHeader {margin-bottom: 16px;font-size: 1.05em;font-weight: 700;color: #374151;}

/* Table */
.tableWrap {width: 100%;display:block;overflow-y: scroll;}

.dataTable {width: 100%;min-width: 900px;border-collapse: separate;border-spacing: 0;background: #ffffff;font-size:0.9em;}
.dataTable thead th {padding: 16px 12px;background: #f3f4f6;color: #6f757f;font-size: 0.9em;text-align: left;vertical-align: top;border-bottom: 1px solid #d1d5db;}
.dataTable tbody td {padding: 8px 12px;color: #6f757f;text-align: left;line-height: 1.45;border-bottom: 1px solid #e5e7eb;border-right: 1px solid #e5e7eb;vertical-align: top;}
.dataTable tbody td:last-child {border-right: none;}
.dataTable tbody tr:hover td {background: #f9fafb;}
.dataTable tbody tr:last-child td {border-bottom: none !important;}
.dataTable a {color:#263f62;}
.dataTable a:hover {}
.dataTable tbody td a {color:#3b82f6;}
.dataTable a.tableSortLink span {padding: 0px 6px;font-size: 0.65em;}

.dataTable.reports {}
.dataTable.reports thead th {padding:4px 8px;}
.dataTable.reports thead tr th {color:#000000;}
.dataTable.reports tbody td {color:#374151;}

/*edit*/
.tableAction {display: inline-block;padding: 6px 10px;font-size: 0.8em;color: #2563eb;background: #eff6ff;border: 1px solid #dbeafe;border-radius: 8px;text-decoration: none;transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;}
.tableAction:hover {background: #dbeafe;border-color: #bfdbfe;color: #1d4ed8;}

/* Report toolbar */
.reportToolbar {width: 100%;display: flex;align-items: center;justify-content: space-between;gap: 12px;box-sizing: border-box;}
.report-filter-form {display: flex;margin: 0;padding: 0;align-items: center;flex-wrap: nowrap;gap: 4px;box-sizing: border-box;}
.report-filter-form .formLabel {margin: 0 2px 0 0;font-size: 0.8em;font-weight: 600;white-space: nowrap;}

.report-filter-form .formInput, .report-filter-form select, .report-filter-form input[type="text"], .report-filter-form input[type="month"], .report-filter-form input[type="number"] {width: auto;min-width: 84px;min-height: 34px;height: 34px;margin: 0;padding: 6px 28px 6px 10px;font-size: 0.8em;line-height: 1.2;border: 1px solid #d1d5db;border-radius: 8px;box-sizing: border-box;appearance: none;
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='%23333' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.55rem center;
    background-size: 0.8rem;}
.report-filter-form #year {min-width: 78px;}
.report-filter-form #period {min-width: 92px;}
.report-filter-form #month {min-width: 118px;}
.report-filter-form button, .report-refresh-actions button {min-height: 34px;height: 34px;display: inline-flex;margin: 0;padding: 0.5rem 1rem;align-items: center;justify-content: center;font-size: 0.8em;line-height: 1.2;border: none;border-radius: 0.25rem;background-color: #3B82F6;color: #ffffff;cursor: pointer;box-sizing: border-box;white-space: nowrap;transition: background-color 0.2s ease;}
.report-filter-form button:hover, .report-refresh-actions button:hover {background-color: #2563EB;}
.report-refresh-actions {display: flex;flex: 0 0 auto;margin: 0;align-items: center;justify-content: flex-end;gap: 8px;}
.report-refresh-actions form {margin: 0;}
.report-refresh-actions .buttonMuted {background-color: #3B82F6;color: #ffffff;}
.report-refresh-actions .buttonMuted:hover {background-color: #2563EB;}

.report-filter-form > div {display: flex;align-items: center;margin-right: 1rem;}
.report-filter-group {display: flex;align-items: center;gap: 12px;}


/* ========================= Forms ========================= */
.appForm {width: 100%;}

.formGrid {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 20px;}
.formGridSmall {display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px;}
.formCheckbox {display: flex;align-items: center;gap: 8px;}
.formField {width: 100%;}
.formCard {max-width: 1100px;border-radius:10px;position:relative;box-sizing:border-box;}
.formHelp {margin-bottom: 8px;font-size: 0.9em;color: #6b7280;}
.formNote {margin-bottom: 8px;font-size: 0.9em;}
.formCode {display: inline-block;padding: 4px 6px;font-family: monospace;background: #f3f4f6;border-radius: 4px;}

.formLabel {display: block;margin-bottom: 8px;font-size: 0.85em;font-weight: 700;color: #374151;}
.formInput, .formField input, .formField select, .formField textarea {width: 100%;min-height: 46px;margin:0;padding: 11px 14px;border: 1px solid #d1d5db;border-radius: 10px;background: #ffffff;color: #111827;font-size: 0.9em;line-height: 1.4;box-sizing: border-box;}
.formInput:focus, .formField input:focus, .formField select:focus, .formField textarea:focus {outline: none;border-color: #93c5fd;box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);}

.formActions {display: flex;justify-content: flex-end;align-items: center;gap: 12px;margin-top: 24px;}
.formActions .btnSecondary {margin-right: auto;margin-left: 0;}

.formHelpText {margin-top: 8px;font-size: 0.8em;color: #6b7280;}
.formActionsTop {margin-top: 0;margin-bottom: 24px;justify-content: flex-end;}
.formError {margin-top: 10px;font-size: 0.8em;color: #b91c1c;font-weight: 600;}

.appModal {position: fixed;inset: 0;z-index: 1000;}
.appModal.modalVisible {display: flex;padding: 20px;align-items: center;justify-content: center;box-sizing: border-box;}
.appModalBackdrop {position: absolute;inset: 0;background: rgba(17, 24, 39, 0.65);}
.appModalDialog {width: 100%;max-width: 560px;padding: 24px;background: #ffffff;border-radius: 18px;box-shadow: 0 18px 48px rgba(15, 23, 42, 0.22); box-sizing: border-box;position: relative;z-index: 2;}
.appModalHeader h3 {margin: 0;}
.appModalBody {margin-top: 14px;}
.appModalBody p {margin: 0 0 16px 0;color: #374151;line-height: 1.5;}
.appModalActions {display: flex;margin-top: 22px;justify-content: flex-start;gap: 12px;flex-wrap: wrap;}


.checkboxGrid {display: grid;margin-top: 16px;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 12px;}
.checkboxCard {min-width: 0;display: flex;padding: 12px 14px;align-items: center;gap: 10px;border: 1px solid #e5e7eb;border-radius: 12px;background: #ffffff;cursor: pointer;}
.checkboxCard span {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.checkboxCard input[type="checkbox"] {flex-shrink: 0;border: solid 1px #2563eb;cursor: pointer;}

.checkboxGridScoll {max-height: 260px;padding: 20px;border-radius: 10px;border: 1px solid #edf0f2;overflow-y: auto;overflow-x: hidden;}
.checkboxGridScoll::-webkit-scrollbar {width: 8px;}
.checkboxGridScoll::-webkit-scrollbar-track {background: #eef2f5;border-radius: 4px;}
.checkboxGridScoll::-webkit-scrollbar-thumb {background: #b8c2cc;border-radius: 4px;transition: background 0.2s ease;}
.checkboxGridScoll::-webkit-scrollbar-thumb:hover {background: #9aa6b2;}
.checkboxGridScoll {scrollbar-width: thin;scrollbar-color: #c5cbd3 #f1f3f5;}
.checkboxCardDisabled {background: #f9fafb;opacity: 0.75;cursor: not-allowed;}

.topBarRight {display: flex;position: relative;align-items: center;gap: 10px;}
.topBarMenuWrap {position: relative;}
.topbarActions {position: relative;display: flex;align-items: center;gap: 10px;}
.topbarIconButton {width: 42px;height: 42px;display: inline-flex;align-items: center;justify-content: center;border-radius: 10px;border: 1px solid #d1d5db;background: #ffffff;text-decoration: none;color: #111827;cursor: pointer;}

.businessSwitcherPanel {position: absolute;top: 48px;right: 0;z-index: 300;}
.businessSwitcherPanel {top: calc(100% + 8px);}
.businessSwitcherPanel { width: 280px;padding: 14px;background: #ffffff;border: 1px solid #e5e7eb;border-radius: 14px;box-shadow: 0 18px 40px rgba(15, 23, 42, 0.14);top: calc(100% + 10px);right: 0;position: absolute;z-index: 200;}
.businessSwitcherTitle {font-weight: 700;margin-bottom: 10px;}
.businessSwitcherList {max-height: 320px;overflow-y: auto;overflow-x: hidden;}
.businessSwitcherItem {width: 100%;display: block;padding: 10px 12px;text-align: left;border: 0;background: #ffffff;border-radius: 10px;cursor: pointer;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.businessSwitcherItem:hover, .businessSwitcherItem.active {background: #eff6ff;}

/* ========================= Responsive ========================= */
@media (max-width: 900px) {
    .sidebarNavGroup:hover .sidebarSubmenu {display: none;}
    .sidebarNavGroup.open .sidebarSubmenu {display: block;}
    .businessSwitcherPanel {width: min(320px, calc(100vw - 30px));}
    .appShell {flex-direction: column-reverse;}
    .appSidebar {width: 100%;min-width: 100%;min-height: auto;}
    .sidebarCollapsed .appSidebar {width: 100%;min-width: 100%;}
    .sidebarToggleWrap {right: 20px;top: auto;bottom: -18px;}
    .sidebarCollapsed .sidebarBrandText,
    .sidebarCollapsed .sidebarNavText {display: inline;}
    .sidebarCollapsed .sidebarBrand {justify-content: flex-start;}
    .sidebarCollapsed .sidebarNavItem,
    .sidebarCollapsed .sidebarLogout {justify-content: flex-start;padding-left: 14px;padding-right: 14px;}
    .topBar {padding: 0 20px;}
    .appContent {padding: 20px;}
    .reportToolbar {flex-wrap: wrap;align-items: flex-start;}

    .report-filter-form {flex-wrap: wrap;}

    .report-refresh-actions {width: 100%;justify-content: flex-start;}
}

@media (max-width: 860px) {
    .checkboxGrid {grid-template-columns: 1fr;}    
    .appModalDialog {padding: 20px;    }
    .appModalActions {flex-direction: column;align-items: stretch;}
    .formGrid {grid-template-columns: 1fr;}
    .formActionsSplit {flex-direction: column;align-items: stretch;}
}


/* Public Page Layout */
.publicPageBody {margin: 0;padding: 0;background: #eef2f5;color: #1f2937;font-family: 'Nunito', Arial, Helvetica, sans-serif;}
.publicPageWrap {width: 100%;min-height: 100vh;}
.publicPageHeader {padding: 50px 20px 20px 20px;background: linear-gradient(180deg, #eef2f5 0%, #f6f8fa 100%);}
.publicPageHeaderInner {max-width: 1100px;margin: 0 auto;}
.publicPageHeader h1 {margin: 0 0 15px 0;}
.publicPageIntro {max-width: 900px;margin: 0 0 10px 0;font-size: 1em;line-height: 1.7;color: #4b5563;}
.publicPageUpdated {margin: 0;font-size: 0.85em;color: #6b7280;}
.publicPageMain {padding: 10px 20px 50px 20px;}
.publicContent {max-width: 1100px;margin: 0 auto;line-height: 1.75;}
.publicContent h2 {margin-top: 35px;margin-bottom: 12px;padding-bottom: 8px;border-bottom: 1px solid #e5e7eb;}
.publicContent p {margin: 0 0 15px 0;color: #374151;}
.publicList {margin: 0 0 18px 20px;padding: 0;}
.publicList li {margin-bottom: 8px;color: #374151;}
.publicContactBlock {margin-top: 10px;padding: 18px 20px;background: #f9fafb;border: 1px solid #e5e7eb;border-radius: 10px;}
.publicContactBlock p {margin: 0 0 8px 0;}
.publicContactBlock p:last-child {margin-bottom: 0;}

@media (max-width: 860px) {
    .publicPageHeader {padding: 35px 16px 15px 16px;}
    .publicPageMain {padding: 10px 16px 35px 16px;}
    .publicContent {padding: 20px;}
}
    








/*! tailwindcss v2.2.19 | MIT License | https://tailwindcss.com*/



/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize 

abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

b, strong {
  font-weight: bolder;
}

code, kbd, pre, samp {
  font-family: ui-monospace, SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

table {
	width:100%;
  border-color: inherit;
  text-indent: 0;
  border-collapse: collapse;
}

fieldset, ol, ul {
  margin: 0;
  padding: 0;
}

ol, ul {
  list-style: none;
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 1px 4px;
  color: inherit;
  padding: 0;
}

button, select {
  text-transform: none;
}

legend {
  padding: 0;
}

progress {
  vertical-align: baseline;
}

summary {
  display: list-item;
}

textarea {
  resize: vertical;
}

input::placeholder, textarea::placeholder {
  color: #6b7280;
  opacity: 1;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #6b7280;
  opacity: 1;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #6b7280;
  opacity: 1;
}

[hidden] {
  display: none;
}

[role="button"], button {
  cursor: pointer;
}

[type="date"], [type="email"], [type="password"], [type="text"], 
[type="time"], [type="url"], select, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-radius: 0;
  border-width: 1px;
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0.5rem 0.75rem;
}
*/
/*[type="date"]:focus, [type="email"]:focus, [type="password"]:focus, [type="text"]:focus, 
[type="time"]:focus, [type="url"]:focus, select:focus, textarea:focus {
  --tw-ring-inset: var(--tw-empty, /*!*/ /*!*//*);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  border-color: #2563eb;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  outline: 2px solid transparent;
  outline-offset: 2px;
}

select {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
}

[type="checkbox"], select {
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
}

[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  background-origin: border-box;
  border-color: #6b7280;
  border-radius: 0;
  border-width: 1px;
  color: #2563eb;
  display: inline-block;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  padding: 0;
  user-select: none;
  vertical-align: middle;
}

[type="checkbox"]:focus {
  --tw-ring-inset: var(--tw-empty, /*!*/ /*!*//*);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  outline: 2px solid transparent;
  outline-offset: 2px;
}

[type="checkbox"]:checked {
  background-color: currentColor;
  border-color: transparent;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

[type="checkbox"]:checked:focus,
[type="checkbox"]:checked:hover {
  background-color: currentColor;
  border-color: transparent;
}

[type="checkbox"]:indeterminate {
  background-color: currentColor;
  border-color: transparent;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

[type="checkbox"]:indeterminate:focus,
[type="checkbox"]:indeterminate:hover {
  background-color: currentColor;
  border-color: transparent;
}


.mobileAutoScroll {overflow-x: auto;}

.fixed{position:fixed}

.absolute{position:absolute}

.relative{position:relative}

.top-0{top:0}

.right-0{right:0}

.left-0{left:0}

.z-0{z-index:0}

.z-50{z-index:50}

.focus\:z-10:focus{z-index:10}

.float-right{float:right}

.clear-both{clear:both}

.mx-auto{margin-left:auto;margin-right:auto}

.mt-1{margin-top:.25rem}

.mt-2{margin-top:.5rem}

.mt-3{margin-top:.75rem}

.mt-4{margin-top:1rem}

.mt-6{margin-top:1.5rem}

.mt-8{margin-top:2rem}

.-mt-1{margin-top:-.25rem}

.-mt-2{margin-top:-.5rem}

.-mt-px{margin-top:-1px}

.mr-2{margin-right:.5rem}

.mr-6{margin-right:1.5rem}

.mr-10{margin-right:2.5rem}

.-mr-2{margin-right:-.5rem}

.mb-2{margin-bottom:.5rem}

.mb-4{margin-bottom:1rem}

.mb-5{margin-bottom:1.25rem}

.ml-1{margin-left:.25rem}

.ml-2{margin-left:.5rem}

.ml-3{margin-left:.75rem}

.ml-4{margin-left:1rem}

.ml-5{margin-left:1.25rem}

.ml-12{margin-left:3rem}

.-ml-px{margin-left:-1px}

.block{display:block}

.inline-block{display:inline-block}

.inline{display:inline}

.flex{display:flex}

.inline-flex{display:inline-flex}

.table{display:table;}

.grid{display:grid}

.hidden{display:none}

.h-4{height:1rem}

.h-5{height:1.25rem}

.h-6{height:1.5rem}

.h-8{height:2rem}

.h-10{height:2.5rem}

.h-16{height:4rem}

.h-20{height:5rem}

.min-h-screen{min-height:100vh}

.w-4{width:1rem}

.w-5{width:1.25rem}

.w-6{width:1.5rem}

.w-8{width:2rem}

.w-20{width:5rem}

.w-48{width:12rem}

.w-auto{width:auto}

.w-full{width:100%}

.max-w-xl{max-width:36rem}

.max-w-6xl{max-width:72rem}

.max-w-7xl{max-width:80rem}

.flex-1{flex:1 1 0%}

.flex-shrink-0{flex-shrink:0}

.table-auto{table-layout:auto}

.border-collapse{border-collapse:collapse}

.origin-top{transform-origin:top}

.origin-top-right{transform-origin:top right}

.origin-top-left{transform-origin:top left}

.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}

.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}

.scale-100{--tw-scale-x:1;--tw-scale-y:1}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}@-webkit-keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@-webkit-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}@-webkit-keyframes bounce{0%,to{-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@keyframes bounce{0%,to{-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}

.cursor-default{cursor:default}

.list-inside{list-style-position:inside}

.list-disc{list-style-type:disc}

.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}

.flex-col{flex-direction:column}

.items-center{align-items:center}

.justify-end{justify-content:flex-end}

.justify-center{justify-content:center}

.justify-between{justify-content:space-between}

.justify-items-center{justify-items:center}

.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(2rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(2rem*var(--tw-space-x-reverse))}

.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}

.overflow-hidden{overflow:hidden}

.break-all{word-break:break-all}

.rounded{border-radius:.25rem}

.rounded-md{border-radius:.375rem}

.rounded-r-md{border-bottom-right-radius:.375rem;border-top-right-radius:.375rem}

.rounded-l-md{border-bottom-left-radius:.375rem;border-top-left-radius:.375rem}

.border{border-width:1px}

.border-t{border-top-width:1px}

.border-r{border-right-width:1px}

.border-b-2{border-bottom-width:2px}

.border-b{border-bottom-width:1px}

.border-l-4{border-left-width:4px}

.border-transparent{border-color:transparent}

.border-gray-100{--tw-border-opacity:1;border-color:rgba(243,244,246,var(--tw-border-opacity))}

.border-gray-200{--tw-border-opacity:1;border-color:rgba(229,231,235,var(--tw-border-opacity))}

.border-gray-300{--tw-border-opacity:1;border-color:rgba(209,213,219,var(--tw-border-opacity))}

.border-gray-400{--tw-border-opacity:1;border-color:rgba(156,163,175,var(--tw-border-opacity))}

.border-indigo-400{--tw-border-opacity:1;border-color:rgba(129,140,248,var(--tw-border-opacity))}

.focus\:border-gray-300:focus,.hover\:border-gray-300:hover{--tw-border-opacity:1;border-color:rgba(209,213,219,var(--tw-border-opacity))}

.focus\:border-gray-900:focus{--tw-border-opacity:1;border-color:rgba(17,24,39,var(--tw-border-opacity))}

.focus\:border-blue-300:focus{--tw-border-opacity:1;border-color:rgba(147,197,253,var(--tw-border-opacity))}

.focus\:border-indigo-300:focus{--tw-border-opacity:1;border-color:rgba(165,180,252,var(--tw-border-opacity))}

.focus\:border-indigo-700:focus{--tw-border-opacity:1;border-color:rgba(67,56,202,var(--tw-border-opacity))}

.bg-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}

.bg-gray-100{--tw-bg-opacity:1;background-color:rgba(243,244,246,var(--tw-bg-opacity))}

.bg-gray-800{--tw-bg-opacity:1;background-color:rgba(31,41,55,var(--tw-bg-opacity))}

.bg-red-500{--tw-bg-opacity:1;background-color:rgba(239,68,68,var(--tw-bg-opacity))}

.bg-green-400{--tw-bg-opacity:1;background-color:rgba(52,211,153,var(--tw-bg-opacity))}

.bg-blue-500{--tw-bg-opacity:1;background-color:rgba(59,130,246,var(--tw-bg-opacity))}

.bg-indigo-50{--tw-bg-opacity:1;background-color:rgba(238,242,255,var(--tw-bg-opacity))}

.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgba(249,250,251,var(--tw-bg-opacity))}

.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgba(243,244,246,var(--tw-bg-opacity))}

.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgba(55,65,81,var(--tw-bg-opacity))}

.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgba(185,28,28,var(--tw-bg-opacity))}

.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgba(29,78,216,var(--tw-bg-opacity))}

.focus\:bg-gray-50:focus{--tw-bg-opacity:1;background-color:rgba(249,250,251,var(--tw-bg-opacity))}

.focus\:bg-gray-100:focus{--tw-bg-opacity:1;background-color:rgba(243,244,246,var(--tw-bg-opacity))}

.focus\:bg-indigo-100:focus{--tw-bg-opacity:1;background-color:rgba(224,231,255,var(--tw-bg-opacity))}

.fill-current{fill:currentColor}

.p-2{padding:.5rem}

.p-4{padding:1rem}

.p-6{padding:1.5rem}

.px-1{padding-left:.25rem;padding-right:.25rem}

.px-2{padding-left:.5rem;padding-right:.5rem}

.px-4{padding-left:1rem;padding-right:1rem}

.px-6{padding-left:1.5rem;padding-right:1.5rem}

.py-1{padding-bottom:.25rem;padding-top:.25rem}

.py-2{padding-bottom:.5rem;padding-top:.5rem}

.py-3{padding-bottom:.75rem;padding-top:.75rem}

.py-4{padding-bottom:1rem;padding-top:1rem}

.py-6{padding-bottom:1.5rem;padding-top:1.5rem}

.py-12{padding-bottom:3rem;padding-top:3rem}

.pt-0{padding-top:0}

.pt-1{padding-top:.25rem}

.pt-2{padding-top:.5rem}

.pt-4{padding-top:1rem}

.pt-6{padding-top:1.5rem}

.pt-8{padding-top:2rem}

.pr-4{padding-right:1rem}

.pb-1{padding-bottom:.25rem}

.pb-2{padding-bottom:.5rem}

.pb-3{padding-bottom:.75rem}

.pl-3{padding-left:.75rem}

.pl-6{padding-left:1.5rem}

.text-left{text-align:left}

.text-center{text-align:center}

.text-right{text-align:right}

.text-xs{font-size:.75rem;line-height:1rem}

.text-sm{font-size:.875rem;line-height:1.25rem}

.text-base{font-size:1rem;line-height:1.5rem}

.text-lg{font-size:1.125rem}

.text-lg,.text-xl{line-height:1.75rem}

.text-xl{font-size:1.25rem}

.text-2xl{font-size:1.5rem;line-height:2rem}

.font-medium{font-weight:500}

.font-semibold{font-weight:600}

.font-bold{font-weight:700}

.uppercase{text-transform:uppercase}

.italic{font-style:italic}

.leading-5{line-height:1.25rem}

.leading-7{line-height:1.75rem}

.leading-tight{line-height:1.25}

.tracking-wider{letter-spacing:.05em}

.tracking-widest{letter-spacing:.1em}

.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}

.text-gray-200{--tw-text-opacity:1;color:rgba(229,231,235,var(--tw-text-opacity))}

.text-gray-300{--tw-text-opacity:1;color:rgba(209,213,219,var(--tw-text-opacity))}

.text-gray-400{--tw-text-opacity:1;color:rgba(156,163,175,var(--tw-text-opacity))}

.text-gray-500{--tw-text-opacity:1;color:rgba(107,114,128,var(--tw-text-opacity))}

.text-gray-600{--tw-text-opacity:1;color:rgba(75,85,99,var(--tw-text-opacity))}

.text-gray-700{--tw-text-opacity:1;color:rgba(55,65,81,var(--tw-text-opacity))}

.text-gray-800{--tw-text-opacity:1;color:rgba(31,41,55,var(--tw-text-opacity))}

.text-gray-900{--tw-text-opacity:1;color:rgba(17,24,39,var(--tw-text-opacity))}

.text-red-500{--tw-text-opacity:1;color:rgba(239,68,68,var(--tw-text-opacity))}

.text-red-600{--tw-text-opacity:1;color:rgba(220,38,38,var(--tw-text-opacity))}

.text-green-600{--tw-text-opacity:1;color:rgba(5,150,105,var(--tw-text-opacity))}

.text-blue-500{--tw-text-opacity:1;color:rgba(59,130,246,var(--tw-text-opacity))}

.text-indigo-600{--tw-text-opacity:1;color:rgba(79,70,229,var(--tw-text-opacity))}

.text-indigo-700{--tw-text-opacity:1;color:rgba(67,56,202,var(--tw-text-opacity))}

.hover\:text-gray-400:hover{--tw-text-opacity:1;color:rgba(156,163,175,var(--tw-text-opacity))}

.hover\:text-gray-500:hover{--tw-text-opacity:1;color:rgba(107,114,128,var(--tw-text-opacity))}

.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgba(55,65,81,var(--tw-text-opacity))}

.hover\:text-gray-800:hover{--tw-text-opacity:1;color:rgba(31,41,55,var(--tw-text-opacity))}

.hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgba(17,24,39,var(--tw-text-opacity))}

.focus\:text-gray-500:focus{--tw-text-opacity:1;color:rgba(107,114,128,var(--tw-text-opacity))}

.focus\:text-gray-700:focus{--tw-text-opacity:1;color:rgba(55,65,81,var(--tw-text-opacity))}

.focus\:text-gray-800:focus{--tw-text-opacity:1;color:rgba(31,41,55,var(--tw-text-opacity))}

.focus\:text-indigo-800:focus{--tw-text-opacity:1;color:rgba(55,48,163,var(--tw-text-opacity))}

.underline{text-decoration:underline}

.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.opacity-0{opacity:0}

.opacity-100{opacity:1}

.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05)}

.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}

.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}

.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}

.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}

.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}

.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}

.focus\:ring:focus,.ring-1{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}

.focus\:ring:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}

.ring-black{--tw-ring-opacity:1;--tw-ring-color:rgba(0,0,0,var(--tw-ring-opacity))}

.ring-gray-300{--tw-ring-opacity:1;--tw-ring-color:rgba(209,213,219,var(--tw-ring-opacity))}

.focus\:ring-indigo-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(199,210,254,var(--tw-ring-opacity))}

.ring-opacity-5{--tw-ring-opacity:0.05}

.focus\:ring-opacity-50:focus{--tw-ring-opacity:0.5}

.transition{transition-duration:.15s;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}

.duration-75{transition-duration:75ms}

.duration-150{transition-duration:.15s}

.duration-200{transition-duration:.2s}

.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}

.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}

.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}

@media (min-width:640px){
	.sm\:-my-px{margin-bottom:-1px;margin-top:-1px}

	.sm\:ml-0{margin-left:0}

	.sm\:ml-6{margin-left:1.5rem}

	.sm\:ml-10{margin-left:2.5rem}

	.sm\:block{display:block}

	.sm\:h-20{height:5rem}

	.sm\:max-w-md{max-width:28rem}

	.sm\:flex-1{flex:1 1 0%}

	.sm\:items-center{align-items:center}

	.sm\:justify-start{justify-content:flex-start}

	.sm\:justify-center{justify-content:center}

	.sm\:justify-between{justify-content:space-between}

	.sm\:rounded-lg{border-radius:.5rem}

	.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}

	.sm\:pt-0{padding-top:0}

	.sm\:text-left{text-align:left}

	.sm\:text-right{text-align:right}}

@media (min-width:768px){
	.sm\:flex{display:flex}
	
	.sm\:hidden{display:none}
	
	.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}

	.md\:border-t-0{border-top-width:0}

	.md\:border-l{border-left-width:1px}}

@media (min-width:1024px){
	.lg\:px-8{padding-left:2rem;padding-right:2rem}}*/