.employee-demo-preview{height:100dvh;min-height:0}.employee-demo-preview-heading{display:none}.employee-demo-frame{isolation:isolate;width:100%;min-width:0;height:100%;min-height:0;position:relative;container:employee-demo/inline-size}.employee-demo-frame>.team-app.team-personal{height:100%}.employee-demo-frame .team-app.team-personal .team-topbar{padding-inline:max(16px, env(safe-area-inset-left)) max(16px, env(safe-area-inset-right))}.employee-demo-frame .team-app.team-personal :is(.team-greeting h1,.team-page-title h1){font-size:clamp(1.875rem,3.5cqw,2.625rem)}.employee-demo-frame .team-app.team-personal .team-next-shift h2{font-size:clamp(1.875rem,3.5cqw,2.5rem)}.employee-demo-frame [data-demo-preview-dialog]{width:calc(100% - 16px);max-width:calc(100% - 16px);max-height:calc(100% - 16px);padding:16px}.employee-demo-frame [data-demo-preview-popover]{max-width:calc(100cqw - 24px)}@media (width>=768px) and (hover:hover) and (pointer:fine){.employee-demo-preview{background:var(--background);grid-template-rows:auto minmax(0,1fr);justify-items:center;gap:12px;padding:16px;display:grid}.employee-demo-preview-heading{gap:4px;width:min(100%,392px);font-size:.875rem;display:grid}.employee-demo-preview-heading>span{color:var(--muted-foreground);font-size:.75rem}.employee-demo-frame{border:1px solid var(--border);border-radius:28px;width:392px;max-width:100%;max-height:844px;overflow:hidden;transform:translateZ(0);box-shadow:0 12px 36px #0f172a1f}}@container employee-demo (width<=760px){.employee-demo-frame .team-app.team-personal .team-quick-stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr))}.employee-demo-frame .team-app.team-personal .team-content{scrollbar-gutter:auto;gap:20px;padding:20px 16px 24px}.employee-demo-frame .team-app.team-personal .team-center-line{gap:8px;padding-bottom:12px}.employee-demo-frame .team-app.team-personal .team-home-grid{grid-template-columns:minmax(0,1fr);gap:14px}.employee-demo-frame .team-app.team-personal .team-two-columns{grid-template-columns:minmax(0,1fr);gap:16px}.employee-demo-frame .team-personal .team-quick-stats svg{width:17px;height:17px}.employee-demo-frame .team-app.team-personal .team-next-shift{padding:24px}.employee-demo-frame .team-app.team-personal .team-quick-stats>button{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding:18px;display:grid}.employee-demo-frame .team-personal .team-summary-link>strong{grid-area:1/2/3;font-size:1.75rem}.employee-demo-frame .team-personal .team-summary-link>span{grid-column:1}.employee-demo-frame .team-personal .team-summary-arrow{display:none}.employee-demo-frame .team-app.team-personal .team-quick-stats>.team-contract-summary{padding:0 4px}.employee-demo-frame .team-personal .team-work-grid--personal{grid-template-columns:minmax(0,1fr)}.employee-demo-frame .team-personal .team-document-row-with-download{grid-template-columns:40px minmax(0,1fr)}.employee-demo-frame .team-personal .team-document-download{grid-column:2;justify-self:start;max-width:100%}.employee-demo-frame .team-personal .sm\:grid-cols-2{grid-template-columns:minmax(0,1fr)}.employee-demo-frame .team-personal :is(.misenia-input,.misenia-date-field__input){font-size:var(--type-control-mobile)}.employee-demo-frame .team-personal [aria-label="Reconocimientos del equipo"]>:is(header,div){padding:16px}.employee-demo-frame .team-personal [aria-label="Reconocimientos del equipo"]>header h2{font-size:.875rem}.employee-demo-frame [data-demo-preview-dialog]>.text-center{text-align:center}.employee-demo-frame [data-demo-preview-dialog]>button.absolute{top:8px;right:8px}}@container employee-demo (width<=380px){.employee-demo-frame .team-app.team-personal .team-topbar{gap:8px;padding-inline:12px}.employee-demo-frame .team-app.team-personal .team-content{padding-inline:12px}.employee-demo-frame .team-app.team-personal .team-next-shift{padding:20px}.employee-demo-frame .team-app.team-personal .team-quick-stats>button{gap:8px;padding:14px}.employee-demo-frame .team-personal .team-work-heading>span{display:none}:where(.employee-demo-frame) .team-personal .team-work-card{gap:12px;padding:16px}}@media (width>=768px) and (hover:hover) and (pointer:fine) and (height<=600px){.employee-demo-preview{grid-template-rows:minmax(0,1fr);padding-block:0}.employee-demo-preview-heading{display:none}}