/* [project]/components/admin/AdminPendingBar/AdminPendingBar.module.css [app-client] (css) */
.AdminPendingBar-module__56knTW__bar {
z-index: 10000;
pointer-events: none;
align-items: center;
gap: 8px;
padding: 0;
animation: .15s ease-out AdminPendingBar-module__56knTW__fadeIn;
display: flex;
position: fixed;
top: 0;
left: 0;
right: 0;
}
@keyframes AdminPendingBar-module__56knTW__fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.AdminPendingBar-module__56knTW__progress {
background: #2563eb26;
flex: auto;
height: 3px;
position: relative;
overflow: hidden;
}
.AdminPendingBar-module__56knTW__progressFill {
background: linear-gradient(90deg,
transparent 0%,
var(--admin-accent-warning, #2563eb) 50%,
transparent 100%);
width: 35%;
height: 100%;
animation: 1.2s linear infinite AdminPendingBar-module__56knTW__slide;
position: absolute;
top: 0;
left: 0;
}
@keyframes AdminPendingBar-module__56knTW__slide {
0% {
left: -35%;
}
100% {
left: 100%;
}
}
.AdminPendingBar-module__56knTW__label {
color: #fff;
font-family: var(--font-mono);
letter-spacing: .03em;
pointer-events: none;
background: #2563ebeb;
border-radius: 3px;
padding: 2px 10px;
font-size: 11px;
font-weight: 600;
position: absolute;
top: 6px;
right: 12px;
box-shadow: 0 1px 3px #0003;
}
/* [project]/components/admin/AdminTopBar/partials/AdminPanelLink.module.css [app-client] (css) */
.AdminPanelLink-module__9Z26na__link {
height: 100%;
color: var(--admin-fg);
align-items: center;
gap: 6px;
padding: 0 14px;
font-size: 13px;
font-weight: 500;
transition: background .15s, color .15s;
display: inline-flex;
}
.AdminPanelLink-module__9Z26na__link:hover {
background: var(--admin-bg-hover);
color: var(--admin-fg-hover);
text-decoration: none;
}
.AdminPanelLink-module__9Z26na__link:hover .AdminPanelLink-module__9Z26na__icon {
color: var(--admin-fg-hover);
}
.AdminPanelLink-module__9Z26na__label {
font-size: 12px;
}
.AdminPanelLink-module__9Z26na__icon {
color: var(--admin-fg-muted);
font-size: 14px;
line-height: 1;
}
/* [project]/components/admin/AdminTopBar/partials/Tab.module.css [app-client] (css) */
.Tab-module__IYopwq__tab {
border-radius: 0;
align-items: center;
gap: 6px;
height: 100%;
padding: 0 14px;
font-size: 13px;
font-weight: 500;
transition: background .15s;
display: inline-flex;
}
.Tab-module__IYopwq__icon {
font-size: 16px;
line-height: 1;
}
.Tab-module__IYopwq__tab:hover {
background: var(--admin-bg-hover);
color: #fff;
}
.Tab-module__IYopwq__tabActive {
background: var(--admin-bg-active);
color: var(--admin-fg);
}
.Tab-module__IYopwq__tabActive:hover {
background: var(--admin-bg-active);
color: var(--admin-fg-hover);
}
/* [project]/components/admin/AdminTopBar/partials/AdminLocaleSwitch.module.css [app-client] (css) */
.AdminLocaleSwitch-module__UdLorq__wrapper {
align-items: center;
height: 100%;
display: inline-flex;
position: relative;
}
.AdminLocaleSwitch-module__UdLorq__trigger {
align-items: center;
gap: 6px;
height: 100%;
padding: 0 12px;
font-size: 13px;
font-weight: 500;
transition: background .15s;
display: inline-flex;
}
.AdminLocaleSwitch-module__UdLorq__trigger:hover {
background: var(--admin-bg-hover);
color: #fff;
}
.AdminLocaleSwitch-module__UdLorq__triggerOpen {
background: var(--admin-bg-active);
color: var(--admin-fg);
}
.AdminLocaleSwitch-module__UdLorq__triggerOpen:hover {
background: var(--admin-bg-active);
}
.AdminLocaleSwitch-module__UdLorq__icon {
font-size: 16px;
line-height: 1;
}
.AdminLocaleSwitch-module__UdLorq__code {
letter-spacing: .04em;
font-variant-numeric: tabular-nums;
font-weight: 700;
}
.AdminLocaleSwitch-module__UdLorq__label {
text-overflow: ellipsis;
white-space: nowrap;
max-width: 140px;
color: var(--admin-fg-muted);
overflow: hidden;
}
.AdminLocaleSwitch-module__UdLorq__trigger:hover .AdminLocaleSwitch-module__UdLorq__label, .AdminLocaleSwitch-module__UdLorq__triggerOpen .AdminLocaleSwitch-module__UdLorq__label {
color: var(--admin-fg);
}
.AdminLocaleSwitch-module__UdLorq__arrow {
color: var(--admin-fg-muted);
font-size: 11px;
line-height: 1;
}
.AdminLocaleSwitch-module__UdLorq__menu {
background: var(--admin-bg-overlay);
border: 1px solid var(--admin-border);
border-radius: var(--admin-radius-md);
min-width: 260px;
box-shadow: var(--admin-shadow);
z-index: 1001;
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
flex-direction: column;
margin-top: 4px;
padding: 4px 0;
list-style: none;
display: flex;
position: absolute;
top: 100%;
left: 0;
}
.AdminLocaleSwitch-module__UdLorq__menuHeader {
text-transform: uppercase;
letter-spacing: .04em;
color: var(--admin-fg-muted);
border-bottom: 1px solid var(--admin-divider);
padding: 8px 14px 6px;
font-size: 11px;
font-weight: 600;
}
.AdminLocaleSwitch-module__UdLorq__menuItem {
color: var(--admin-fg);
cursor: pointer;
align-items: center;
gap: 10px;
padding: 10px 14px;
font-size: 13px;
text-decoration: none;
transition: background .15s;
display: flex;
}
.AdminLocaleSwitch-module__UdLorq__menuItem:hover {
background: var(--admin-bg-hover);
text-decoration: none;
}
.AdminLocaleSwitch-module__UdLorq__menuItemActive {
background: var(--admin-bg-active);
color: var(--admin-fg);
}
.AdminLocaleSwitch-module__UdLorq__menuItemActive:hover {
background: var(--admin-bg-active);
}
.AdminLocaleSwitch-module__UdLorq__menuCode {
letter-spacing: .04em;
font-variant-numeric: tabular-nums;
background: var(--admin-bg-hover);
text-align: center;
border-radius: 4px;
min-width: 28px;
padding: 2px 6px;
font-size: 11px;
font-weight: 700;
}
.AdminLocaleSwitch-module__UdLorq__menuItemActive .AdminLocaleSwitch-module__UdLorq__menuCode {
background: var(--admin-bg);
color: var(--admin-fg);
}
.AdminLocaleSwitch-module__UdLorq__menuLabel {
text-overflow: ellipsis;
white-space: nowrap;
flex: 1;
overflow: hidden;
}
.AdminLocaleSwitch-module__UdLorq__menuCheck {
color: var(--admin-fg);
font-size: 13px;
line-height: 1;
}
.AdminLocaleSwitch-module__UdLorq__menuFooter {
color: var(--admin-fg-muted);
border-top: 1px solid var(--admin-divider);
padding: 8px 14px;
font-size: 11px;
line-height: 1.4;
}
/* [project]/components/admin/AdminTopBar/partials/NotificationsBell.module.css [app-client] (css) */
.NotificationsBell-module__deqswW__wrapper {
align-items: center;
height: 100%;
display: inline-flex;
position: relative;
}
.NotificationsBell-module__deqswW__bell {
justify-content: center;
align-items: center;
width: 38px;
height: 100%;
font-size: 16px;
transition: background .15s, color .15s;
display: inline-flex;
position: relative;
}
.NotificationsBell-module__deqswW__bell:hover {
background: var(--admin-bg-hover);
color: var(--admin-fg-hover);
}
.NotificationsBell-module__deqswW__icon {
line-height: 1;
}
.NotificationsBell-module__deqswW__badge {
background: var(--admin-danger);
min-width: 16px;
height: 16px;
color: var(--admin-fg);
text-align: center;
box-shadow: 0 0 0 2px var(--admin-bg);
border-radius: 8px;
padding: 0 4px;
font-size: 10px;
font-weight: 600;
line-height: 16px;
position: absolute;
top: 6px;
right: 4px;
}
.NotificationsBell-module__deqswW__dropdown {
background: var(--admin-bg-overlay);
border: 1px solid var(--admin-border);
border-radius: var(--admin-radius-md);
min-width: 320px;
max-width: 400px;
max-height: 480px;
box-shadow: var(--admin-shadow);
z-index: 1001;
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
margin-top: 4px;
position: absolute;
top: 100%;
right: 0;
overflow-y: auto;
}
.NotificationsBell-module__deqswW__empty {
text-align: center;
color: var(--admin-fg-muted);
padding: 24px 16px;
font-size: 13px;
}
.NotificationsBell-module__deqswW__list {
margin: 0;
padding: 4px 0;
list-style: none;
}
.NotificationsBell-module__deqswW__item {
border-bottom: 1px solid var(--admin-divider);
cursor: pointer;
padding: 10px 14px;
transition: background .15s;
display: block;
}
.NotificationsBell-module__deqswW__item:last-child {
border-bottom: 0;
}
.NotificationsBell-module__deqswW__item:hover {
background: var(--admin-bg-hover);
}
.NotificationsBell-module__deqswW__item strong {
margin-bottom: 2px;
font-size: 13px;
font-weight: 600;
display: block;
}
.NotificationsBell-module__deqswW__item p {
color: var(--admin-fg-muted);
margin: 0 0 4px;
font-size: 12px;
line-height: 1.4;
}
.NotificationsBell-module__deqswW__item time {
color: var(--admin-fg-muted);
font-size: 11px;
}
.NotificationsBell-module__deqswW__itemUnread {
border-left: 3px solid var(--admin-bg-active);
background: #4a90e214;
padding-left: 11px;
}
.NotificationsBell-module__deqswW__itemUnread strong {
color: var(--admin-fg);
}
/* [project]/components/admin/AdminTopBar/partials/UserMenuDropdown.module.css [app-client] (css) */
.UserMenuDropdown-module__7yi7IG__wrapper {
align-items: center;
height: 100%;
display: inline-flex;
position: relative;
}
.UserMenuDropdown-module__7yi7IG__toggle {
align-items: center;
gap: 6px;
height: 100%;
padding: 0 12px;
font-size: 13px;
font-weight: 500;
transition: background .15s;
display: inline-flex;
}
.UserMenuDropdown-module__7yi7IG__toggle:hover {
background: var(--admin-bg-hover);
}
.UserMenuDropdown-module__7yi7IG__avatar {
font-size: 18px;
line-height: 1;
}
.UserMenuDropdown-module__7yi7IG__name {
text-overflow: ellipsis;
white-space: nowrap;
max-width: 140px;
overflow: hidden;
}
.UserMenuDropdown-module__7yi7IG__chevron {
color: var(--admin-fg-muted);
font-size: 12px;
line-height: 1;
}
.UserMenuDropdown-module__7yi7IG__dropdown {
background: var(--admin-bg-overlay);
border: 1px solid var(--admin-border);
border-radius: var(--admin-radius-md);
min-width: 220px;
box-shadow: var(--admin-shadow);
z-index: 1001;
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
flex-direction: column;
margin-top: 4px;
padding: 4px 0;
display: flex;
position: absolute;
top: 100%;
right: 0;
}
.UserMenuDropdown-module__7yi7IG__userInfo {
border-bottom: 1px solid var(--admin-divider);
flex-direction: column;
gap: 2px;
padding: 10px 14px;
display: flex;
}
.UserMenuDropdown-module__7yi7IG__userInfo strong {
color: var(--admin-fg);
font-size: 13px;
font-weight: 600;
}
.UserMenuDropdown-module__7yi7IG__userInfo span {
color: var(--admin-fg-muted);
font-size: 11px;
}
.UserMenuDropdown-module__7yi7IG__menuItem {
text-align: left;
width: 100%;
color: var(--admin-fg);
cursor: pointer;
padding: 10px 14px;
font-size: 13px;
transition: background .15s;
display: block;
}
.UserMenuDropdown-module__7yi7IG__menuItem:hover {
background: var(--admin-bg-hover);
text-decoration: none;
}
/* [project]/components/admin/AdminTopBar/partials/DevBannerToggle.module.css [app-client] (css) */
.DevBannerToggle-module__PLxXaq__btn {
border-radius: var(--admin-radius-pill, 999px);
width: 32px;
height: 32px;
color: var(--admin-panel-fg-muted, #6b7280);
cursor: pointer;
background: none;
border: 2px solid #0000;
justify-content: center;
align-items: center;
margin-left: 4px;
padding: 0;
font-size: 16px;
transition: background .15s, color .15s, border-color .15s;
display: inline-flex;
}
.DevBannerToggle-module__PLxXaq__btn:hover {
color: var(--admin-panel-accent, #2563eb);
border-color: var(--admin-panel-accent, #2563eb);
background: #fff;
}
.DevBannerToggle-module__PLxXaq__btn[data-active="shown"] {
color: var(--admin-accent-warning, #f59e0b);
}
.DevBannerToggle-module__PLxXaq__btn[data-active="shown"]:hover {
color: var(--admin-accent-warning, #f59e0b);
border-color: var(--admin-accent-warning, #f59e0b);
}
/* [project]/components/admin/CatalogAdminToolbar/CatalogAdminToolbar.module.css [app-client] (css) */
.CatalogAdminToolbar-module__OIs_Bq__panel {
background: var(--admin-panel-bg);
width: 100%;
color: var(--admin-panel-fg);
border-bottom: 1px solid var(--admin-panel-border);
font-family: system-ui, -apple-system, sans-serif;
font-size: 13px;
line-height: 1.4;
animation: .18s ease-out CatalogAdminToolbar-module__OIs_Bq__slideDown;
position: relative;
overflow: hidden;
}
@keyframes CatalogAdminToolbar-module__OIs_Bq__slideDown {
from {
opacity: 0;
max-height: 0;
}
to {
opacity: 1;
max-height: 600px;
}
}
.CatalogAdminToolbar-module__OIs_Bq__closeBtn {
border-radius: var(--admin-radius-pill);
width: 32px;
height: 32px;
color: var(--admin-panel-fg-muted);
background: none;
justify-content: center;
align-items: center;
font-size: 16px;
transition: background .18s, color .18s, transform .18s;
display: inline-flex;
position: absolute;
top: 8px;
right: 8px;
}
.CatalogAdminToolbar-module__OIs_Bq__closeBtn:hover {
color: var(--admin-panel-danger);
border: 2px solid var(--admin-panel-danger);
background: #fff;
}
.CatalogAdminToolbar-module__OIs_Bq__closeBtn:active {
color: var(--admin-panel-danger-strong);
border-color: var(--admin-panel-danger-strong);
}
.CatalogAdminToolbar-module__OIs_Bq__body {
flex-direction: column;
gap: 16px;
max-width: 1200px;
margin: 0 auto;
padding: 28px 24px 24px;
display: flex;
}
.CatalogAdminToolbar-module__OIs_Bq__cards {
flex-wrap: wrap;
justify-content: center;
gap: 16px;
display: flex;
}
.CatalogAdminToolbar-module__OIs_Bq__card {
background: var(--admin-panel-bg);
min-width: 180px;
max-width: 240px;
color: var(--admin-panel-accent);
border: 2px solid var(--admin-panel-accent);
cursor: pointer;
text-align: center;
border-radius: 14px;
flex-direction: column;
flex: 200px;
align-items: center;
gap: 8px;
padding: 23px 19px;
text-decoration: none;
transition: background .15s, border-color .15s, color .15s;
display: flex;
}
.CatalogAdminToolbar-module__OIs_Bq__card:hover {
border-color: var(--admin-panel-accent-hover);
color: var(--admin-panel-accent-hover);
background: #fff;
}
.CatalogAdminToolbar-module__OIs_Bq__cardIcon {
font-size: 32px;
line-height: 1;
}
.CatalogAdminToolbar-module__OIs_Bq__cardLabel {
font-size: 14px;
font-weight: 600;
}
.CatalogAdminToolbar-module__OIs_Bq__cardHint {
color: var(--admin-panel-fg-muted);
font-size: 11px;
font-weight: 400;
line-height: 1.3;
}
.CatalogAdminToolbar-module__OIs_Bq__cardDanger {
color: var(--admin-panel-danger);
border-color: var(--admin-panel-danger);
}
.CatalogAdminToolbar-module__OIs_Bq__cardDanger:hover {
border-color: var(--admin-panel-danger-strong);
color: var(--admin-panel-danger-strong);
background: #fff;
}
.CatalogAdminToolbar-module__OIs_Bq__cardDanger .CatalogAdminToolbar-module__OIs_Bq__cardHint {
color: var(--admin-panel-fg-muted);
}
.CatalogAdminToolbar-module__OIs_Bq__cardDisabled, .CatalogAdminToolbar-module__OIs_Bq__cardDisabled.CatalogAdminToolbar-module__OIs_Bq__cardDanger {
cursor: not-allowed;
opacity: .45;
filter: grayscale(.4);
}
.CatalogAdminToolbar-module__OIs_Bq__cardDisabled:hover, .CatalogAdminToolbar-module__OIs_Bq__cardDisabled.CatalogAdminToolbar-module__OIs_Bq__cardDanger:hover {
background: var(--admin-panel-bg);
border-color: var(--admin-panel-accent);
color: var(--admin-panel-accent);
}
.CatalogAdminToolbar-module__OIs_Bq__cardDisabled.CatalogAdminToolbar-module__OIs_Bq__cardDanger:hover {
border-color: var(--admin-panel-danger);
color: var(--admin-panel-danger);
}
.CatalogAdminToolbar-module__OIs_Bq__permissionBadge {
border-radius: var(--admin-radius-pill);
border: 1px solid #0000;
align-items: center;
margin-left: 4px;
padding: 2px 8px;
font-size: 11px;
font-weight: 600;
line-height: 1.4;
display: inline-flex;
}
.CatalogAdminToolbar-module__OIs_Bq__permissionBadge_full {
color: #1f6b3d;
background: #e2f4e8;
border-color: #1f6b3d;
}
.CatalogAdminToolbar-module__OIs_Bq__permissionBadge_owner {
color: #1654a8;
background: #e2ecfa;
border-color: #1654a8;
}
.CatalogAdminToolbar-module__OIs_Bq__permissionBadge_redactor {
color: #8a5a00;
background: #fdf2da;
border-color: #8a5a00;
}
.CatalogAdminToolbar-module__OIs_Bq__permissionBadge_restricted {
color: var(--admin-panel-danger);
border-color: var(--admin-panel-danger);
background: #fbe5e5;
}
.CatalogAdminToolbar-module__OIs_Bq__footerNote {
background: var(--admin-panel-bg-subtle);
border: 1px solid var(--admin-panel-border);
border-radius: var(--admin-radius-md);
color: var(--admin-panel-fg-muted);
align-items: center;
gap: 8px;
padding: 8px 12px;
font-size: 11px;
line-height: 1.4;
display: flex;
}
.CatalogAdminToolbar-module__OIs_Bq__catalogInfo {
background: var(--admin-panel-bg-subtle);
border: 1px solid var(--admin-panel-border);
border-radius: var(--admin-radius-md);
align-items: center;
gap: 10px;
margin-bottom: 12px;
padding: 10px 14px;
display: flex;
}
.CatalogAdminToolbar-module__OIs_Bq__catalogInfoIcon {
color: var(--admin-panel-accent);
flex-shrink: 0;
font-size: 18px;
}
.CatalogAdminToolbar-module__OIs_Bq__catalogInfoBody {
color: var(--admin-panel-fg);
flex-wrap: wrap;
align-items: center;
gap: 8px;
font-size: 12px;
line-height: 1.4;
display: flex;
}
.CatalogAdminToolbar-module__OIs_Bq__catalogInfoLabel {
color: var(--admin-panel-fg-muted);
font-weight: 600;
}
.CatalogAdminToolbar-module__OIs_Bq__catalogInfoSymbol {
font-family: var(--font-mono);
background: var(--admin-panel-bg);
border: 1px solid var(--admin-panel-border);
border-radius: var(--admin-radius-pill);
color: var(--admin-panel-accent);
padding: 2px 6px;
font-size: 12px;
font-weight: 600;
}
.CatalogAdminToolbar-module__OIs_Bq__catalogInfoMeta {
color: var(--admin-panel-fg-muted);
font-size: 11px;
}
.CatalogAdminToolbar-module__OIs_Bq__catalogInfoMeta code {
font-family: var(--font-mono);
background: var(--admin-panel-bg);
border-radius: 3px;
padding: 1px 4px;
font-size: 11px;
}
.CatalogAdminToolbar-module__OIs_Bq__homepageInfo {
background: var(--admin-panel-bg-subtle);
border: 1px solid var(--admin-panel-border);
border-radius: var(--admin-radius-md);
align-items: flex-start;
gap: 12px;
margin-top: 16px;
padding: 14px 16px;
display: flex;
}
.CatalogAdminToolbar-module__OIs_Bq__homepageInfoIcon {
color: var(--admin-panel-accent);
flex-shrink: 0;
margin-top: 2px;
font-size: 22px;
}
.CatalogAdminToolbar-module__OIs_Bq__homepageInfoBody {
color: var(--admin-panel-fg);
flex: 1;
font-size: 13px;
line-height: 1.5;
}
.CatalogAdminToolbar-module__OIs_Bq__homepageInfoBody strong {
margin-bottom: 6px;
font-size: 14px;
font-weight: 600;
display: block;
}
.CatalogAdminToolbar-module__OIs_Bq__homepageInfoBody p {
color: var(--admin-panel-fg-muted);
margin: 0;
}
.CatalogAdminToolbar-module__OIs_Bq__homepageInfoBody em {
color: var(--admin-panel-accent);
font-style: italic;
}
.CatalogAdminToolbar-module__OIs_Bq__footerNoteIcon {
flex-shrink: 0;
font-size: 14px;
line-height: 1;
}
.CatalogAdminToolbar-module__OIs_Bq__footerNote code {
font-family: var(--font-mono);
background: var(--admin-panel-bg);
border: 1px solid var(--admin-panel-border);
border-radius: 3px;
padding: 1px 4px;
font-size: 10px;
}
/* [project]/components/ui/Form/Form.module.css [app-client] (css) */
.Form-module__FbQFba__field {
gap: var(--space-xs);
--label-offset: calc(var(--spacing-control-x) - 4px);
flex-direction: column;
min-width: 0;
display: flex;
position: relative;
}
.Form-module__FbQFba__field:has(.Form-module__FbQFba__addonPrefix) {
--label-offset: 48px;
}
.Form-module__FbQFba__field:has(.PhoneInputCountry) {
--label-offset: 80px;
}
.Form-module__FbQFba__label {
left: var(--label-offset);
background: var(--color-bg);
color: var(--color-text-muted);
font-size: var(--font-size-base);
font-weight: var(--font-weight-regular);
pointer-events: none;
-webkit-user-select: none;
user-select: none;
transition: top var(--transition-base),
transform var(--transition-base),
font-size var(--transition-base),
color var(--transition-base);
z-index: 1;
max-width: calc(100% - var(--spacing-control-x) * 2);
white-space: nowrap;
text-overflow: ellipsis;
padding: 0 4px;
line-height: 1;
position: absolute;
top: 50%;
overflow: hidden;
transform: translateY(-50%);
}
.Form-module__FbQFba__control:focus ~ .Form-module__FbQFba__label, .Form-module__FbQFba__control:not(:placeholder-shown) ~ .Form-module__FbQFba__label, .Form-module__FbQFba__control.Form-module__FbQFba__invalid ~ .Form-module__FbQFba__label, .Form-module__FbQFba__select:not([data-empty="true"]) ~ .Form-module__FbQFba__label, :is(.Form-module__FbQFba__field:has(.Form-module__FbQFba__inputWithAddon .Form-module__FbQFba__control:focus) > .Form-module__FbQFba__label, .Form-module__FbQFba__field:has(.Form-module__FbQFba__inputWithAddon .Form-module__FbQFba__control:not(:placeholder-shown)) > .Form-module__FbQFba__label, .Form-module__FbQFba__field:has(.Form-module__FbQFba__inputWithAddon .Form-module__FbQFba__control.Form-module__FbQFba__invalid) > .Form-module__FbQFba__label, .Form-module__FbQFba__field:has(.PhoneInputInput:focus) > .Form-module__FbQFba__label, .Form-module__FbQFba__field:has(.PhoneInputInput:not(:placeholder-shown)) > .Form-module__FbQFba__label, .Form-module__FbQFba__field:has(.PhoneInputInput.Form-module__FbQFba__invalid) > .Form-module__FbQFba__label) {
transform-origin: 0;
color: var(--color-primary);
font-weight: var(--font-weight-medium);
top: 0;
transform: translateY(-50%)scale(.85);
}
.Form-module__FbQFba__required {
color: var(--color-danger);
font-weight: var(--font-weight-bold);
margin-left: 2px;
}
.Form-module__FbQFba__optional {
color: var(--color-text-muted);
font-weight: var(--font-weight-regular);
margin-left: var(--space-xs);
font-size: .85em;
}
.Form-module__FbQFba__control {
box-sizing: border-box;
width: 100%;
font-family: inherit;
font-size: var(--font-size-base);
line-height: var(--line-height-base);
color: var(--color-text);
background: var(--color-bg);
padding: calc(var(--spacing-control-y))
var(--spacing-control-x)
calc(var(--spacing-control-y));
border: 1px solid var(--color-border);
border-radius: var(--radius-control);
transition: border-color var(--transition-base),
box-shadow var(--transition-base),
background var(--transition-base);
appearance: none;
}
.Form-module__FbQFba__control::placeholder {
color: #0000;
opacity: 1;
}
.Form-module__FbQFba__control:focus::placeholder {
color: var(--color-text-muted);
transition: color var(--transition-base);
}
.Form-module__FbQFba__control:hover:not(:disabled):not([readonly]):not(:focus) {
border-color: var(--color-text-muted);
}
.Form-module__FbQFba__control:focus-visible {
border-color: var(--color-primary);
box-shadow: var(--shadow-focus);
outline: none;
}
.Form-module__FbQFba__control:focus:not(:focus-visible) {
border-color: var(--color-primary);
outline: none;
}
.Form-module__FbQFba__control:disabled {
background: var(--color-bg-subtle);
color: var(--color-text-muted);
cursor: not-allowed;
opacity: .7;
}
.Form-module__FbQFba__control:disabled ~ .Form-module__FbQFba__label {
color: var(--color-text-muted);
}
.Form-module__FbQFba__control[readonly] {
background: var(--color-bg-subtle);
cursor: default;
}
.Form-module__FbQFba__control[readonly]:hover, .Form-module__FbQFba__control[readonly]:focus {
border-color: var(--color-border);
box-shadow: none;
}
.Form-module__FbQFba__invalid {
border-color: var(--color-danger);
}
.Form-module__FbQFba__invalid:hover:not(:disabled):not([readonly]):not(:focus) {
border-color: var(--color-danger-strong);
}
.Form-module__FbQFba__invalid:focus-visible, .Form-module__FbQFba__invalid:focus:not(:focus-visible) {
border-color: var(--color-danger);
box-shadow: var(--shadow-focus-danger);
}
.Form-module__FbQFba__invalid ~ .Form-module__FbQFba__label, .Form-module__FbQFba__invalid:focus ~ .Form-module__FbQFba__label, .Form-module__FbQFba__invalid:not(:placeholder-shown) ~ .Form-module__FbQFba__label {
color: var(--color-danger);
}
.Form-module__FbQFba__success {
border-color: var(--color-success);
}
.Form-module__FbQFba__success:focus-visible {
border-color: var(--color-success);
box-shadow: 0 0 0 3px var(--color-success-light);
}
.Form-module__FbQFba__success ~ .Form-module__FbQFba__label, .Form-module__FbQFba__success:focus ~ .Form-module__FbQFba__label, .Form-module__FbQFba__success:not(:placeholder-shown) ~ .Form-module__FbQFba__label {
color: var(--color-success);
}
.Form-module__FbQFba__textarea {
resize: vertical;
min-height: 96px;
padding-top: calc(var(--spacing-control-y) + 14px);
}
.Form-module__FbQFba__textarea ~ .Form-module__FbQFba__label {
top: var(--space-sm);
transform-origin: 0;
transform: translateY(0)scale(.85);
}
.Form-module__FbQFba__textarea:focus ~ .Form-module__FbQFba__label, .Form-module__FbQFba__textarea:not(:placeholder-shown) ~ .Form-module__FbQFba__label {
top: 0;
transform: translateY(-50%)scale(.85);
}
.Form-module__FbQFba__select {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23505050' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right var(--spacing-control-x) center;
padding-right: calc(var(--spacing-control-x) * 2 + 12px);
cursor: pointer;
background-size: 12px 8px;
}
.Form-module__FbQFba__select:disabled {
cursor: not-allowed;
}
.Form-module__FbQFba__inputWithAddon {
align-items: stretch;
display: flex;
position: relative;
}
.Form-module__FbQFba__inputWithAddon .Form-module__FbQFba__control {
flex: 1;
min-width: 0;
}
.Form-module__FbQFba__addonPrefix, .Form-module__FbQFba__addonSuffix {
padding: 0 var(--spacing-control-x);
background: var(--color-bg-subtle);
border: 1px solid var(--color-border);
color: var(--color-text-muted);
font-size: var(--font-size-base);
white-space: nowrap;
align-items: center;
display: inline-flex;
}
.Form-module__FbQFba__addonPrefix {
border-radius: var(--radius-control) 0 0 var(--radius-control);
border-right: none;
}
.Form-module__FbQFba__addonSuffix {
border-radius: 0 var(--radius-control) var(--radius-control) 0;
border-left: none;
}
.Form-module__FbQFba__inputWithAddon:has(.Form-module__FbQFba__addonPrefix) .Form-module__FbQFba__control {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.Form-module__FbQFba__inputWithAddon:has(.Form-module__FbQFba__addonSuffix) .Form-module__FbQFba__control {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.Form-module__FbQFba__passwordWrap {
width: 100%;
display: block;
position: relative;
}
.Form-module__FbQFba__inputWithAddon .Form-module__FbQFba__passwordWrap {
flex: 1;
min-width: 0;
}
.Form-module__FbQFba__passwordWrap .Form-module__FbQFba__control {
padding-right: calc(var(--spacing-control-x) * 2 + 18px);
}
.Form-module__FbQFba__passwordToggleBtn {
top: 50%;
right: var(--spacing-control-x);
border-radius: var(--radius-control);
width: 28px;
height: 28px;
color: var(--color-text-muted);
cursor: pointer;
transition: color var(--transition-base),
background var(--transition-base);
z-index: 1;
background: none;
border: none;
justify-content: center;
align-items: center;
padding: 0;
display: inline-flex;
position: absolute;
transform: translateY(-50%);
}
.Form-module__FbQFba__passwordToggleBtn:hover {
color: var(--color-text);
background: var(--color-bg-subtle);
}
.Form-module__FbQFba__passwordToggleBtn:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 1px;
color: var(--color-text);
}
.Form-module__FbQFba__passwordToggleBtn:disabled {
opacity: .5;
cursor: not-allowed;
}
:is(.Form-module__FbQFba__field:has(.Form-module__FbQFba__passwordWrap .Form-module__FbQFba__control:focus) > .Form-module__FbQFba__label, .Form-module__FbQFba__field:has(.Form-module__FbQFba__passwordWrap .Form-module__FbQFba__control:not(:placeholder-shown)) > .Form-module__FbQFba__label, .Form-module__FbQFba__field:has(.Form-module__FbQFba__passwordWrap .Form-module__FbQFba__control.Form-module__FbQFba__invalid) > .Form-module__FbQFba__label) {
transform-origin: 0;
color: var(--color-primary);
font-weight: var(--font-weight-medium);
top: 0;
transform: translateY(-50%)scale(.85);
}
.Form-module__FbQFba__field:has(.Form-module__FbQFba__passwordWrap .Form-module__FbQFba__control.Form-module__FbQFba__invalid) > .Form-module__FbQFba__label {
color: var(--color-danger);
}
.Form-module__FbQFba__hint {
font-size: var(--font-size-xs);
color: var(--color-text-muted);
line-height: var(--line-height-base);
}
.Form-module__FbQFba__errorText {
font-size: var(--font-size-xs);
color: var(--color-danger);
line-height: var(--line-height-base);
font-weight: var(--font-weight-medium);
padding-left: var(--spacing-control-x);
align-items: flex-start;
gap: 6px;
display: flex;
}
.Form-module__FbQFba__errorText:before {
content: "";
background-color: var(--color-danger);
flex-shrink: 0;
width: 14px;
height: 14px;
margin-top: 1px;
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.Form-module__FbQFba__successText {
font-size: var(--font-size-xs);
color: var(--color-success);
line-height: var(--line-height-base);
font-weight: var(--font-weight-medium);
}
.Form-module__FbQFba__counter {
font-size: var(--font-size-xs);
color: var(--color-text-muted);
font-variant-numeric: tabular-nums;
align-self: flex-end;
}
.Form-module__FbQFba__counterOver {
color: var(--color-danger);
font-weight: var(--font-weight-medium);
}
.Form-module__FbQFba__choiceLabel {
align-items: flex-start;
gap: var(--space-sm);
font-size: var(--font-size-sm);
line-height: var(--line-height-base);
color: var(--color-text);
cursor: pointer;
-webkit-user-select: none;
user-select: none;
display: flex;
}
.Form-module__FbQFba__choiceLabel:has(input:disabled) {
cursor: not-allowed;
color: var(--color-text-muted);
}
.Form-module__FbQFba__choiceInput {
width: 16px;
height: 16px;
accent-color: var(--color-primary);
cursor: inherit;
flex-shrink: 0;
margin: 2px 0 0;
}
.Form-module__FbQFba__choiceInput:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 2px;
border-radius: var(--radius-control);
}
.Form-module__FbQFba__choiceText a {
color: var(--color-primary);
font-weight: var(--font-weight-medium);
}
.Form-module__FbQFba__choiceText a:hover {
color: var(--color-primary-hover);
text-decoration: underline;
}
.Form-module__FbQFba__passwordStrength {
gap: var(--space-xs);
margin-top: calc(var(--space-xs) * -1);
flex-direction: column;
min-height: 96px;
display: flex;
}
.Form-module__FbQFba__strengthBar {
gap: 4px;
height: 6px;
display: flex;
}
.Form-module__FbQFba__strengthBarSegment {
border-radius: var(--radius-control);
background: var(--color-bg-subtle);
transition: background var(--transition-base);
flex: 1;
}
.Form-module__FbQFba__strengthBarSegment.Form-module__FbQFba__strengthBarLevel1 {
background: var(--color-danger);
}
.Form-module__FbQFba__strengthBarSegment.Form-module__FbQFba__strengthBarLevel2, .Form-module__FbQFba__strengthBarSegment.Form-module__FbQFba__strengthBarLevel3 {
background: var(--color-warning);
}
.Form-module__FbQFba__strengthBarSegment.Form-module__FbQFba__strengthBarLevel4 {
background: var(--color-success);
}
.Form-module__FbQFba__strengthLabel {
font-size: var(--font-size-xs);
font-weight: var(--font-weight-medium);
line-height: var(--line-height-base);
}
.Form-module__FbQFba__strengthLabel1 {
color: var(--color-danger);
}
.Form-module__FbQFba__strengthLabel2, .Form-module__FbQFba__strengthLabel3 {
color: var(--color-warning);
}
.Form-module__FbQFba__strengthLabel4 {
color: var(--color-success);
}
.Form-module__FbQFba__strengthRules {
flex-direction: column;
gap: 2px;
margin: 0;
padding: 0;
list-style: none;
display: flex;
}
.Form-module__FbQFba__strengthRule {
font-size: var(--font-size-xs);
line-height: var(--line-height-base);
align-items: center;
gap: 6px;
display: flex;
}
.Form-module__FbQFba__strengthRuleMet {
color: var(--color-success);
font-weight: var(--font-weight-medium);
}
.Form-module__FbQFba__strengthRuleUnmet {
color: var(--color-text-muted);
}
.Form-module__FbQFba__strengthRuleIcon {
background-color: currentColor;
flex-shrink: 0;
width: 14px;
height: 14px;
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.Form-module__FbQFba__strengthRuleMet .Form-module__FbQFba__strengthRuleIcon {
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
}
.Form-module__FbQFba__checkboxField {
gap: var(--space-xs);
flex-direction: column;
display: flex;
}
.Form-module__FbQFba__status {
align-items: flex-start;
gap: var(--space-sm);
padding: var(--space-sm) var(--space-md);
border-radius: var(--radius-control);
font-size: var(--font-size-base);
line-height: var(--line-height-base);
border-left: 3px solid #0000;
display: flex;
}
.Form-module__FbQFba__statusIcon {
flex-shrink: 0;
margin-top: 2px;
font-size: 18px;
}
.Form-module__FbQFba__statusText {
word-wrap: break-word;
flex: 1;
min-width: 0;
}
.Form-module__FbQFba__statusDismiss {
border-radius: var(--radius-control);
width: 24px;
height: 24px;
color: inherit;
cursor: pointer;
opacity: .65;
transition: opacity var(--transition-base), background var(--transition-base);
background: none;
border: none;
flex-shrink: 0;
justify-content: center;
align-items: center;
padding: 0;
display: inline-flex;
}
.Form-module__FbQFba__statusDismiss:hover {
opacity: 1;
background: #00000014;
}
.Form-module__FbQFba__statusDismiss:focus-visible {
outline-offset: 1px;
opacity: 1;
outline: 2px solid;
}
.Form-module__FbQFba__statusError {
background: var(--color-danger-light);
color: var(--color-danger);
border-left-color: var(--color-danger);
}
.Form-module__FbQFba__statusSuccess {
background: var(--color-success-light);
color: var(--color-success);
border-left-color: var(--color-success);
}
.Form-module__FbQFba__statusWarning {
background: var(--color-warning-light);
color: var(--color-text);
border-left-color: var(--color-warning);
}
.Form-module__FbQFba__statusInfo {
background: var(--color-primary-light);
color: var(--color-text);
border-left-color: var(--color-primary);
}
.Form-module__FbQFba__honeypot {
opacity: 0;
pointer-events: none;
width: 1px;
height: 1px;
position: absolute;
left: -9999px;
overflow: hidden;
}
.Form-module__FbQFba__form {
gap: var(--space-sm);
padding: var(--space-lg);
background: var(--color-bg-card);
border: 1px solid var(--color-border);
border-radius: var(--radius-card);
box-shadow: var(--shadow-card);
flex-direction: column;
display: flex;
}
.Form-module__FbQFba__formTitle {
margin: 0 0 var(--space-xs);
font-size: var(--font-size-xl);
font-weight: var(--font-weight-semibold);
color: var(--color-text);
}
.Form-module__FbQFba__fieldRow {
gap: var(--space-sm);
flex-wrap: wrap;
align-items: flex-start;
display: flex;
}
.Form-module__FbQFba__fieldRow > * {
flex: 200px;
min-width: 0;
}
.Form-module__FbQFba__formHint {
font-size: var(--font-size-xs);
color: var(--color-text-muted);
margin: 0;
font-style: italic;
}
.Form-module__FbQFba__primaryButton {
margin-top: var(--space-xs);
font-family: inherit;
font-size: var(--font-size-base);
font-weight: var(--font-weight-semibold);
color: var(--color-text-inverse);
background: var(--color-primary);
border-radius: var(--radius-control);
cursor: pointer;
transition: background var(--transition-base),
opacity var(--transition-base);
border: none;
padding: 10px 16px;
}
.Form-module__FbQFba__primaryButton:hover:not(:disabled) {
background: var(--color-primary-hover);
}
.Form-module__FbQFba__primaryButton:focus-visible {
box-shadow: var(--shadow-focus);
outline: none;
}
.Form-module__FbQFba__primaryButton:disabled {
opacity: .6;
cursor: not-allowed;
}
.Form-module__FbQFba__linkButton {
padding: var(--space-xs) 0;
font-family: inherit;
font-size: var(--font-size-sm);
font-weight: var(--font-weight-medium);
color: var(--color-primary);
cursor: pointer;
transition: color var(--transition-base);
background: none;
border: none;
text-decoration: none;
}
.Form-module__FbQFba__linkButton:hover:not(:disabled) {
color: var(--color-primary-hover);
text-decoration: underline;
}
.Form-module__FbQFba__linkButton:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 2px;
border-radius: var(--radius-control);
}
.Form-module__FbQFba__linkButton:disabled {
opacity: .6;
cursor: not-allowed;
}
/* [project]/node_modules/react-phone-number-input/style.css [app-client] (css) */
:root {
--PhoneInput-color--focus: #03b2cb;
--PhoneInputInternationalIconPhone-opacity: .8;
--PhoneInputInternationalIconGlobe-opacity: .65;
--PhoneInputCountrySelect-marginRight: .35em;
--PhoneInputCountrySelectArrow-width: .3em;
--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);
--PhoneInputCountrySelectArrow-borderWidth: 1px;
--PhoneInputCountrySelectArrow-opacity: .45;
--PhoneInputCountrySelectArrow-color: currentColor;
--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);
--PhoneInputCountrySelectArrow-transform: rotate(45deg);
--PhoneInputCountryFlag-aspectRatio: 1.5;
--PhoneInputCountryFlag-height: 1em;
--PhoneInputCountryFlag-borderWidth: 1px;
--PhoneInputCountryFlag-borderColor: #00000080;
--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);
--PhoneInputCountryFlag-backgroundColor--loading: #0000001a;
}
.PhoneInput {
align-items: center;
display: flex;
}
.PhoneInputInput {
flex: 1;
min-width: 0;
}
.PhoneInputCountryIcon {
width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));
height: var(--PhoneInputCountryFlag-height);
}
.PhoneInputCountryIcon--square {
width: var(--PhoneInputCountryFlag-height);
}
.PhoneInputCountryIcon--border {
background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);
box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),
inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor);
}
.PhoneInputCountryIconImg {
width: 100%;
height: 100%;
display: block;
}
.PhoneInputInternationalIconPhone {
opacity: var(--PhoneInputInternationalIconPhone-opacity);
}
.PhoneInputInternationalIconGlobe {
opacity: var(--PhoneInputInternationalIconGlobe-opacity);
}
.PhoneInputCountry {
margin-right: var(--PhoneInputCountrySelect-marginRight);
align-self: stretch;
align-items: center;
display: flex;
position: relative;
}
.PhoneInputCountrySelect {
z-index: 1;
opacity: 0;
cursor: pointer;
border: 0;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.PhoneInputCountrySelect[disabled], .PhoneInputCountrySelect[readonly] {
cursor: default;
}
.PhoneInputCountrySelectArrow {
content: "";
width: var(--PhoneInputCountrySelectArrow-width);
height: var(--PhoneInputCountrySelectArrow-width);
margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);
border-style: solid;
border-color: var(--PhoneInputCountrySelectArrow-color);
border-top-width: 0;
border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);
border-left-width: 0;
border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);
transform: var(--PhoneInputCountrySelectArrow-transform);
opacity: var(--PhoneInputCountrySelectArrow-opacity);
display: block;
}
.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow {
opacity: 1;
color: var(--PhoneInputCountrySelectArrow-color--focus);
}
.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border {
box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),
inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus);
}
.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {
opacity: 1;
color: var(--PhoneInputCountrySelectArrow-color--focus);
}
/* [project]/components/ui/Form/PhoneInput.module.css [app-client] (css) */
.PhoneInput-module__HV8Tza__wrapper {
align-items: stretch;
gap: 8px;
width: 100%;
display: flex;
}
.PhoneInput-module__HV8Tza__wrapper .PhoneInputCountry {
border: 1px solid var(--color-border);
border-radius: var(--radius-control);
background: var(--color-bg);
cursor: pointer;
transition: border-color var(--transition-base), box-shadow var(--transition-base);
align-items: center;
gap: 4px;
padding: 0 10px;
display: flex;
position: relative;
}
.PhoneInput-module__HV8Tza__wrapper .PhoneInputCountry:hover {
border-color: var(--color-primary);
}
.PhoneInput-module__HV8Tza__wrapper .PhoneInputCountry:focus-within {
border-color: var(--color-primary);
box-shadow: var(--shadow-focus);
}
.PhoneInput-module__HV8Tza__wrapper .PhoneInputCountryIcon {
justify-content: center;
align-items: center;
width: 24px;
height: 18px;
display: flex;
}
.PhoneInput-module__HV8Tza__wrapper .PhoneInputCountryIcon--square {
width: 18px;
height: 18px;
}
.PhoneInput-module__HV8Tza__wrapper .PhoneInputCountryIcon--border {
box-shadow: none;
background: none;
}
.PhoneInput-module__HV8Tza__wrapper .PhoneInputCountryIconImg {
width: 100%;
height: auto;
display: block;
}
.PhoneInput-module__HV8Tza__wrapper .PhoneInputCountrySelectArrow {
content: "";
border-style: solid;
border-color: var(--color-text-muted);
opacity: .7;
border-width: 0 1px 1px 0;
width: .3em;
height: .3em;
margin-left: .35em;
display: block;
transform: rotate(45deg);
}
.PhoneInput-module__HV8Tza__wrapper .PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow {
border-color: var(--color-primary);
}
.PhoneInput-module__HV8Tza__wrapper .PhoneInputCountrySelect {
z-index: 1;
opacity: 0;
cursor: pointer;
border: none;
position: absolute;
inset: 0;
}
:is(.PhoneInput-module__HV8Tza__wrapper .PhoneInputCountrySelect[disabled], .PhoneInput-module__HV8Tza__wrapper .PhoneInputCountrySelect:disabled) {
cursor: not-allowed;
}
.PhoneInput-module__HV8Tza__wrapper .PhoneInputInput {
flex: auto;
min-width: 0;
}
/* [project]/components/admin/LayoutAndWindowsPanel/LayoutAndWindowsPanel.module.css [app-client] (css) */
.LayoutAndWindowsPanel-module__imHMha__panel {
background: var(--admin-panel-bg);
width: 100%;
color: var(--admin-panel-fg);
border-bottom: 1px solid var(--admin-panel-border);
font-family: system-ui, -apple-system, sans-serif;
font-size: 13px;
line-height: 1.4;
animation: .18s ease-out LayoutAndWindowsPanel-module__imHMha__slideDown;
position: relative;
overflow: hidden;
}
@keyframes LayoutAndWindowsPanel-module__imHMha__slideDown {
from {
opacity: 0;
max-height: 0;
}
to {
opacity: 1;
max-height: 1000px;
}
}
.LayoutAndWindowsPanel-module__imHMha__closeBtn {
border-radius: var(--admin-radius-pill);
width: 32px;
height: 32px;
color: var(--admin-panel-fg-muted);
background: none;
justify-content: center;
align-items: center;
font-size: 16px;
transition: background .18s, color .18s, transform .18s;
display: inline-flex;
position: absolute;
top: 8px;
right: 8px;
}
.LayoutAndWindowsPanel-module__imHMha__closeBtn:hover {
color: var(--admin-panel-danger);
border: 2px solid var(--admin-panel-danger);
background: #fff;
}
.LayoutAndWindowsPanel-module__imHMha__closeBtn:active {
color: var(--admin-panel-danger-strong);
border-color: var(--admin-panel-danger-strong);
}
.LayoutAndWindowsPanel-module__imHMha__body {
flex-direction: column;
gap: 16px;
width: 100%;
padding: 28px 32px 24px;
display: flex;
}
.LayoutAndWindowsPanel-module__imHMha__columns {
flex-direction: column;
gap: 20px;
display: flex;
}
.LayoutAndWindowsPanel-module__imHMha__column {
flex-direction: column;
gap: 10px;
min-width: 0;
display: flex;
}
.LayoutAndWindowsPanel-module__imHMha__colHeader {
justify-content: space-between;
align-items: center;
gap: 8px;
display: flex;
}
.LayoutAndWindowsPanel-module__imHMha__colTitle {
text-transform: uppercase;
letter-spacing: .5px;
color: var(--admin-panel-fg-muted);
margin: 0;
font-size: 11px;
font-weight: 700;
}
.LayoutAndWindowsPanel-module__imHMha__colSubLabel {
color: var(--admin-panel-fg);
font-size: 11px;
font-weight: 500;
display: block;
}
.LayoutAndWindowsPanel-module__imHMha__colHint {
color: var(--admin-panel-fg-muted);
margin: 0;
font-size: 11px;
line-height: 1.4;
}
.LayoutAndWindowsPanel-module__imHMha__select {
background: var(--admin-panel-bg);
width: 100%;
color: var(--admin-panel-fg);
border: 1px solid var(--admin-panel-border);
border-radius: var(--admin-radius-md);
cursor: pointer;
padding: 10px 12px;
font-family: inherit;
font-size: 13px;
transition: border-color .15s, box-shadow .15s;
}
.LayoutAndWindowsPanel-module__imHMha__select:hover, .LayoutAndWindowsPanel-module__imHMha__select:focus {
border-color: var(--admin-panel-accent);
outline: none;
box-shadow: 0 0 0 3px #2563eb1a;
}
.LayoutAndWindowsPanel-module__imHMha__areaList {
flex-direction: column;
gap: 4px;
margin: 0;
padding: 0;
list-style: none;
display: flex;
}
.LayoutAndWindowsPanel-module__imHMha__areaItem {
margin: 0;
}
.LayoutAndWindowsPanel-module__imHMha__areaBtn {
text-align: left;
border-radius: var(--admin-radius-pill);
border: 2px solid var(--admin-panel-border);
background: var(--admin-panel-bg);
width: 100%;
color: var(--admin-panel-fg);
cursor: pointer;
align-items: center;
gap: 10px;
padding: 7px 13px;
transition: background .15s, border-color .15s, color .15s;
display: flex;
}
.LayoutAndWindowsPanel-module__imHMha__areaBtn:hover {
border-color: var(--admin-panel-accent);
color: var(--admin-panel-accent);
background: #fff;
}
.LayoutAndWindowsPanel-module__imHMha__areaBtn:hover .LayoutAndWindowsPanel-module__imHMha__areaIcon {
color: var(--admin-panel-accent);
}
.LayoutAndWindowsPanel-module__imHMha__areaIcon {
color: var(--admin-panel-accent);
flex-shrink: 0;
font-size: 14px;
line-height: 1;
}
.LayoutAndWindowsPanel-module__imHMha__areaName {
flex: 1;
font-size: 13px;
}
.LayoutAndWindowsPanel-module__imHMha__areaDevSymbol {
font-family: var(--font-mono);
color: var(--admin-panel-fg-muted);
opacity: .7;
font-size: 11px;
}
.LayoutAndWindowsPanel-module__imHMha__areaBadge {
text-transform: uppercase;
letter-spacing: .3px;
background: var(--admin-panel-accent);
color: #fff;
border-radius: 3px;
padding: 2px 6px;
font-size: 10px;
font-weight: 700;
}
.LayoutAndWindowsPanel-module__imHMha__sectionToggle {
cursor: pointer;
color: inherit;
text-align: left;
background: none;
border: none;
border-radius: 4px;
align-self: flex-start;
align-items: center;
gap: 6px;
margin: -2px -4px;
padding: 2px 4px;
transition: background .12s;
display: inline-flex;
}
.LayoutAndWindowsPanel-module__imHMha__sectionToggle:hover {
background: #0000000a;
}
.LayoutAndWindowsPanel-module__imHMha__sectionToggle:focus-visible {
outline: 2px solid var(--admin-panel-accent);
outline-offset: 2px;
}
.LayoutAndWindowsPanel-module__imHMha__sectionToggleIcon {
color: var(--admin-panel-fg-muted);
flex-shrink: 0;
font-size: 12px;
transition: color .12s;
}
.LayoutAndWindowsPanel-module__imHMha__sectionToggle:hover .LayoutAndWindowsPanel-module__imHMha__sectionToggleIcon {
color: var(--admin-panel-accent);
}
.LayoutAndWindowsPanel-module__imHMha__sectionCount {
color: var(--admin-panel-fg-muted);
text-transform: none;
letter-spacing: normal;
font-size: 11px;
font-weight: 500;
}
.LayoutAndWindowsPanel-module__imHMha__libraryBody {
flex-direction: column;
gap: 10px;
display: flex;
}
.LayoutAndWindowsPanel-module__imHMha__addBtn {
border-radius: var(--admin-radius-pill);
background: var(--admin-panel-accent);
color: #fff;
border: 2px solid var(--admin-panel-accent);
cursor: pointer;
align-items: center;
gap: 4px;
padding: 4px 12px;
font-size: 12px;
font-weight: 600;
transition: background .15s, color .15s, border-color .15s;
display: inline-flex;
}
.LayoutAndWindowsPanel-module__imHMha__addBtn:hover {
color: var(--admin-panel-accent);
border-color: var(--admin-panel-accent);
background: #fff;
}
.LayoutAndWindowsPanel-module__imHMha__addBtn:active {
transform: translateY(0);
box-shadow: 0 1px 2px #0f172a14;
}
.LayoutAndWindowsPanel-module__imHMha__dropHint {
background: var(--admin-panel-bg-subtle);
border: 1px solid var(--admin-panel-border);
border-radius: var(--admin-radius-md);
color: var(--admin-panel-fg);
align-items: center;
gap: 8px;
margin: 0;
padding: 8px 12px;
font-size: 12px;
line-height: 1.4;
display: flex;
}
.LayoutAndWindowsPanel-module__imHMha__dropHintIcon {
color: var(--admin-panel-accent);
flex-shrink: 0;
font-size: 14px;
line-height: 1;
}
.LayoutAndWindowsPanel-module__imHMha__filterBar {
align-items: center;
gap: 8px;
display: flex;
}
.LayoutAndWindowsPanel-module__imHMha__componentFilter {
background: var(--admin-panel-bg);
min-width: 160px;
max-width: 220px;
color: var(--admin-panel-fg);
border: 1px solid var(--admin-panel-border);
border-radius: var(--admin-radius-md);
cursor: pointer;
flex: none;
padding: 8px 10px;
font-family: inherit;
font-size: 13px;
transition: border-color .15s, box-shadow .15s;
}
.LayoutAndWindowsPanel-module__imHMha__componentFilter:hover, .LayoutAndWindowsPanel-module__imHMha__componentFilter:focus {
border-color: var(--admin-panel-accent);
outline: none;
box-shadow: 0 0 0 3px #2563eb1a;
}
.LayoutAndWindowsPanel-module__imHMha__searchWrap {
flex: auto;
align-items: center;
min-width: 0;
display: flex;
position: relative;
}
.LayoutAndWindowsPanel-module__imHMha__searchIcon {
color: var(--admin-panel-fg-muted);
pointer-events: none;
font-size: 14px;
position: absolute;
left: 10px;
}
.LayoutAndWindowsPanel-module__imHMha__search {
background: var(--admin-panel-bg);
width: 100%;
color: var(--admin-panel-fg);
border: 1px solid var(--admin-panel-border);
border-radius: var(--admin-radius-md);
padding: 8px 10px 8px 32px;
font-family: inherit;
font-size: 13px;
}
.LayoutAndWindowsPanel-module__imHMha__search:focus {
border-color: var(--admin-panel-accent);
outline: none;
box-shadow: 0 0 0 3px #2563eb1a;
}
.LayoutAndWindowsPanel-module__imHMha__search::placeholder {
color: var(--admin-panel-fg-muted);
}
.LayoutAndWindowsPanel-module__imHMha__windowGrid {
grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
display: grid;
}
.LayoutAndWindowsPanel-module__imHMha__windowBox {
background: var(--admin-panel-bg);
border: 2px solid var(--admin-panel-border);
border-radius: var(--admin-radius-md);
cursor: grab;
flex-direction: column;
align-items: center;
gap: 6px;
padding: 13px 7px;
transition: background .15s, border-color .15s, color .15s;
display: flex;
}
.LayoutAndWindowsPanel-module__imHMha__windowBox:hover {
border-color: var(--admin-panel-accent);
background: #fff;
}
.LayoutAndWindowsPanel-module__imHMha__windowBox:hover .LayoutAndWindowsPanel-module__imHMha__windowIcon {
color: var(--admin-panel-accent);
}
.LayoutAndWindowsPanel-module__imHMha__windowBox:active {
cursor: grabbing;
}
.LayoutAndWindowsPanel-module__imHMha__windowBoxExpanded {
border-color: var(--admin-panel-accent);
cursor: pointer;
text-align: left;
background: #fff;
flex-direction: column;
grid-column: span 3;
align-items: stretch;
gap: 10px;
padding: 12px 14px;
animation: .18s ease-out LayoutAndWindowsPanel-module__imHMha__expandIn;
box-shadow: 0 0 0 3px #2563eb1f;
}
.LayoutAndWindowsPanel-module__imHMha__windowBoxExpanded:hover {
background: #fff;
}
@keyframes LayoutAndWindowsPanel-module__imHMha__expandIn {
from {
opacity: .6;
}
to {
opacity: 1;
}
}
@media (max-width: 720px) {
.LayoutAndWindowsPanel-module__imHMha__windowBoxExpanded {
grid-column: span 2;
}
}
.LayoutAndWindowsPanel-module__imHMha__windowIcon {
color: var(--admin-panel-accent);
font-size: 24px;
line-height: 1;
}
.LayoutAndWindowsPanel-module__imHMha__windowName {
text-align: center;
font-size: 11px;
font-family: var(--font-mono);
color: var(--admin-panel-fg);
word-break: break-word;
}
.LayoutAndWindowsPanel-module__imHMha__windowComponent {
color: var(--admin-panel-fg-muted);
text-align: center;
text-transform: uppercase;
letter-spacing: .4px;
word-break: break-word;
margin-top: 2px;
font-size: 10px;
font-weight: 600;
}
.LayoutAndWindowsPanel-module__imHMha__windowBoxDisabled {
opacity: .45;
cursor: not-allowed;
background: var(--admin-panel-bg-subtle);
}
.LayoutAndWindowsPanel-module__imHMha__windowBoxDisabled:hover {
border-color: var(--admin-panel-border);
background: var(--admin-panel-bg-subtle);
}
.LayoutAndWindowsPanel-module__imHMha__windowBoxDisabled .LayoutAndWindowsPanel-module__imHMha__windowIcon {
color: var(--admin-panel-fg-muted);
}
.LayoutAndWindowsPanel-module__imHMha__emptyHint {
text-align: center;
color: var(--admin-panel-fg-muted);
background: var(--admin-panel-bg-subtle);
border-radius: var(--admin-radius-md);
border: 1px dashed var(--admin-panel-border);
grid-column: 1 / -1;
padding: 24px 16px;
font-size: 12px;
}
.LayoutAndWindowsPanel-module__imHMha__stateBanner {
border-radius: 6px;
align-items: flex-start;
gap: 8px;
padding: 10px 12px;
font-size: 12px;
line-height: 1.5;
display: flex;
}
.LayoutAndWindowsPanel-module__imHMha__stateBannerInfo {
color: var(--admin-panel-fg);
background: #2563eb14;
border: 1px solid #2563eb40;
}
.LayoutAndWindowsPanel-module__imHMha__stateBannerWarning {
color: #713f12;
background: #fef9c3;
border: 1px solid #fde047;
}
.LayoutAndWindowsPanel-module__imHMha__stateBannerIcon {
flex-shrink: 0;
margin-top: 1px;
font-size: 16px;
}
.LayoutAndWindowsPanel-module__imHMha__stateBanner em {
font-style: italic;
font-weight: 500;
}
.LayoutAndWindowsPanel-module__imHMha__saveDefaultBtn {
color: var(--admin-panel-accent);
border: 1px solid var(--admin-panel-accent);
cursor: pointer;
background: none;
border-radius: 4px;
align-self: flex-start;
align-items: center;
gap: 6px;
padding: 8px 14px;
font-size: 12px;
font-weight: 600;
transition: background .12s, color .12s;
display: inline-flex;
}
.LayoutAndWindowsPanel-module__imHMha__saveDefaultBtn:hover {
background: var(--admin-panel-accent);
color: #fff;
}
.LayoutAndWindowsPanel-module__imHMha__saveDefaultBtn:active {
transform: translateY(1px);
}
.LayoutAndWindowsPanel-module__imHMha__saveDefaultBtn:disabled {
opacity: .45;
cursor: not-allowed;
color: var(--admin-panel-fg-muted);
border-color: var(--admin-panel-border);
background: none;
}
.LayoutAndWindowsPanel-module__imHMha__saveDefaultBtn:disabled:hover {
color: var(--admin-panel-fg-muted);
background: none;
}
.LayoutAndWindowsPanel-module__imHMha__columnInnerGrid {
grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
align-items: start;
gap: 24px;
display: grid;
}
.LayoutAndWindowsPanel-module__imHMha__columnInnerGridSingle {
grid-template-columns: 1fr;
}
@media (max-width: 720px) {
.LayoutAndWindowsPanel-module__imHMha__columnInnerGrid {
grid-template-columns: 1fr;
}
}
.LayoutAndWindowsPanel-module__imHMha__columnInnerCell {
flex-direction: column;
gap: 10px;
min-width: 0;
display: flex;
}
.LayoutAndWindowsPanel-module__imHMha__layoutSelectRow {
align-items: center;
gap: 10px;
min-width: 0;
display: flex;
}
.LayoutAndWindowsPanel-module__imHMha__layoutSelectRow .LayoutAndWindowsPanel-module__imHMha__colSubLabel {
white-space: nowrap;
flex-shrink: 0;
}
.LayoutAndWindowsPanel-module__imHMha__layoutSelectRow .LayoutAndWindowsPanel-module__imHMha__select {
flex: 1;
min-width: 0;
}
.LayoutAndWindowsPanel-module__imHMha__defaultActionsRow {
flex-wrap: wrap;
align-items: center;
gap: 8px;
display: flex;
}
.LayoutAndWindowsPanel-module__imHMha__previewToggleBtn {
color: var(--admin-panel-fg);
border: 1px solid var(--admin-panel-border);
cursor: pointer;
background: none;
border-radius: 4px;
align-items: center;
gap: 6px;
padding: 8px 14px;
font-size: 12px;
font-weight: 600;
transition: background .12s, color .12s, border-color .12s;
display: inline-flex;
}
.LayoutAndWindowsPanel-module__imHMha__previewToggleBtn:hover {
background: var(--admin-panel-bg);
border-color: var(--admin-panel-fg-muted);
}
.LayoutAndWindowsPanel-module__imHMha__previewToggleBtn:active {
transform: translateY(1px);
}
.LayoutAndWindowsPanel-module__imHMha__previewModeBanner {
color: #0c4a6e;
background: linear-gradient(90deg, #0ea5e926 0%, #0ea5e90d 100%);
border: 1px solid #0ea5e9;
align-items: center;
}
.LayoutAndWindowsPanel-module__imHMha__previewModeBannerText {
flex: 1;
}
.LayoutAndWindowsPanel-module__imHMha__previewModeBannerBtn {
color: #0c4a6e;
cursor: pointer;
white-space: nowrap;
background: #fff;
border: 1px solid #0ea5e9;
border-radius: 4px;
align-items: center;
gap: 4px;
padding: 6px 10px;
font-size: 11px;
font-weight: 600;
transition: background .12s, color .12s;
display: inline-flex;
}
.LayoutAndWindowsPanel-module__imHMha__previewModeBannerBtn:hover {
color: #fff;
background: #0ea5e9;
}
.LayoutAndWindowsPanel-module__imHMha__resetDefaultsBtn {
color: #b91c1c;
cursor: pointer;
background: none;
border: 1px solid #b91c1c;
border-radius: 4px;
align-items: center;
gap: 6px;
padding: 8px 14px;
font-size: 12px;
font-weight: 600;
transition: background .12s, color .12s;
display: inline-flex;
}
.LayoutAndWindowsPanel-module__imHMha__resetDefaultsBtn:hover {
color: #fff;
background: #b91c1c;
}
.LayoutAndWindowsPanel-module__imHMha__resetDefaultsBtn:active {
transform: translateY(1px);
}
.LayoutAndWindowsPanel-module__imHMha__resetDefaultsBtn:disabled {
opacity: .45;
cursor: not-allowed;
color: var(--admin-panel-fg-muted);
border-color: var(--admin-panel-border);
background: none;
}
.LayoutAndWindowsPanel-module__imHMha__resetDefaultsBtn:disabled:hover {
color: var(--admin-panel-fg-muted);
background: none;
}
.LayoutAndWindowsPanel-module__imHMha__previewHint {
border-top: 1px dashed var(--admin-panel-border);
flex-direction: column;
justify-content: center;
align-items: center;
gap: 4px;
margin-top: 4px;
padding: 14px 12px 10px;
display: flex;
}
.LayoutAndWindowsPanel-module__imHMha__previewHintText {
color: var(--admin-panel-fg-muted);
letter-spacing: .01em;
font-size: 12px;
font-weight: 500;
}
.LayoutAndWindowsPanel-module__imHMha__previewHintArrow {
color: var(--admin-panel-accent);
font-size: 22px;
line-height: 1;
animation: 1.6s ease-in-out infinite LayoutAndWindowsPanel-module__imHMha__previewHintBounce;
}
@keyframes LayoutAndWindowsPanel-module__imHMha__previewHintBounce {
0%, 100% {
opacity: .85;
transform: translateY(0);
}
50% {
opacity: 1;
transform: translateY(4px);
}
}
.LayoutAndWindowsPanel-module__imHMha__expandedHeader {
align-items: flex-start;
gap: 10px;
display: flex;
}
.LayoutAndWindowsPanel-module__imHMha__expandedIcon {
color: var(--admin-panel-accent);
flex-shrink: 0;
margin-top: 1px;
font-size: 24px;
line-height: 1;
}
.LayoutAndWindowsPanel-module__imHMha__expandedTitles {
flex-direction: column;
flex: auto;
gap: 2px;
min-width: 0;
display: flex;
}
.LayoutAndWindowsPanel-module__imHMha__expandedName {
color: var(--admin-panel-fg);
word-break: break-word;
flex-wrap: wrap;
align-items: center;
gap: 6px;
margin: 0;
font-size: 13px;
font-weight: 700;
line-height: 1.25;
display: inline-flex;
}
.LayoutAndWindowsPanel-module__imHMha__expandedNoteBtn {
width: 18px;
height: 18px;
color: var(--admin-panel-accent);
cursor: help;
background: none;
border: none;
border-radius: 50%;
justify-content: center;
align-items: center;
padding: 0;
font-size: 13px;
transition: background .15s, color .15s;
display: inline-flex;
}
.LayoutAndWindowsPanel-module__imHMha__expandedNoteBtn:hover:not(:disabled) {
background: #2563eb26;
}
.LayoutAndWindowsPanel-module__imHMha__expandedNoteBtnDisabled {
color: var(--admin-panel-fg-muted);
opacity: .55;
cursor: not-allowed;
}
.LayoutAndWindowsPanel-module__imHMha__expandedComponent {
text-transform: uppercase;
letter-spacing: .4px;
color: var(--admin-panel-fg-muted);
margin: 0;
font-size: 10px;
font-weight: 600;
}
.LayoutAndWindowsPanel-module__imHMha__expandedHint {
color: var(--admin-panel-fg-muted);
text-align: right;
flex-shrink: 0;
align-self: flex-start;
font-size: 9px;
font-style: italic;
line-height: 1.2;
}
.LayoutAndWindowsPanel-module__imHMha__expandedActions {
flex-wrap: wrap;
gap: 6px;
display: flex;
}
.LayoutAndWindowsPanel-module__imHMha__expandedActions .LayoutAndWindowsPanel-module__imHMha__detailActionBtn {
padding: 5px 10px;
font-size: 11px;
}
.LayoutAndWindowsPanel-module__imHMha__detailActionBtn {
border-radius: var(--admin-radius-pill);
background: var(--admin-panel-bg);
color: var(--admin-panel-fg);
border: 2px solid var(--admin-panel-border);
cursor: pointer;
align-items: center;
gap: 6px;
padding: 7px 14px;
font-size: 12px;
font-weight: 600;
transition: background .15s, color .15s, border-color .15s;
display: inline-flex;
}
.LayoutAndWindowsPanel-module__imHMha__detailActionBtn:hover {
color: var(--admin-panel-accent);
border-color: var(--admin-panel-accent);
background: #fff;
}
.LayoutAndWindowsPanel-module__imHMha__detailActionBtnDanger {
color: var(--admin-panel-danger);
border-color: var(--admin-panel-danger);
}
.LayoutAndWindowsPanel-module__imHMha__detailActionBtnDanger:hover {
color: var(--admin-panel-danger-strong);
border-color: var(--admin-panel-danger-strong);
background: #fff;
}
.LayoutAndWindowsPanel-module__imHMha__detailActionBtnDisabled, .LayoutAndWindowsPanel-module__imHMha__detailActionBtnDisabled:hover {
color: var(--admin-panel-fg-muted);
border-color: var(--admin-panel-border);
cursor: not-allowed;
opacity: .55;
background: none;
}
.LayoutAndWindowsPanel-module__imHMha__map {
border: 1px solid var(--admin-panel-border);
background: #00000008;
border-radius: 8px;
flex-direction: column;
gap: 14px;
padding: 14px;
transition: opacity .12s ease-out;
display: flex;
position: relative;
}
.LayoutAndWindowsPanel-module__imHMha__mapSaving {
pointer-events: none;
opacity: .55;
cursor: progress;
}
.LayoutAndWindowsPanel-module__imHMha__mapSaving:after {
content: "";
pointer-events: none;
background: repeating-linear-gradient(-45deg, #0000, #0000 8px, #2563eb0f 8px 16px);
border-radius: 8px;
animation: .8s linear infinite LayoutAndWindowsPanel-module__imHMha__mapSavingStripes;
position: absolute;
inset: 0;
}
@keyframes LayoutAndWindowsPanel-module__imHMha__mapSavingStripes {
from {
background-position: 0 0;
}
to {
background-position: 22.6px 0;
}
}
.LayoutAndWindowsPanel-module__imHMha__mapSection {
flex-direction: column;
gap: 6px;
display: flex;
}
.LayoutAndWindowsPanel-module__imHMha__mapSectionBody .LayoutAndWindowsPanel-module__imHMha__mapArea {
min-height: 160px;
}
.LayoutAndWindowsPanel-module__imHMha__mapSectionLabel {
text-transform: uppercase;
letter-spacing: .06em;
color: var(--admin-panel-fg-muted);
padding-left: 2px;
font-size: 10px;
font-weight: 700;
}
.LayoutAndWindowsPanel-module__imHMha__mapRow {
gap: 10px;
display: grid;
}
.LayoutAndWindowsPanel-module__imHMha__mapRowBodyCatalogSingle {
padding-left: 10%;
padding-right: 10%;
}
.LayoutAndWindowsPanel-module__imHMha__mapHeaderLogo {
justify-content: flex-start;
align-items: center;
min-height: 72px;
padding: 6px 10px;
display: flex;
}
.LayoutAndWindowsPanel-module__imHMha__mapHeaderLogoImg {
object-fit: contain;
opacity: .7;
width: auto;
max-width: 100%;
height: auto;
max-height: 32px;
display: block;
}
.LayoutAndWindowsPanel-module__imHMha__mapFooterLogo {
justify-content: flex-start;
align-items: center;
min-height: 72px;
padding: 6px 10px;
display: flex;
}
.LayoutAndWindowsPanel-module__imHMha__mapFooterLogoImg {
object-fit: contain;
opacity: .7;
width: auto;
max-width: 100%;
height: auto;
max-height: 40px;
display: block;
}
.LayoutAndWindowsPanel-module__imHMha__mapFooterAreas {
grid-template-columns: 1fr 1fr 1fr;
gap: 10px;
display: grid;
}
.LayoutAndWindowsPanel-module__imHMha__mapEmpty {
text-align: center;
color: var(--admin-panel-fg-muted);
border: 1px dashed var(--admin-panel-border);
background: #fff;
border-radius: 6px;
padding: 16px;
font-size: 12px;
}
.LayoutAndWindowsPanel-module__imHMha__mapArea {
border: 1px dashed var(--admin-panel-border);
background: #fff;
border-radius: 6px;
flex-direction: column;
gap: 6px;
min-height: 72px;
padding: 10px 12px;
transition: border-color .15s, background .15s;
display: flex;
}
.LayoutAndWindowsPanel-module__imHMha__mapAreaBlocked {
cursor: default;
border-style: dashed;
border-color: var(--admin-panel-border);
background: repeating-linear-gradient(45deg, #00000006, #00000006 8px, #0000000d 8px 16px), #fafafa;
}
.LayoutAndWindowsPanel-module__imHMha__mapAreaBlocked:hover {
background: repeating-linear-gradient(45deg, #00000006, #00000006 8px, #0000000d 8px 16px), #fafafa;
}
.LayoutAndWindowsPanel-module__imHMha__mapAreaBlockedHint {
min-height: 40px;
color: var(--admin-panel-fg-muted);
justify-content: center;
align-items: center;
gap: 6px;
padding: 6px 10px;
font-size: 11px;
font-style: italic;
display: flex;
}
.LayoutAndWindowsPanel-module__imHMha__mapAreaBlockedIcon {
color: var(--admin-panel-fg-muted);
flex-shrink: 0;
font-size: 14px;
}
.LayoutAndWindowsPanel-module__imHMha__mapAreaCompatible {
background: #16a34a0a;
border-color: #16a34a;
}
.LayoutAndWindowsPanel-module__imHMha__mapAreaIncompatible {
opacity: .6;
cursor: not-allowed;
background: #dc26260a;
border-color: #dc2626;
}
.LayoutAndWindowsPanel-module__imHMha__mapAreaIncompatible .LayoutAndWindowsPanel-module__imHMha__mapAreaEmpty {
color: var(--admin-panel-danger);
font-style: normal;
font-weight: 500;
}
.LayoutAndWindowsPanel-module__imHMha__mapAreaDragOver.LayoutAndWindowsPanel-module__imHMha__mapAreaCompatible {
background: #16a34a1f;
border-style: solid;
}
.LayoutAndWindowsPanel-module__imHMha__mapAreaLabel {
text-transform: uppercase;
letter-spacing: .05em;
color: var(--admin-panel-fg-muted);
font-size: 10px;
font-weight: 700;
}
.LayoutAndWindowsPanel-module__imHMha__mapAreaHeader {
justify-content: space-between;
align-items: center;
gap: 6px;
display: flex;
}
.LayoutAndWindowsPanel-module__imHMha__mapAreaToggle {
width: 20px;
height: 20px;
color: var(--admin-panel-fg-muted);
cursor: pointer;
background: none;
border: none;
border-radius: 4px;
justify-content: center;
align-items: center;
padding: 0;
transition: background .12s, color .12s;
display: inline-flex;
}
.LayoutAndWindowsPanel-module__imHMha__mapAreaToggle:hover {
background: var(--admin-panel-bg);
color: var(--admin-panel-fg);
}
.LayoutAndWindowsPanel-module__imHMha__mapAreaToggle:focus-visible {
outline: 2px solid var(--admin-panel-accent, #0ea5e9);
outline-offset: 1px;
}
.LayoutAndWindowsPanel-module__imHMha__mapAreaToggleDisabled {
color: #d97706;
}
.LayoutAndWindowsPanel-module__imHMha__mapAreaDisabled {
opacity: .55;
background: repeating-linear-gradient(135deg, #00000005, #00000005 8px, #0000000d 8px 16px), #fff;
}
.LayoutAndWindowsPanel-module__imHMha__mapAreaDisabledHint {
min-height: 28px;
color: var(--admin-panel-fg-muted);
align-items: center;
gap: 6px;
padding: 4px 6px;
font-size: 11px;
font-style: italic;
display: flex;
}
.LayoutAndWindowsPanel-module__imHMha__mapAreaEmpty {
color: var(--admin-panel-fg-muted);
padding: 4px 0;
font-size: 11px;
font-style: italic;
}
.LayoutAndWindowsPanel-module__imHMha__mapAreaWindows {
flex-direction: column;
gap: 4px;
margin: 0;
padding: 0;
list-style: none;
display: flex;
}
.LayoutAndWindowsPanel-module__imHMha__mapWindow {
background: var(--admin-panel-bg);
border: 1px solid var(--admin-panel-border);
cursor: grab;
border-radius: 4px;
align-items: center;
gap: 6px;
padding: 6px 8px;
transition: background .12s, border-color .12s;
display: flex;
}
.LayoutAndWindowsPanel-module__imHMha__mapWindow:hover {
border-color: var(--admin-panel-accent);
background: #fff;
}
.LayoutAndWindowsPanel-module__imHMha__mapWindow:active {
cursor: grabbing;
}
.LayoutAndWindowsPanel-module__imHMha__mapWindowIcon {
color: var(--admin-panel-fg-muted);
flex-shrink: 0;
font-size: 14px;
}
.LayoutAndWindowsPanel-module__imHMha__mapWindowName {
color: var(--admin-panel-fg);
text-overflow: ellipsis;
white-space: nowrap;
flex: 1;
font-size: 12px;
overflow: hidden;
}
.LayoutAndWindowsPanel-module__imHMha__mapWindowRemove {
width: 20px;
height: 20px;
color: var(--admin-panel-fg-muted);
cursor: pointer;
background: none;
border: 1px solid #0000;
border-radius: 3px;
justify-content: center;
align-items: center;
padding: 0;
font-size: 12px;
transition: color .12s, border-color .12s, background .12s;
display: inline-flex;
}
.LayoutAndWindowsPanel-module__imHMha__mapWindowRemove:hover {
color: var(--admin-panel-danger);
border-color: var(--admin-panel-danger);
background: #fff;
}
.LayoutAndWindowsPanel-module__imHMha__mapWindowDrag {
color: var(--admin-panel-fg-muted);
cursor: grab;
flex-shrink: 0;
font-size: 14px;
}
.LayoutAndWindowsPanel-module__imHMha__mapWindow:active .LayoutAndWindowsPanel-module__imHMha__mapWindowDrag {
cursor: grabbing;
}
.LayoutAndWindowsPanel-module__imHMha__mapWindowDragging {
opacity: .4;
}
.LayoutAndWindowsPanel-module__imHMha__mapWindowExpanded {
border-color: var(--admin-panel-accent);
cursor: pointer;
text-align: left;
background: #fff;
border-style: solid;
flex-direction: column;
align-items: stretch;
gap: 10px;
padding: 10px 12px;
animation: .18s ease-out LayoutAndWindowsPanel-module__imHMha__mapWindowExpandIn;
box-shadow: 0 0 0 2px #2563eb26;
}
.LayoutAndWindowsPanel-module__imHMha__mapWindowExpanded:hover {
border-color: var(--admin-panel-accent);
background: #fff;
}
.LayoutAndWindowsPanel-module__imHMha__mapWindowExpanded:active {
cursor: pointer;
}
@keyframes LayoutAndWindowsPanel-module__imHMha__mapWindowExpandIn {
from {
opacity: .7;
}
to {
opacity: 1;
}
}
.LayoutAndWindowsPanel-module__imHMha__mapWindowInsertBefore {
box-shadow: 0 -4px 0 var(--admin-panel-accent),
0 -4px 0 1px #fff9;
}
.LayoutAndWindowsPanel-module__imHMha__mapWindowInsertAfter {
box-shadow: 0 4px 0 var(--admin-panel-accent),
0 4px 0 1px #fff9;
}
.LayoutAndWindowsPanel-module__imHMha__mapCommitBar {
color: #713f12;
background: #fef9c3;
border: 1px solid #fde047;
border-radius: 6px;
align-items: center;
gap: 10px;
margin-top: 4px;
padding: 10px 12px;
font-size: 12px;
display: flex;
}
.LayoutAndWindowsPanel-module__imHMha__mapCommitIcon {
color: #a16207;
flex-shrink: 0;
font-size: 16px;
}
.LayoutAndWindowsPanel-module__imHMha__mapCommitMessage {
flex: 1;
line-height: 1.4;
}
.LayoutAndWindowsPanel-module__imHMha__mapCommitMessage strong {
font-weight: 700;
}
.LayoutAndWindowsPanel-module__imHMha__mapCancelBtn {
color: var(--admin-panel-fg);
border: 1px solid var(--admin-panel-border);
cursor: pointer;
background: none;
border-radius: 4px;
flex-shrink: 0;
padding: 6px 12px;
font-size: 12px;
font-weight: 600;
transition: background .12s, border-color .12s;
}
.LayoutAndWindowsPanel-module__imHMha__mapCancelBtn:hover {
border-color: var(--admin-panel-fg-muted);
background: #fff;
}
.LayoutAndWindowsPanel-module__imHMha__mapCommitBtn {
color: #fff;
background: var(--admin-panel-accent);
border: 1px solid var(--admin-panel-accent);
cursor: pointer;
border-radius: 4px;
flex-shrink: 0;
align-items: center;
gap: 6px;
padding: 6px 14px;
font-size: 12px;
font-weight: 600;
transition: background .12s, border-color .12s, transform 80ms;
display: inline-flex;
}
.LayoutAndWindowsPanel-module__imHMha__mapCommitBtn:hover {
background: var(--admin-panel-accent-strong, var(--admin-panel-accent));
filter: brightness(.92);
}
.LayoutAndWindowsPanel-module__imHMha__mapCommitBtn:active {
transform: translateY(1px);
}
.LayoutAndWindowsPanel-module__imHMha__scopeFieldset {
background: var(--admin-panel-bg-elevated, #fff);
border: 1px solid var(--admin-panel-border);
border-radius: 4px;
margin: 12px 0 0;
padding: 10px 12px;
}
.LayoutAndWindowsPanel-module__imHMha__scopeLegend {
color: var(--admin-panel-fg);
padding: 0 6px;
font-size: 12px;
font-weight: 600;
}
.LayoutAndWindowsPanel-module__imHMha__scopeOption {
cursor: pointer;
grid-template-rows: auto auto;
grid-template-columns: auto 1fr;
align-items: start;
gap: 2px 8px;
padding: 6px 0;
display: grid;
}
.LayoutAndWindowsPanel-module__imHMha__scopeOption + .LayoutAndWindowsPanel-module__imHMha__scopeOption {
border-top: 1px solid var(--admin-panel-border);
}
.LayoutAndWindowsPanel-module__imHMha__scopeOption input[type="radio"] {
cursor: pointer;
grid-row: 1 / 3;
margin-top: 3px;
}
.LayoutAndWindowsPanel-module__imHMha__scopeOptionLabel {
color: var(--admin-panel-fg);
font-size: 12px;
font-weight: 600;
}
.LayoutAndWindowsPanel-module__imHMha__scopeOptionHint {
color: var(--admin-panel-fg-muted);
font-size: 11px;
line-height: 1.3;
}
/* [project]/components/admin/AdminTopBar/AdminTopBar.module.css [app-client] (css) */
.AdminTopBar-module__G7ZJBq__root {
z-index: 1000;
height: var(--admin-bar-height);
background: var(--admin-bg);
color: var(--admin-fg);
border-bottom: 1px solid var(--admin-border);
letter-spacing: 0;
justify-content: space-between;
align-items: center;
padding: 0 12px;
font-family: system-ui, -apple-system, sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 1;
display: flex;
position: sticky;
top: 0;
}
.AdminTopBar-module__G7ZJBq__left, .AdminTopBar-module__G7ZJBq__right {
align-items: center;
gap: 4px;
height: 100%;
display: flex;
}
.AdminTopBar-module__G7ZJBq__right {
margin-left: auto;
}
.AdminTopBar-module__G7ZJBq__divider {
background: var(--admin-divider);
width: 1px;
height: 22px;
margin: 0 4px;
}
/* [project]/components/windows/WindowContainer/WindowContainer.module.css [app-client] (css) */
.WindowContainer-module__GZp1qq__kDefault {
background: var(--color-bg-card);
border: 1px solid var(--color-border);
border-radius: 12px;
width: 100%;
margin-bottom: 16px;
overflow: hidden;
}
.WindowContainer-module__GZp1qq__kDefaultHeader {
border-bottom: 1px solid var(--color-border);
color: var(--color-text);
margin: 0;
padding: 12px 20px;
font-size: 14px;
font-weight: 700;
}
.WindowContainer-module__GZp1qq__kDefaultBody {
color: var(--color-text);
padding: 16px 20px;
}
.WindowContainer-module__GZp1qq__kEmpty {
width: 100%;
padding-bottom: 16px;
}
.WindowContainer-module__GZp1qq__kGreyTitle {
background: var(--color-bg-subtle, #0000000a);
border-radius: 12px;
width: 100%;
margin-bottom: 16px;
overflow: hidden;
}
.WindowContainer-module__GZp1qq__kGreyTitleHeader {
background: var(--color-bg-subtle-strong, #0000000f);
border-bottom: 1px solid var(--color-border);
color: var(--color-text);
text-transform: uppercase;
letter-spacing: .03em;
margin: 0;
padding: 12px 20px;
font-size: 14px;
font-weight: 700;
}
.WindowContainer-module__GZp1qq__kGreyTitleBody {
color: var(--color-text);
padding: 16px 20px;
}
.WindowContainer-module__GZp1qq__kCatalogDefault {
background: var(--color-bg-card);
border: 1px solid var(--color-border);
border-radius: 12px;
width: 100%;
padding: 20px;
}
.WindowContainer-module__GZp1qq__kCatalogEmpty {
width: 100%;
}
/* [project]/components/windows/WReferenceLinkingToUrl/WReferenceLinkingToUrlGreyBack.module.css [app-client] (css) */
.WReferenceLinkingToUrlGreyBack-module__j7cHUq__root {
background: var(--color-surface-muted, color-mix(in srgb, var(--color-text) 5%, transparent));
border-left: 3px solid var(--color-accent, var(--color-text));
border-radius: 4px;
padding: .85rem 1rem;
}
.WReferenceLinkingToUrlGreyBack-module__j7cHUq__title {
letter-spacing: .08em;
text-transform: uppercase;
color: var(--color-accent, var(--color-text));
margin: 0;
font-size: clamp(.95rem, .85rem + .45vw, 1.1rem);
font-weight: 700;
line-height: 1.2;
}
.WReferenceLinkingToUrlGreyBack-module__j7cHUq__description {
color: var(--color-text-muted, var(--color-text));
white-space: pre-line;
margin: .45em 0 0;
font-size: .9rem;
line-height: 1.5;
}
.WReferenceLinkingToUrlGreyBack-module__j7cHUq__link {
color: inherit;
border-bottom: 1px solid #0000;
text-decoration: none;
transition: color .12s, border-color .12s;
}
.WReferenceLinkingToUrlGreyBack-module__j7cHUq__link:hover, .WReferenceLinkingToUrlGreyBack-module__j7cHUq__link:focus-visible {
color: var(--color-text);
border-bottom-color: currentColor;
}
.WReferenceLinkingToUrlGreyBack-module__j7cHUq__link:focus-visible {
outline: 2px solid var(--color-accent, currentColor);
outline-offset: 3px;
border-bottom-color: #0000;
}
/* [project]/components/windows/WMenu/WMenu.module.css [app-client] (css) */
.WMenu-module__YIARca__menu {
width: 100%;
color: var(--color-text);
}
.WMenu-module__YIARca__empty {
color: var(--color-text-muted);
font-size: 13px;
font-style: italic;
}
.WMenu-module__YIARca__list {
margin: 0;
padding: 0;
list-style: none;
}
.WMenu-module__YIARca__list[data-level="1"] {
flex-direction: column;
gap: 2px;
display: flex;
}
.WMenu-module__YIARca__list:not([data-level="1"]) {
border-left: 2px solid var(--color-border);
margin-top: 4px;
margin-left: 16px;
padding-left: 8px;
}
.WMenu-module__YIARca__item {
margin: 0;
}
.WMenu-module__YIARca__link {
color: var(--color-text);
border-radius: 4px;
padding: 6px 10px;
font-size: 14px;
text-decoration: none;
transition: background .15s, color .15s;
display: block;
}
.WMenu-module__YIARca__link:hover {
background: var(--color-bg-subtle, #0000000a);
color: var(--color-primary);
}
.WMenu-module__YIARca__linkActive {
background: var(--color-primary);
color: var(--color-text-inverse, #fff);
font-weight: 600;
}
.WMenu-module__YIARca__linkActive:hover {
background: var(--color-primary-hover, var(--color-primary));
color: var(--color-text-inverse, #fff);
filter: brightness(.95);
}
.WMenu-module__YIARca__linkInActivePath {
color: var(--color-primary);
border-left: 2px solid var(--color-primary);
padding-left: 8px;
font-weight: 600;
}
.WMenu-module__YIARca__linkInActivePath:hover {
background: var(--color-bg-subtle, #0000000a);
}
/* [project]/components/windows/WLanguageVersions/WLanguageVersions.module.css [app-client] (css) */
.WLanguageVersions-module__4MP3na__empty {
color: var(--color-text-muted);
font-size: 13px;
font-style: italic;
}
.WLanguageVersions-module__4MP3na__flag {
border-radius: 2px;
flex-shrink: 0;
display: block;
box-shadow: 0 0 0 1px #00000014;
}
.WLanguageVersions-module__4MP3na__name {
color: var(--color-text);
font-size: 14px;
font-weight: 600;
}
.WLanguageVersions-module__4MP3na__list {
flex-wrap: wrap;
align-items: center;
gap: 6px;
display: flex;
}
.WLanguageVersions-module__4MP3na__link {
background: none;
border-radius: 6px;
align-items: center;
gap: 8px;
padding: 6px 12px;
text-decoration: none;
transition: background .15s, color .15s;
display: inline-flex;
}
.WLanguageVersions-module__4MP3na__link:hover {
background: var(--color-bg-subtle, #0000000a);
}
.WLanguageVersions-module__4MP3na__link:hover .WLanguageVersions-module__4MP3na__name {
color: var(--color-primary);
}
.WLanguageVersions-module__4MP3na__linkActive {
background: var(--color-primary);
}
.WLanguageVersions-module__4MP3na__linkActive .WLanguageVersions-module__4MP3na__name {
color: var(--color-text-inverse, #fff);
}
.WLanguageVersions-module__4MP3na__linkActive:hover {
background: var(--color-primary-hover);
}
.WLanguageVersions-module__4MP3na__linkActive:hover .WLanguageVersions-module__4MP3na__name {
color: var(--color-text-inverse, #fff);
}
.WLanguageVersions-module__4MP3na__dropdown {
display: inline-block;
position: relative;
}
.WLanguageVersions-module__4MP3na__trigger {
background: var(--color-bg-card, #fff);
border: 1px solid var(--color-border, #0000001f);
cursor: pointer;
color: var(--color-text);
border-radius: 999px;
align-items: center;
gap: 8px;
padding: 10px 15px;
font-family: inherit;
line-height: 1;
transition: border-color .15s, background .15s, box-shadow .15s;
display: inline-flex;
}
.WLanguageVersions-module__4MP3na__trigger:hover {
border-color: var(--color-primary);
}
.WLanguageVersions-module__4MP3na__trigger:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 2px;
}
.WLanguageVersions-module__4MP3na__trigger[aria-expanded="true"] {
border-color: var(--color-primary);
box-shadow: 0 0 0 3px #0000000a;
}
.WLanguageVersions-module__4MP3na__triggerFlag {
border-radius: 2px;
flex-shrink: 0;
display: block;
box-shadow: 0 0 0 1px #00000014;
}
.WLanguageVersions-module__4MP3na__arrow {
color: var(--color-text-muted);
justify-content: center;
align-items: center;
transition: color .15s;
display: inline-flex;
}
.WLanguageVersions-module__4MP3na__trigger:hover .WLanguageVersions-module__4MP3na__arrow, .WLanguageVersions-module__4MP3na__trigger[aria-expanded="true"] .WLanguageVersions-module__4MP3na__arrow {
color: var(--color-text);
}
.WLanguageVersions-module__4MP3na__menu {
background: var(--color-bg-card, #fff);
border: 1px solid var(--color-border, #0000001f);
z-index: 100;
border-radius: 10px;
flex-direction: column;
gap: 2px;
min-width: 180px;
margin: 0;
padding: 6px;
list-style: none;
display: flex;
position: absolute;
top: calc(100% + 6px);
right: 0;
box-shadow: 0 8px 24px #0000001f;
}
.WLanguageVersions-module__4MP3na__menuLink {
white-space: nowrap;
border-radius: 6px;
align-items: center;
gap: 12px;
padding: 8px 12px;
text-decoration: none;
transition: background .15s;
display: flex;
}
.WLanguageVersions-module__4MP3na__menuLink:hover {
background: var(--color-bg-subtle, #0000000a);
}
.WLanguageVersions-module__4MP3na__menuLink:hover .WLanguageVersions-module__4MP3na__name {
color: var(--color-primary);
}
/* [project]/components/windows/WDropDownMenu/WDropDownMenu.module.css [app-client] (css) */
.WDropDownMenu-module__oi5RMa__root {
width: 100%;
color: var(--color-text);
position: relative;
}
.WDropDownMenu-module__oi5RMa__empty {
color: var(--color-text-muted);
font-size: 13px;
font-style: italic;
}
.WDropDownMenu-module__oi5RMa__topBar {
flex-wrap: wrap;
align-items: stretch;
gap: 4px;
margin: 0;
padding: 0;
list-style: none;
display: flex;
}
.WDropDownMenu-module__oi5RMa__topBarItem {
align-items: center;
margin: 0;
display: inline-flex;
}
.WDropDownMenu-module__oi5RMa__topBarLink {
color: var(--color-text);
cursor: pointer;
background: none;
border: 0;
border-radius: 4px;
align-items: center;
gap: 8px;
padding: 12px 16px;
font-family: inherit;
font-size: 15px;
font-weight: 500;
text-decoration: none;
transition: background .15s, color .15s;
display: inline-flex;
position: relative;
}
.WDropDownMenu-module__oi5RMa__topBarLink:hover, .WDropDownMenu-module__oi5RMa__topBarLink:focus-visible {
color: var(--color-primary);
background: var(--color-primary-subtle, #2563eb1a);
}
.WDropDownMenu-module__oi5RMa__topBarLink:after {
content: "";
background: var(--color-primary);
opacity: 0;
transform-origin: center;
border-radius: 2px;
height: 2px;
transition: opacity .15s, transform .15s;
position: absolute;
bottom: 4px;
left: 12px;
right: 12px;
transform: scaleX(.6);
}
.WDropDownMenu-module__oi5RMa__topBarLink:hover:after, .WDropDownMenu-module__oi5RMa__topBarLink:focus-visible:after, .WDropDownMenu-module__oi5RMa__topBarLinkOpen:after, .WDropDownMenu-module__oi5RMa__topBarLinkActive:after, .WDropDownMenu-module__oi5RMa__topBarLinkInPath:after {
opacity: 1;
transform: scaleX(1);
}
.WDropDownMenu-module__oi5RMa__topBarLinkActive, .WDropDownMenu-module__oi5RMa__topBarLinkInPath {
color: var(--color-primary);
font-weight: 600;
}
.WDropDownMenu-module__oi5RMa__topBarLinkOpen {
color: var(--color-primary);
background: var(--color-primary-subtle, #2563eb1a);
}
.WDropDownMenu-module__oi5RMa__topBarLinkMock {
border: 1px dashed var(--admin-accent-warning, #f59e0b);
color: var(--admin-accent-warning, #f59e0b);
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
font-size: 13px;
}
.WDropDownMenu-module__oi5RMa__topBarLinkMock:hover, .WDropDownMenu-module__oi5RMa__topBarLinkMock:focus-visible {
color: var(--admin-accent-warning, #f59e0b);
background: #f59e0b14;
}
.WDropDownMenu-module__oi5RMa__chevronToggle {
cursor: pointer;
color: var(--color-text-muted, #0000008c);
background: none;
border: 0;
border-radius: 4px;
justify-content: center;
align-items: center;
margin-left: -4px;
padding: 12px;
font-family: inherit;
transition: background .15s, color .15s;
display: inline-flex;
}
.WDropDownMenu-module__oi5RMa__chevronToggle:hover, .WDropDownMenu-module__oi5RMa__chevronToggle:focus-visible {
background: var(--color-primary-subtle, #2563eb1a);
color: var(--color-primary);
}
.WDropDownMenu-module__oi5RMa__chevron {
color: inherit;
align-items: center;
font-size: 16px;
line-height: 1;
transition: transform .15s;
display: inline-flex;
}
:is(.WDropDownMenu-module__oi5RMa__topBarItem:has(.WDropDownMenu-module__oi5RMa__topBarLinkOpen) .WDropDownMenu-module__oi5RMa__chevron, .WDropDownMenu-module__oi5RMa__topBarItem:has(.WDropDownMenu-module__oi5RMa__topBarLinkActive) .WDropDownMenu-module__oi5RMa__chevron, .WDropDownMenu-module__oi5RMa__topBarItem:has(.WDropDownMenu-module__oi5RMa__topBarLinkInPath) .WDropDownMenu-module__oi5RMa__chevron) {
color: var(--color-primary);
}
.WDropDownMenu-module__oi5RMa__panel {
z-index: 50;
background: var(--color-bg, #fff);
border: 1px solid var(--color-border, #00000014);
border-top: 0;
padding: 32px 40px;
position: absolute;
top: 100%;
left: 0;
right: 0;
box-shadow: 0 12px 32px #00000014;
}
.WDropDownMenu-module__oi5RMa__devMockBanner {
border-left: 4px solid var(--admin-accent-warning, #f59e0b);
color: var(--color-text);
background: #f59e0b14;
border-radius: 4px;
margin-bottom: 24px;
padding: 12px 16px;
font-size: 13px;
line-height: 1.5;
}
.WDropDownMenu-module__oi5RMa__devMockBanner strong {
color: var(--admin-accent-warning, #f59e0b);
}
.WDropDownMenu-module__oi5RMa__devMockBanner em {
background: #0000000f;
border-radius: 3px;
padding: 1px 6px;
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
font-style: normal;
}
.WDropDownMenu-module__oi5RMa__panelGrid {
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
align-items: start;
gap: 32px 48px;
display: grid;
}
.WDropDownMenu-module__oi5RMa__l2Section {
flex-direction: column;
gap: 4px;
display: flex;
}
.WDropDownMenu-module__oi5RMa__l2Header {
color: var(--color-text);
border-radius: 8px;
justify-content: space-between;
align-items: center;
gap: 12px;
padding: 12px 16px;
font-size: 16px;
font-weight: 600;
text-decoration: none;
transition: background .15s, color .15s;
display: inline-flex;
}
.WDropDownMenu-module__oi5RMa__l2Header:hover, .WDropDownMenu-module__oi5RMa__l2Header:focus-visible, .WDropDownMenu-module__oi5RMa__l2HeaderActive, .WDropDownMenu-module__oi5RMa__l2HeaderInPath {
background: var(--color-primary-subtle, #2563eb0f);
color: var(--color-primary);
}
.WDropDownMenu-module__oi5RMa__l2HeaderName {
flex: auto;
}
.WDropDownMenu-module__oi5RMa__l2HeaderArrow {
color: var(--color-text-muted, #0006);
flex: none;
font-size: 14px;
transition: transform .15s, color .15s;
}
.WDropDownMenu-module__oi5RMa__l2Header:hover .WDropDownMenu-module__oi5RMa__l2HeaderArrow, .WDropDownMenu-module__oi5RMa__l2Header:focus-visible .WDropDownMenu-module__oi5RMa__l2HeaderArrow, .WDropDownMenu-module__oi5RMa__l2HeaderActive .WDropDownMenu-module__oi5RMa__l2HeaderArrow, .WDropDownMenu-module__oi5RMa__l2HeaderInPath .WDropDownMenu-module__oi5RMa__l2HeaderArrow {
color: var(--color-primary);
transform: translateX(2px);
}
.WDropDownMenu-module__oi5RMa__nestedList {
flex-direction: column;
gap: 0;
margin: 0;
padding: 0;
list-style: none;
display: flex;
}
.WDropDownMenu-module__oi5RMa__nestedList[data-level="4"], .WDropDownMenu-module__oi5RMa__nestedList[data-level="5"] {
border-left: 1px dashed var(--color-border, #0000001f);
margin-top: 2px;
margin-left: 12px;
padding-left: 8px;
}
.WDropDownMenu-module__oi5RMa__nestedItem {
margin: 0;
}
.WDropDownMenu-module__oi5RMa__nestedLink {
color: var(--color-text);
border-radius: 4px;
padding: 8px 16px;
font-size: 14px;
text-decoration: none;
transition: background .15s, color .15s;
display: block;
}
.WDropDownMenu-module__oi5RMa__nestedItem[data-level="4"] > .WDropDownMenu-module__oi5RMa__nestedLink {
color: var(--color-text-muted, #0009);
padding-left: 8px;
font-size: 13px;
}
.WDropDownMenu-module__oi5RMa__nestedItem[data-level="5"] > .WDropDownMenu-module__oi5RMa__nestedLink {
color: var(--color-text-muted, #0000008c);
padding-left: 8px;
font-size: 12px;
}
.WDropDownMenu-module__oi5RMa__nestedLink:hover, .WDropDownMenu-module__oi5RMa__nestedLink:focus-visible {
background: var(--color-bg-subtle, #0000000a);
color: var(--color-primary);
}
.WDropDownMenu-module__oi5RMa__nestedLinkActive {
color: var(--color-primary);
font-weight: 600;
}
.WDropDownMenu-module__oi5RMa__seeAll {
color: var(--color-primary);
border-radius: 4px;
align-items: center;
gap: 6px;
padding: 8px 16px;
font-size: 13px;
font-weight: 500;
text-decoration: none;
transition: background .15s;
display: inline-flex;
}
.WDropDownMenu-module__oi5RMa__seeAll:hover, .WDropDownMenu-module__oi5RMa__seeAll:focus-visible {
background: var(--color-bg-subtle, #0000000a);
text-decoration: underline;
}
/* [project]/components/shared/OAuthButtons/OAuthButtons.module.css [app-client] (css) */
.OAuthButtons-module__2g0gqa__root {
gap: var(--space-md);
flex-direction: column;
width: 100%;
display: flex;
}
.OAuthButtons-module__2g0gqa__divider {
text-align: center;
margin: var(--space-xs) 0;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.OAuthButtons-module__2g0gqa__divider:before, .OAuthButtons-module__2g0gqa__divider:after {
content: "";
background: var(--color-border);
flex: 1;
height: 1px;
}
.OAuthButtons-module__2g0gqa__dividerLabel {
padding: 0 var(--space-sm);
color: var(--color-text-muted);
font-size: var(--font-size-sm);
text-transform: uppercase;
letter-spacing: .05em;
}
.OAuthButtons-module__2g0gqa__buttons {
align-items: center;
gap: var(--space-sm);
flex-direction: column;
display: flex;
}
.OAuthButtons-module__2g0gqa__fbButton {
justify-content: center;
align-items: center;
gap: var(--space-sm);
width: 280px;
min-height: 44px;
margin-top: 0;
display: inline-flex;
}
.OAuthButtons-module__2g0gqa__fbIcon {
flex-shrink: 0;
}
.OAuthButtons-module__2g0gqa__googleButton {
justify-content: center;
width: 280px;
min-height: 44px;
display: flex;
}
.OAuthButtons-module__2g0gqa__errorWrap {
width: 100%;
}
/* [project]/components/windows/WUserAccount/WUserAccount.module.css [app-client] (css) */
.WUserAccount-module__czZvDq__root {
display: inline-block;
position: relative;
}
.WUserAccount-module__czZvDq__trigger {
align-items: center;
gap: var(--space-sm);
padding: var(--space-xs) var(--space-md);
border-radius: var(--radius-control);
color: var(--color-text);
font-family: inherit;
font-size: var(--font-size-base);
font-weight: var(--font-weight-medium);
cursor: pointer;
transition: background var(--transition-base),
border-color var(--transition-base);
background: none;
border: 1px solid #0000;
display: inline-flex;
}
.WUserAccount-module__czZvDq__trigger:hover {
background: var(--color-bg-subtle, #0000000a);
}
.WUserAccount-module__czZvDq__trigger:focus-visible {
box-shadow: var(--shadow-focus);
outline: none;
}
.WUserAccount-module__czZvDq__triggerLabel {
white-space: nowrap;
text-overflow: ellipsis;
max-width: 160px;
overflow: hidden;
}
@media (max-width: 640px) {
.WUserAccount-module__czZvDq__triggerLabel {
display: none;
}
}
.WUserAccount-module__czZvDq__avatar {
object-fit: cover;
border-radius: 50%;
flex-shrink: 0;
width: 32px;
height: 32px;
}
.WUserAccount-module__czZvDq__avatarInitials {
background: var(--color-primary);
width: 32px;
height: 32px;
color: var(--color-text-inverse);
font-size: var(--font-size-sm);
font-weight: var(--font-weight-semibold);
text-transform: uppercase;
-webkit-user-select: none;
user-select: none;
border-radius: 50%;
flex-shrink: 0;
justify-content: center;
align-items: center;
display: inline-flex;
}
.WUserAccount-module__czZvDq__loginIcon {
flex-shrink: 0;
width: 20px;
height: 20px;
}
.WUserAccount-module__czZvDq__dropdown {
top: calc(100% + var(--space-xs));
background: var(--color-bg-card);
border: 1px solid var(--color-border);
border-radius: var(--radius-card);
min-width: 220px;
box-shadow: var(--shadow-card);
padding: var(--space-xs) 0;
z-index: 1000;
position: absolute;
right: 0;
}
.WUserAccount-module__czZvDq__dropdownHeader {
padding: var(--space-sm) var(--space-md);
border-bottom: 1px solid var(--color-border);
margin-bottom: var(--space-xs);
}
.WUserAccount-module__czZvDq__dropdownGreeting {
color: var(--color-text);
font-size: var(--font-size-sm);
font-weight: var(--font-weight-medium);
white-space: nowrap;
text-overflow: ellipsis;
margin: 0;
overflow: hidden;
}
.WUserAccount-module__czZvDq__dropdownEmail {
color: var(--color-text-muted);
font-size: var(--font-size-xs);
white-space: nowrap;
text-overflow: ellipsis;
margin: 2px 0 0;
overflow: hidden;
}
.WUserAccount-module__czZvDq__dropdownItem {
width: 100%;
padding: var(--space-sm) var(--space-md);
text-align: left;
color: var(--color-text);
font-family: inherit;
font-size: var(--font-size-base);
cursor: pointer;
transition: background var(--transition-base);
background: none;
border: none;
text-decoration: none;
display: block;
}
.WUserAccount-module__czZvDq__dropdownItem:hover:not(:disabled) {
background: var(--color-bg-subtle, #0000000a);
}
.WUserAccount-module__czZvDq__dropdownItem:focus-visible {
background: var(--color-bg-subtle, #0000000f);
outline: none;
}
.WUserAccount-module__czZvDq__dropdownItem:disabled {
opacity: .5;
cursor: not-allowed;
}
.WUserAccount-module__czZvDq__overlay {
z-index: 1500;
background: #0006;
animation: .2s ease-out WUserAccount-module__czZvDq__fadeIn;
position: fixed;
inset: 0;
}
.WUserAccount-module__czZvDq__modal {
background: var(--color-bg-card);
z-index: 1501;
flex-direction: column;
width: 100%;
max-width: 420px;
animation: .25s ease-out WUserAccount-module__czZvDq__slideInRight;
display: flex;
position: fixed;
top: 0;
bottom: 0;
right: 0;
box-shadow: -4px 0 24px #00000026;
}
.WUserAccount-module__czZvDq__modalHeader {
padding: var(--space-md) var(--space-lg);
border-bottom: 1px solid var(--color-border);
flex-shrink: 0;
justify-content: space-between;
align-items: center;
display: flex;
}
.WUserAccount-module__czZvDq__modalTitle {
font-size: var(--font-size-lg);
font-weight: var(--font-weight-semibold);
color: var(--color-text);
margin: 0;
}
.WUserAccount-module__czZvDq__modalClose {
cursor: pointer;
padding: var(--space-xs);
border-radius: var(--radius-control);
color: var(--color-text-muted);
transition: background var(--transition-base);
background: none;
border: none;
font-size: 24px;
line-height: 1;
}
.WUserAccount-module__czZvDq__modalClose:hover {
background: var(--color-bg-subtle, #0000000a);
color: var(--color-text);
}
.WUserAccount-module__czZvDq__modalClose:focus-visible {
box-shadow: var(--shadow-focus);
outline: none;
}
.WUserAccount-module__czZvDq__modalBody {
padding: var(--space-lg);
gap: var(--space-md);
flex-direction: column;
flex: 1;
display: flex;
overflow-y: auto;
}
.WUserAccount-module__czZvDq__loginForm {
gap: var(--space-md);
flex-direction: column;
display: flex;
}
.WUserAccount-module__czZvDq__formLinks {
justify-content: space-between;
gap: var(--space-sm);
font-size: var(--font-size-sm);
flex-wrap: wrap;
display: flex;
}
.WUserAccount-module__czZvDq__formLinks a {
color: var(--color-primary);
text-decoration: none;
}
.WUserAccount-module__czZvDq__formLinks a:hover {
text-decoration: underline;
}
.WUserAccount-module__czZvDq__errorState {
padding: var(--space-md);
background: var(--color-bg-card);
border: 1px solid var(--color-border);
border-radius: var(--radius-card);
font-size: var(--font-size-sm);
color: var(--color-text-muted);
}
@keyframes WUserAccount-module__czZvDq__fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes WUserAccount-module__czZvDq__slideInRight {
from {
transform: translateX(100%);
}
to {
transform: translateX(0);
}
}
@media (prefers-reduced-motion: reduce) {
.WUserAccount-module__czZvDq__overlay, .WUserAccount-module__czZvDq__modal {
animation: none;
}
}
/* [project]/components/windows/WindowRenderer/WindowRenderer.module.css [app-client] (css) */
.WindowRenderer-module__1MhIlG__root {
color: var(--color-text);
width: 100%;
}
.WindowRenderer-module__1MhIlG__fallback {
color: #7c2d12;
background: #fff7ed;
border: 1px solid #fdba74;
border-radius: 8px;
padding: 12px 14px;
font-size: 12px;
}
.WindowRenderer-module__1MhIlG__fallbackTitle {
color: #9a3412;
margin-bottom: 6px;
font-size: 13px;
font-weight: 700;
}
.WindowRenderer-module__1MhIlG__fallbackMessage {
color: #7c2d12;
margin: 0 0 8px;
line-height: 1.4;
}
.WindowRenderer-module__1MhIlG__fallbackHint {
color: #9a3412;
background: #fdba7433;
border-radius: 4px;
margin: 0 0 8px;
padding: 8px 10px;
font-size: 11px;
line-height: 1.45;
}
.WindowRenderer-module__1MhIlG__fallbackDocsLink {
color: #c2410c;
text-underline-offset: 2px;
font-size: 11px;
font-weight: 600;
text-decoration: underline;
}
.WindowRenderer-module__1MhIlG__fallbackDocsLink:hover {
color: #7c2d12;
}
.WindowRenderer-module__1MhIlG__heading {
color: var(--color-text);
margin: 0 0 12px;
font-size: 16px;
font-weight: 700;
}
.WindowRenderer-module__1MhIlG__lead {
color: var(--color-text-muted);
margin: 0 0 12px;
font-size: 13px;
line-height: 1.5;
}
.WindowRenderer-module__1MhIlG__menuList {
flex-direction: column;
gap: 4px;
margin: 0;
padding: 0;
list-style: none;
display: flex;
}
.WindowRenderer-module__1MhIlG__menuList li a {
color: var(--color-text);
border-radius: 8px;
padding: 8px 12px;
font-size: 14px;
font-weight: 500;
text-decoration: none;
transition: background .15s, color .15s;
display: block;
}
.WindowRenderer-module__1MhIlG__menuList li a:hover {
background: var(--color-primary-light);
color: var(--color-primary);
}
.WindowRenderer-module__1MhIlG__newsList {
flex-direction: column;
gap: 12px;
margin: 0;
padding: 0;
list-style: none;
display: flex;
}
.WindowRenderer-module__1MhIlG__newsItem {
border-bottom: 1px solid var(--color-border);
flex-direction: column;
gap: 4px;
padding: 10px 0;
display: flex;
}
.WindowRenderer-module__1MhIlG__newsItem:last-child {
border-bottom: 0;
}
.WindowRenderer-module__1MhIlG__newsItem strong {
color: var(--color-text);
font-size: 14px;
line-height: 1.4;
}
.WindowRenderer-module__1MhIlG__newsItem time {
color: var(--color-text-muted);
font-size: 11px;
}
.WindowRenderer-module__1MhIlG__newsletterForm {
flex-direction: column;
gap: 8px;
display: flex;
}
.WindowRenderer-module__1MhIlG__newsletterInput {
border: 1px solid var(--color-border);
background: var(--color-bg);
color: var(--color-text);
border-radius: 999px;
padding: 10px 12px;
font-family: inherit;
font-size: 13px;
}
.WindowRenderer-module__1MhIlG__newsletterInput:focus {
border-color: var(--color-primary);
outline: none;
}
.WindowRenderer-module__1MhIlG__newsletterBtn {
background: var(--color-primary);
color: #fff;
border: 2px solid var(--color-primary);
cursor: pointer;
border-radius: 999px;
padding: 10px 16px;
font-size: 13px;
font-weight: 600;
transition: background .15s, color .15s;
}
.WindowRenderer-module__1MhIlG__newsletterBtn:hover {
color: var(--color-primary);
background: #fff;
}
.WindowRenderer-module__1MhIlG__search {
align-items: center;
gap: 8px;
display: flex;
position: relative;
}
.WindowRenderer-module__1MhIlG__searchIcon {
color: var(--color-text-muted);
pointer-events: none;
font-size: 16px;
position: absolute;
left: 14px;
}
.WindowRenderer-module__1MhIlG__searchInput {
border: 1px solid var(--color-border);
background: var(--color-bg);
width: 100%;
color: var(--color-text);
border-radius: 999px;
padding: 10px 14px 10px 38px;
font-family: inherit;
font-size: 13px;
}
.WindowRenderer-module__1MhIlG__searchInput:focus {
border-color: var(--color-primary);
outline: none;
}
.WindowRenderer-module__1MhIlG__searchInput::placeholder {
color: var(--color-text-muted);
}
.WindowRenderer-module__1MhIlG__socialIcons {
gap: 8px;
display: flex;
}
.WindowRenderer-module__1MhIlG__socialIcon {
background: var(--color-primary-light);
width: 36px;
height: 36px;
color: var(--color-primary);
border-radius: 999px;
justify-content: center;
align-items: center;
font-size: 18px;
text-decoration: none;
transition: background .15s, color .15s;
display: inline-flex;
}
.WindowRenderer-module__1MhIlG__socialIcon:hover {
background: var(--color-primary);
color: #fff;
}
.WindowRenderer-module__1MhIlG__langSwitcher {
background: var(--color-bg-subtle);
border-radius: 999px;
gap: 4px;
padding: 4px;
display: inline-flex;
}
.WindowRenderer-module__1MhIlG__langBtn {
color: var(--color-text-muted);
cursor: pointer;
background: none;
border: 0;
border-radius: 999px;
padding: 6px 12px;
font-family: inherit;
font-size: 12px;
font-weight: 600;
transition: background .15s, color .15s;
}
.WindowRenderer-module__1MhIlG__langBtn:hover {
color: var(--color-primary);
}
.WindowRenderer-module__1MhIlG__langBtn[aria-pressed="true"] {
background: var(--color-primary);
color: #fff;
}
.WindowRenderer-module__1MhIlG__generic p {
color: var(--color-text-muted);
margin: 0;
font-size: 13px;
line-height: 1.5;
}
/* [project]/components/windows/WReferenceLinkingToUrl/WReferenceLinkingToUrl.module.css [app-client] (css) */
.WReferenceLinkingToUrl-module__YQYuYW__title {
color: var(--color-text);
margin: 0;
font-size: clamp(1.25rem, 1.05rem + .6vw, 1.5rem);
font-weight: 700;
line-height: 1.25;
}
.WReferenceLinkingToUrl-module__YQYuYW__description {
color: var(--color-text-muted, var(--color-text));
white-space: pre-line;
margin: .35em 0 0;
font-size: .95rem;
line-height: 1.5;
}
.WReferenceLinkingToUrl-module__YQYuYW__link {
color: inherit;
border-bottom: 1px solid #0000;
text-decoration: none;
transition: color .12s, border-color .12s;
}
.WReferenceLinkingToUrl-module__YQYuYW__link:hover, .WReferenceLinkingToUrl-module__YQYuYW__link:focus-visible {
color: var(--color-accent, var(--color-text));
border-bottom-color: currentColor;
}
.WReferenceLinkingToUrl-module__YQYuYW__link:focus-visible {
outline: 2px solid var(--color-accent, currentColor);
outline-offset: 3px;
border-bottom-color: #0000;
}
/* [project]/components/windows/WPath/WPath.module.css [app-client] (css) */
.WPath-module__QObpTW__root {
border-top: 1px solid var(--color-border-subtle, #e6e6e6);
background: var(--color-surface, #fff);
font-size: 14px;
line-height: 1.4;
}
.WPath-module__QObpTW__list {
flex-wrap: wrap;
align-items: center;
gap: 4px 6px;
width: 100%;
margin: 0;
padding: 5px 16px;
list-style: none;
display: flex;
}
.WPath-module__QObpTW__item {
align-items: center;
gap: 6px;
display: inline-flex;
}
.WPath-module__QObpTW__entry {
color: var(--color-text-muted, #6b6b6b);
border-radius: 4px;
align-items: center;
gap: 6px;
padding: 4px 6px;
text-decoration: none;
transition: color .15s ease-in-out, background-color .15s ease-in-out;
display: inline-flex;
}
.WPath-module__QObpTW__link:hover, .WPath-module__QObpTW__link:focus-visible {
color: var(--color-link-hover, var(--color-primary, #0c3a6b));
background: var(--color-surface-hover, #0000000a);
text-decoration: none;
}
.WPath-module__QObpTW__link:focus-visible {
outline: 2px solid var(--color-focus-ring, var(--color-primary, #0c3a6b));
outline-offset: 2px;
}
.WPath-module__QObpTW__entryActive {
color: var(--color-text, #1a1a1a);
cursor: default;
font-weight: 600;
}
.WPath-module__QObpTW__text {
display: inline-block;
}
.WPath-module__QObpTW__iconHome {
color: currentColor;
flex: none;
width: 16px;
height: 16px;
}
.WPath-module__QObpTW__separator {
width: 12px;
height: 12px;
color: var(--color-text-subtle, #a0a0a0);
flex: none;
}
@media (max-width: 768px) {
.WPath-module__QObpTW__root {
font-size: 13px;
}
.WPath-module__QObpTW__list {
column-gap: 4px;
padding: 5px 0;
}
.WPath-module__QObpTW__iconHome {
width: 14px;
height: 14px;
}
.WPath-module__QObpTW__separator {
width: 10px;
height: 10px;
}
}
/* [project]/components/admin/AlignmentChecker/AlignmentChecker.module.css [app-client] (css) */
.AlignmentChecker-module__ybE5zq__banner {
z-index: 9999;
background: var(--admin-panel-bg, #1f2937);
color: var(--admin-panel-text, #f3f4f6);
border-bottom: 3px solid var(--admin-accent-warning, #f59e0b);
padding: 12px 16px;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
font-size: 13px;
position: sticky;
top: 0;
}
.AlignmentChecker-module__ybE5zq__banner[data-status="ok"] {
border-bottom-color: #10b981;
}
.AlignmentChecker-module__ybE5zq__closeButton {
width: 26px;
height: 26px;
color: var(--admin-panel-text, #f3f4f6);
cursor: pointer;
z-index: 1;
background: #ffffff0f;
border: 1px solid #ffffff2e;
border-radius: 4px;
justify-content: center;
align-items: center;
padding: 0;
font-size: 14px;
transition: background .15s, color .15s, border-color .15s;
display: inline-flex;
position: absolute;
top: 8px;
right: 10px;
}
.AlignmentChecker-module__ybE5zq__closeButton:hover {
color: #fca5a5;
background: #ef444433;
border-color: #ef444480;
}
.AlignmentChecker-module__ybE5zq__closeButton:focus-visible {
outline: 2px solid var(--admin-accent-warning, #f59e0b);
outline-offset: 2px;
}
.AlignmentChecker-module__ybE5zq__banner[data-status="ok"] .AlignmentChecker-module__ybE5zq__icon {
color: #10b981;
}
.AlignmentChecker-module__ybE5zq__okMessage {
color: var(--admin-panel-text-muted, #d1d5db);
margin: 0;
font-size: 12px;
line-height: 1.5;
}
.AlignmentChecker-module__ybE5zq__devBadge {
color: #fcd34d;
font-family: var(--font-mono);
letter-spacing: .03em;
background: #f59e0b26;
border: 1px solid #f59e0b66;
border-radius: 3px;
align-items: center;
gap: 6px;
margin: 0 0 10px;
padding: 4px 10px;
font-size: 11px;
font-weight: 600;
display: inline-flex;
}
.AlignmentChecker-module__ybE5zq__devBadgeIcon {
font-size: 14px;
}
.AlignmentChecker-module__ybE5zq__devBadgeLink {
color: #93c5fd;
letter-spacing: 0;
background: #60a5fa26;
border: 1px solid #60a5fa66;
border-radius: 2px;
align-items: center;
gap: 4px;
margin-left: 8px;
padding: 2px 8px;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
font-size: 11px;
font-weight: 600;
text-decoration: none;
transition: background .15s, color .15s;
display: inline-flex;
}
.AlignmentChecker-module__ybE5zq__devBadgeLink:hover {
color: #bfdbfe;
background: #60a5fa40;
text-decoration: none;
}
.AlignmentChecker-module__ybE5zq__devBadgeToggle {
color: #fcd34d;
font-family: var(--font-mono);
letter-spacing: .03em;
cursor: pointer;
background: #f59e0b26;
border: 1px solid #f59e0b66;
border-radius: 2px;
align-items: center;
gap: 4px;
margin-left: 8px;
padding: 2px 8px;
font-size: 11px;
font-weight: 600;
transition: background .15s, color .15s;
display: inline-flex;
}
.AlignmentChecker-module__ybE5zq__devBadgeToggle:hover {
color: #fef3c7;
background: #f59e0b40;
}
.AlignmentChecker-module__ybE5zq__devBadgeToggle[data-active="off"] {
color: var(--admin-panel-text-muted, #d1d5db);
background: #6b728026;
border-color: #6b728066;
}
.AlignmentChecker-module__ybE5zq__devBadgeToggle[data-active="off"]:hover {
color: var(--admin-panel-text, #f3f4f6);
background: #6b728040;
}
.AlignmentChecker-module__ybE5zq__devBadgeToggleState {
background: #00000040;
border-radius: 2px;
margin-left: 2px;
padding: 0 4px;
font-size: 10px;
}
.AlignmentChecker-module__ybE5zq__iadminMenu {
margin-left: 8px;
position: relative;
}
.AlignmentChecker-module__ybE5zq__iadminMenu summary {
list-style: none;
}
.AlignmentChecker-module__ybE5zq__iadminMenu summary::-webkit-details-marker {
display: none;
}
.AlignmentChecker-module__ybE5zq__iadminMenuTrigger {
color: #93c5fd;
letter-spacing: 0;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
background: #60a5fa26;
border: 1px solid #60a5fa66;
border-radius: 2px;
align-items: center;
gap: 4px;
padding: 2px 8px;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
font-size: 11px;
font-weight: 600;
transition: background .15s, color .15s;
display: inline-flex;
}
.AlignmentChecker-module__ybE5zq__iadminMenuTrigger:hover {
color: #bfdbfe;
background: #60a5fa40;
}
.AlignmentChecker-module__ybE5zq__iadminMenu[open] .AlignmentChecker-module__ybE5zq__iadminMenuTrigger {
color: #dbeafe;
background: #60a5fa4d;
}
.AlignmentChecker-module__ybE5zq__iadminMenu[open] .AlignmentChecker-module__ybE5zq__iadminMenuTrigger > :last-child {
transition: transform .15s;
transform: rotate(180deg);
}
.AlignmentChecker-module__ybE5zq__iadminMenuPanel {
z-index: 100;
border: 1px solid var(--admin-panel-border, #374151);
letter-spacing: 0;
background: #1f2937;
border-radius: 6px;
min-width: 260px;
padding: 8px;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
position: absolute;
top: calc(100% + 6px);
left: 0;
box-shadow: 0 8px 24px #0006;
}
.AlignmentChecker-module__ybE5zq__iadminMenuSection {
flex-direction: column;
margin-bottom: 8px;
display: flex;
}
.AlignmentChecker-module__ybE5zq__iadminMenuSection:last-child {
margin-bottom: 0;
}
.AlignmentChecker-module__ybE5zq__iadminMenuSectionTitle {
text-transform: uppercase;
letter-spacing: .08em;
color: var(--admin-panel-fg-muted, #94a3b8);
padding: 4px 8px 2px;
font-size: 10px;
font-weight: 700;
}
.AlignmentChecker-module__ybE5zq__iadminMenuLink {
color: var(--admin-panel-fg, #e5e7eb);
border-radius: 3px;
align-items: center;
gap: 6px;
padding: 6px 8px;
font-size: 12px;
font-weight: 500;
text-decoration: none;
transition: background .12s;
display: inline-flex;
}
.AlignmentChecker-module__ybE5zq__iadminMenuLink:hover {
color: #dbeafe;
background: #60a5fa2e;
text-decoration: none;
}
.AlignmentChecker-module__ybE5zq__iadminMenuLinkIcon {
color: var(--admin-panel-fg-muted, #94a3b8);
flex-shrink: 0;
font-size: 12px;
}
.AlignmentChecker-module__ybE5zq__itemDocsLink {
color: #93c5fd;
align-items: center;
gap: 4px;
width: -moz-fit-content;
width: fit-content;
margin-top: 6px;
font-size: 11px;
font-weight: 600;
text-decoration: none;
transition: color .15s;
display: flex;
}
.AlignmentChecker-module__ybE5zq__itemDocsLink:hover {
color: #bfdbfe;
text-decoration: underline;
}
.AlignmentChecker-module__ybE5zq__contextStrip {
border: 1px solid var(--admin-panel-border, #374151);
font-size: 11px;
font-family: var(--font-mono);
background: #ffffff0a;
border-radius: 4px;
flex-wrap: wrap;
align-items: center;
gap: 16px;
margin-bottom: 10px;
padding: 6px 10px;
display: flex;
}
.AlignmentChecker-module__ybE5zq__contextItem {
white-space: nowrap;
align-items: baseline;
gap: 4px;
display: inline-flex;
}
.AlignmentChecker-module__ybE5zq__contextLabel {
color: var(--admin-panel-fg-muted, #94a3b8);
font-weight: 500;
}
.AlignmentChecker-module__ybE5zq__contextValue {
color: var(--admin-panel-fg, #e5e7eb);
font-weight: 600;
}
.AlignmentChecker-module__ybE5zq__contextValueDim {
color: var(--admin-panel-fg-muted, #94a3b8);
margin-left: 2px;
font-weight: 500;
}
.AlignmentChecker-module__ybE5zq__header {
border-bottom: 1px solid var(--admin-panel-border, #374151);
align-items: center;
gap: 8px;
margin-bottom: 12px;
padding-bottom: 8px;
display: flex;
}
.AlignmentChecker-module__ybE5zq__icon {
color: var(--admin-accent-warning, #f59e0b);
font-size: 18px;
}
.AlignmentChecker-module__ybE5zq__title {
font-size: 14px;
font-weight: 700;
}
.AlignmentChecker-module__ybE5zq__subtitle {
color: var(--admin-panel-text-muted, #9ca3af);
font-size: 11px;
font-family: var(--font-mono);
margin-left: auto;
}
.AlignmentChecker-module__ybE5zq__list {
flex-direction: column;
gap: 8px;
max-height: 38vh;
margin: 0;
padding: 0;
list-style: none;
display: flex;
overflow-y: auto;
}
.AlignmentChecker-module__ybE5zq__item {
border-left: 3px solid var(--admin-panel-border, #374151);
background: #0003;
border-radius: 3px;
padding: 8px 12px;
}
.AlignmentChecker-module__ybE5zq__item[data-issue-type="fetch_failed"] {
border-left-color: #ef4444;
}
.AlignmentChecker-module__ybE5zq__item[data-issue-type="orphan_in_db"], .AlignmentChecker-module__ybE5zq__item[data-issue-type="missing_in_db"] {
border-left-color: #f59e0b;
}
.AlignmentChecker-module__ybE5zq__item[data-issue-type="render_component_mismatch"] {
border-left-color: #fbbf24;
}
.AlignmentChecker-module__ybE5zq__item[data-issue-type="area_missing_in_react"], .AlignmentChecker-module__ybE5zq__item[data-issue-type="area_missing_in_db"] {
border-left-color: #60a5fa;
}
.AlignmentChecker-module__ybE5zq__itemHead {
align-items: baseline;
gap: 8px;
margin-bottom: 4px;
display: flex;
}
.AlignmentChecker-module__ybE5zq__badge {
letter-spacing: .05em;
font-size: 10px;
font-weight: 700;
font-family: var(--font-mono);
color: var(--admin-panel-text, #f3f4f6);
white-space: nowrap;
background: #ffffff1a;
border-radius: 2px;
flex-shrink: 0;
padding: 2px 6px;
}
.AlignmentChecker-module__ybE5zq__badge[data-severity="critical"] {
color: #fca5a5;
background: #ef444433;
}
.AlignmentChecker-module__ybE5zq__badge[data-severity="high"] {
color: #fcd34d;
background: #f59e0b33;
}
.AlignmentChecker-module__ybE5zq__badge[data-severity="medium"] {
color: #fde68a;
background: #fbbf2426;
}
.AlignmentChecker-module__ybE5zq__badge[data-severity="low"] {
color: #93c5fd;
background: #60a5fa26;
}
.AlignmentChecker-module__ybE5zq__message {
font-size: 13px;
line-height: 1.4;
}
.AlignmentChecker-module__ybE5zq__hint {
color: var(--admin-panel-text-muted, #d1d5db);
font-size: 12px;
font-family: var(--font-mono);
word-break: break-word;
white-space: pre-wrap;
margin-top: 4px;
padding-left: 0;
}
/* [project]/components/admin/AdminTopBar/partials/ThemeToggle.module.css [app-client] (css) */
.ThemeToggle-module__uZAifq__toggle {
width: 36px;
height: 36px;
color: var(--color-text-muted);
border: 2px solid var(--color-border);
cursor: pointer;
background: none;
border-radius: 999px;
justify-content: center;
align-items: center;
font-size: 18px;
transition: background .15s, color .15s, border-color .15s;
display: inline-flex;
}
.ThemeToggle-module__uZAifq__toggle:hover {
color: var(--color-primary);
border-color: var(--color-primary);
background: #fff;
}
.ThemeToggle-module__uZAifq__icon {
line-height: 1;
}
/* [project]/components/accessibility/AccessibilityToggle/AccessibilityToggle.module.css [app-client] (css) */
.AccessibilityToggle-module__T9JpBW__toggle {
width: 36px;
height: 36px;
color: var(--color-text-muted);
border: 2px solid var(--color-border);
cursor: pointer;
background: none;
border-radius: 999px;
justify-content: center;
align-items: center;
font-size: 18px;
transition: background .15s, color .15s, border-color .15s;
display: inline-flex;
}
.AccessibilityToggle-module__T9JpBW__toggle:hover, .AccessibilityToggle-module__T9JpBW__toggle[aria-expanded="true"] {
color: var(--color-primary);
border-color: var(--color-primary);
background: #fff;
}
.AccessibilityToggle-module__T9JpBW__icon {
line-height: 1;
}
.AccessibilityToggle-module__T9JpBW__backdrop {
z-index: 1099;
background: #0f172a26;
animation: .15s AccessibilityToggle-module__T9JpBW__fadeIn;
position: fixed;
inset: 0;
}
.AccessibilityToggle-module__T9JpBW__panel {
background: var(--color-bg);
width: 380px;
max-width: 90vw;
box-shadow: var(--shadow-modal);
border-left: 1px solid var(--color-border);
z-index: 1100;
flex-direction: column;
animation: .2s cubic-bezier(.4, 0, .2, 1) AccessibilityToggle-module__T9JpBW__slideIn;
display: flex;
position: fixed;
top: 0;
bottom: 0;
right: 0;
}
.AccessibilityToggle-module__T9JpBW__header {
border-bottom: 1px solid var(--color-border);
justify-content: space-between;
align-items: center;
padding: 20px 24px;
display: flex;
}
.AccessibilityToggle-module__T9JpBW__title {
font-size: var(--font-size-xl);
font-weight: var(--font-weight-semibold);
color: var(--color-text);
margin: 0;
}
.AccessibilityToggle-module__T9JpBW__close {
border-radius: var(--radius-control);
width: 32px;
height: 32px;
color: var(--color-text-muted);
cursor: pointer;
background: none;
border: none;
justify-content: center;
align-items: center;
font-size: 20px;
transition: background .15s, color .15s;
display: inline-flex;
}
.AccessibilityToggle-module__T9JpBW__close:hover {
background: var(--color-bg-subtle);
color: var(--color-text);
}
.AccessibilityToggle-module__T9JpBW__body {
flex: 1;
padding: 8px 0;
overflow-y: auto;
}
.AccessibilityToggle-module__T9JpBW__section {
border-bottom: 1px solid var(--color-border);
padding: 16px 24px;
}
.AccessibilityToggle-module__T9JpBW__section:last-child {
border-bottom: none;
}
.AccessibilityToggle-module__T9JpBW__sectionTitle {
font-size: var(--font-size-md);
font-weight: var(--font-weight-semibold);
color: var(--color-text);
align-items: center;
gap: 8px;
margin: 0 0 12px;
display: flex;
}
.AccessibilityToggle-module__T9JpBW__sectionIcon {
color: var(--color-primary);
font-size: 20px;
}
.AccessibilityToggle-module__T9JpBW__slider {
width: 100%;
accent-color: var(--color-primary);
cursor: pointer;
margin: 8px 0 4px;
}
.AccessibilityToggle-module__T9JpBW__sliderLabels {
font-size: var(--font-size-sm);
color: var(--color-text-muted);
justify-content: space-between;
display: flex;
}
.AccessibilityToggle-module__T9JpBW__sliderLabels span:nth-child(2) {
font-weight: var(--font-weight-semibold);
color: var(--color-text);
}
.AccessibilityToggle-module__T9JpBW__toggleRow {
background: var(--color-bg-subtle);
border-radius: var(--radius-control);
font-size: var(--font-size-base);
color: var(--color-text);
cursor: pointer;
justify-content: space-between;
align-items: center;
padding: 10px 12px;
display: flex;
}
.AccessibilityToggle-module__T9JpBW__checkbox {
width: 18px;
height: 18px;
accent-color: var(--color-primary);
cursor: pointer;
}
.AccessibilityToggle-module__T9JpBW__shortcutRow {
background: var(--color-bg-subtle);
border-radius: var(--radius-control);
font-size: var(--font-size-base);
color: var(--color-text);
justify-content: space-between;
align-items: center;
margin-bottom: 6px;
padding: 10px 12px;
display: flex;
}
.AccessibilityToggle-module__T9JpBW__shortcutRow:last-child {
margin-bottom: 0;
}
.AccessibilityToggle-module__T9JpBW__kbd {
background: var(--color-bg);
border: 1px solid var(--color-border);
border-radius: var(--radius-control);
font-family: var(--font-mono);
font-size: var(--font-size-sm);
color: var(--color-text);
border-bottom-width: 2px;
align-items: center;
padding: 3px 10px;
display: inline-flex;
}
.AccessibilityToggle-module__T9JpBW__footer {
border-top: 1px solid var(--color-border);
padding: 16px 24px;
}
.AccessibilityToggle-module__T9JpBW__resetButton {
border: 1px solid var(--color-border);
border-radius: var(--radius-control);
width: 100%;
color: var(--color-text);
font-size: var(--font-size-base);
font-weight: var(--font-weight-medium);
cursor: pointer;
background: none;
justify-content: center;
align-items: center;
gap: 8px;
padding: 10px 16px;
transition: background .15s, border-color .15s, color .15s;
display: inline-flex;
}
.AccessibilityToggle-module__T9JpBW__resetButton:hover {
background: var(--color-bg-subtle);
border-color: var(--color-primary);
color: var(--color-primary);
}
.AccessibilityToggle-module__T9JpBW__resetIcon {
font-size: 16px;
}
@keyframes AccessibilityToggle-module__T9JpBW__fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes AccessibilityToggle-module__T9JpBW__slideIn {
from {
transform: translateX(100%);
}
to {
transform: translateX(0);
}
}
/* [project]/components/skeletons/WindowSkeleton/WindowSkeleton.module.css [app-client] (css) */
.WindowSkeleton-module__lZFcwa__root {
box-sizing: border-box;
width: 100%;
max-width: 100%;
max-height: 100%;
}
.WindowSkeleton-module__lZFcwa__bar {
border-radius: 4px;
width: 100%;
min-height: 24px;
}
/* [project]/components/layouts/WindowArea/WindowAreaView.module.css [app-client] (css) */
.WindowAreaView-module__9c98bW__root {
flex-direction: column;
flex: 1;
width: 100%;
display: flex;
}
.WindowAreaView-module__9c98bW__empty {
flex: 1;
min-height: 0;
}
.WindowAreaView-module__9c98bW__window {
width: 100%;
display: block;
}
.WindowAreaView-module__9c98bW__windowMissing {
display: none;
}
/* [project]/components/headers/HDefault/HDefault.module.css [app-client] (css) */
.HDefault-module__EeDlDG__root {
background: var(--color-bg);
border-bottom: 1px solid var(--color-border);
}
.HDefault-module__EeDlDG__inner {
flex-direction: column;
max-width: 1500px;
margin: 0 auto;
display: flex;
}
.HDefault-module__EeDlDG__topRow {
align-items: center;
gap: 32px;
min-height: 64px;
padding: 16px 32px;
display: flex;
}
.HDefault-module__EeDlDG__bottomRow {
min-height: 40px;
}
.HDefault-module__EeDlDG__brand {
flex-shrink: 0;
align-items: center;
display: flex;
}
.HDefault-module__EeDlDG__brandLink {
color: inherit;
border-radius: 4px;
outline: none;
align-items: center;
text-decoration: none;
transition: opacity .15s;
display: inline-flex;
}
.HDefault-module__EeDlDG__brandLink:hover {
opacity: .85;
}
.HDefault-module__EeDlDG__brandLink:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 4px;
}
.HDefault-module__EeDlDG__windowsArea {
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
gap: 16px;
min-height: 32px;
margin-left: auto;
display: flex;
}
.HDefault-module__EeDlDG__windowsAreaColumn {
text-align: right;
justify-content: flex-end;
align-items: center;
gap: 8px;
display: flex;
}
.HDefault-module__EeDlDG__windowsAreaColumn [data-area-name^="headerCol"] {
text-align: right;
align-items: flex-end;
}
.HDefault-module__EeDlDG__controls {
flex-shrink: 0;
align-items: center;
gap: 8px;
display: flex;
}
.HDefault-module__EeDlDG__logo {
object-fit: contain;
width: auto;
max-width: 240px;
height: auto;
max-height: 40px;
display: block;
}
/* [project]/components/footers/FDefault/FDefault.module.css [app-client] (css) */
.FDefault-module__2Bey-a__root {
--footer-bg: #131826;
--footer-text: #e2e8f0;
--footer-text-muted: #94a3b8;
--footer-heading: #fff;
--footer-border: #ffffff14;
--footer-tile-bg: #ffffff0f;
--footer-tile-bg-hover: var(--color-primary);
--color-text: var(--footer-text);
--color-text-muted: var(--footer-text-muted);
--color-border: var(--footer-border);
--color-bg-card: transparent;
--color-bg-subtle: #ffffff0a;
--color-bg-subtle-strong: #ffffff14;
background: var(--footer-bg);
color: var(--footer-text);
border-top: 1px solid var(--footer-border);
margin-top: auto;
}
.FDefault-module__2Bey-a__inner {
max-width: 1500px;
padding: var(--space-xl) 0;
margin: 0 auto;
}
@media (max-width: 1500px) {
.FDefault-module__2Bey-a__inner {
padding: var(--space-xl);
}
}
.FDefault-module__2Bey-a__cols {
gap: var(--space-lg);
margin-bottom: var(--space-lg);
grid-template-columns: 2.9fr 7.1fr;
display: grid;
}
.FDefault-module__2Bey-a__areas {
gap: var(--space-lg);
grid-template-columns: 1fr 1fr 1.2fr;
display: grid;
}
@media (max-width: 768px) {
.FDefault-module__2Bey-a__cols, .FDefault-module__2Bey-a__areas {
grid-template-columns: 1fr;
}
}
.FDefault-module__2Bey-a__infoCol {
gap: var(--space-md);
flex-direction: column;
display: flex;
}
.FDefault-module__2Bey-a__brand {
justify-content: flex-start;
display: flex;
}
.FDefault-module__2Bey-a__logo {
object-fit: contain;
filter: brightness(0) invert();
width: auto;
max-height: 80px;
}
.FDefault-module__2Bey-a__footerDescription {
font-size: var(--font-size-sm);
line-height: var(--line-height-relaxed);
color: var(--footer-text-muted);
}
.FDefault-module__2Bey-a__footerDescription p {
margin: 0 0 var(--space-xs);
}
.FDefault-module__2Bey-a__footerDescription p:last-child {
margin-bottom: 0;
}
.FDefault-module__2Bey-a__footerDescription h2 {
margin: 0 0 var(--space-xs);
font-size: var(--font-size-md);
font-weight: var(--font-weight-semibold);
line-height: var(--line-height-tight);
color: var(--footer-heading);
}
.FDefault-module__2Bey-a__footerDescription h2:not(:first-child) {
margin-top: var(--space-sm);
}
.FDefault-module__2Bey-a__footerDescription a {
color: var(--color-primary);
text-decoration: underline;
}
.FDefault-module__2Bey-a__footerDescription a:hover {
color: var(--color-primary-hover);
}
.FDefault-module__2Bey-a__infoRow {
align-items: flex-start;
gap: var(--space-sm);
font-size: var(--font-size-sm);
line-height: var(--line-height-relaxed);
color: var(--footer-text);
display: flex;
}
.FDefault-module__2Bey-a__infoIcon {
font-size: var(--font-size-md);
color: var(--color-primary-vivid, var(--color-primary));
flex-shrink: 0;
margin-top: 2px;
}
.FDefault-module__2Bey-a__companyData {
white-space: pre-line;
}
.FDefault-module__2Bey-a__infoLink {
transition: color var(--transition-fast);
text-decoration: none;
}
.FDefault-module__2Bey-a__infoLink:hover {
color: var(--color-primary-vivid, var(--color-primary));
text-decoration: none;
}
.FDefault-module__2Bey-a__infoLink:hover .FDefault-module__2Bey-a__infoIcon {
color: var(--color-primary-hover);
}
.FDefault-module__2Bey-a__socialsBlock {
margin-bottom: var(--space-md);
}
.FDefault-module__2Bey-a__socialsHeading {
margin: 0 0 var(--space-xs);
font-size: var(--font-size-md);
font-weight: var(--font-weight-semibold);
line-height: var(--line-height-tight);
color: var(--footer-heading);
}
.FDefault-module__2Bey-a__socialsDescription {
margin: 0 0 var(--space-sm);
font-size: var(--font-size-sm);
line-height: var(--line-height-relaxed);
color: var(--footer-text-muted);
}
.FDefault-module__2Bey-a__socials {
gap: var(--space-sm);
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none;
display: flex;
}
.FDefault-module__2Bey-a__socialLink {
border-radius: var(--radius-md, 8px);
background: var(--footer-tile-bg);
width: 44px;
height: 44px;
color: var(--footer-text);
transition: background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);
justify-content: center;
align-items: center;
text-decoration: none;
display: inline-flex;
}
.FDefault-module__2Bey-a__socialLink:hover {
background: var(--footer-tile-bg-hover);
color: var(--color-text-inverse);
transform: translateY(-2px);
}
.FDefault-module__2Bey-a__socialIcon {
font-size: var(--font-size-xl);
}
.FDefault-module__2Bey-a__col {
text-align: left;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.FDefault-module__2Bey-a__text {
text-align: center;
font-size: var(--font-size-sm);
color: var(--footer-text-muted);
line-height: var(--line-height-base);
padding-top: var(--space-md);
border-top: 1px solid var(--footer-border);
white-space: pre-line;
}
/* [project]/components/layouts/PublicLayout/PublicLayout.module.css [app-client] (css) */
.PublicLayout-module__jc2wXW__root {
flex-direction: column;
min-height: 100vh;
display: flex;
}
.PublicLayout-module__jc2wXW__main {
flex: 1;
width: 100%;
max-width: 1500px;
margin: 0 auto;
padding: 32px 0;
}
@media (max-width: 1500px) {
.PublicLayout-module__jc2wXW__main {
padding: 32px var(--space-lg);
}
}
.PublicLayout-module__jc2wXW__mainFullWidth {
max-width: none;
padding: 0;
}
.PublicLayout-module__jc2wXW__topMessage {
width: 100%;
padding: var(--space-sm) var(--space-lg);
background: var(--color-primary-light);
color: var(--color-text);
border-bottom: 1px solid var(--color-border);
font-size: var(--font-size-sm);
line-height: var(--line-height-relaxed);
text-align: center;
white-space: pre-line;
}
/* [project]/components/layouts/FullPageMessage/FullPageMessage.module.css [app-client] (css) */
@keyframes FullPageMessage-module__IcJ7rG__fpmFadeInUp {
from {
opacity: 0;
transform: translateY(8px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes FullPageMessage-module__IcJ7rG__fpmSoftPulse {
0%, 100% {
opacity: .45;
transform: scale(1);
}
50% {
opacity: .15;
transform: scale(1.15);
}
}
.FullPageMessage-module__IcJ7rG__root {
min-height: 100vh;
padding: var(--space-2xl) var(--space-xl);
background: var(--color-bg);
color: var(--color-text);
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.FullPageMessage-module__IcJ7rG__backdrop {
background: radial-gradient(ellipse at top, var(--color-primary-light) 0%, transparent 55%),
radial-gradient(ellipse at bottom, var(--color-bg-subtle) 0%, transparent 60%);
pointer-events: none;
z-index: 0;
position: absolute;
inset: 0;
}
.FullPageMessage-module__IcJ7rG__root[data-variant="warning"] .FullPageMessage-module__IcJ7rG__backdrop {
background: radial-gradient(ellipse at top, var(--color-warning-light) 0%, transparent 55%),
radial-gradient(ellipse at bottom, var(--color-bg-subtle) 0%, transparent 60%);
}
.FullPageMessage-module__IcJ7rG__root[data-variant="danger"] .FullPageMessage-module__IcJ7rG__backdrop {
background: radial-gradient(ellipse at top, var(--color-danger-light) 0%, transparent 55%),
radial-gradient(ellipse at bottom, var(--color-bg-subtle) 0%, transparent 60%);
}
.FullPageMessage-module__IcJ7rG__card {
z-index: 1;
background: var(--color-bg-card);
border: 1px solid var(--color-border);
border-radius: var(--radius-modal);
width: 100%;
max-width: 520px;
padding: var(--space-3xl) var(--space-2xl);
box-shadow: var(--shadow-modal);
animation: .36s cubic-bezier(.4, 0, .2, 1) FullPageMessage-module__IcJ7rG__fpmFadeInUp;
position: relative;
}
.FullPageMessage-module__IcJ7rG__iconWrap {
width: 88px;
height: 88px;
margin: 0 auto var(--space-lg);
justify-content: center;
align-items: center;
display: inline-flex;
position: relative;
}
.FullPageMessage-module__IcJ7rG__pulse {
border-radius: var(--radius-circle);
background: var(--color-primary);
animation: 2.4s ease-in-out infinite FullPageMessage-module__IcJ7rG__fpmSoftPulse;
position: absolute;
inset: 0;
}
.FullPageMessage-module__IcJ7rG__root[data-variant="warning"] .FullPageMessage-module__IcJ7rG__pulse {
background: var(--color-warning);
}
.FullPageMessage-module__IcJ7rG__root[data-variant="danger"] .FullPageMessage-module__IcJ7rG__pulse {
background: var(--color-danger);
}
.FullPageMessage-module__IcJ7rG__icon {
border-radius: var(--radius-circle);
background: var(--color-primary-light);
width: 72px;
height: 72px;
color: var(--color-primary);
justify-content: center;
align-items: center;
font-size: 36px;
display: inline-flex;
position: relative;
}
.FullPageMessage-module__IcJ7rG__root[data-variant="warning"] .FullPageMessage-module__IcJ7rG__icon {
background: var(--color-warning-light);
color: var(--color-warning);
}
.FullPageMessage-module__IcJ7rG__root[data-variant="danger"] .FullPageMessage-module__IcJ7rG__icon {
background: var(--color-danger-light);
color: var(--color-danger);
}
.FullPageMessage-module__IcJ7rG__title {
font-family: var(--font-heading);
font-size: var(--font-size-3xl);
font-weight: var(--font-weight-semibold);
line-height: var(--line-height-tight);
margin: 0 0 var(--space-xs);
color: var(--color-text);
letter-spacing: -.01em;
}
.FullPageMessage-module__IcJ7rG__subtitle {
font-size: var(--font-size-lg);
font-weight: var(--font-weight-medium);
color: var(--color-primary);
margin: 0 0 var(--space-lg);
letter-spacing: .005em;
}
.FullPageMessage-module__IcJ7rG__root[data-variant="warning"] .FullPageMessage-module__IcJ7rG__subtitle {
color: var(--color-warning);
}
.FullPageMessage-module__IcJ7rG__root[data-variant="danger"] .FullPageMessage-module__IcJ7rG__subtitle {
color: var(--color-danger);
}
.FullPageMessage-module__IcJ7rG__body {
font-size: var(--font-size-md);
line-height: var(--line-height-relaxed);
color: var(--color-text-muted);
max-width: 420px;
margin: 0 auto;
}
.FullPageMessage-module__IcJ7rG__action {
margin-top: var(--space-lg);
justify-content: center;
display: flex;
}
.FullPageMessage-module__IcJ7rG__action a, .FullPageMessage-module__IcJ7rG__action button {
align-items: center;
gap: var(--space-xs);
padding: var(--spacing-control-y) calc(var(--spacing-control-x) * 1.5);
background: var(--color-primary);
color: var(--color-text-inverse);
border: 1px solid var(--color-primary);
border-radius: var(--radius-pill);
font-size: var(--font-size-base);
font-weight: var(--font-weight-semibold);
cursor: pointer;
transition: background var(--transition-fast),
border-color var(--transition-fast),
box-shadow var(--transition-fast);
text-decoration: none;
display: inline-flex;
}
.FullPageMessage-module__IcJ7rG__action a:hover, .FullPageMessage-module__IcJ7rG__action button:hover {
background: var(--color-primary-hover);
border-color: var(--color-primary-hover);
text-decoration: none;
}
.FullPageMessage-module__IcJ7rG__action a:focus-visible, .FullPageMessage-module__IcJ7rG__action button:focus-visible {
box-shadow: var(--shadow-focus);
outline: none;
}
.FullPageMessage-module__IcJ7rG__root[data-variant="warning"] .FullPageMessage-module__IcJ7rG__action a, .FullPageMessage-module__IcJ7rG__root[data-variant="warning"] .FullPageMessage-module__IcJ7rG__action button {
background: var(--color-warning);
border-color: var(--color-warning);
}
.FullPageMessage-module__IcJ7rG__root[data-variant="warning"] .FullPageMessage-module__IcJ7rG__action a:hover, .FullPageMessage-module__IcJ7rG__root[data-variant="warning"] .FullPageMessage-module__IcJ7rG__action button:hover {
background: var(--color-warning-hover);
border-color: var(--color-warning-hover);
}
.FullPageMessage-module__IcJ7rG__root[data-variant="danger"] .FullPageMessage-module__IcJ7rG__action a, .FullPageMessage-module__IcJ7rG__root[data-variant="danger"] .FullPageMessage-module__IcJ7rG__action button {
background: var(--color-danger);
border-color: var(--color-danger);
}
.FullPageMessage-module__IcJ7rG__root[data-variant="danger"] .FullPageMessage-module__IcJ7rG__action a:hover, .FullPageMessage-module__IcJ7rG__root[data-variant="danger"] .FullPageMessage-module__IcJ7rG__action button:hover {
background: var(--color-danger-strong);
border-color: var(--color-danger-strong);
}
.FullPageMessage-module__IcJ7rG__divider {
background: var(--color-border);
height: 1px;
margin: var(--space-xl) auto;
width: 60%;
max-width: 240px;
}
.FullPageMessage-module__IcJ7rG__footnote {
font-size: var(--font-size-sm);
color: var(--color-text-muted);
opacity: .85;
margin: 0;
}
@media (max-width: 640px) {
.FullPageMessage-module__IcJ7rG__card {
padding: var(--space-2xl) var(--space-lg);
}
.FullPageMessage-module__IcJ7rG__iconWrap {
width: 72px;
height: 72px;
}
.FullPageMessage-module__IcJ7rG__icon {
width: 60px;
height: 60px;
font-size: 30px;
}
.FullPageMessage-module__IcJ7rG__title {
font-size: var(--font-size-2xl);
}
}
/* [project]/components/layouts/InvalidTemplateState/InvalidTemplateState.module.css [app-client] (css) */
@keyframes InvalidTemplateState-module__a5GAyq__fadeInUp {
from {
opacity: 0;
transform: translateY(8px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes InvalidTemplateState-module__a5GAyq__softPulse {
0%, 100% {
opacity: .45;
transform: scale(1);
}
50% {
opacity: .15;
transform: scale(1.15);
}
}
.InvalidTemplateState-module__a5GAyq__maintenanceRoot {
min-height: 100vh;
padding: var(--space-2xl) var(--space-xl);
background: var(--color-bg);
color: var(--color-text);
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.InvalidTemplateState-module__a5GAyq__maintenanceBackdrop {
background: radial-gradient(ellipse at top, var(--color-primary-light) 0%, transparent 55%),
radial-gradient(ellipse at bottom, var(--color-bg-subtle) 0%, transparent 60%);
pointer-events: none;
z-index: 0;
position: absolute;
inset: 0;
}
.InvalidTemplateState-module__a5GAyq__maintenanceCard {
z-index: 1;
background: var(--color-bg-card);
border: 1px solid var(--color-border);
border-radius: var(--radius-modal);
width: 100%;
max-width: 520px;
padding: var(--space-3xl) var(--space-2xl);
box-shadow: var(--shadow-modal);
animation: .36s cubic-bezier(.4, 0, .2, 1) InvalidTemplateState-module__a5GAyq__fadeInUp;
position: relative;
}
.InvalidTemplateState-module__a5GAyq__maintenanceIconWrap {
width: 88px;
height: 88px;
margin: 0 auto var(--space-lg);
justify-content: center;
align-items: center;
display: inline-flex;
position: relative;
}
.InvalidTemplateState-module__a5GAyq__maintenancePulse {
border-radius: var(--radius-circle);
background: var(--color-primary);
animation: 2.4s ease-in-out infinite InvalidTemplateState-module__a5GAyq__softPulse;
position: absolute;
inset: 0;
}
.InvalidTemplateState-module__a5GAyq__maintenanceIcon {
border-radius: var(--radius-circle);
background: var(--color-primary-light);
width: 72px;
height: 72px;
color: var(--color-primary);
justify-content: center;
align-items: center;
font-size: 36px;
display: inline-flex;
position: relative;
}
.InvalidTemplateState-module__a5GAyq__maintenanceTitle {
font-family: var(--font-heading);
font-size: var(--font-size-3xl);
font-weight: var(--font-weight-semibold);
line-height: var(--line-height-tight);
margin: 0 0 var(--space-xs);
color: var(--color-text);
letter-spacing: -.01em;
}
.InvalidTemplateState-module__a5GAyq__maintenanceSubtitle {
font-size: var(--font-size-lg);
font-weight: var(--font-weight-medium);
color: var(--color-primary);
margin: 0 0 var(--space-lg);
letter-spacing: .005em;
}
.InvalidTemplateState-module__a5GAyq__maintenanceBody {
font-size: var(--font-size-md);
line-height: var(--line-height-relaxed);
color: var(--color-text-muted);
max-width: 380px;
margin: 0 auto;
}
.InvalidTemplateState-module__a5GAyq__maintenanceDivider {
background: var(--color-border);
height: 1px;
margin: var(--space-xl) auto;
width: 60%;
max-width: 240px;
}
.InvalidTemplateState-module__a5GAyq__maintenanceFootnote {
font-size: var(--font-size-sm);
color: var(--color-text-muted);
opacity: .85;
margin: 0;
}
@media (max-width: 640px) {
.InvalidTemplateState-module__a5GAyq__maintenanceCard {
padding: var(--space-2xl) var(--space-lg);
}
.InvalidTemplateState-module__a5GAyq__maintenanceIconWrap {
width: 72px;
height: 72px;
}
.InvalidTemplateState-module__a5GAyq__maintenanceIcon {
width: 60px;
height: 60px;
font-size: 30px;
}
.InvalidTemplateState-module__a5GAyq__maintenanceTitle {
font-size: var(--font-size-2xl);
}
}
.InvalidTemplateState-module__a5GAyq__adminBlockRoot {
min-height: calc(100vh - 60px);
padding: var(--space-2xl) var(--space-xl);
background: var(--color-bg);
color: var(--color-text);
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.InvalidTemplateState-module__a5GAyq__adminBlockBackdrop {
background: radial-gradient(ellipse at top, var(--color-warning-light) 0%, transparent 55%),
radial-gradient(ellipse at bottom, var(--color-bg-subtle) 0%, transparent 60%);
pointer-events: none;
z-index: 0;
position: absolute;
inset: 0;
}
.InvalidTemplateState-module__a5GAyq__adminBlockCard {
z-index: 1;
background: var(--color-bg-card);
border: 1px solid var(--color-warning);
border-radius: var(--radius-modal);
width: 100%;
max-width: 600px;
padding: var(--space-3xl) var(--space-2xl);
box-shadow: var(--shadow-modal);
animation: .36s cubic-bezier(.4, 0, .2, 1) InvalidTemplateState-module__a5GAyq__fadeInUp;
position: relative;
}
.InvalidTemplateState-module__a5GAyq__adminBlockIconWrap {
width: 80px;
height: 80px;
margin: 0 auto var(--space-lg);
justify-content: center;
align-items: center;
display: inline-flex;
}
.InvalidTemplateState-module__a5GAyq__adminBlockIcon {
border-radius: var(--radius-circle);
background: var(--color-warning-light);
width: 72px;
height: 72px;
color: var(--color-warning);
justify-content: center;
align-items: center;
font-size: 36px;
display: inline-flex;
}
.InvalidTemplateState-module__a5GAyq__adminBlockTitle {
font-family: var(--font-heading);
font-size: var(--font-size-2xl);
font-weight: var(--font-weight-semibold);
line-height: var(--line-height-tight);
margin: 0 0 var(--space-xs);
color: var(--color-text);
letter-spacing: -.01em;
}
.InvalidTemplateState-module__a5GAyq__adminBlockSubtitle {
font-size: var(--font-size-md);
font-weight: var(--font-weight-medium);
color: var(--color-warning);
margin: 0 0 var(--space-lg);
}
.InvalidTemplateState-module__a5GAyq__adminBlockBody {
font-size: var(--font-size-base);
line-height: var(--line-height-relaxed);
color: var(--color-text-muted);
text-align: left;
max-width: 480px;
margin: 0 auto;
}
.InvalidTemplateState-module__a5GAyq__adminBlockBody p {
margin: 0 0 var(--space-sm);
}
.InvalidTemplateState-module__a5GAyq__adminBlockBody p:last-child {
margin-bottom: 0;
}
.InvalidTemplateState-module__a5GAyq__adminBlockBody strong {
color: var(--color-text);
font-weight: var(--font-weight-semibold);
}
.InvalidTemplateState-module__a5GAyq__adminBlockPath {
background: var(--color-bg-subtle);
border: 1px solid var(--color-border);
border-radius: var(--radius-control);
padding: 1px var(--space-sm);
font-family: var(--font-mono);
font-size: var(--font-size-sm);
color: var(--color-text);
white-space: nowrap;
display: inline-block;
}
.InvalidTemplateState-module__a5GAyq__adminBlockDivider {
background: var(--color-border);
height: 1px;
margin: var(--space-xl) auto;
width: 80%;
max-width: 320px;
}
.InvalidTemplateState-module__a5GAyq__adminBlockHint {
align-items: flex-start;
gap: var(--space-sm);
font-size: var(--font-size-sm);
line-height: var(--line-height-base);
color: var(--color-text);
padding: var(--space-md);
background: var(--color-primary-light);
border-radius: var(--radius-card);
text-align: left;
margin: 0;
display: flex;
}
.InvalidTemplateState-module__a5GAyq__adminBlockHintIcon {
font-size: var(--font-size-lg);
color: var(--color-primary);
flex-shrink: 0;
margin-top: 1px;
}
.InvalidTemplateState-module__a5GAyq__adminBlockHint strong {
font-weight: var(--font-weight-semibold);
color: var(--color-text);
}
@media (max-width: 640px) {
.InvalidTemplateState-module__a5GAyq__adminBlockCard {
padding: var(--space-2xl) var(--space-lg);
}
.InvalidTemplateState-module__a5GAyq__adminBlockIconWrap {
width: 64px;
height: 64px;
}
.InvalidTemplateState-module__a5GAyq__adminBlockIcon {
width: 56px;
height: 56px;
font-size: 28px;
}
.InvalidTemplateState-module__a5GAyq__adminBlockTitle {
font-size: var(--font-size-xl);
}
}
/* [project]/app/admin-theme.css [app-client] (css) */
[data-imperial-admin] {
--admin-bg: #1a2238;
--admin-bg-hover: #2d3a5c;
--admin-bg-active: #2f6dc9;
--admin-bg-overlay: #1a2238f2;
--admin-fg: #fff;
--admin-fg-muted: #94a3b8;
--admin-fg-inverse: #1a2238;
--admin-fg-hover: #94c2f2;
--admin-border: #ffffff1f;
--admin-divider: #ffffff0f;
--admin-danger: #cb1111;
--admin-danger-strong: #ac0909;
--admin-success: #82b822;
--admin-warning: #ffa00e;
--admin-bar-height: 44px;
--admin-radius: 4px;
--admin-radius-md: 6px;
--admin-radius-pill: 999px;
--admin-shadow: 0 8px 24px #00000040;
--admin-panel-bg: #fff;
--admin-panel-bg-subtle: #f8fafc;
--admin-panel-fg: #505050;
--admin-panel-fg-muted: #64748b;
--admin-panel-border: #e2e8f0;
--admin-panel-accent: #2f6dc9;
--admin-panel-accent-hover: #285dab;
--admin-panel-accent-vivid: #4a92ff;
--admin-panel-accent-soft: #94c2f2;
--admin-panel-accent-bg: #e6effa;
--admin-panel-danger: #cb1111;
--admin-panel-danger-strong: #ac0909;
--admin-panel-danger-bg: #fce7e7;
--admin-panel-warning: #ffa00e;
--admin-panel-warning-hover: #e68c00;
--admin-panel-warning-bg: #fff1d9;
--admin-panel-success: #82b822;
--admin-panel-success-hover: #6fa01b;
--admin-panel-success-bg: #edf6dd;
--admin-panel-shadow: 0 4px 12px #0f172a14;
}
:where([data-imperial-admin]) button, :where([data-imperial-admin]) a {
font-family: inherit;
font-size: inherit;
line-height: inherit;
color: inherit;
cursor: pointer;
background: none;
border: 0;
margin: 0;
padding: 0;
text-decoration: none;
}
:where([data-imperial-admin]) button:disabled {
opacity: .5;
cursor: not-allowed;
}
/* [project]/components/layouts/pages/LSingleColumn/LSingleColumn.module.css [app-client] (css) */
.LSingleColumn-module__O8goWa__root {
flex-direction: column;
gap: 24px;
width: 100%;
min-height: 60vh;
display: flex;
}
.LSingleColumn-module__O8goWa__hero {
grid-template-rows: 1fr 1fr;
grid-template-columns: 4fr 1fr;
gap: 16px;
height: 500px;
display: grid;
}
.LSingleColumn-module__O8goWa__hero:not(:has(article)) {
display: none;
}
.LSingleColumn-module__O8goWa__heroLarge {
grid-area: 1 / 1 / 3;
min-width: 0;
display: flex;
}
.LSingleColumn-module__O8goWa__heroSmallTop {
grid-area: 1 / 2;
min-width: 0;
display: flex;
}
.LSingleColumn-module__O8goWa__heroSmallBottom {
grid-area: 2 / 2;
min-width: 0;
display: flex;
}
@media (max-width: 768px) {
.LSingleColumn-module__O8goWa__hero {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
min-height: auto;
}
.LSingleColumn-module__O8goWa__heroLarge {
grid-area: 1 / 1;
}
.LSingleColumn-module__O8goWa__heroSmallTop {
grid-area: 2 / 1;
}
.LSingleColumn-module__O8goWa__heroSmallBottom {
grid-area: 3 / 1;
}
}
.LSingleColumn-module__O8goWa__main {
flex: 1;
width: 100%;
display: flex;
}
/* [project]/components/layouts/pages/LTwoColsLeft/LTwoColsLeft.module.css [app-client] (css) */
.LTwoColsLeft-module__2Snc1W__root {
grid-template-columns: 280px 1fr;
gap: 24px;
width: 100%;
min-height: 60vh;
display: grid;
}
.LTwoColsLeft-module__2Snc1W__sidebar, .LTwoColsLeft-module__2Snc1W__main {
flex-direction: column;
display: flex;
}
@media (max-width: 768px) {
.LTwoColsLeft-module__2Snc1W__root {
grid-template-columns: 1fr;
}
}
/* [project]/components/layouts/pages/LTwoColsRight/LTwoColsRight.module.css [app-client] (css) */
.LTwoColsRight-module__DhUYWa__root {
grid-template-columns: 1fr 280px;
gap: 24px;
width: 100%;
min-height: 60vh;
display: grid;
}
.LTwoColsRight-module__DhUYWa__sidebar, .LTwoColsRight-module__DhUYWa__main {
flex-direction: column;
display: flex;
}
@media (max-width: 768px) {
.LTwoColsRight-module__DhUYWa__root {
grid-template-columns: 1fr;
}
}
/* [project]/components/layouts/pages/LThreeCols/LThreeCols.module.css [app-client] (css) */
.LThreeCols-module__DMa-KW__root {
grid-template-columns: 240px 1fr 240px;
gap: 20px;
width: 100%;
min-height: 60vh;
display: grid;
}
.LThreeCols-module__DMa-KW__leftSidebar, .LThreeCols-module__DMa-KW__rightSidebar {
flex-direction: column;
display: flex;
}
.LThreeCols-module__DMa-KW__main {
flex-direction: column;
min-width: 0;
display: flex;
}
@media (max-width: 1024px) {
.LThreeCols-module__DMa-KW__root {
grid-template-columns: 200px 1fr;
}
.LThreeCols-module__DMa-KW__rightSidebar {
grid-column: 1 / -1;
}
}
@media (max-width: 768px) {
.LThreeCols-module__DMa-KW__root {
grid-template-columns: 1fr;
}
.LThreeCols-module__DMa-KW__leftSidebar, .LThreeCols-module__DMa-KW__rightSidebar {
grid-column: auto;
}
}
/*# sourceMappingURL=_11g~3ls._.css.map*/