.carrousel-auth-required {
padding: 16px;
border: 1px solid rgba(255, 214, 164, 0.16);
border-radius: 8px;
background: #080403;
color: #fff8ef;
}
.carrousel-front-app {
min-height: 100vh;
background: #050302;
color: #fff8ef;
}
.carrousel-front-view {
display: none;
}
.carrousel-front-view.is-active {
display: block;
}
.carrousel-front-dashboard {
padding: 24px;
}
.carrousel-front-app .carrousel-admin-nav button,
.carrousel-front-app .carrousel-action-grid button,
.carrousel-front-app .carrousel-recent-actions button {
font: inherit;
text-align: left;
cursor: pointer;
}
.carrousel-front-app .carrousel-admin-nav button {
border: 0;
background: transparent;
color: var(--cr-muted);
}
.carrousel-front-app .carrousel-action-grid button {
display: grid;
gap: 12px;
min-height: 160px;
padding: 22px;
border: 1px solid var(--cr-border);
border-radius: 18px;
background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
color: var(--cr-text);
}
.carrousel-front-app .carrousel-action-grid button i,
.carrousel-front-app .carrousel-action-grid a i {
display: inline-grid;
place-items: center;
width: 36px;
height: 36px;
border-radius: 12px;
background: rgba(255,255,255,.09);
color: var(--cr-text);
font-style: normal;
}
.carrousel-front-app .carrousel-action-grid button span {
color: var(--cr-muted);
}
.carrousel-front-app .carrousel-action-grid button em {
color: var(--cr-accent);
font-style: normal;
font-weight: 800;
}
.carrousel-front-app .carrousel-recent-actions button {
border: 0;
background: transparent;
color: var(--cr-muted);
font-size: 12px;
}
@media (max-width: 900px) {
.carrousel-front-dashboard {
padding: 14px;
}
}