.loading-demo.preview-placeholder{--placeholder-navigation:var(--color-blue-950,#172554);display:block;padding:0;overflow:hidden;text-align:left}.preview-placeholder[data-view=admin]{--placeholder-navigation:var(--admin-sidebar-background,#0f5145)}.preview-placeholder-layout{display:flex;flex-direction:column;width:100%;height:100%}.preview-placeholder[data-device=desktop] .preview-placeholder-layout{padding-left:256px}.preview-placeholder-block{flex-shrink:0;background:#edf0f4}.preview-placeholder-sidebar{position:absolute;inset:0 auto 0 0;width:256px;padding:28px 24px;background:var(--placeholder-navigation)}.preview-placeholder-action-bar .preview-placeholder-block,.preview-placeholder-sidebar .preview-placeholder-block{background:rgb(255 255 255/18%)}.preview-placeholder-logo{width:180px;height:28px;margin-bottom:64px}.preview-placeholder-nav-item{width:170px;height:20px;margin-bottom:36px}.preview-placeholder-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:20px;height:64px;padding:16px 32px}.preview-placeholder-header>span{white-space:nowrap;font-size:14px}.preview-placeholder-content{flex:1;min-height:0;padding:24px 32px;overflow:hidden}.preview-placeholder-heading{height:22px;width:240px;max-width:46%}.preview-placeholder-lines{flex:1;min-width:0;display:grid;gap:12px}.preview-placeholder-line{height:14px;width:76%}.preview-placeholder-line.short{width:44%}.preview-placeholder-search{height:44px;width:100%}.preview-placeholder-filters{display:flex;gap:12px;margin:18px 0 28px;overflow:hidden}.preview-placeholder-chip{width:100px;height:28px;border-radius:20px}.preview-placeholder-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.preview-placeholder-offer{display:flex;align-items:center;gap:20px;padding:20px;border:1px solid #edf0f4;border-radius:12px}.preview-placeholder-thumbnail{width:140px;aspect-ratio:1.618;border-radius:10px}.preview-placeholder-conversations{border-top:1px solid #edf0f4}.preview-placeholder-conversation{display:flex;align-items:center;gap:16px;padding:22px 16px;border-bottom:1px solid #edf0f4}.preview-placeholder-avatar{width:48px;height:48px;border-radius:50%}.preview-placeholder-time{width:40px;height:12px}.preview-placeholder-profile{overflow:hidden;border:1px solid #edf0f4;border-radius:16px}.preview-placeholder-photo{width:100%;aspect-ratio:1;border-radius:0}.preview-placeholder-profile-copy{display:grid;gap:20px;padding:20px}.preview-placeholder-profile-actions{display:flex;justify-content:center;gap:28px;padding:12px 20px 20px}.preview-placeholder-ticket{display:flex;flex-direction:column;align-items:center;gap:28px;border:1px solid #edf0f4;border-radius:24px;padding:32px 24px;margin-top:28px}.preview-placeholder-code{width:224px;aspect-ratio:1;border-radius:16px;margin-bottom:8px}.preview-placeholder-ticket-row{display:flex;align-items:center;gap:16px;width:100%}.preview-placeholder-icon{width:24px;height:24px}.preview-placeholder-map-layout{display:flex;flex-direction:column;gap:24px;height:100%}.preview-placeholder-map-layout>.preview-placeholder-lines{flex:none}.preview-placeholder-map{flex:1;min-height:0;width:100%;border-radius:12px}.preview-placeholder-course-heading{display:flex;align-items:center;gap:24px;margin-bottom:24px}.preview-placeholder-course-heading>.preview-placeholder-thumbnail{width:96px}.preview-placeholder-form{display:grid;gap:24px;max-width:960px;padding-top:16px}.preview-placeholder-fields{display:grid;grid-template-columns:2fr 1fr;gap:24px}.preview-placeholder-input{width:100%;height:44px;margin-top:12px}.preview-placeholder-textarea{width:100%;height:160px}.preview-placeholder-action-bar{flex-shrink:0;display:flex;align-items:center;justify-content:space-around;height:64px;background:var(--placeholder-navigation)}.preview-placeholder[data-device=phone] .preview-placeholder-header{padding-inline:16px;gap:16px}.preview-placeholder[data-device=phone] .preview-placeholder-header>span{font-size:12px}.preview-placeholder[data-device=phone] .preview-placeholder-content{padding:12px}.preview-placeholder[data-device=phone] .preview-placeholder-cards{grid-template-columns:1fr;gap:12px}.preview-placeholder[data-device=phone] .preview-placeholder-offer{gap:16px;padding:12px}.preview-placeholder[data-device=phone] .preview-placeholder-thumbnail{width:96px}.preview-placeholder[data-device=phone] .preview-placeholder-filters{gap:8px;margin-block:16px}.preview-placeholder[data-device=phone] .preview-placeholder-chip{width:88px;height:24px}