/* [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/catalogs/LCatalogSingleColumn/LCatalogSingleColumn.module.css [app-client] (css) */
.LCatalogSingleColumn-module__SdbZPG__root {
flex-direction: column;
gap: 24px;
width: 100%;
min-height: 60vh;
display: flex;
}
.LCatalogSingleColumn-module__SdbZPG__below, .LCatalogSingleColumn-module__SdbZPG__content {
flex-direction: column;
width: 100%;
display: flex;
}
/* [project]/components/layouts/catalogs/LCatalogSingleColumnFull/LCatalogSingleColumnFull.module.css [app-client] (css) */
.LCatalogSingleColumnFull-module__zxohNq__root {
box-sizing: border-box;
flex-direction: column;
gap: 24px;
width: 100%;
min-height: 60vh;
padding: 24px;
display: flex;
}
.LCatalogSingleColumnFull-module__zxohNq__below, .LCatalogSingleColumnFull-module__zxohNq__content {
flex-direction: column;
width: 100%;
display: flex;
}
/* [project]/components/layouts/catalogs/LCatalogTwoColsLeft/LCatalogTwoColsLeft.module.css [app-client] (css) */
.LCatalogTwoColsLeft-module__wAEf6G__root {
grid-template-columns: 280px 1fr;
gap: 24px;
width: 100%;
min-height: 60vh;
display: grid;
}
.LCatalogTwoColsLeft-module__wAEf6G__sidebar {
flex-direction: column;
display: flex;
}
.LCatalogTwoColsLeft-module__wAEf6G__mainColumn {
flex-direction: column;
gap: 24px;
min-width: 0;
display: flex;
}
.LCatalogTwoColsLeft-module__wAEf6G__below, .LCatalogTwoColsLeft-module__wAEf6G__content {
width: 100%;
display: flex;
}
@media (max-width: 768px) {
.LCatalogTwoColsLeft-module__wAEf6G__root {
grid-template-columns: 1fr;
}
}
/* [project]/components/layouts/catalogs/LCatalogTwoColsRight/LCatalogTwoColsRight.module.css [app-client] (css) */
.LCatalogTwoColsRight-module__ucoEUW__root {
grid-template-columns: 1fr 280px;
gap: 24px;
width: 100%;
min-height: 60vh;
display: grid;
}
.LCatalogTwoColsRight-module__ucoEUW__mainColumn {
flex-direction: column;
gap: 24px;
min-width: 0;
display: flex;
}
.LCatalogTwoColsRight-module__ucoEUW__sidebar {
flex-direction: column;
display: flex;
}
.LCatalogTwoColsRight-module__ucoEUW__below, .LCatalogTwoColsRight-module__ucoEUW__content {
width: 100%;
display: flex;
}
@media (max-width: 768px) {
.LCatalogTwoColsRight-module__ucoEUW__root {
grid-template-columns: 1fr;
}
}
/* [project]/components/layouts/catalogs/LCatalogThreeCols/LCatalogThreeCols.module.css [app-client] (css) */
.LCatalogThreeCols-module__oDtZ1G__root {
grid-template-columns: 240px 1fr 240px;
gap: 20px;
width: 100%;
min-height: 60vh;
display: grid;
}
.LCatalogThreeCols-module__oDtZ1G__leftSidebar, .LCatalogThreeCols-module__oDtZ1G__rightSidebar {
flex-direction: column;
display: flex;
}
.LCatalogThreeCols-module__oDtZ1G__mainColumn {
flex-direction: column;
gap: 24px;
min-width: 0;
display: flex;
}
.LCatalogThreeCols-module__oDtZ1G__below, .LCatalogThreeCols-module__oDtZ1G__content {
width: 100%;
display: flex;
}
@media (max-width: 1024px) {
.LCatalogThreeCols-module__oDtZ1G__root {
grid-template-columns: 200px 1fr;
}
.LCatalogThreeCols-module__oDtZ1G__rightSidebar {
grid-column: 1 / -1;
}
}
@media (max-width: 768px) {
.LCatalogThreeCols-module__oDtZ1G__root {
grid-template-columns: 1fr;
}
.LCatalogThreeCols-module__oDtZ1G__leftSidebar, .LCatalogThreeCols-module__oDtZ1G__rightSidebar {
grid-column: auto;
}
}
/* [project]/components/catalogs/CatalogContainer/CatalogContainer.module.css [app-client] (css) */
.CatalogContainer-module__ruQ7Nq__kCatalogDefault {
background: var(--color-bg-card);
border: 1px solid var(--color-border);
border-radius: 12px;
width: 100%;
padding: 24px 28px;
}
.CatalogContainer-module__ruQ7Nq__kCatalogDefaultHeader {
border-bottom: 1px solid var(--color-border);
color: var(--color-text);
margin: 0 0 16px;
padding: 0 0 16px;
font-size: 28px;
font-weight: 700;
line-height: 1.2;
}
.CatalogContainer-module__ruQ7Nq__kCatalogDefaultBody {
color: var(--color-text);
}
.CatalogContainer-module__ruQ7Nq__kCatalogEmpty {
width: 100%;
}
.CatalogContainer-module__ruQ7Nq__kCatalogEmptyHeader {
color: var(--color-text);
margin: 0 0 16px;
padding: 0;
font-size: 28px;
font-weight: 700;
line-height: 1.2;
}
.CatalogContainer-module__ruQ7Nq__kCatalogEmptyBody {
color: var(--color-text);
}
/* [project]/components/catalogs/CContactForm/MapView.module.css [app-client] (css) */
.MapView-module__LcnuIG__root {
gap: var(--space-sm);
flex-direction: column;
width: 100%;
display: flex;
}
.MapView-module__LcnuIG__iframeWrap {
aspect-ratio: 16 / 9;
border: 1px solid var(--color-border);
border-radius: var(--radius-card);
background: var(--color-bg-subtle);
width: 100%;
max-height: 480px;
position: relative;
overflow: hidden;
}
.MapView-module__LcnuIG__iframe {
border: 0;
width: 100%;
height: 100%;
display: block;
}
.MapView-module__LcnuIG__greyscale .MapView-module__LcnuIG__iframe {
filter: grayscale();
}
.MapView-module__LcnuIG__info {
gap: var(--space-xs);
padding: var(--space-sm) var(--space-md);
background: var(--color-bg-subtle);
border: 1px solid var(--color-border);
border-radius: var(--radius-control);
flex-direction: column;
display: flex;
}
.MapView-module__LcnuIG__note {
font-size: var(--font-size-base);
line-height: var(--line-height-base);
color: var(--color-text);
}
.MapView-module__LcnuIG__note p {
margin: 0;
}
.MapView-module__LcnuIG__note p + p {
margin-top: var(--space-xs);
}
.MapView-module__LcnuIG__directionsLink, .MapView-module__LcnuIG__osmLink {
color: var(--color-primary);
font-size: var(--font-size-sm);
font-weight: var(--font-weight-medium);
transition: color var(--transition-base);
align-self: flex-start;
text-decoration: none;
}
.MapView-module__LcnuIG__directionsLink:hover, .MapView-module__LcnuIG__osmLink:hover {
color: var(--color-primary-hover);
text-decoration: underline;
}
.MapView-module__LcnuIG__osmLink {
font-size: var(--font-size-xs);
color: var(--color-text-muted);
align-self: flex-end;
}
.MapView-module__LcnuIG__osmLink:hover {
color: var(--color-primary);
}
.MapView-module__LcnuIG__error {
padding: var(--space-md);
background: var(--color-warning-light);
border-left: 3px solid var(--color-warning);
border-radius: var(--radius-control);
color: var(--color-text);
font-size: var(--font-size-sm);
}
/* [project]/components/catalogs/CContactForm/CContactForm.module.css [app-client] (css) */
.CContactForm-module__WZJtdW__root {
color: var(--color-text);
width: 100%;
}
.CContactForm-module__WZJtdW__intro {
font-size: var(--font-size-md);
line-height: var(--line-height-relaxed);
margin-bottom: var(--space-lg);
color: var(--color-text);
}
.CContactForm-module__WZJtdW__form {
gap: var(--space-md);
}
.CContactForm-module__WZJtdW__formTitle {
}
.CContactForm-module__WZJtdW__fieldsSection {
gap: var(--space-sm);
flex-direction: column;
display: flex;
}
.CContactForm-module__WZJtdW__sectionHeader {
font-size: var(--font-size-md);
font-weight: var(--font-weight-semibold);
color: var(--color-text);
padding-bottom: var(--space-xs);
border-bottom: 1px solid var(--color-border);
margin: 0;
}
.CContactForm-module__WZJtdW__fieldsGrid {
gap: var(--space-md);
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
align-items: start;
display: grid;
}
.CContactForm-module__WZJtdW__fieldRow {
gap: var(--space-xs);
flex-direction: column;
display: flex;
}
.CContactForm-module__WZJtdW__fieldError {
}
.CContactForm-module__WZJtdW__actions {
margin-top: var(--space-sm);
justify-content: flex-start;
display: flex;
}
.CContactForm-module__WZJtdW__mapWrap {
margin-top: var(--space-lg);
}
/* [project]/components/cms/Paragraphs/Paragraph.module.css [app-client] (css) */
.Paragraph-module__5TKhOW__root {
color: var(--color-text);
width: 100%;
}
.Paragraph-module__5TKhOW__list {
flex-direction: column;
gap: 32px;
display: flex;
}
.Paragraph-module__5TKhOW__empty {
text-align: center;
color: var(--color-text-muted);
padding: 16px;
font-size: 14px;
font-style: italic;
}
.Paragraph-module__5TKhOW__paragraph {
color: var(--color-text);
font-size: 15px;
line-height: 1.65;
}
.Paragraph-module__5TKhOW__paragraphName {
color: var(--color-heading, var(--color-text));
margin: 0 0 16px;
font-size: 24px;
font-weight: 700;
line-height: 1.3;
}
.Paragraph-module__5TKhOW__paragraphSubName {
color: var(--color-heading, var(--color-text));
margin: 0 0 12px;
font-size: 18px;
font-weight: 600;
line-height: 1.35;
}
.Paragraph-module__5TKhOW__htmlText :where(p) {
margin: 0 0 12px;
}
.Paragraph-module__5TKhOW__htmlText :where(p:last-child) {
margin-bottom: 0;
}
.Paragraph-module__5TKhOW__htmlText :where(h2) {
margin: 20px 0 12px;
font-size: 22px;
font-weight: 700;
}
.Paragraph-module__5TKhOW__htmlText :where(h3) {
margin: 18px 0 10px;
font-size: 18px;
font-weight: 600;
}
.Paragraph-module__5TKhOW__htmlText :where(a) {
color: var(--color-primary);
text-underline-offset: 2px;
text-decoration: underline;
}
.Paragraph-module__5TKhOW__htmlText :where(a:hover) {
color: var(--color-primary-hover, var(--color-primary));
}
.Paragraph-module__5TKhOW__htmlText :where(ul, ol) {
margin: 0 0 12px;
padding-left: 24px;
}
.Paragraph-module__5TKhOW__htmlText :where(li) {
margin: 4px 0;
}
.Paragraph-module__5TKhOW__htmlText :where(strong, b) {
font-weight: 700;
}
.Paragraph-module__5TKhOW__htmlText :where(em, i) {
font-style: italic;
}
.Paragraph-module__5TKhOW__htmlText :where(img) {
border-radius: 6px;
max-width: 100%;
height: auto;
}
.Paragraph-module__5TKhOW__htmlText :where(blockquote) {
border-left: 3px solid var(--color-primary);
background: var(--color-bg-subtle);
margin: 0 0 12px;
padding: 8px 16px;
font-style: italic;
}
.Paragraph-module__5TKhOW__htmlText :where(table) {
border-collapse: collapse;
width: 100%;
margin: 0 0 16px;
}
.Paragraph-module__5TKhOW__htmlText :where(table th, table td) {
border: 1px solid var(--color-border, #e5e7eb);
text-align: left;
padding: 8px 12px;
}
.Paragraph-module__5TKhOW__htmlText :where(table th) {
background: var(--color-bg-subtle);
font-weight: 600;
}
.Paragraph-module__5TKhOW__colsTwo {
grid-template-columns: 1fr 1fr;
align-items: start;
gap: 24px;
display: grid;
}
.Paragraph-module__5TKhOW__colsThree {
grid-template-columns: 1fr 1fr 1fr;
align-items: start;
gap: 24px;
display: grid;
}
@media (max-width: 768px) {
.Paragraph-module__5TKhOW__colsTwo, .Paragraph-module__5TKhOW__colsThree {
grid-template-columns: 1fr;
}
}
.Paragraph-module__5TKhOW__flexRow {
align-items: flex-start;
gap: 24px;
display: flex;
}
.Paragraph-module__5TKhOW__flexRow > .Paragraph-module__5TKhOW__textCol {
flex: 1 1 0;
min-width: 0;
}
.Paragraph-module__5TKhOW__flexRow > .Paragraph-module__5TKhOW__mediaCol {
flex: 0 0 40%;
min-width: 0;
}
.Paragraph-module__5TKhOW__flexRowReverse {
flex-direction: row-reverse;
}
.Paragraph-module__5TKhOW__flexCol {
flex-direction: column;
gap: 16px;
display: flex;
}
@media (max-width: 768px) {
.Paragraph-module__5TKhOW__flexRow, .Paragraph-module__5TKhOW__flexRowReverse {
flex-direction: column;
}
.Paragraph-module__5TKhOW__flexRow > .Paragraph-module__5TKhOW__mediaCol {
flex: auto;
width: 100%;
}
}
.Paragraph-module__5TKhOW__gallery {
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
gap: 8px;
display: grid;
}
.Paragraph-module__5TKhOW__galleryItem {
aspect-ratio: 4 / 3;
background: var(--color-bg-subtle);
cursor: zoom-in;
border: 0;
border-radius: 6px;
width: 100%;
padding: 0;
display: block;
position: relative;
overflow: hidden;
}
.Paragraph-module__5TKhOW__galleryItem img {
object-fit: cover;
width: 100%;
height: 100%;
transition: transform .2s;
}
.Paragraph-module__5TKhOW__galleryItem:hover img, .Paragraph-module__5TKhOW__galleryItem:focus-visible img {
transform: scale(1.04);
}
.Paragraph-module__5TKhOW__galleryItem:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 2px;
}
.Paragraph-module__5TKhOW__galleryItemDescription {
color: #fff;
opacity: 0;
background: linear-gradient(0deg, #000000b3, #0000);
padding: 6px 10px;
font-size: 12px;
line-height: 1.3;
transition: opacity .2s;
position: absolute;
inset: auto 0 0;
}
.Paragraph-module__5TKhOW__galleryItem:hover .Paragraph-module__5TKhOW__galleryItemDescription, .Paragraph-module__5TKhOW__galleryItem:focus-visible .Paragraph-module__5TKhOW__galleryItemDescription {
opacity: 1;
}
.Paragraph-module__5TKhOW__galleryItemSingle {
aspect-ratio: 16 / 9;
}
.Paragraph-module__5TKhOW__videoFrame {
aspect-ratio: 16 / 9;
background: #000;
border-radius: 6px;
width: 100%;
position: relative;
overflow: hidden;
}
.Paragraph-module__5TKhOW__videoFrame iframe {
border: 0;
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.Paragraph-module__5TKhOW__videoMissing {
background: var(--color-bg-subtle);
color: var(--color-text-muted);
text-align: center;
border-radius: 6px;
padding: 12px;
font-size: 13px;
}
.Paragraph-module__5TKhOW__attachments {
border-top: 1px solid var(--color-border, #e5e7eb);
margin-top: 20px;
padding-top: 16px;
}
.Paragraph-module__5TKhOW__attachmentsHeading {
text-transform: uppercase;
letter-spacing: .04em;
color: var(--color-text-muted);
margin: 0 0 8px;
font-size: 13px;
font-weight: 600;
}
.Paragraph-module__5TKhOW__attachmentsList {
flex-direction: column;
gap: 4px;
margin: 0;
padding: 0;
list-style: none;
display: flex;
}
.Paragraph-module__5TKhOW__attachmentLink {
color: var(--color-primary);
border-radius: 4px;
align-items: center;
gap: 8px;
padding: 6px 8px;
font-size: 14px;
text-decoration: none;
transition: background .15s;
display: inline-flex;
}
.Paragraph-module__5TKhOW__attachmentLink:hover, .Paragraph-module__5TKhOW__attachmentLink:focus-visible {
background: var(--color-bg-subtle);
text-decoration: underline;
}
.Paragraph-module__5TKhOW__attachmentExt {
background: var(--color-primary);
color: #fff;
text-transform: uppercase;
letter-spacing: .05em;
text-align: center;
border-radius: 3px;
min-width: 36px;
padding: 2px 6px;
font-size: 10px;
font-weight: 700;
display: inline-block;
}
.Paragraph-module__5TKhOW__attachmentSize {
color: var(--color-text-muted);
font-size: 12px;
}
.Paragraph-module__5TKhOW__boxes {
gap: 16px;
display: grid;
}
.Paragraph-module__5TKhOW__boxesTwo {
grid-template-columns: 1fr 1fr;
}
.Paragraph-module__5TKhOW__boxesThree {
grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 768px) {
.Paragraph-module__5TKhOW__boxesTwo, .Paragraph-module__5TKhOW__boxesThree {
grid-template-columns: 1fr;
}
}
.Paragraph-module__5TKhOW__box {
background: var(--color-bg-subtle);
border: 1px solid var(--color-border, #e5e7eb);
border-radius: 8px;
flex-direction: column;
display: flex;
overflow: hidden;
}
.Paragraph-module__5TKhOW__boxImage {
aspect-ratio: 16 / 10;
object-fit: cover;
width: 100%;
display: block;
}
.Paragraph-module__5TKhOW__boxBody {
flex-direction: column;
flex: auto;
gap: 8px;
padding: 16px;
display: flex;
}
.Paragraph-module__5TKhOW__boxTitle {
margin: 0;
font-size: 18px;
font-weight: 700;
}
.Paragraph-module__5TKhOW__boxText {
flex: auto;
}
.Paragraph-module__5TKhOW__boxCta {
background: var(--color-primary);
color: #fff;
border-radius: 4px;
align-self: flex-start;
margin-top: 8px;
padding: 8px 14px;
font-size: 14px;
font-weight: 600;
text-decoration: none;
transition: background .15s;
}
.Paragraph-module__5TKhOW__boxCta:hover, .Paragraph-module__5TKhOW__boxCta:focus-visible {
background: var(--color-primary-hover, var(--color-primary));
}
.Paragraph-module__5TKhOW__blogPosts {
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 16px;
display: grid;
}
.Paragraph-module__5TKhOW__blogPost {
background: var(--color-bg-subtle);
border: 1px solid var(--color-border, #e5e7eb);
color: inherit;
border-radius: 8px;
flex-direction: column;
text-decoration: none;
transition: transform .15s, box-shadow .15s;
display: flex;
overflow: hidden;
}
.Paragraph-module__5TKhOW__blogPost:hover, .Paragraph-module__5TKhOW__blogPost:focus-visible {
outline: none;
transform: translateY(-2px);
box-shadow: 0 4px 12px #00000014;
}
.Paragraph-module__5TKhOW__blogPostImg {
aspect-ratio: 4 / 3;
object-fit: cover;
width: 100%;
display: block;
}
.Paragraph-module__5TKhOW__blogPostBody {
flex-direction: column;
flex: auto;
gap: 4px;
padding: 12px 14px;
display: flex;
}
.Paragraph-module__5TKhOW__blogPostCategory {
text-transform: uppercase;
letter-spacing: .04em;
color: var(--color-primary);
font-size: 12px;
font-weight: 600;
}
.Paragraph-module__5TKhOW__blogPostName {
margin: 0;
font-size: 16px;
font-weight: 700;
line-height: 1.35;
}
.Paragraph-module__5TKhOW__blogPostMeta {
color: var(--color-text-muted);
margin-top: auto;
padding-top: 8px;
font-size: 12px;
}
.Paragraph-module__5TKhOW__mapWrap {
aspect-ratio: 16 / 9;
background: var(--color-bg-subtle);
border-radius: 8px;
width: 100%;
min-height: 320px;
position: relative;
overflow: hidden;
}
.Paragraph-module__5TKhOW__mapWrap .leaflet-container {
width: 100%;
height: 100%;
}
.Paragraph-module__5TKhOW__mapLoading {
color: var(--color-text-muted);
justify-content: center;
align-items: center;
font-size: 14px;
display: flex;
position: absolute;
inset: 0;
}
.Paragraph-module__5TKhOW__contactForm {
background: var(--color-bg-subtle);
border: 1px solid var(--color-border, #e5e7eb);
border-radius: 8px;
flex-direction: column;
gap: 16px;
padding: 20px;
display: flex;
}
.Paragraph-module__5TKhOW__contactFormIntro {
color: var(--color-text-muted);
margin: 0;
font-size: 14px;
}
.Paragraph-module__5TKhOW__contactFormRow {
grid-template-columns: 1fr 1fr;
gap: 12px;
display: grid;
}
@media (max-width: 640px) {
.Paragraph-module__5TKhOW__contactFormRow {
grid-template-columns: 1fr;
}
}
.Paragraph-module__5TKhOW__contactFormError {
color: var(--color-error, #b91c1c);
margin: 6px 0 0;
font-size: 13px;
}
.Paragraph-module__5TKhOW__contactFormActions {
justify-content: flex-end;
display: flex;
}
.Paragraph-module__5TKhOW__paragraphUnsupported {
color: #7c2d12;
background: #fff7ed;
border: 1px dashed #fdba74;
border-radius: 6px;
padding: 12px 14px;
font-size: 12px;
line-height: 1.45;
}
.Paragraph-module__5TKhOW__paragraphUnsupported code {
font-family: var(--font-mono);
background: #fdba7433;
border-radius: 3px;
padding: 1px 4px;
}
/* [project]/node_modules/yet-another-react-lightbox/dist/styles.css [app-client] (css) */
.yarl__fullsize {
width: 100%;
height: 100%;
}
.yarl__relative {
position: relative;
}
.yarl__portal {
opacity: 0;
pointer-events: auto;
transition: opacity var(--yarl__fade_animation_duration, .25s) var(--yarl__fade_animation_timing_function, ease);
z-index: var(--yarl__portal_zindex, 9999);
position: fixed;
inset: 0;
overflow: hidden;
}
.yarl__portal_open {
opacity: 1;
}
.yarl__container {
background-color: var(--yarl__container_background_color, var(--yarl__color_backdrop, #000));
overscroll-behavior: var(--yarl__controller_overscroll_behavior, contain);
touch-action: var(--yarl__controller_touch_action, none);
-webkit-user-select: none;
user-select: none;
outline: none;
position: absolute;
inset: 0;
overflow: hidden;
}
.yarl__carousel {
height: 100%;
opacity: var(--yarl__pull_opacity, 1);
transform: translate(var(--yarl__swipe_offset, 0),var(--yarl__pull_offset, 0));
width: calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%));
flex: none;
place-content: center;
align-items: stretch;
display: flex;
}
.yarl__carousel_with_slides {
-moz-column-gap: calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%);
column-gap: calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%);
}
.yarl__flex_center {
place-content: center;
align-items: center;
display: flex;
}
.yarl__slide {
padding: calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);
flex: 1;
position: relative;
overflow: hidden;
}
[dir="rtl"] .yarl__slide {
--yarl__direction: -1;
}
.yarl__slide_image {
-o-object-fit: contain;
object-fit: contain;
touch-action: var(--yarl__controller_touch_action, none);
-webkit-user-select: none;
user-select: none;
-webkit-touch-callout: none;
max-width: 100%;
max-height: 100%;
}
.yarl__slide_image_cover {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.yarl__slide_image_loading {
opacity: 0;
}
@media screen and (min-width: 800px) {
.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image {
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
-webkit-transform: translateZ(0);
}
}
.yarl__slide_placeholder {
line-height: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%)translateY(-50%);
}
.yarl__slide_loading {
color: var(--yarl__slide_icon_loading_color, var(--yarl__color_button, #fffc));
animation: 1s linear yarl__delayed_fadein;
}
.yarl__slide_loading line {
animation: 1s linear infinite yarl__stroke_opacity;
}
.yarl__slide_loading line:first-of-type {
animation-delay: -1.875s;
}
.yarl__slide_loading line:nth-of-type(2) {
animation-delay: -1.75s;
}
.yarl__slide_loading line:nth-of-type(3) {
animation-delay: -1.625s;
}
.yarl__slide_loading line:nth-of-type(4) {
animation-delay: -1.5s;
}
.yarl__slide_loading line:nth-of-type(5) {
animation-delay: -1.375s;
}
.yarl__slide_loading line:nth-of-type(6) {
animation-delay: -1.25s;
}
.yarl__slide_loading line:nth-of-type(7) {
animation-delay: -1.125s;
}
.yarl__slide_loading line:nth-of-type(8) {
animation-delay: -1s;
}
.yarl__slide_error {
color: var(--yarl__slide_icon_error_color, red);
height: var(--yarl__slide_icon_error_size, 48px);
width: var(--yarl__slide_icon_error_size, 48px);
}
@media (prefers-reduced-motion) {
.yarl__portal, .yarl__slide {
transition: unset;
}
.yarl__slide_loading, .yarl__slide_loading line {
animation: unset;
}
}
.yarl__toolbar {
padding: var(--yarl__toolbar_padding, 8px);
justify-content: flex-end;
display: flex;
position: absolute;
inset: 0 0 auto auto;
}
[dir="rtl"] .yarl__toolbar {
inset: 0 auto auto 0;
}
.yarl__icon {
height: var(--yarl__icon_size, 32px);
width: var(--yarl__icon_size, 32px);
}
.yarl__button {
appearance: none;
background-color: var(--yarl__button_background_color, transparent);
border: var(--yarl__button_border, 0);
color: var(--yarl__color_button, #fffc);
cursor: pointer;
filter: var(--yarl__button_filter, drop-shadow(2px 2px 2px #000c));
margin: var(--yarl__button_margin, 0);
padding: var(--yarl__button_padding, 8px);
-webkit-tap-highlight-color: transparent;
outline: none;
line-height: 0;
}
.yarl__button:focus {
color: var(--yarl__color_button_active, #fff);
}
.yarl__button:focus:not(:focus-visible) {
color: var(--yarl__color_button, #fffc);
}
.yarl__button:focus-visible {
color: var(--yarl__color_button_active, #fff);
}
@media (hover: hover) {
.yarl__button:focus-visible:hover, .yarl__button:focus:hover, .yarl__button:hover {
color: var(--yarl__color_button_active, #fff);
}
}
.yarl__button:disabled {
color: var(--yarl__color_button_disabled, #fff6);
cursor: default;
}
.yarl__navigation_next, .yarl__navigation_prev {
padding: var(--yarl__navigation_button_padding, 24px 16px);
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.yarl__navigation_prev {
left: 0;
}
[dir="rtl"] .yarl__navigation_prev {
left: unset;
right: 0;
transform: translateY(-50%)rotate(180deg);
}
.yarl__navigation_next {
right: 0;
}
[dir="rtl"] .yarl__navigation_next {
left: 0;
right: unset;
transform: translateY(-50%)rotate(180deg);
}
.yarl__no_scroll {
overscroll-behavior: none;
height: 100%;
overflow: hidden;
}
@keyframes yarl__delayed_fadein {
0% {
opacity: 0;
}
80% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes yarl__stroke_opacity {
0% {
stroke-opacity: 1;
}
to {
stroke-opacity: .125;
}
}
/* [project]/components/catalogs/CDescriptivePage/CDescriptivePage.module.css [app-client] (css) */
.CDescriptivePage-module__m0OOVq__root {
color: var(--color-text);
width: 100%;
}
.CDescriptivePage-module__m0OOVq__body {
flex-direction: column;
gap: 16px;
display: flex;
}
.CDescriptivePage-module__m0OOVq__empty {
text-align: center;
color: var(--color-text-muted);
padding: 16px;
font-size: 14px;
font-style: italic;
}
.CDescriptivePage-module__m0OOVq__paragraph {
color: var(--color-text);
font-size: 15px;
line-height: 1.65;
}
.CDescriptivePage-module__m0OOVq__paragraphText :where(p) {
margin: 0 0 12px;
}
.CDescriptivePage-module__m0OOVq__paragraphText :where(p:last-child) {
margin-bottom: 0;
}
.CDescriptivePage-module__m0OOVq__paragraphText :where(h2) {
margin: 20px 0 12px;
font-size: 22px;
font-weight: 700;
}
.CDescriptivePage-module__m0OOVq__paragraphText :where(h3) {
margin: 18px 0 10px;
font-size: 18px;
font-weight: 600;
}
.CDescriptivePage-module__m0OOVq__paragraphText :where(a) {
color: var(--color-primary);
text-underline-offset: 2px;
text-decoration: underline;
}
.CDescriptivePage-module__m0OOVq__paragraphText :where(a:hover) {
color: var(--color-primary-hover, var(--color-primary));
}
.CDescriptivePage-module__m0OOVq__paragraphText :where(ul, ol) {
margin: 0 0 12px;
padding-left: 24px;
}
.CDescriptivePage-module__m0OOVq__paragraphText :where(li) {
margin: 4px 0;
}
.CDescriptivePage-module__m0OOVq__paragraphText :where(strong, b) {
font-weight: 700;
}
.CDescriptivePage-module__m0OOVq__paragraphText :where(em, i) {
font-style: italic;
}
.CDescriptivePage-module__m0OOVq__paragraphText :where(img) {
border-radius: 6px;
max-width: 100%;
height: auto;
}
.CDescriptivePage-module__m0OOVq__paragraphText :where(blockquote) {
border-left: 3px solid var(--color-primary);
background: var(--color-bg-subtle);
margin: 0 0 12px;
padding: 8px 16px;
font-style: italic;
}
.CDescriptivePage-module__m0OOVq__paragraphUnsupported {
color: #7c2d12;
background: #fff7ed;
border: 1px dashed #fdba74;
border-radius: 6px;
padding: 12px 14px;
font-size: 12px;
line-height: 1.45;
}
.CDescriptivePage-module__m0OOVq__paragraphUnsupported code {
font-family: var(--font-mono);
background: #fdba7433;
border-radius: 3px;
padding: 1px 4px;
}
/* [project]/components/catalogs/CNews/CNews.module.css [app-client] (css) */
.CNews-module__c08PoG__root {
color: var(--color-text);
width: 100%;
position: relative;
}
.CNews-module__c08PoG__root[data-pending="true"] {
opacity: .6;
pointer-events: none;
transition: opacity .15s .1s;
}
.CNews-module__c08PoG__error {
border: 1px solid var(--color-border);
background: var(--color-bg-subtle, #0000000a);
color: #c53030;
border-left: 3px solid #c53030;
border-radius: 6px;
margin-bottom: 12px;
padding: 10px 14px;
font-size: 13px;
font-weight: 500;
}
.CNews-module__c08PoG__empty {
text-align: center;
color: var(--color-text-muted);
padding: 16px;
font-size: 14px;
font-style: italic;
}
.CNews-module__c08PoG__list {
flex-direction: column;
gap: 16px;
margin: 0;
padding: 0;
list-style: none;
display: flex;
}
.CNews-module__c08PoG__card {
border: 1px solid var(--color-border);
background: var(--color-bg-card);
border-radius: 8px;
transition: box-shadow .2s, transform .2s;
overflow: hidden;
}
.CNews-module__c08PoG__card:hover {
transform: translateY(-1px);
box-shadow: 0 4px 16px #00000014;
}
.CNews-module__c08PoG__cardLink {
color: inherit;
grid-template-columns: minmax(180px, 240px) 1fr;
gap: 20px;
padding: 16px;
text-decoration: none;
display: grid;
}
@media (max-width: 640px) {
.CNews-module__c08PoG__cardLink {
grid-template-columns: 1fr;
gap: 12px;
}
}
.CNews-module__c08PoG__thumbWrap {
aspect-ratio: 16 / 10;
background: var(--color-bg-subtle, #0000000a);
border-radius: 6px;
width: 100%;
position: relative;
overflow: hidden;
}
.CNews-module__c08PoG__thumb {
object-fit: cover;
width: 100%;
height: 100%;
display: block;
}
.CNews-module__c08PoG__body {
flex-direction: column;
gap: 6px;
min-width: 0;
display: flex;
}
.CNews-module__c08PoG__cardLink:not(:has(.CNews-module__c08PoG__thumbWrap)) {
grid-template-columns: 1fr;
}
.CNews-module__c08PoG__date {
color: var(--color-text-muted);
text-transform: uppercase;
letter-spacing: .04em;
font-size: 12px;
font-weight: 600;
}
.CNews-module__c08PoG__title {
color: var(--color-text);
margin: 0;
font-size: 18px;
font-weight: 700;
line-height: 1.3;
}
.CNews-module__c08PoG__short {
color: var(--color-text);
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
margin: 0;
font-size: 14px;
line-height: 1.55;
display: -webkit-box;
overflow: hidden;
}
.CNews-module__c08PoG__short :where(p) {
margin: 0;
}
.CNews-module__c08PoG__short :where(strong, b) {
font-weight: 700;
}
.CNews-module__c08PoG__more {
color: var(--color-primary);
align-self: flex-start;
margin-top: 4px;
font-size: 13px;
font-weight: 600;
}
.CNews-module__c08PoG__cardLink:hover .CNews-module__c08PoG__more {
text-underline-offset: 2px;
text-decoration: underline;
}
.CNews-module__c08PoG__article {
width: 100%;
}
.CNews-module__c08PoG__articleBack {
margin-bottom: 16px;
}
.CNews-module__c08PoG__articleBackLink {
color: var(--color-primary);
border-radius: 6px;
align-items: center;
gap: 6px;
padding: 6px 10px;
font-size: 13px;
font-weight: 600;
text-decoration: none;
transition: background .15s;
display: inline-flex;
}
.CNews-module__c08PoG__articleBackLink:hover {
background: var(--color-bg-subtle, #0000000a);
text-underline-offset: 2px;
text-decoration: underline;
}
.CNews-module__c08PoG__articleHeader {
border-bottom: 1px solid var(--color-border);
margin-bottom: 20px;
padding-bottom: 12px;
}
.CNews-module__c08PoG__articleTitle {
color: var(--color-text);
margin: 0 0 6px;
font-size: 22px;
font-weight: 700;
line-height: 1.3;
}
.CNews-module__c08PoG__articleDate {
text-transform: uppercase;
letter-spacing: .04em;
color: var(--color-text-muted);
font-size: 12px;
font-weight: 600;
}
.CNews-module__c08PoG__articleMainImage {
margin: 0 0 24px;
}
.CNews-module__c08PoG__articleMainImage img {
border-radius: 8px;
max-width: 100%;
height: auto;
display: block;
}
.CNews-module__c08PoG__articleImageCaption {
color: var(--color-text-muted);
margin-top: 8px;
font-size: 13px;
font-style: italic;
}
.CNews-module__c08PoG__articleText {
color: var(--color-text);
font-size: 15px;
line-height: 1.65;
}
.CNews-module__c08PoG__articleText :where(p) {
margin: 0 0 14px;
}
.CNews-module__c08PoG__articleText :where(p:last-child) {
margin-bottom: 0;
}
.CNews-module__c08PoG__articleText :where(h2) {
margin: 24px 0 12px;
font-size: 20px;
font-weight: 700;
}
.CNews-module__c08PoG__articleText :where(h3) {
margin: 18px 0 10px;
font-size: 17px;
font-weight: 600;
}
.CNews-module__c08PoG__articleText :where(a) {
color: var(--color-primary);
text-underline-offset: 2px;
text-decoration: underline;
}
.CNews-module__c08PoG__articleText :where(ul, ol) {
margin: 0 0 14px;
padding-left: 24px;
}
.CNews-module__c08PoG__articleText :where(img) {
border-radius: 6px;
max-width: 100%;
height: auto;
}
.CNews-module__c08PoG__articleText :where(blockquote) {
border-left: 3px solid var(--color-primary);
background: var(--color-bg-subtle);
margin: 0 0 14px;
padding: 8px 16px;
font-style: italic;
}
.CNews-module__c08PoG__articleSectionTitle {
border-top: 1px solid var(--color-border);
color: var(--color-text);
margin: 28px 0 12px;
padding-top: 16px;
font-size: 16px;
font-weight: 700;
}
.CNews-module__c08PoG__articleGallery {
width: 100%;
}
.CNews-module__c08PoG__articleGalleryList {
grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
display: grid;
}
.CNews-module__c08PoG__articleGalleryItem {
margin: 0;
}
.CNews-module__c08PoG__articleGalleryLink {
aspect-ratio: 1;
background: var(--color-bg-subtle, #0000000a);
border-radius: 6px;
transition: transform .15s, box-shadow .15s;
display: block;
overflow: hidden;
}
.CNews-module__c08PoG__articleGalleryLink:hover {
transform: scale(1.02);
box-shadow: 0 4px 12px #0000001a;
}
.CNews-module__c08PoG__articleGalleryLink img {
object-fit: cover;
width: 100%;
height: 100%;
display: block;
}
.CNews-module__c08PoG__articleFiles {
width: 100%;
}
.CNews-module__c08PoG__articleFilesList {
flex-direction: column;
gap: 6px;
margin: 0;
padding: 0;
list-style: none;
display: flex;
}
.CNews-module__c08PoG__articleFilesItem {
margin: 0;
}
.CNews-module__c08PoG__articleFilesLink {
border: 1px solid var(--color-border);
color: var(--color-text);
border-radius: 6px;
grid-template-columns: 48px 1fr auto;
align-items: center;
gap: 12px;
padding: 10px 12px;
text-decoration: none;
transition: background .15s, border-color .15s;
display: grid;
}
.CNews-module__c08PoG__articleFilesLink:hover {
background: var(--color-bg-subtle, #0000000a);
border-color: var(--color-primary);
}
.CNews-module__c08PoG__articleFilesIcon {
background: var(--color-primary-light, #2563eb1a);
width: 40px;
height: 40px;
color: var(--color-primary);
letter-spacing: .02em;
border-radius: 6px;
justify-content: center;
align-items: center;
font-size: 11px;
font-weight: 700;
display: inline-flex;
}
.CNews-module__c08PoG__articleFilesName {
word-break: break-word;
font-size: 14px;
font-weight: 500;
}
.CNews-module__c08PoG__articleFilesSize {
color: var(--color-text-muted);
white-space: nowrap;
font-size: 12px;
}
.CNews-module__c08PoG__pagination {
border-top: 1px solid var(--color-border);
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 8px;
margin-top: 24px;
padding-top: 16px;
display: flex;
}
.CNews-module__c08PoG__paginationInfo {
color: var(--color-text);
font-size: 13px;
font-weight: 600;
}
.CNews-module__c08PoG__paginationHint {
color: var(--color-text-muted);
font-size: 12px;
font-style: italic;
}
/* [project]/components/catalogs/CUserAccounts/TabHeader.module.css [app-client] (css) */
.TabHeader-module__dxHBqG__tabHeader {
align-items: center;
gap: var(--space-md);
padding-bottom: var(--space-md);
margin-bottom: var(--space-md);
border-bottom: 1px solid var(--color-border);
display: flex;
}
.TabHeader-module__dxHBqG__tabHeaderIcon {
color: var(--color-primary);
flex-shrink: 0;
font-size: 32px;
}
.TabHeader-module__dxHBqG__tabHeaderTitles {
flex-direction: column;
gap: 2px;
min-width: 0;
display: flex;
}
.TabHeader-module__dxHBqG__tabHeaderParent {
font-size: var(--font-size-sm);
color: var(--color-text-muted);
text-transform: uppercase;
letter-spacing: .05em;
margin: 0;
}
.TabHeader-module__dxHBqG__tabHeaderTitle {
font-size: var(--font-size-xl);
font-weight: var(--font-weight-semibold);
color: var(--color-text);
margin: 0;
}
/* [project]/components/catalogs/CUserAccounts/CUserAccounts.module.css [app-client] (css) */
.CUserAccounts-module__0Yu3SG__root {
color: var(--color-text);
width: 100%;
max-width: 480px;
margin: 0 auto;
}
.CUserAccounts-module__0Yu3SG__empty {
padding: var(--space-lg);
text-align: center;
color: var(--color-text-muted);
font-size: var(--font-size-base);
font-style: italic;
}
.CUserAccounts-module__0Yu3SG__tabs {
gap: var(--space-xs);
margin-bottom: var(--space-md);
border-bottom: 1px solid var(--color-border);
display: flex;
}
.CUserAccounts-module__0Yu3SG__tab, .CUserAccounts-module__0Yu3SG__tabActive {
padding: var(--spacing-control-y) var(--spacing-control-x);
color: var(--color-text-muted);
font-size: var(--font-size-base);
font-weight: var(--font-weight-medium);
cursor: pointer;
transition: color var(--transition-base), border-color var(--transition-base);
background: none;
border: none;
border-bottom: 2px solid #0000;
flex: 1;
}
.CUserAccounts-module__0Yu3SG__tab:hover {
color: var(--color-text);
}
.CUserAccounts-module__0Yu3SG__tabActive {
color: var(--color-primary);
border-bottom-color: var(--color-primary);
}
.CUserAccounts-module__0Yu3SG__form {
gap: var(--space-lg);
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;
}
.CUserAccounts-module__0Yu3SG__formTitle {
margin: 0 0 var(--space-xs);
font-size: var(--font-size-xl);
font-weight: var(--font-weight-semibold);
color: var(--color-text);
}
.CUserAccounts-module__0Yu3SG__fieldRow {
gap: var(--space-md);
display: flex;
}
.CUserAccounts-module__0Yu3SG__fieldRow > * {
flex: 1;
min-width: 0;
}
.CUserAccounts-module__0Yu3SG__formHint {
font-size: var(--font-size-xs);
color: var(--color-text-muted);
margin: 0;
font-style: italic;
}
.CUserAccounts-module__0Yu3SG__linkButton {
margin-top: var(--space-xs);
padding: var(--space-xs) 0;
color: var(--color-primary);
font-family: inherit;
font-size: var(--font-size-sm);
font-weight: var(--font-weight-medium);
cursor: pointer;
text-underline-offset: 3px;
transition: color var(--transition-base);
background: none;
border: none;
align-self: center;
align-items: center;
gap: 6px;
text-decoration: underline;
display: inline-flex;
}
.CUserAccounts-module__0Yu3SG__linkButton:hover:not(:disabled) {
color: var(--color-primary-hover);
}
.CUserAccounts-module__0Yu3SG__linkButton:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 2px;
border-radius: var(--radius-control);
}
.CUserAccounts-module__0Yu3SG__linkButton:disabled {
opacity: .6;
cursor: not-allowed;
}
.CUserAccounts-module__0Yu3SG__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;
}
.CUserAccounts-module__0Yu3SG__primaryButton:hover:not(:disabled) {
background: var(--color-primary-hover);
}
.CUserAccounts-module__0Yu3SG__primaryButton:focus-visible {
box-shadow: var(--shadow-focus);
outline: none;
}
.CUserAccounts-module__0Yu3SG__primaryButton:disabled {
opacity: .6;
cursor: not-allowed;
}
.CUserAccounts-module__0Yu3SG__profileLayout, .CUserAccounts-module__0Yu3SG__profileLayoutCollapsed {
gap: var(--space-lg);
width: 100%;
max-width: none;
padding: var(--space-md);
min-height: 480px;
color: var(--color-text);
transition: grid-template-columns var(--transition-base);
grid-template-columns: 260px 1fr;
margin: 0;
display: grid;
}
.CUserAccounts-module__0Yu3SG__profileLayoutCollapsed {
grid-template-columns: 64px 1fr;
}
.CUserAccounts-module__0Yu3SG__profileSidebarColumn {
top: var(--space-md);
gap: var(--space-md);
flex-direction: column;
align-self: start;
display: flex;
position: sticky;
}
.CUserAccounts-module__0Yu3SG__profileSidebar {
gap: var(--space-sm);
padding: var(--space-md);
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;
position: relative;
}
.CUserAccounts-module__0Yu3SG__profileSidebarHeader {
align-items: center;
gap: var(--space-sm);
padding-bottom: var(--space-md);
border-bottom: 1px solid var(--color-border);
flex-direction: column;
display: flex;
}
.CUserAccounts-module__0Yu3SG__profileLayoutCollapsed .CUserAccounts-module__0Yu3SG__profileSidebarHeader {
padding-bottom: var(--space-sm);
}
.CUserAccounts-module__0Yu3SG__profileAvatarButton {
cursor: pointer;
border-radius: var(--radius-circle);
transition: transform var(--transition-base);
background: none;
border: none;
padding: 0;
}
.CUserAccounts-module__0Yu3SG__profileAvatarButton:hover {
transform: scale(1.02);
}
.CUserAccounts-module__0Yu3SG__profileAvatarButton:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 2px;
}
.CUserAccounts-module__0Yu3SG__profileAvatar {
border-radius: var(--radius-circle);
background: var(--color-primary-light);
width: 56px;
height: 56px;
color: var(--color-primary);
font-weight: var(--font-weight-semibold);
font-size: var(--font-size-lg);
transition: width var(--transition-base), height var(--transition-base);
flex-shrink: 0;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.CUserAccounts-module__0Yu3SG__profileLayoutCollapsed .CUserAccounts-module__0Yu3SG__profileAvatar {
width: 40px;
height: 40px;
font-size: var(--font-size-base);
}
.CUserAccounts-module__0Yu3SG__profileAvatarOverlay {
color: #fff;
opacity: 0;
transition: opacity var(--transition-base);
background: #00000080;
justify-content: center;
align-items: center;
font-size: 20px;
display: flex;
position: absolute;
inset: 0;
}
.CUserAccounts-module__0Yu3SG__profileAvatarButton:hover .CUserAccounts-module__0Yu3SG__profileAvatarOverlay, .CUserAccounts-module__0Yu3SG__profileAvatarButton:focus-visible .CUserAccounts-module__0Yu3SG__profileAvatarOverlay {
opacity: 1;
}
.CUserAccounts-module__0Yu3SG__profileAvatarInitials {
line-height: 1;
display: block;
}
.CUserAccounts-module__0Yu3SG__profileAvatarImg {
object-fit: cover;
width: 100%;
height: 100%;
}
.CUserAccounts-module__0Yu3SG__profileSidebarHeaderInfo {
text-align: center;
flex-direction: column;
gap: 2px;
width: 100%;
min-width: 0;
display: flex;
}
.CUserAccounts-module__0Yu3SG__profileSidebarHeaderName {
font-size: var(--font-size-base);
font-weight: var(--font-weight-semibold);
color: var(--color-text);
text-overflow: ellipsis;
white-space: nowrap;
margin: 0;
overflow: hidden;
}
.CUserAccounts-module__0Yu3SG__profileSidebarHeaderEmail {
font-size: var(--font-size-xs);
color: var(--color-text-muted);
text-overflow: ellipsis;
white-space: nowrap;
margin: 0;
overflow: hidden;
}
.CUserAccounts-module__0Yu3SG__profileSidebarLogoutBtn {
width: 100%;
font-family: inherit;
font-size: var(--font-size-sm);
font-weight: var(--font-weight-medium);
color: var(--color-text-muted);
border: 1px solid var(--color-border);
border-radius: var(--radius-control);
cursor: pointer;
transition: color var(--transition-base), border-color var(--transition-base);
background: none;
padding: 6px 12px;
}
.CUserAccounts-module__0Yu3SG__profileSidebarLogoutBtn:hover:not(:disabled) {
color: var(--color-danger);
border-color: var(--color-danger);
}
.CUserAccounts-module__0Yu3SG__profileSidebarLogoutBtn:disabled {
opacity: .6;
cursor: not-allowed;
}
.CUserAccounts-module__0Yu3SG__profileSidebarLogoutIcon {
border: 1px solid var(--color-border);
border-radius: var(--radius-control);
width: 36px;
height: 36px;
color: var(--color-text-muted);
cursor: pointer;
transition: color var(--transition-base), border-color var(--transition-base);
background: none;
justify-content: center;
align-items: center;
font-size: 18px;
display: flex;
}
.CUserAccounts-module__0Yu3SG__profileSidebarLogoutIcon:hover:not(:disabled) {
color: var(--color-danger);
border-color: var(--color-danger);
}
.CUserAccounts-module__0Yu3SG__profileSidebarError {
padding: 0 var(--space-xs);
}
.CUserAccounts-module__0Yu3SG__profileSidebarNav {
padding: var(--space-xs) 0;
flex-direction: column;
gap: 2px;
margin: 0;
display: flex;
}
.CUserAccounts-module__0Yu3SG__profileSidebarNavItem, .CUserAccounts-module__0Yu3SG__profileSidebarNavItemActive {
align-items: center;
gap: var(--space-sm);
font-family: inherit;
font-size: var(--font-size-base);
color: var(--color-text);
border-radius: var(--radius-control);
cursor: pointer;
text-align: left;
transition: background var(--transition-base), color var(--transition-base);
background: none;
border: none;
padding: 10px 12px;
text-decoration: none;
display: flex;
}
.CUserAccounts-module__0Yu3SG__profileLayoutCollapsed .CUserAccounts-module__0Yu3SG__profileSidebarNavItem, .CUserAccounts-module__0Yu3SG__profileLayoutCollapsed .CUserAccounts-module__0Yu3SG__profileSidebarNavItemActive {
justify-content: center;
padding: 10px 0;
}
.CUserAccounts-module__0Yu3SG__profileSidebarNavItem:hover {
background: var(--color-bg-subtle);
color: var(--color-text);
}
.CUserAccounts-module__0Yu3SG__profileSidebarNavItemActive {
background: var(--color-primary-light);
color: var(--color-primary);
font-weight: var(--font-weight-semibold);
}
.CUserAccounts-module__0Yu3SG__profileSidebarNavIcon {
flex-shrink: 0;
font-size: 18px;
}
.CUserAccounts-module__0Yu3SG__profileSidebarNavLabel {
text-overflow: ellipsis;
white-space: nowrap;
flex: auto;
min-width: 0;
overflow: hidden;
}
.CUserAccounts-module__0Yu3SG__profileSidebarBadge {
min-width: 18px;
height: 18px;
font-size: var(--font-size-xs);
font-weight: var(--font-weight-semibold);
color: #fff;
background: var(--color-danger, #d93025);
border-radius: 9999px;
flex-shrink: 0;
justify-content: center;
align-items: center;
padding: 0 6px;
line-height: 1;
display: inline-flex;
}
.CUserAccounts-module__0Yu3SG__profileLayoutCollapsed .CUserAccounts-module__0Yu3SG__profileSidebarBadge {
min-width: 8px;
height: 8px;
padding: 0;
font-size: 0;
position: absolute;
top: 4px;
right: 4px;
}
.CUserAccounts-module__0Yu3SG__profileLayoutCollapsed .CUserAccounts-module__0Yu3SG__profileSidebarNavItem, .CUserAccounts-module__0Yu3SG__profileLayoutCollapsed .CUserAccounts-module__0Yu3SG__profileSidebarNavItemActive {
position: relative;
}
.CUserAccounts-module__0Yu3SG__profileSidebarNavItemPlugin:first-of-type {
margin-top: var(--space-xs);
padding-top: calc(10px + var(--space-xs));
border-top: 1px solid var(--color-border);
}
.CUserAccounts-module__0Yu3SG__profileSidebarCollapseToggle {
z-index: 2;
width: 28px;
height: 28px;
color: var(--color-text-muted);
background: var(--color-bg-card);
border: 1px solid var(--color-border);
border-radius: var(--radius-circle);
box-shadow: var(--shadow-control);
cursor: pointer;
transition: color var(--transition-base), border-color var(--transition-base), background var(--transition-base);
justify-content: center;
align-items: center;
padding: 0;
font-size: 14px;
display: flex;
position: absolute;
top: 12px;
right: -14px;
}
.CUserAccounts-module__0Yu3SG__profileSidebarCollapseToggle:hover {
color: var(--color-primary);
border-color: var(--color-primary);
background: var(--color-primary-light);
}
.CUserAccounts-module__0Yu3SG__profileSidebarCollapseToggle:focus-visible {
box-shadow: var(--shadow-focus);
outline: none;
}
.CUserAccounts-module__0Yu3SG__profileMain {
padding: var(--space-md);
background: var(--color-bg-card);
border: 1px solid var(--color-border);
border-radius: var(--radius-card);
box-shadow: var(--shadow-card);
min-width: 0;
}
.CUserAccounts-module__0Yu3SG__profileMain .CUserAccounts-module__0Yu3SG__form {
box-shadow: none;
background: none;
border: none;
padding: 0;
}
.CUserAccounts-module__0Yu3SG__profileForm {
gap: var(--space-md);
flex-direction: column;
display: flex;
}
.CUserAccounts-module__0Yu3SG__profileSubTabs {
gap: var(--space-xs);
border-bottom: 1px solid var(--color-border);
margin-bottom: var(--space-sm);
display: flex;
overflow-x: auto;
}
.CUserAccounts-module__0Yu3SG__profileSubTab, .CUserAccounts-module__0Yu3SG__profileSubTabActive {
padding: var(--spacing-control-y) var(--space-md);
color: var(--color-text-muted);
font-family: inherit;
font-size: var(--font-size-base);
font-weight: var(--font-weight-medium);
cursor: pointer;
white-space: nowrap;
transition: color var(--transition-base), border-color var(--transition-base);
background: none;
border: none;
border-bottom: 2px solid #0000;
}
.CUserAccounts-module__0Yu3SG__profileSubTab:hover {
color: var(--color-text);
}
.CUserAccounts-module__0Yu3SG__profileSubTabActive {
color: var(--color-primary);
border-bottom-color: var(--color-primary);
}
.CUserAccounts-module__0Yu3SG__profileSubTabContent {
padding: var(--space-xs) 0;
}
.CUserAccounts-module__0Yu3SG__profileSectionFields {
gap: var(--space-lg);
flex-direction: column;
display: flex;
}
.CUserAccounts-module__0Yu3SG__profileEmptyHint {
margin: var(--space-md) 0;
padding: var(--space-md);
background: var(--color-bg-subtle);
border: 1px dashed var(--color-border);
border-radius: var(--radius-control);
color: var(--color-text-muted);
font-size: var(--font-size-sm);
text-align: center;
}
.CUserAccounts-module__0Yu3SG__profileFormActions {
justify-content: flex-end;
gap: var(--space-sm);
padding-top: var(--space-sm);
border-top: 1px solid var(--color-border);
margin-top: var(--space-sm);
display: flex;
}
.CUserAccounts-module__0Yu3SG__changeEmailActions {
margin-top: calc(-1 * var(--space-xs));
justify-content: flex-start;
display: flex;
}
.CUserAccounts-module__0Yu3SG__dangerZone {
gap: var(--space-sm);
margin-top: var(--space-lg);
padding: var(--space-md);
border-radius: var(--radius-card);
background: #fff5f5;
border: 1px solid #e0a0a0;
flex-direction: column;
display: flex;
}
.CUserAccounts-module__0Yu3SG__dangerZoneTitle {
align-items: center;
gap: var(--space-xs);
font-size: var(--font-size-base);
font-weight: var(--font-weight-semibold);
color: #c00;
margin: 0;
display: flex;
}
.CUserAccounts-module__0Yu3SG__dangerZoneText {
font-size: var(--font-size-sm);
color: var(--color-text);
margin: 0;
line-height: 1.5;
}
.CUserAccounts-module__0Yu3SG__dangerButton {
align-items: center;
gap: var(--space-xs);
padding: var(--spacing-control-y) var(--space-md);
color: #fff;
border-radius: var(--radius-control);
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: #c00;
border: 1px solid #a00;
align-self: flex-start;
display: inline-flex;
}
.CUserAccounts-module__0Yu3SG__dangerButton:hover:not(:disabled) {
background: #a00;
border-color: #800;
}
.CUserAccounts-module__0Yu3SG__dangerButton:focus-visible {
outline-offset: 2px;
outline: 2px solid #c00;
}
.CUserAccounts-module__0Yu3SG__dangerButton:disabled {
opacity: .5;
cursor: not-allowed;
}
.CUserAccounts-module__0Yu3SG__profileFormActions .CUserAccounts-module__0Yu3SG__primaryButton {
padding: 10px 24px;
}
@media (max-width: 768px) {
.CUserAccounts-module__0Yu3SG__profileLayout, .CUserAccounts-module__0Yu3SG__profileLayoutCollapsed {
gap: var(--space-md);
grid-template-columns: 1fr;
}
.CUserAccounts-module__0Yu3SG__profileSidebar {
position: static;
}
.CUserAccounts-module__0Yu3SG__profileSidebarHeader {
text-align: left;
flex-direction: row;
}
.CUserAccounts-module__0Yu3SG__profileSidebarHeaderInfo {
text-align: left;
}
.CUserAccounts-module__0Yu3SG__profileSidebarCollapseToggle {
display: none;
}
}
.CUserAccounts-module__0Yu3SG__welcomeCard {
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);
text-align: center;
flex-direction: column;
display: flex;
}
.CUserAccounts-module__0Yu3SG__welcomeText {
font-size: var(--font-size-lg);
color: var(--color-text);
margin: 0;
}
.CUserAccounts-module__0Yu3SG__welcomeText strong {
color: var(--color-primary);
font-weight: var(--font-weight-semibold);
}
.CUserAccounts-module__0Yu3SG__welcomeMeta {
font-size: var(--font-size-sm);
color: var(--color-text-muted);
margin: 0;
}
.CUserAccounts-module__0Yu3SG__logoutForm {
margin-top: var(--space-sm);
display: flex;
}
/* [project]/components/catalogs/CUserAccounts/AvatarUploadModal.module.css [app-client] (css) */
.AvatarUploadModal-module__eB2Yva__backdrop {
z-index: 9999;
padding: var(--space-md);
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
background: #0000008c;
justify-content: center;
align-items: center;
display: flex;
position: fixed;
inset: 0;
}
.AvatarUploadModal-module__eB2Yva__modal {
width: 100%;
max-width: 520px;
max-height: calc(100vh - 2 * var(--space-md));
background: var(--color-bg-card);
border-radius: var(--radius-card);
flex-direction: column;
display: flex;
overflow: hidden;
box-shadow: 0 20px 40px #00000040;
}
.AvatarUploadModal-module__eB2Yva__header {
padding: var(--space-md) var(--space-lg);
border-bottom: 1px solid var(--color-border);
justify-content: space-between;
align-items: center;
display: flex;
}
.AvatarUploadModal-module__eB2Yva__title {
font-size: var(--font-size-lg);
font-weight: var(--font-weight-semibold);
color: var(--color-text);
margin: 0;
}
.AvatarUploadModal-module__eB2Yva__closeBtn {
border-radius: var(--radius-control);
width: 32px;
height: 32px;
color: var(--color-text-muted);
cursor: pointer;
transition: color var(--transition-base), background var(--transition-base);
background: none;
border: none;
justify-content: center;
align-items: center;
padding: 0;
font-size: 20px;
display: inline-flex;
}
.AvatarUploadModal-module__eB2Yva__closeBtn:hover:not(:disabled) {
color: var(--color-text);
background: var(--color-bg-subtle);
}
.AvatarUploadModal-module__eB2Yva__closeBtn:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 2px;
}
.AvatarUploadModal-module__eB2Yva__body {
padding: var(--space-lg);
gap: var(--space-md);
flex-direction: column;
flex: 1;
display: flex;
position: relative;
overflow-y: auto;
}
.AvatarUploadModal-module__eB2Yva__loadingOverlay {
z-index: 10;
justify-content: center;
align-items: center;
gap: var(--space-sm);
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
background: #ffffffe0;
flex-direction: column;
display: flex;
position: absolute;
inset: 0;
}
.AvatarUploadModal-module__eB2Yva__spinner {
border: 3px solid var(--color-border);
border-top-color: var(--color-primary);
border-radius: 50%;
width: 40px;
height: 40px;
animation: .8s linear infinite AvatarUploadModal-module__eB2Yva__spin;
}
@keyframes AvatarUploadModal-module__eB2Yva__spin {
to {
transform: rotate(360deg);
}
}
.AvatarUploadModal-module__eB2Yva__loadingText {
font-size: var(--font-size-sm);
font-weight: var(--font-weight-medium);
color: var(--color-text);
text-align: center;
margin: 0;
}
.AvatarUploadModal-module__eB2Yva__footer {
justify-content: flex-end;
gap: var(--space-sm);
padding: var(--space-md) var(--space-lg);
border-top: 1px solid var(--color-border);
background: var(--color-bg-subtle);
display: flex;
}
.AvatarUploadModal-module__eB2Yva__linkBtn {
font-family: inherit;
font-size: var(--font-size-sm);
font-weight: var(--font-weight-medium);
color: var(--color-text-muted);
border: 1px solid var(--color-border);
border-radius: var(--radius-control);
cursor: pointer;
transition: color var(--transition-base), border-color var(--transition-base);
background: none;
padding: 8px 16px;
}
.AvatarUploadModal-module__eB2Yva__linkBtn:hover:not(:disabled) {
color: var(--color-text);
border-color: var(--color-text-muted);
}
.AvatarUploadModal-module__eB2Yva__linkBtn:disabled {
opacity: .6;
cursor: not-allowed;
}
.AvatarUploadModal-module__eB2Yva__pickContainer {
gap: var(--space-md);
flex-direction: column;
align-items: center;
display: flex;
}
.AvatarUploadModal-module__eB2Yva__currentPreview {
align-items: center;
gap: var(--space-xs);
flex-direction: column;
display: flex;
}
.AvatarUploadModal-module__eB2Yva__previewLabel {
font-size: var(--font-size-xs);
color: var(--color-text-muted);
margin: 0;
}
.AvatarUploadModal-module__eB2Yva__currentImg {
border-radius: var(--radius-circle);
object-fit: cover;
border: 2px solid var(--color-border);
width: 80px;
height: 80px;
}
.AvatarUploadModal-module__eB2Yva__dropZone {
width: 100%;
min-height: 180px;
padding: var(--space-lg);
background: var(--color-bg-subtle);
border: 2px dashed var(--color-border);
border-radius: var(--radius-control);
color: var(--color-text-muted);
cursor: pointer;
transition: border-color var(--transition-base), background var(--transition-base);
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.AvatarUploadModal-module__eB2Yva__dropZone:hover, .AvatarUploadModal-module__eB2Yva__dropZoneActive {
border-color: var(--color-primary);
background: var(--color-primary-light);
color: var(--color-primary);
}
.AvatarUploadModal-module__eB2Yva__dropZone:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 2px;
}
.AvatarUploadModal-module__eB2Yva__dropIcon {
margin-bottom: var(--space-xs);
font-size: 36px;
}
.AvatarUploadModal-module__eB2Yva__dropText {
font-size: var(--font-size-sm);
text-align: center;
margin: 0;
}
.AvatarUploadModal-module__eB2Yva__hiddenInput {
display: none;
}
.AvatarUploadModal-module__eB2Yva__recropBtn {
align-items: center;
gap: var(--space-xs);
font-family: inherit;
font-size: var(--font-size-sm);
font-weight: var(--font-weight-medium);
color: var(--color-primary);
border: 1px solid var(--color-primary);
border-radius: var(--radius-control);
cursor: pointer;
transition: background var(--transition-base);
background: none;
padding: 8px 16px;
display: inline-flex;
}
.AvatarUploadModal-module__eB2Yva__recropBtn:hover:not(:disabled) {
background: var(--color-primary-light);
}
.AvatarUploadModal-module__eB2Yva__recropBtn:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 2px;
}
.AvatarUploadModal-module__eB2Yva__recropBtn:disabled {
opacity: .6;
cursor: not-allowed;
}
.AvatarUploadModal-module__eB2Yva__deleteBtn {
align-items: center;
gap: var(--space-xs);
font-family: inherit;
font-size: var(--font-size-sm);
font-weight: var(--font-weight-medium);
color: var(--color-danger);
border: 1px solid var(--color-danger);
border-radius: var(--radius-control);
cursor: pointer;
transition: background var(--transition-base);
background: none;
padding: 8px 16px;
display: inline-flex;
}
.AvatarUploadModal-module__eB2Yva__deleteBtn:hover:not(:disabled) {
background: var(--color-danger-light);
}
.AvatarUploadModal-module__eB2Yva__deleteBtn:disabled {
opacity: .6;
cursor: not-allowed;
}
.AvatarUploadModal-module__eB2Yva__cropContainer {
gap: var(--space-md);
flex-direction: column;
display: flex;
}
.AvatarUploadModal-module__eB2Yva__cropArea {
border-radius: var(--radius-control);
background: #000;
width: 100%;
height: 320px;
position: relative;
overflow: hidden;
}
.AvatarUploadModal-module__eB2Yva__cropLoading, .AvatarUploadModal-module__eB2Yva__cropError {
justify-content: center;
align-items: center;
gap: var(--space-xs);
color: #fff;
font-size: var(--font-size-sm);
text-align: center;
padding: var(--space-md);
display: flex;
position: absolute;
inset: 0;
}
.AvatarUploadModal-module__eB2Yva__cropError {
color: var(--color-danger-light);
font-weight: var(--font-weight-medium);
flex-direction: column;
}
.AvatarUploadModal-module__eB2Yva__zoomControls {
gap: var(--space-xs);
flex-direction: column;
display: flex;
}
.AvatarUploadModal-module__eB2Yva__zoomLabel {
font-size: var(--font-size-xs);
color: var(--color-text-muted);
font-weight: var(--font-weight-medium);
flex-direction: column;
gap: 4px;
display: flex;
}
.AvatarUploadModal-module__eB2Yva__zoomSlider {
width: 100%;
accent-color: var(--color-primary);
}
/* [project]/components/catalogs/CUserAccounts/PluginSidebarBox.module.css [app-client] (css) */
.PluginSidebarBox-module__7GHDIW__pluginBox {
background: var(--color-bg-card);
border: 1px solid var(--color-border);
border-radius: var(--radius-card);
box-shadow: var(--shadow-card);
overflow: hidden;
}
.PluginSidebarBox-module__7GHDIW__pluginBoxHeader {
align-items: center;
gap: var(--space-sm);
padding: var(--space-sm) var(--space-md);
border-bottom: 1px solid var(--color-border);
background: var(--color-bg-subtle);
display: flex;
}
.PluginSidebarBox-module__7GHDIW__pluginBoxTitle {
font-size: var(--font-size-base);
font-weight: var(--font-weight-semibold);
color: var(--color-text);
text-overflow: ellipsis;
white-space: nowrap;
flex: auto;
margin: 0;
overflow: hidden;
}
.PluginSidebarBox-module__7GHDIW__pluginBoxBadge {
min-width: 20px;
height: 20px;
font-size: var(--font-size-xs);
font-weight: var(--font-weight-semibold);
color: #fff;
background: var(--color-danger, #d93025);
border-radius: 9999px;
flex-shrink: 0;
justify-content: center;
align-items: center;
padding: 0 7px;
line-height: 1;
display: inline-flex;
}
.PluginSidebarBox-module__7GHDIW__pluginBoxList {
padding: var(--space-xs) 0;
flex-direction: column;
gap: 2px;
margin: 0;
list-style: none;
display: flex;
}
.PluginSidebarBox-module__7GHDIW__pluginBoxItem {
margin: 0;
}
.PluginSidebarBox-module__7GHDIW__pluginBoxLink {
align-items: center;
gap: var(--space-sm);
padding: 8px var(--space-md);
font-size: var(--font-size-base);
color: var(--color-text);
transition: background var(--transition-base), color var(--transition-base);
text-decoration: none;
display: flex;
}
.PluginSidebarBox-module__7GHDIW__pluginBoxLink:hover {
background: var(--color-bg-subtle);
color: var(--color-primary);
}
.PluginSidebarBox-module__7GHDIW__pluginBoxLinkActive {
background: var(--color-primary-light);
color: var(--color-primary);
font-weight: var(--font-weight-semibold);
}
.PluginSidebarBox-module__7GHDIW__pluginBoxLinkActive .PluginSidebarBox-module__7GHDIW__pluginBoxIcon {
color: var(--color-primary);
}
.PluginSidebarBox-module__7GHDIW__pluginBoxLinkInvalid {
border: 1px dashed var(--color-danger, #d93025);
margin: 2px var(--space-xs);
border-radius: var(--radius-control);
color: var(--color-danger, #d93025);
cursor: help;
}
.PluginSidebarBox-module__7GHDIW__pluginBoxLinkInvalid .PluginSidebarBox-module__7GHDIW__pluginBoxIcon {
color: var(--color-danger, #d93025);
}
.PluginSidebarBox-module__7GHDIW__pluginBoxLinkInvalid:hover {
background: var(--color-danger-light, #fce7e7);
color: var(--color-danger-strong, #ac0909);
}
.PluginSidebarBox-module__7GHDIW__pluginBoxInvalidBadge {
font-size: var(--font-size-xs);
font-weight: var(--font-weight-semibold);
color: var(--color-danger-strong, #ac0909);
text-transform: uppercase;
letter-spacing: .03em;
margin-top: 2px;
display: block;
}
.PluginSidebarBox-module__7GHDIW__pluginBoxIcon {
color: var(--color-text-muted);
flex-shrink: 0;
font-size: 16px;
}
.PluginSidebarBox-module__7GHDIW__pluginBoxLink:hover .PluginSidebarBox-module__7GHDIW__pluginBoxIcon {
color: var(--color-primary);
}
.PluginSidebarBox-module__7GHDIW__pluginBoxLabel {
text-overflow: ellipsis;
white-space: nowrap;
flex: auto;
overflow: hidden;
}
.PluginSidebarBox-module__7GHDIW__pluginBoxCollapsed {
position: relative;
}
.PluginSidebarBox-module__7GHDIW__pluginBoxCollapsed .PluginSidebarBox-module__7GHDIW__pluginBoxList {
padding: var(--space-xs) 0;
}
.PluginSidebarBox-module__7GHDIW__pluginBoxLinkCollapsed {
justify-content: center;
gap: 0;
padding: 10px 0;
}
.PluginSidebarBox-module__7GHDIW__pluginBoxLinkCollapsed .PluginSidebarBox-module__7GHDIW__pluginBoxIcon {
color: var(--color-text);
font-size: 18px;
}
.PluginSidebarBox-module__7GHDIW__pluginBoxLinkCollapsed:hover .PluginSidebarBox-module__7GHDIW__pluginBoxIcon {
color: var(--color-primary);
}
.PluginSidebarBox-module__7GHDIW__pluginBoxBadgeDot {
background: var(--color-danger, #d93025);
pointer-events: none;
z-index: 1;
border-radius: 50%;
width: 8px;
height: 8px;
position: absolute;
top: 4px;
right: 4px;
}
/* [project]/components/catalogs/CUserAccounts/plugins/CPrivateMessages/MessagesList.module.css [app-client] (css) */
.MessagesList-module__8W69VG__list {
gap: var(--space-xs);
flex-direction: column;
display: flex;
}
.MessagesList-module__8W69VG__item, .MessagesList-module__8W69VG__itemUnread {
gap: var(--space-md);
padding: var(--space-sm) var(--space-md);
background: var(--color-bg-card);
border: 1px solid var(--color-border);
border-radius: var(--radius-control);
transition: border-color var(--transition-base);
grid-template-columns: 160px 1fr 110px;
align-items: start;
display: grid;
}
.MessagesList-module__8W69VG__item:hover, .MessagesList-module__8W69VG__itemUnread:hover {
border-color: var(--color-primary);
}
.MessagesList-module__8W69VG__itemUnread {
border-left: 3px solid var(--color-primary);
}
.MessagesList-module__8W69VG__itemSender {
font-weight: var(--font-weight-semibold);
color: var(--color-text);
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.MessagesList-module__8W69VG__itemUnread .MessagesList-module__8W69VG__itemSender {
color: var(--color-primary);
}
.MessagesList-module__8W69VG__itemBody {
min-width: 0;
}
.MessagesList-module__8W69VG__itemTitle {
font-size: var(--font-size-base);
font-weight: var(--font-weight-medium);
color: var(--color-text);
text-overflow: ellipsis;
white-space: nowrap;
margin: 0 0 4px;
overflow: hidden;
}
.MessagesList-module__8W69VG__itemUnread .MessagesList-module__8W69VG__itemTitle {
font-weight: var(--font-weight-semibold);
}
.MessagesList-module__8W69VG__itemPreview {
font-size: var(--font-size-sm);
color: var(--color-text-muted);
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin: 0;
line-height: 1.4;
display: -webkit-box;
overflow: hidden;
}
.MessagesList-module__8W69VG__itemDate {
font-size: var(--font-size-sm);
color: var(--color-text-muted);
text-align: right;
white-space: nowrap;
}
.MessagesList-module__8W69VG__empty {
padding: var(--space-lg);
text-align: center;
color: var(--color-text-muted);
background: var(--color-bg-subtle);
border: 1px dashed var(--color-border);
border-radius: var(--radius-control);
font-style: italic;
}
.MessagesList-module__8W69VG__itemSkeleton {
gap: var(--space-md);
padding: var(--space-sm) var(--space-md);
background: var(--color-bg-card);
border: 1px solid var(--color-border);
border-radius: var(--radius-control);
grid-template-columns: 160px 1fr 110px;
display: grid;
}
.MessagesList-module__8W69VG__itemSkeletonSender, .MessagesList-module__8W69VG__itemSkeletonTitle {
height: 16px;
}
.MessagesList-module__8W69VG__itemSkeletonDate {
justify-self: end;
width: 80%;
height: 16px;
}
.MessagesList-module__8W69VG__pagination {
justify-content: space-between;
align-items: center;
gap: var(--space-sm);
margin-top: var(--space-md);
padding-top: var(--space-md);
border-top: 1px solid var(--color-border);
display: flex;
}
.MessagesList-module__8W69VG__pagBtn {
padding: var(--spacing-control-y) var(--spacing-control-x);
background: var(--color-bg-card);
border: 1px solid var(--color-border);
border-radius: var(--radius-control);
color: var(--color-text);
font-size: var(--font-size-sm);
cursor: pointer;
transition: background var(--transition-base), color var(--transition-base);
}
.MessagesList-module__8W69VG__pagBtn:hover:not(:disabled) {
background: var(--color-primary-light);
color: var(--color-primary);
border-color: var(--color-primary);
}
.MessagesList-module__8W69VG__pagBtn:disabled {
opacity: .5;
cursor: not-allowed;
}
.MessagesList-module__8W69VG__pagInfo {
font-size: var(--font-size-sm);
color: var(--color-text-muted);
}
@media (max-width: 720px) {
.MessagesList-module__8W69VG__item, .MessagesList-module__8W69VG__itemUnread, .MessagesList-module__8W69VG__itemSkeleton {
grid-template-columns: 100px 1fr;
}
.MessagesList-module__8W69VG__itemDate, .MessagesList-module__8W69VG__itemSkeletonDate {
text-align: left;
grid-column: 1 / -1;
justify-self: start;
}
}
/* [project]/components/catalogs/CUserAccounts/plugins/CPrivateMessages/NewMessageForm.module.css [app-client] (css) */
.NewMessageForm-module__0jz4YG__form {
gap: var(--space-lg);
flex-direction: column;
max-width: 720px;
display: flex;
}
.NewMessageForm-module__0jz4YG__actions {
padding-top: var(--space-md);
border-top: 1px solid var(--color-border);
justify-content: flex-end;
display: flex;
}
/* [project]/components/catalogs/CUserAccounts/ExtensionActionView.module.css [app-client] (css) */
.ExtensionActionView-module__UW6BKa__extView, .ExtensionActionView-module__UW6BKa__extViewContent {
flex-direction: column;
display: flex;
}
.ExtensionActionView-module__UW6BKa__extViewBody {
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);
}
.ExtensionActionView-module__UW6BKa__extViewPlaceholder {
margin: 0 0 var(--space-md);
font-size: var(--font-size-base);
color: var(--color-text-muted);
font-style: italic;
}
.ExtensionActionView-module__UW6BKa__extViewDevInfo {
padding: var(--space-md);
background: var(--color-bg-subtle);
border: 1px dashed var(--color-border);
border-radius: var(--radius-control);
font-family: var(--font-mono, ui-monospace, "Menlo", "Consolas", monospace);
font-size: var(--font-size-xs);
color: var(--color-text-muted);
white-space: pre-wrap;
margin: 0;
overflow-x: auto;
}
/* [project]/components/catalogs/CUserAccounts/ProfileTabsSkeleton.module.css [app-client] (css) */
.ProfileTabsSkeleton-module__m5GkwG__navSkeleton {
padding: var(--space-xs) 0;
flex-direction: column;
gap: 2px;
display: flex;
}
.ProfileTabsSkeleton-module__m5GkwG__navItem {
align-items: center;
gap: var(--space-sm);
padding: 10px 12px;
display: flex;
}
.ProfileTabsSkeleton-module__m5GkwG__navItemCollapsed {
justify-content: center;
align-items: center;
padding: 10px 0;
display: flex;
}
.ProfileTabsSkeleton-module__m5GkwG__navIcon {
border-radius: var(--radius-sm);
flex-shrink: 0;
width: 18px;
height: 18px;
}
.ProfileTabsSkeleton-module__m5GkwG__navLabel {
flex: auto;
max-width: 140px;
height: 14px;
}
.ProfileTabsSkeleton-module__m5GkwG__pluginBox {
background: var(--color-bg-card);
border: 1px solid var(--color-border);
border-radius: var(--radius-card);
box-shadow: var(--shadow-card);
overflow: hidden;
}
.ProfileTabsSkeleton-module__m5GkwG__pluginBoxCollapsed {
}
.ProfileTabsSkeleton-module__m5GkwG__pluginBoxHeader {
padding: var(--space-sm) var(--space-md);
border-bottom: 1px solid var(--color-border);
background: var(--color-bg-subtle);
}
.ProfileTabsSkeleton-module__m5GkwG__pluginBoxTitle {
width: 60%;
max-width: 160px;
height: 16px;
display: block;
}
.ProfileTabsSkeleton-module__m5GkwG__pluginBoxList {
padding: var(--space-xs) 0;
}
.ProfileTabsSkeleton-module__m5GkwG__mainSkeleton {
flex-direction: column;
display: flex;
}
.ProfileTabsSkeleton-module__m5GkwG__headerSkeleton {
align-items: center;
gap: var(--space-md);
padding-bottom: var(--space-md);
margin-bottom: var(--space-md);
border-bottom: 1px solid var(--color-border);
display: flex;
}
.ProfileTabsSkeleton-module__m5GkwG__headerIcon {
border-radius: var(--radius-circle);
flex-shrink: 0;
width: 32px;
height: 32px;
}
.ProfileTabsSkeleton-module__m5GkwG__headerTitles {
flex-direction: column;
flex: auto;
gap: 4px;
min-width: 0;
display: flex;
}
.ProfileTabsSkeleton-module__m5GkwG__headerTitleShort {
width: 100px;
height: 10px;
display: block;
}
.ProfileTabsSkeleton-module__m5GkwG__headerTitle {
width: 50%;
max-width: 280px;
height: 22px;
display: block;
}
.ProfileTabsSkeleton-module__m5GkwG__subTabs {
gap: var(--space-sm);
margin-bottom: var(--space-lg);
padding-bottom: var(--space-sm);
border-bottom: 1px solid var(--color-border);
display: flex;
}
.ProfileTabsSkeleton-module__m5GkwG__subTab {
border-radius: var(--radius-control);
width: 110px;
height: 28px;
display: block;
}
.ProfileTabsSkeleton-module__m5GkwG__fields {
gap: var(--space-lg);
flex-direction: column;
display: flex;
}
.ProfileTabsSkeleton-module__m5GkwG__field {
gap: var(--space-xs);
flex-direction: column;
display: flex;
}
.ProfileTabsSkeleton-module__m5GkwG__fieldLabel {
width: 30%;
max-width: 160px;
height: 12px;
display: block;
}
.ProfileTabsSkeleton-module__m5GkwG__fieldInput {
border-radius: var(--radius-control);
width: 100%;
height: 40px;
display: block;
}
/* [project]/components/catalogs/CatalogRenderer/CatalogRenderer.module.css [app-client] (css) */
.CatalogRenderer-module__fvkNKa__root {
color: var(--color-text);
width: 100%;
}
.CatalogRenderer-module__fvkNKa__fallback {
color: #7c2d12;
background: #fff7ed;
border: 1px solid #fdba74;
border-radius: 8px;
padding: 16px 18px;
font-size: 13px;
}
.CatalogRenderer-module__fvkNKa__fallbackTitle {
color: #9a3412;
margin-bottom: 8px;
font-size: 14px;
font-weight: 700;
}
.CatalogRenderer-module__fvkNKa__fallbackMessage {
color: #7c2d12;
margin: 0 0 10px;
line-height: 1.45;
}
.CatalogRenderer-module__fvkNKa__fallbackHint {
color: #9a3412;
background: #fdba7433;
border-radius: 4px;
margin: 0 0 10px;
padding: 10px 12px;
font-size: 12px;
line-height: 1.5;
}
.CatalogRenderer-module__fvkNKa__fallbackDocsLink {
color: #c2410c;
text-underline-offset: 2px;
font-size: 12px;
font-weight: 600;
text-decoration: underline;
}
.CatalogRenderer-module__fvkNKa__fallbackDocsLink:hover {
color: #7c2d12;
}
/* [project]/components/layouts/catalogs/CatalogContentArea/CatalogContentArea.module.css [app-client] (css) */
.CatalogContentArea-module__1K2X_W__viewMode {
flex: 1;
width: 100%;
padding: 0;
}
.CatalogContentArea-module__1K2X_W__header {
margin: 0 0 24px;
}
.CatalogContentArea-module__1K2X_W__title {
color: var(--color-text);
margin: 0;
font-size: 32px;
font-weight: 800;
line-height: 1.2;
}
.CatalogContentArea-module__1K2X_W__componentBadge {
color: var(--color-text-muted);
margin: 6px 0 0;
font-size: 12px;
}
.CatalogContentArea-module__1K2X_W__componentBadge code {
font-family: var(--font-mono);
background: var(--color-bg-subtle, #0000000a);
border: 1px solid var(--color-border);
color: var(--color-text);
border-radius: 3px;
padding: 2px 6px;
font-size: 11px;
}
.CatalogContentArea-module__1K2X_W__lead {
color: var(--color-text-muted);
margin: 0 0 24px;
font-size: 16px;
font-weight: 500;
line-height: 1.5;
}
.CatalogContentArea-module__1K2X_W__body {
flex-direction: column;
gap: 16px;
display: flex;
}
.CatalogContentArea-module__1K2X_W__body p {
color: var(--color-text);
margin: 0;
font-size: 15px;
line-height: 1.6;
}
.CatalogContentArea-module__1K2X_W__body h2 {
color: var(--color-text);
margin: 8px 0 0;
font-size: 22px;
font-weight: 700;
line-height: 1.3;
}
.CatalogContentArea-module__1K2X_W__placeholderIntro {
background: var(--color-bg-subtle, #2563eb0a);
border-left: 3px solid var(--color-primary);
color: var(--color-text);
border-radius: 4px;
padding: 12px 16px;
}
/*# sourceMappingURL=_0q7rff5._.css.map*/