.image-kit-showcase-module__6h-_dq__showcase{--image-navy:var(--form-navy,#071b4a);--image-primary:var(--form-primary,#0868f2);--image-muted:var(--form-muted,#52627d);--image-border:var(--form-border,#d7dfea);--image-success:var(--form-success,#169b5b);--image-danger:var(--form-danger,#ed3f46);width:100%;min-width:0;color:var(--image-navy);container:image-kit/inline-size}.image-kit-showcase-module__6h-_dq__workspace{grid-template-columns:minmax(0,1fr);align-items:start;gap:18px;display:grid}.image-kit-showcase-module__6h-_dq__catalogGrid{grid-template-columns:minmax(0,1fr);grid-auto-flow:row;align-items:stretch;gap:18px;min-width:0;display:grid}.image-kit-showcase-module__6h-_dq__sectionCard,.image-kit-showcase-module__6h-_dq__examplePanel{background:#fff;border:1px solid #dfe6ef;border-radius:8px;min-width:0;box-shadow:0 2px 9px #132b4f08}.image-kit-showcase-module__6h-_dq__sectionCard{padding:clamp(15px,1.6vw,22px)}.image-kit-showcase-module__6h-_dq__sectionTitle{align-items:center;gap:8px;margin:0 0 16px;font-size:13px;font-weight:750;line-height:19px;display:flex}.image-kit-showcase-module__6h-_dq__sectionTitle>span{color:#fff;background:var(--image-primary);font-variant-numeric:tabular-nums;border-radius:50%;flex:0 0 22px;place-items:center;width:22px;height:22px;font-size:9px;display:grid}.image-kit-showcase-module__6h-_dq__miniLabel,.image-kit-showcase-module__6h-_dq__profileStates figcaption,.image-kit-showcase-module__6h-_dq__profileState>span:first-child,.image-kit-showcase-module__6h-_dq__thumbnailGrid figcaption,.image-kit-showcase-module__6h-_dq__coverGrid figcaption{color:#263754;margin:0 0 7px;font-size:7.5px;font-weight:700;line-height:11px}.image-kit-showcase-module__6h-_dq__avatarCard,.image-kit-showcase-module__6h-_dq__profileCard,.image-kit-showcase-module__6h-_dq__thumbnailCard,.image-kit-showcase-module__6h-_dq__coverCard,.image-kit-showcase-module__6h-_dq__imageCardsCard,.image-kit-showcase-module__6h-_dq__uploadStatesCard,.image-kit-showcase-module__6h-_dq__galleryCard,.image-kit-showcase-module__6h-_dq__previewCard,.image-kit-showcase-module__6h-_dq__cropCard,.image-kit-showcase-module__6h-_dq__placeholderCard,.image-kit-showcase-module__6h-_dq__responsiveCard,.image-kit-showcase-module__6h-_dq__fileInfoCard,.image-kit-showcase-module__6h-_dq__tipsCard{grid-column:1/-1}.image-kit-showcase-module__6h-_dq__avatarGroups{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:14px;display:grid}.image-kit-showcase-module__6h-_dq__avatarRow{align-items:flex-end;gap:8px;min-width:0;display:flex}.image-kit-showcase-module__6h-_dq__avatarItem{flex:1 1 0;justify-items:center;gap:5px;min-width:0;margin:0;display:grid}.image-kit-showcase-module__6h-_dq__avatarImage,.image-kit-showcase-module__6h-_dq__initialAvatar{width:var(--avatar-size);height:var(--avatar-size);flex:0 0 var(--avatar-size);border-radius:50%}.image-kit-showcase-module__6h-_dq__avatarImage{object-fit:cover;border:1px solid #dbe3ee}.image-kit-showcase-module__6h-_dq__initialAvatar{color:#075ee6;font-size:clamp(7px, calc(var(--avatar-size) * .32), 18px);background:#dceaff;place-items:center;font-weight:700;display:grid}.image-kit-showcase-module__6h-_dq__avatarItem figcaption{color:#8290a4;justify-items:center;font-size:6.5px;line-height:9px;display:grid}.image-kit-showcase-module__6h-_dq__avatarItem figcaption strong{color:#31415d;font-size:7px}.image-kit-showcase-module__6h-_dq__profileStates{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:18px;display:grid}.image-kit-showcase-module__6h-_dq__profileStates figure,.image-kit-showcase-module__6h-_dq__profileState{justify-items:center;min-width:0;margin:0;display:grid}.image-kit-showcase-module__6h-_dq__profileStates figcaption,.image-kit-showcase-module__6h-_dq__profileState>span:first-child{justify-self:start}.image-kit-showcase-module__6h-_dq__profileRound,.image-kit-showcase-module__6h-_dq__profileSquare,.image-kit-showcase-module__6h-_dq__editablePhoto,.image-kit-showcase-module__6h-_dq__avatarFallback{width:68px;height:68px}.image-kit-showcase-module__6h-_dq__profileRound{object-fit:cover;border-radius:50%}.image-kit-showcase-module__6h-_dq__profileSquare{object-fit:cover;border-radius:7px}.image-kit-showcase-module__6h-_dq__profileStates small,.image-kit-showcase-module__6h-_dq__profileState small{color:#8794a7;margin-top:4px;font-size:6.5px;line-height:10px}.image-kit-showcase-module__6h-_dq__editablePhoto,.image-kit-showcase-module__6h-_dq__avatarFallback{border-radius:7px;place-items:center;display:grid}.image-kit-showcase-module__6h-_dq__editablePhoto{color:var(--image-primary);cursor:pointer;background:#f6faff;border:1px dashed #8db8ff;align-content:center;gap:3px}.image-kit-showcase-module__6h-_dq__editablePhoto strong{font-size:7px}.image-kit-showcase-module__6h-_dq__avatarFallback{color:#9aa7b9;background:#e9edf3;border-radius:50%}.image-kit-showcase-module__6h-_dq__thumbnailGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.image-kit-showcase-module__6h-_dq__thumbnailGrid figure{gap:4px;min-width:0;margin:0;display:grid}.image-kit-showcase-module__6h-_dq__thumbnailFrame{aspect-ratio:1.45;background:#f4f7fa;border:1px solid #e1e6ee;border-radius:5px;place-items:center;min-height:0;display:grid;overflow:hidden}.image-kit-showcase-module__6h-_dq__thumbnailFrame img{object-fit:cover;width:100%;height:100%}.image-kit-showcase-module__6h-_dq__thumbnailGrid small{color:#42516b;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:6.5px;line-height:9px;overflow:hidden}.image-kit-showcase-module__6h-_dq__documentThumb{color:#ed3f46;place-items:center;display:grid;position:relative}.image-kit-showcase-module__6h-_dq__documentThumb b{color:#fff;background:#ed3f46;border-radius:2px;padding:1px 3px;font-size:5px;position:absolute;bottom:-2px;right:-8px}.image-kit-showcase-module__6h-_dq__coverGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.image-kit-showcase-module__6h-_dq__coverGrid figure{min-width:0;margin:0}.image-kit-showcase-module__6h-_dq__coverGrid img{object-fit:cover;border-radius:5px;width:100%;height:69px;display:block}.image-kit-showcase-module__6h-_dq__coverGrid figure:nth-child(2) img{filter:saturate(.8)brightness(.72)hue-rotate(168deg)}.image-kit-showcase-module__6h-_dq__coverGrid figure:nth-child(3) img{object-position:center 24%}.image-kit-showcase-module__6h-_dq__imageCardGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.image-kit-showcase-module__6h-_dq__imageCard{background:#fff;border:1px solid #e0e6ee;border-radius:6px;min-width:0;overflow:hidden}.image-kit-showcase-module__6h-_dq__imageCardMedia{background:#edf1f6;height:84px;position:relative;overflow:hidden}.image-kit-showcase-module__6h-_dq__imageCardMedia img{object-fit:cover;width:100%;height:100%}.image-kit-showcase-module__6h-_dq__imageCardMedia>span{color:#3a4962;background:#f0f2f5;border-radius:3px;padding:2px 5px;font-size:5.5px;font-weight:700;position:absolute;top:5px;left:5px}.image-kit-showcase-module__6h-_dq__imageCardMedia>span[data-tone=success]{color:#087f45;background:#dff6e9}.image-kit-showcase-module__6h-_dq__imageCardMedia>span[data-tone=info]{color:#075ee6;background:#deebff}.image-kit-showcase-module__6h-_dq__imageCardCopy{justify-content:space-between;align-items:flex-start;gap:4px;min-width:0;padding:7px;display:flex}.image-kit-showcase-module__6h-_dq__imageCardCopy>span{gap:2px;min-width:0;display:grid}.image-kit-showcase-module__6h-_dq__imageCardCopy strong{text-overflow:ellipsis;white-space:nowrap;font-size:7.5px;line-height:11px;overflow:hidden}.image-kit-showcase-module__6h-_dq__imageCardCopy small{color:#77869b;font-size:5.7px;line-height:8px}.image-kit-showcase-module__6h-_dq__imageCardCopy button,.image-kit-showcase-module__6h-_dq__fileActions button,.image-kit-showcase-module__6h-_dq__employeeAvatar button{color:#596981;cursor:pointer;background:0 0;border:0}.image-kit-showcase-module__6h-_dq__imageCardCopy button{padding:0 2px;font-size:14px;line-height:16px}.image-kit-showcase-module__6h-_dq__uploadStates{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.image-kit-showcase-module__6h-_dq__uploadState{align-content:start;gap:5px;min-width:0;display:grid}.image-kit-showcase-module__6h-_dq__uploadState>strong{font-size:6.5px;line-height:10px}.image-kit-showcase-module__6h-_dq__smallDropzone,.image-kit-showcase-module__6h-_dq__uploadPreview{color:#305178;text-align:center;background:#fbfcfe;border:1px dashed #aebcd0;border-radius:5px;align-content:center;justify-items:center;gap:4px;min-height:92px;padding:7px 4px;display:grid}label.image-kit-showcase-module__6h-_dq__smallDropzone{cursor:pointer}.image-kit-showcase-module__6h-_dq__smallDropzone span,.image-kit-showcase-module__6h-_dq__smallDropzone b,.image-kit-showcase-module__6h-_dq__smallDropzone small,.image-kit-showcase-module__6h-_dq__uploadPreview small{overflow-wrap:anywhere;font-size:5.8px;line-height:8px}.image-kit-showcase-module__6h-_dq__smallDropzone b{font-weight:650}.image-kit-showcase-module__6h-_dq__smallDropzone small,.image-kit-showcase-module__6h-_dq__uploadPreview small{color:#74839a}.image-kit-showcase-module__6h-_dq__draggingDropzone{color:var(--image-primary);background:#f2f7ff;border-color:#4088f7}.image-kit-showcase-module__6h-_dq__successDropzone{color:var(--image-success);background:#f4fcf7;border-color:#6dce99}.image-kit-showcase-module__6h-_dq__errorDropzone{color:var(--image-danger);background:#fff8f8;border-color:#ff9297}.image-kit-showcase-module__6h-_dq__errorDropzone button,.image-kit-showcase-module__6h-_dq__restoreUpload{min-height:20px;color:var(--image-primary);cursor:pointer;background:#fff;border:1px solid;border-radius:4px;padding:2px 6px;font-size:5.7px}.image-kit-showcase-module__6h-_dq__restoreUpload{border-style:dashed;min-height:92px}.image-kit-showcase-module__6h-_dq__uploadPreview{border-style:solid;overflow:hidden}.image-kit-showcase-module__6h-_dq__uploadPreview img{object-fit:cover;border-radius:3px;width:calc(100% + 8px);height:48px;margin-top:-3px}.image-kit-showcase-module__6h-_dq__progressTrack{background:#dbe3ed;border-radius:999px;width:90%;height:3px;display:block;overflow:hidden}.image-kit-showcase-module__6h-_dq__progressTrack>span{border-radius:inherit;background:var(--image-primary);height:100%;display:block}.image-kit-showcase-module__6h-_dq__galleryLegend{color:#5c6b82;flex-wrap:wrap;gap:12px;margin-top:8px;font-size:6px;display:flex}.image-kit-showcase-module__6h-_dq__galleryLegend span{align-items:center;gap:4px;display:inline-flex}.image-kit-showcase-module__6h-_dq__galleryLegend i{border:1px solid #b9c4d2;border-radius:2px;width:6px;height:6px}.image-kit-showcase-module__6h-_dq__galleryLegend i[data-state=hover]{border-color:#7cabf5}.image-kit-showcase-module__6h-_dq__galleryLegend i[data-state=selected]{border-color:var(--image-primary);background:var(--image-primary)}.image-kit-showcase-module__6h-_dq__galleryLegend i[data-state=disabled]{background:#dfe4eb}.image-kit-showcase-module__6h-_dq__previewLayout{grid-template-columns:minmax(0,1.7fr) minmax(110px,.75fr);gap:20px;display:grid}.image-kit-showcase-module__6h-_dq__previewMedia{background:#0d1728;border-radius:6px;min-width:0;min-height:170px;position:relative;overflow:hidden}.image-kit-showcase-module__6h-_dq__previewMedia>img{object-fit:cover;width:100%;height:100%}.image-kit-showcase-module__6h-_dq__previewMedia>span{color:#fff;background:#040f23a6;border-radius:3px;padding:3px 5px;font-size:6px;position:absolute;top:6px;left:7px}.image-kit-showcase-module__6h-_dq__previewMedia>button:not(.image-kit-showcase-module__6h-_dq__openLightbox){color:#1d3152;cursor:pointer;background:#ffffffe6;border:0;border-radius:4px;place-items:center;width:21px;height:27px;padding:0;font-size:21px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.image-kit-showcase-module__6h-_dq__previewMedia>button:first-of-type{left:7px}.image-kit-showcase-module__6h-_dq__previewMedia>button:nth-of-type(2){right:7px}.image-kit-showcase-module__6h-_dq__openLightbox{color:#fff;cursor:pointer;background:#040f23b3;border:0;border-radius:4px;align-items:center;gap:4px;padding:4px 7px;font-size:6px;display:inline-flex;position:absolute;bottom:7px;right:7px}.image-kit-showcase-module__6h-_dq__previewDetails{min-width:0}.image-kit-showcase-module__6h-_dq__previewDetails>strong{text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;font-size:7.5px;line-height:11px;display:block;overflow:hidden}.image-kit-showcase-module__6h-_dq__previewDetails dl,.image-kit-showcase-module__6h-_dq__fileInfo dl,.image-kit-showcase-module__6h-_dq__employeeIdentity dl{gap:5px;min-width:0;margin:0;display:grid}.image-kit-showcase-module__6h-_dq__previewDetails dl>div{gap:1px;display:grid}.image-kit-showcase-module__6h-_dq__previewDetails dt,.image-kit-showcase-module__6h-_dq__previewDetails dd{margin:0;font-size:5.8px;line-height:9px}.image-kit-showcase-module__6h-_dq__previewDetails dt{color:#77859a;font-weight:600}.image-kit-showcase-module__6h-_dq__previewDetails dd{color:#253653}.image-kit-showcase-module__6h-_dq__previewTags{gap:4px;margin-top:7px;display:flex}.image-kit-showcase-module__6h-_dq__previewTags span{color:#506078;background:#eff3f8;border-radius:999px;padding:2px 5px;font-size:5.7px}.image-kit-showcase-module__6h-_dq__lightboxBackdrop{z-index:1000;background:#020916d1;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.image-kit-showcase-module__6h-_dq__lightboxDialog{color:#fff;background:#0c1729;border-radius:10px;width:min(960px,94vw);max-height:92vh;overflow:auto;box-shadow:0 24px 70px #00000061}.image-kit-showcase-module__6h-_dq__lightboxHeader{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;min-height:48px;padding:0 14px;font-size:12px;display:grid}.image-kit-showcase-module__6h-_dq__lightboxHeader>span:first-child{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.image-kit-showcase-module__6h-_dq__lightboxHeader button{color:#fff;cursor:pointer;background:#ffffff1a;border:0;border-radius:6px;place-items:center;width:34px;height:34px;padding:0;display:grid}.image-kit-showcase-module__6h-_dq__lightboxMedia{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;padding:0 12px;display:grid}.image-kit-showcase-module__6h-_dq__lightboxMedia img{object-fit:contain;border-radius:6px;width:100%;max-height:72vh}.image-kit-showcase-module__6h-_dq__lightboxMedia button{color:#fff;cursor:pointer;background:#ffffff1a;border:0;border-radius:7px;height:54px;font-size:30px}.image-kit-showcase-module__6h-_dq__lightboxDialog>p{color:#b8c5d8;text-align:center;margin:10px 14px 14px;font-size:10px}.image-kit-showcase-module__6h-_dq__cropLayout{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));align-items:start;gap:clamp(20px,3vw,38px);display:grid}.image-kit-showcase-module__6h-_dq__cropControls{align-content:start;gap:14px;min-width:0;display:grid}.image-kit-showcase-module__6h-_dq__cropDragHint{color:#365477;background:#f4f8ff;border:1px solid #cfe0fa;border-radius:7px;margin:0;padding:10px 12px;font-size:9px;line-height:14px}.image-kit-showcase-module__6h-_dq__cropPosition{color:#40506a;justify-content:space-between;align-items:center;gap:12px;font-size:9px;font-weight:700;display:flex}.image-kit-showcase-module__6h-_dq__cropPosition output{color:var(--image-primary);font-variant-numeric:tabular-nums;background:#eef5ff;border-radius:5px;padding:4px 8px}.image-kit-showcase-module__6h-_dq__cropControls label,.image-kit-showcase-module__6h-_dq__cropControls fieldset{border:0;gap:5px;min-width:0;margin:0;padding:0;display:grid}.image-kit-showcase-module__6h-_dq__cropControls label>span,.image-kit-showcase-module__6h-_dq__cropControls legend{color:#40506a;justify-content:space-between;width:100%;padding:0;font-size:9px;font-weight:700;display:flex}.image-kit-showcase-module__6h-_dq__cropControls output{color:var(--image-primary)}.image-kit-showcase-module__6h-_dq__cropControls input{width:100%;accent-color:var(--image-primary)}.image-kit-showcase-module__6h-_dq__cropControls fieldset:not(.image-kit-showcase-module__6h-_dq__aspectControls){grid-template-columns:repeat(2,1fr)}.image-kit-showcase-module__6h-_dq__cropControls fieldset legend{grid-column:1/-1}.image-kit-showcase-module__6h-_dq__cropControls fieldset button{color:#40516e;cursor:pointer;background:#fff;border:1px solid #d5dfeb;border-radius:4px;min-height:36px}.image-kit-showcase-module__6h-_dq__mirroredIcon{transform:scaleX(-1)}.image-kit-showcase-module__6h-_dq__aspectControls{grid-template-columns:repeat(3,1fr)}.image-kit-showcase-module__6h-_dq__aspectControls button{font-size:9px}.image-kit-showcase-module__6h-_dq__aspectControls button[aria-pressed=true]{border-color:var(--image-primary);color:var(--image-primary);background:#f1f6ff}.image-kit-showcase-module__6h-_dq__cropActions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.image-kit-showcase-module__6h-_dq__placeholderGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.image-kit-showcase-module__6h-_dq__placeholderGrid>div{text-align:center;gap:5px;min-width:0;display:grid}.image-kit-showcase-module__6h-_dq__placeholderGrid strong{font-size:6px;line-height:9px}.image-kit-showcase-module__6h-_dq__placeholderGrid>div>span{color:#8390a3;background:#f8fafc;border:1px dashed #cbd4e0;border-radius:5px;align-content:center;justify-items:center;gap:5px;min-height:96px;padding:6px;display:grid}.image-kit-showcase-module__6h-_dq__placeholderGrid small{font-size:5.3px;line-height:8px}.image-kit-showcase-module__6h-_dq__deviceExamples{grid-template-columns:minmax(0,1.5fr) 18px minmax(75px,.7fr);align-items:center;gap:14px;display:grid}.image-kit-showcase-module__6h-_dq__desktopDevice,.image-kit-showcase-module__6h-_dq__mobileDevice{background:#fff;border:1px solid #d6deea;overflow:hidden;box-shadow:0 3px 10px #18305412}.image-kit-showcase-module__6h-_dq__desktopDevice{border-radius:5px;padding:7px}.image-kit-showcase-module__6h-_dq__desktopDevice>span{margin-bottom:5px;font-size:6px;font-weight:700;display:block}.image-kit-showcase-module__6h-_dq__desktopDevice>div{grid-template-columns:repeat(3,1fr);gap:3px;display:grid}.image-kit-showcase-module__6h-_dq__desktopDevice img{object-fit:cover;border-radius:2px;width:100%;height:30px}.image-kit-showcase-module__6h-_dq__responsiveArrow{color:var(--image-primary)}.image-kit-showcase-module__6h-_dq__responsiveArrow [data-ui-icon]{width:18px;height:18px}.image-kit-showcase-module__6h-_dq__mobileDevice{border-radius:8px}.image-kit-showcase-module__6h-_dq__mobileDevice>img{object-fit:cover;width:100%;height:65px}.image-kit-showcase-module__6h-_dq__mobileDevice>span{gap:2px;padding:5px;display:grid}.image-kit-showcase-module__6h-_dq__mobileDevice strong{font-size:5.5px}.image-kit-showcase-module__6h-_dq__mobileDevice small{color:#718097;font-size:4.7px}.image-kit-showcase-module__6h-_dq__viewMore{color:var(--image-primary);cursor:pointer;background:0 0;border:0;margin:7px auto 0;font-size:6px;font-weight:700;display:block}.image-kit-showcase-module__6h-_dq__fileInfo{grid-template-columns:104px minmax(0,1fr) auto;align-items:stretch;gap:18px;display:grid}.image-kit-showcase-module__6h-_dq__fileInfo>img{object-fit:cover;border-radius:5px;width:104px;height:76px}.image-kit-showcase-module__6h-_dq__fileInfo dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 12px}.image-kit-showcase-module__6h-_dq__fileInfo dl>div{grid-template-columns:minmax(54px,auto) minmax(0,1fr);gap:5px;display:grid}.image-kit-showcase-module__6h-_dq__fileInfo dt,.image-kit-showcase-module__6h-_dq__fileInfo dd{margin:0;font-size:5.8px;line-height:9px}.image-kit-showcase-module__6h-_dq__fileInfo dt{color:#748299}.image-kit-showcase-module__6h-_dq__fileInfo dl>div:first-child{grid-column:1/-1}.image-kit-showcase-module__6h-_dq__fileInfo dl>div:first-child dt{color:var(--image-navy);font-weight:700}.image-kit-showcase-module__6h-_dq__fileInfo dl>div:first-child dd span{color:#087f45;background:#e2f7eb;border-radius:999px;padding:1px 5px}.image-kit-showcase-module__6h-_dq__fileActions{align-items:flex-end;gap:3px;display:flex}.image-kit-showcase-module__6h-_dq__fileActions button{color:#42628c;border:1px solid #dbe3ed;border-radius:4px;place-items:center;width:24px;height:24px;padding:0;display:grid}.image-kit-showcase-module__6h-_dq__tipsList{gap:10px;margin:0;padding:0;list-style:none;display:grid}.image-kit-showcase-module__6h-_dq__tipsList li{color:#4b5b74;align-items:flex-start;gap:6px;font-size:6.2px;line-height:9px;display:flex}.image-kit-showcase-module__6h-_dq__tipsList li>span:first-child{color:var(--image-primary)}.image-kit-showcase-module__6h-_dq__examplePanel{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:clamp(16px,1.8vw,24px);display:grid;position:static}.image-kit-showcase-module__6h-_dq__exampleHeading,.image-kit-showcase-module__6h-_dq__examplePanel>button,.image-kit-showcase-module__6h-_dq__saveMessage{grid-column:1/-1}.image-kit-showcase-module__6h-_dq__employeeProfile{grid-row:span 2}.image-kit-showcase-module__6h-_dq__exampleHeading{color:var(--image-primary);align-items:flex-start;gap:8px;margin-bottom:14px;display:flex}.image-kit-showcase-module__6h-_dq__exampleHeading>span{min-width:0}.image-kit-showcase-module__6h-_dq__exampleHeading h3,.image-kit-showcase-module__6h-_dq__exampleHeading p,.image-kit-showcase-module__6h-_dq__employeeProfile h4,.image-kit-showcase-module__6h-_dq__employeeProfile p,.image-kit-showcase-module__6h-_dq__exampleSectionHeader h4,.image-kit-showcase-module__6h-_dq__exampleUpload h4,.image-kit-showcase-module__6h-_dq__saveMessage{margin:0}.image-kit-showcase-module__6h-_dq__exampleHeading h3{font-size:11px;line-height:16px}.image-kit-showcase-module__6h-_dq__exampleHeading p{color:#52627a;margin-top:2px;font-size:6.5px;line-height:10px}.image-kit-showcase-module__6h-_dq__employeeProfile h4,.image-kit-showcase-module__6h-_dq__exampleSectionHeader h4,.image-kit-showcase-module__6h-_dq__exampleUpload h4{font-size:8px;line-height:12px}.image-kit-showcase-module__6h-_dq__employeeProfile>p{color:#63738a;margin:3px 0 5px;font-size:6px}.image-kit-showcase-module__6h-_dq__employeeCover{border-radius:5px;height:105px;position:relative;overflow:hidden}.image-kit-showcase-module__6h-_dq__employeeCover>img{object-fit:cover;width:100%;height:100%}.image-kit-showcase-module__6h-_dq__employeeCover>label{color:#17345c;cursor:pointer;background:#ffffffeb;border-radius:4px;align-items:center;gap:4px;padding:5px 7px;font-size:6px;font-weight:650;display:inline-flex;position:absolute;bottom:6px;right:6px}.image-kit-showcase-module__6h-_dq__employeeIdentity{grid-template-columns:72px minmax(0,1fr);gap:10px;min-height:82px;margin-bottom:12px;display:grid;position:relative}.image-kit-showcase-module__6h-_dq__employeeAvatar{background:#fff;border:3px solid #fff;border-radius:50%;width:70px;height:70px;margin:-21px 0 0 8px;display:block;position:relative}.image-kit-showcase-module__6h-_dq__employeeAvatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.image-kit-showcase-module__6h-_dq__employeeAvatar button{width:21px;height:21px;color:var(--image-primary);background:#f1f6ff;border:2px solid #fff;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;bottom:1px;right:-2px}.image-kit-showcase-module__6h-_dq__employeeIdentity dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding-top:8px}.image-kit-showcase-module__6h-_dq__employeeIdentity dl>div{min-width:0}.image-kit-showcase-module__6h-_dq__employeeIdentity dl>div:last-child{grid-column:1/-1}.image-kit-showcase-module__6h-_dq__employeeIdentity dt,.image-kit-showcase-module__6h-_dq__employeeIdentity dd{margin:0}.image-kit-showcase-module__6h-_dq__employeeIdentity dt{color:#586981;margin-bottom:2px;font-size:5.5px;font-weight:650}.image-kit-showcase-module__6h-_dq__employeeIdentity dd{text-overflow:ellipsis;white-space:nowrap;border:1px solid #dce4ee;border-radius:4px;padding:5px 6px;font-size:6px;overflow:hidden}.image-kit-showcase-module__6h-_dq__exampleGallery,.image-kit-showcase-module__6h-_dq__exampleUpload{margin-bottom:14px}.image-kit-showcase-module__6h-_dq__exampleSectionHeader{justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px;display:flex}.image-kit-showcase-module__6h-_dq__exampleSectionHeader label{color:var(--image-primary);cursor:pointer;border:1px solid #a8c8fb;border-radius:4px;align-items:center;gap:3px;padding:4px 7px;font-size:5.5px;font-weight:650;display:inline-flex}.image-kit-showcase-module__6h-_dq__exampleGalleryGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.image-kit-showcase-module__6h-_dq__exampleGalleryGrid img,.image-kit-showcase-module__6h-_dq__exampleGalleryGrid>label{aspect-ratio:1.2;border-radius:4px;width:100%}.image-kit-showcase-module__6h-_dq__exampleGalleryGrid img{object-fit:cover}.image-kit-showcase-module__6h-_dq__exampleGalleryGrid>label{color:var(--image-primary);cursor:pointer;border:1px dashed #b8c6d8;place-items:center;display:grid}.image-kit-showcase-module__6h-_dq__exampleUpload h4{margin-bottom:6px}.image-kit-showcase-module__6h-_dq__exampleUpload>label{min-height:98px;color:var(--image-primary);cursor:pointer;text-align:center;background:#fbfcfe;border:1px dashed #a5b9d4;border-radius:5px;align-content:center;justify-items:center;gap:4px;padding:10px;display:grid}.image-kit-showcase-module__6h-_dq__exampleUpload strong,.image-kit-showcase-module__6h-_dq__exampleUpload small{font-size:6px;line-height:9px}.image-kit-showcase-module__6h-_dq__exampleUpload small{color:#718097}.image-kit-showcase-module__6h-_dq__saveMessage{min-height:12px;color:var(--image-success);text-align:center;padding-top:5px;font-size:6px}.image-kit-showcase-module__6h-_dq__visuallyHidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.image-kit-showcase-module__6h-_dq__showcase button:focus-visible,.image-kit-showcase-module__6h-_dq__showcase label[for]:focus-within{outline-offset:2px;outline:3px solid #0868f238}@container image-kit (max-width:1080px){.image-kit-showcase-module__6h-_dq__workspace{grid-template-columns:minmax(0,1fr)}.image-kit-showcase-module__6h-_dq__examplePanel{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid;position:static}.image-kit-showcase-module__6h-_dq__exampleHeading,.image-kit-showcase-module__6h-_dq__examplePanel>button,.image-kit-showcase-module__6h-_dq__saveMessage{grid-column:1/-1}.image-kit-showcase-module__6h-_dq__employeeProfile{grid-row:span 2}}@container image-kit (max-width:760px){.image-kit-showcase-module__6h-_dq__catalogGrid{grid-template-columns:minmax(0,1fr);grid-auto-flow:row}.image-kit-showcase-module__6h-_dq__sectionCard,.image-kit-showcase-module__6h-_dq__profileCard,.image-kit-showcase-module__6h-_dq__coverCard,.image-kit-showcase-module__6h-_dq__uploadStatesCard,.image-kit-showcase-module__6h-_dq__previewCard,.image-kit-showcase-module__6h-_dq__fileInfoCard{grid-column:1/-1}.image-kit-showcase-module__6h-_dq__avatarGroups,.image-kit-showcase-module__6h-_dq__profileStates{grid-template-columns:repeat(2,minmax(0,1fr))}.image-kit-showcase-module__6h-_dq__coverGrid,.image-kit-showcase-module__6h-_dq__imageCardGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.image-kit-showcase-module__6h-_dq__uploadStates{grid-template-columns:repeat(5,minmax(74px,1fr));padding-bottom:3px;overflow-x:auto}.image-kit-showcase-module__6h-_dq__previewLayout{grid-template-columns:minmax(0,1.5fr) minmax(100px,.6fr)}}@container image-kit (max-width:520px){.image-kit-showcase-module__6h-_dq__avatarRow{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.image-kit-showcase-module__6h-_dq__catalogGrid,.image-kit-showcase-module__6h-_dq__examplePanel{grid-template-columns:minmax(0,1fr)}.image-kit-showcase-module__6h-_dq__sectionCard,.image-kit-showcase-module__6h-_dq__profileCard,.image-kit-showcase-module__6h-_dq__coverCard,.image-kit-showcase-module__6h-_dq__uploadStatesCard,.image-kit-showcase-module__6h-_dq__previewCard,.image-kit-showcase-module__6h-_dq__fileInfoCard,.image-kit-showcase-module__6h-_dq__exampleHeading,.image-kit-showcase-module__6h-_dq__examplePanel>button,.image-kit-showcase-module__6h-_dq__saveMessage{grid-column:1}.image-kit-showcase-module__6h-_dq__examplePanel{display:block}.image-kit-showcase-module__6h-_dq__exampleHeading,.image-kit-showcase-module__6h-_dq__exampleGallery,.image-kit-showcase-module__6h-_dq__exampleUpload{margin-bottom:14px}.image-kit-showcase-module__6h-_dq__profileStates,.image-kit-showcase-module__6h-_dq__thumbnailGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-kit-showcase-module__6h-_dq__avatarGroups,.image-kit-showcase-module__6h-_dq__coverGrid,.image-kit-showcase-module__6h-_dq__imageCardGrid,.image-kit-showcase-module__6h-_dq__previewLayout,.image-kit-showcase-module__6h-_dq__cropLayout{grid-template-columns:minmax(0,1fr)}.image-kit-showcase-module__6h-_dq__coverGrid figure:last-child,.image-kit-showcase-module__6h-_dq__imageCard:last-child{grid-column:auto}.image-kit-showcase-module__6h-_dq__previewLayout,.image-kit-showcase-module__6h-_dq__cropLayout,.image-kit-showcase-module__6h-_dq__fileInfo{grid-template-columns:minmax(0,1fr)}.image-kit-showcase-module__6h-_dq__fileInfo>img{width:100%;height:130px}.image-kit-showcase-module__6h-_dq__fileActions{align-items:center}.image-kit-showcase-module__6h-_dq__lightboxMedia{grid-template-columns:40px minmax(0,1fr) 40px;gap:4px;padding-inline:6px}.image-kit-showcase-module__6h-_dq__sectionTitle{font-size:13px;line-height:19px}.image-kit-showcase-module__6h-_dq__miniLabel,.image-kit-showcase-module__6h-_dq__profileStates figcaption,.image-kit-showcase-module__6h-_dq__profileState>span:first-child,.image-kit-showcase-module__6h-_dq__thumbnailGrid figcaption,.image-kit-showcase-module__6h-_dq__coverGrid figcaption{font-size:10px;line-height:14px}.image-kit-showcase-module__6h-_dq__avatarItem figcaption,.image-kit-showcase-module__6h-_dq__avatarItem figcaption strong{font-size:9px;line-height:13px}.image-kit-showcase-module__6h-_dq__coverGrid{gap:10px}.image-kit-showcase-module__6h-_dq__coverGrid img{height:120px}.image-kit-showcase-module__6h-_dq__imageCardMedia{height:150px}.image-kit-showcase-module__6h-_dq__imageCardCopy{padding:10px}.image-kit-showcase-module__6h-_dq__imageCardCopy strong{font-size:11px;line-height:16px}.image-kit-showcase-module__6h-_dq__imageCardCopy small,.image-kit-showcase-module__6h-_dq__thumbnailGrid small,.image-kit-showcase-module__6h-_dq__galleryLegend,.image-kit-showcase-module__6h-_dq__previewDetails dt,.image-kit-showcase-module__6h-_dq__previewDetails dd{font-size:9px;line-height:13px}.image-kit-showcase-module__6h-_dq__uploadStates{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;overflow:visible}.image-kit-showcase-module__6h-_dq__uploadState>strong,.image-kit-showcase-module__6h-_dq__smallDropzone span,.image-kit-showcase-module__6h-_dq__smallDropzone b,.image-kit-showcase-module__6h-_dq__smallDropzone small,.image-kit-showcase-module__6h-_dq__uploadPreview small{font-size:9px;line-height:13px}.image-kit-showcase-module__6h-_dq__smallDropzone,.image-kit-showcase-module__6h-_dq__uploadPreview{min-height:128px}.image-kit-showcase-module__6h-_dq__previewMedia{min-height:210px}.image-kit-showcase-module__6h-_dq__exampleGalleryGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.image-kit-showcase-module__6h-_dq__employeeCover{height:140px}.image-kit-showcase-module__6h-_dq__showcase button,.image-kit-showcase-module__6h-_dq__showcase label[for]{min-height:40px}.image-kit-showcase-module__6h-_dq__imageCardCopy button,.image-kit-showcase-module__6h-_dq__fileActions button,.image-kit-showcase-module__6h-_dq__employeeAvatar button,.image-kit-showcase-module__6h-_dq__previewMedia>button:not(.image-kit-showcase-module__6h-_dq__openLightbox),.image-kit-showcase-module__6h-_dq__lightboxHeader button{width:40px;min-width:40px;height:40px}.image-kit-showcase-module__6h-_dq__employeeAvatar button{bottom:-4px;right:-7px}.image-kit-showcase-module__6h-_dq__openLightbox,.image-kit-showcase-module__6h-_dq__errorDropzone button,.image-kit-showcase-module__6h-_dq__exampleSectionHeader label,.image-kit-showcase-module__6h-_dq__employeeCover>label,.image-kit-showcase-module__6h-_dq__viewMore{min-height:40px;padding-inline:10px;font-size:9px}.image-kit-showcase-module__6h-_dq__cropControls fieldset button,.image-kit-showcase-module__6h-_dq__cropActions button,.image-kit-showcase-module__6h-_dq__cropControls input[type=range]{min-height:40px}.image-kit-showcase-module__6h-_dq__fileActions{gap:7px}.image-kit-showcase-module__6h-_dq__lightboxBackdrop{padding:8px}.image-kit-showcase-module__6h-_dq__lightboxDialog{width:100%;max-height:calc(100dvh - 16px)}.image-kit-showcase-module__6h-_dq__lightboxHeader{grid-template-columns:minmax(0,1fr) auto auto;gap:8px;min-height:56px;padding-inline:9px;font-size:11px}.image-kit-showcase-module__6h-_dq__lightboxMedia button{min-width:40px;min-height:48px}.image-kit-showcase-module__6h-_dq__lightboxMedia img{max-height:62dvh}}
.step-progress-kit-showcase-module__8qcaIa__showcase{--step-navy:var(--form-navy,#071b4a);--step-primary:var(--form-primary,#0868f2);--step-muted:var(--form-muted,#52627d);--step-border:var(--form-border,#d7dfea);--step-success:var(--form-success,#20a464);--step-warning:var(--form-warning,#e99a18);--step-danger:var(--form-danger,#ed3f46);--step-success-solid:#087a3c;--step-danger-solid:#c62830;width:100%;min-width:0;color:var(--step-navy);container:step-progress-kit/inline-size}.step-progress-kit-showcase-module__8qcaIa__workspace{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;display:grid}.step-progress-kit-showcase-module__8qcaIa__catalogGrid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;gap:18px;min-width:0;display:grid}.step-progress-kit-showcase-module__8qcaIa__card,.step-progress-kit-showcase-module__8qcaIa__exampleCard,.step-progress-kit-showcase-module__8qcaIa__onboardingCard,.step-progress-kit-showcase-module__8qcaIa__summaryCard{background:#fff;border:1px solid #e0e6ee;border-radius:12px;min-width:0;box-shadow:0 8px 24px #172b4d0d}.step-progress-kit-showcase-module__8qcaIa__card{padding:20px}.step-progress-kit-showcase-module__8qcaIa__horizontalCard{grid-column:1/-1}.step-progress-kit-showcase-module__8qcaIa__verticalCard,.step-progress-kit-showcase-module__8qcaIa__indicatorCard{grid-column:span 6}.step-progress-kit-showcase-module__8qcaIa__chevronCard,.step-progress-kit-showcase-module__8qcaIa__workflowCatalogueCard,.step-progress-kit-showcase-module__8qcaIa__processCard{grid-column:1/-1}.step-progress-kit-showcase-module__8qcaIa__linearCard,.step-progress-kit-showcase-module__8qcaIa__segmentedCard{grid-column:span 6}.step-progress-kit-showcase-module__8qcaIa__radialCard{grid-column:1/-1}.step-progress-kit-showcase-module__8qcaIa__uploadCard,.step-progress-kit-showcase-module__8qcaIa__wizardCard{grid-column:span 6}.step-progress-kit-showcase-module__8qcaIa__legendCard{grid-column:1/-1}.step-progress-kit-showcase-module__8qcaIa__cardTitle{align-items:center;gap:10px;margin:0 0 20px;font-size:15px;font-weight:750;line-height:22px;display:flex}.step-progress-kit-showcase-module__8qcaIa__cardTitle>span{color:#fff;background:var(--step-primary);font-variant-numeric:tabular-nums;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;font-size:11px;display:grid}.step-progress-kit-showcase-module__8qcaIa__horizontalVariants{gap:18px;display:grid}.step-progress-kit-showcase-module__8qcaIa__variantRow{background:#fbfcfe;border:1px solid #e8edf4;border-radius:9px;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:18px;padding:14px;display:grid}.step-progress-kit-showcase-module__8qcaIa__variantRow>strong,.step-progress-kit-showcase-module__8qcaIa__indicatorList>div>strong,.step-progress-kit-showcase-module__8qcaIa__progressRow>strong,.step-progress-kit-showcase-module__8qcaIa__segmentedExample>strong{color:#263755;font-size:11px;font-weight:650;line-height:16px}.step-progress-kit-showcase-module__8qcaIa__stepMarkerIcon{width:17px;height:17px}.step-progress-kit-showcase-module__8qcaIa__chevronExample{gap:12px;min-width:0;display:grid}.step-progress-kit-showcase-module__8qcaIa__chevronExample>p{color:var(--gp-text-secondary);margin:0;font-size:10px;line-height:15px}.step-progress-kit-showcase-module__8qcaIa__chevronExample>.step-progress-kit-showcase-module__8qcaIa__chevronStatus{min-height:15px;color:var(--gp-info-700);font-weight:650}.step-progress-kit-showcase-module__8qcaIa__indicatorList{gap:20px;display:grid}.step-progress-kit-showcase-module__8qcaIa__indicatorList>div{background:#fbfcfe;border:1px solid #e8edf4;border-radius:9px;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:14px;padding:14px;display:grid}.step-progress-kit-showcase-module__8qcaIa__dotIndicator,.step-progress-kit-showcase-module__8qcaIa__pillIndicator,.step-progress-kit-showcase-module__8qcaIa__completedDots,.step-progress-kit-showcase-module__8qcaIa__numberIndicator{justify-content:space-between;align-items:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.step-progress-kit-showcase-module__8qcaIa__dotIndicator li{background:#cbd4e1;border-radius:50%;width:11px;height:11px}.step-progress-kit-showcase-module__8qcaIa__dotIndicator li[data-state=completed]{background:var(--step-success)}.step-progress-kit-showcase-module__8qcaIa__dotIndicator li[data-state=active]{background:var(--step-primary);width:14px;height:14px;box-shadow:0 0 0 4px #0868f21f}.step-progress-kit-showcase-module__8qcaIa__pillIndicator li,.step-progress-kit-showcase-module__8qcaIa__numberIndicator li{color:#7a879a;background:#fff;border:1px solid #d7dfea;border-radius:999px;flex:1;place-items:center;height:28px;font-size:10px;display:grid}.step-progress-kit-showcase-module__8qcaIa__pillIndicator li[data-state=active],.step-progress-kit-showcase-module__8qcaIa__numberIndicator li[data-state=active]{border-color:var(--step-primary);color:#fff;background:var(--step-primary)}.step-progress-kit-showcase-module__8qcaIa__numberIndicator li[data-state=completed]{color:#087a3c;background:#effaf4;border-color:#9fd8b9}.step-progress-kit-showcase-module__8qcaIa__completedDots li{color:#ccd5e1;background:currentColor;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.step-progress-kit-showcase-module__8qcaIa__completedDots li[data-state=completed]{color:var(--step-success);background:0 0}.step-progress-kit-showcase-module__8qcaIa__completedDots [data-ui-icon]{width:20px;height:20px}.step-progress-kit-showcase-module__8qcaIa__processCards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.step-progress-kit-showcase-module__8qcaIa__processCards li{min-width:0}.step-progress-kit-showcase-module__8qcaIa__processCards button{width:100%;min-height:170px;color:var(--step-navy);font:inherit;text-align:center;cursor:pointer;background:#fff;border:1px solid #dce3ed;border-radius:10px;align-content:start;justify-items:center;gap:11px;padding:22px 15px;display:grid}.step-progress-kit-showcase-module__8qcaIa__processCards li[data-step-state=active] button{border:2px solid var(--step-primary);background:#f3f8ff;padding:21px 14px;box-shadow:0 8px 20px #0868f21f}.step-progress-kit-showcase-module__8qcaIa__processCards li[data-step-state=completed] button{background:#f8fcfa;border-color:#b5dfc7}.step-progress-kit-showcase-module__8qcaIa__processCards button:focus-visible{outline-offset:2px;outline:3px solid #0868f22e}.step-progress-kit-showcase-module__8qcaIa__processIcon{color:#60708a;background:#f2f5f9;border-radius:10px;place-items:center;width:48px;height:48px;display:grid;position:relative}.step-progress-kit-showcase-module__8qcaIa__processIcon [data-ui-icon]{width:24px;height:24px}.step-progress-kit-showcase-module__8qcaIa__processIcon small{color:#60708a;background:#fff;border:1px solid #d8e0eb;border-radius:50%;place-items:center;width:22px;height:22px;font-size:9px;display:grid;position:absolute;top:-7px;right:-7px}.step-progress-kit-showcase-module__8qcaIa__processCards li[data-step-state=active] .step-progress-kit-showcase-module__8qcaIa__processIcon{color:var(--step-primary);background:#eaf3ff}.step-progress-kit-showcase-module__8qcaIa__processCards li[data-step-state=completed] .step-progress-kit-showcase-module__8qcaIa__processIcon{color:var(--step-success);background:#ebf8f1}.step-progress-kit-showcase-module__8qcaIa__processCards button>strong{font-size:12px;line-height:17px}.step-progress-kit-showcase-module__8qcaIa__processCards button>span:last-child{max-width:190px;color:var(--step-muted);font-size:10px;line-height:15px}.step-progress-kit-showcase-module__8qcaIa__progressList{gap:17px;display:grid}.step-progress-kit-showcase-module__8qcaIa__progressRow{color:var(--step-primary);background:#f8fafc;border-radius:8px;grid-template-columns:110px minmax(0,1fr) 44px;align-items:center;gap:12px;padding:10px 12px;display:grid}.step-progress-kit-showcase-module__8qcaIa__progressRow[data-progress-tone=success]{color:var(--step-success)}.step-progress-kit-showcase-module__8qcaIa__progressRow[data-progress-tone=warning]{color:var(--step-warning)}.step-progress-kit-showcase-module__8qcaIa__progressRow[data-progress-tone=danger]{color:var(--step-danger)}.step-progress-kit-showcase-module__8qcaIa__progressRow progress,.step-progress-kit-showcase-module__8qcaIa__uploadCopy progress{color:currentColor;appearance:none;background:#e8edf4;border:0;border-radius:999px;width:100%;height:9px;overflow:hidden}.step-progress-kit-showcase-module__8qcaIa__progressRow progress::-webkit-progress-bar{background:#e8edf4;border-radius:999px}.step-progress-kit-showcase-module__8qcaIa__uploadCopy progress::-webkit-progress-bar{background:#e8edf4;border-radius:999px}.step-progress-kit-showcase-module__8qcaIa__progressRow progress::-webkit-progress-value{background:currentColor;border-radius:999px}.step-progress-kit-showcase-module__8qcaIa__uploadCopy progress::-webkit-progress-value{background:currentColor;border-radius:999px}.step-progress-kit-showcase-module__8qcaIa__progressRow progress::-moz-progress-bar{background:currentColor;border-radius:999px}.step-progress-kit-showcase-module__8qcaIa__uploadCopy progress::-moz-progress-bar{background:currentColor;border-radius:999px}.step-progress-kit-showcase-module__8qcaIa__progressRow output{color:currentColor;text-align:right;font-size:10px;font-weight:700}.step-progress-kit-showcase-module__8qcaIa__indeterminateTrack{background:#e8edf4;border-radius:999px;height:9px;position:relative;overflow:hidden}.step-progress-kit-showcase-module__8qcaIa__indeterminateTrack span{inset-block:0;border-radius:inherit;background:repeating-linear-gradient(135deg, var(--step-primary) 0 5px, #69a6ff 5px 10px);width:35%;animation:1.2s linear infinite step-progress-kit-showcase-module__8qcaIa__progress-slide;position:absolute;left:-35%}@keyframes step-progress-kit-showcase-module__8qcaIa__progress-slide{to{left:100%}}.step-progress-kit-showcase-module__8qcaIa__segmentedList{gap:22px;display:grid}.step-progress-kit-showcase-module__8qcaIa__segmentedExample{color:var(--step-primary);background:#fbfcfe;border:1px solid #e8edf4;border-radius:8px;padding:12px;position:relative}.step-progress-kit-showcase-module__8qcaIa__segmentedExample[data-progress-tone=warning]{color:var(--step-warning)}.step-progress-kit-showcase-module__8qcaIa__segmentedExample[data-progress-tone=success]{color:var(--step-success)}.step-progress-kit-showcase-module__8qcaIa__segmentRail{grid-template-columns:repeat(4,1fr);gap:5px;margin-top:9px;display:grid}.step-progress-kit-showcase-module__8qcaIa__segmentRail span{background:#dfe5ed;border-radius:999px;height:9px}.step-progress-kit-showcase-module__8qcaIa__segmentRail span[data-state=complete]{background:currentColor}.step-progress-kit-showcase-module__8qcaIa__segmentRail span[data-state=active]{background:color-mix(in srgb, currentcolor 70%, #fff)}.step-progress-kit-showcase-module__8qcaIa__segmentedExample ol{grid-template-columns:repeat(4,1fr);margin:7px 0 0;padding:0;list-style:none;display:grid}.step-progress-kit-showcase-module__8qcaIa__segmentedExample li{color:var(--step-muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:13px;overflow:hidden}.step-progress-kit-showcase-module__8qcaIa__segmentedExample small{font-size:10px;font-weight:700;position:absolute;top:0;right:0}.step-progress-kit-showcase-module__8qcaIa__radialGrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;display:grid}.step-progress-kit-showcase-module__8qcaIa__radialItem{color:var(--step-primary);background:#fbfcfe;border:1px solid #e8edf4;border-radius:9px;justify-items:center;gap:5px;padding:14px 8px;display:grid}.step-progress-kit-showcase-module__8qcaIa__radialItem[data-progress-tone=success]{color:var(--step-success)}.step-progress-kit-showcase-module__8qcaIa__radialItem[data-progress-tone=warning]{color:var(--step-warning)}.step-progress-kit-showcase-module__8qcaIa__radialItem[data-progress-tone=danger]{color:var(--step-danger)}.step-progress-kit-showcase-module__8qcaIa__radial{background:conic-gradient(currentcolor var(--progress-value), #e7ecf3 0);border-radius:50%;place-items:center;width:72px;height:72px;display:grid}.step-progress-kit-showcase-module__8qcaIa__radial:before{content:"";background:#fff;border-radius:50%;grid-area:1/1;width:54px;height:54px}.step-progress-kit-showcase-module__8qcaIa__radial>span{z-index:1;color:var(--step-navy);grid-area:1/1;font-size:11px;font-weight:750}.step-progress-kit-showcase-module__8qcaIa__radialItem>strong{color:var(--step-navy);font-size:10px}.step-progress-kit-showcase-module__8qcaIa__radialItem>small{color:var(--step-muted);font-size:9px}.step-progress-kit-showcase-module__8qcaIa__uploadList{gap:12px;display:grid}.step-progress-kit-showcase-module__8qcaIa__uploadRow{border:1px solid #e2e8f0;border-radius:9px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;min-width:0;padding:14px;display:grid}.step-progress-kit-showcase-module__8qcaIa__uploadIcon{width:42px;height:42px;color:var(--step-primary);background:#eef5ff;border-radius:8px;place-items:center;display:grid}.step-progress-kit-showcase-module__8qcaIa__uploadIcon [data-ui-icon]{width:21px;height:21px}.step-progress-kit-showcase-module__8qcaIa__uploadCopy{min-width:0;color:var(--step-primary);grid-template-columns:1fr auto;gap:2px 8px;display:grid}.step-progress-kit-showcase-module__8qcaIa__uploadCopy strong{color:var(--step-navy);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:16px;overflow:hidden}.step-progress-kit-showcase-module__8qcaIa__uploadCopy small{color:var(--step-muted);font-size:9px}.step-progress-kit-showcase-module__8qcaIa__uploadCopy progress{grid-column:1/-1}.step-progress-kit-showcase-module__8qcaIa__uploadRow output{color:var(--step-primary);text-align:right;gap:2px;font-size:11px;font-weight:750;display:grid}.step-progress-kit-showcase-module__8qcaIa__uploadRow output small{color:var(--step-muted);font-size:8px;font-weight:400}.step-progress-kit-showcase-module__8qcaIa__uploadRow>button{color:#66758b;cursor:pointer;background:#f2f5f9;border:0;border-radius:7px;place-items:center;width:36px;height:36px;padding:0;display:grid}.step-progress-kit-showcase-module__8qcaIa__uploadRow>button [data-ui-icon]{width:16px;height:16px}.step-progress-kit-showcase-module__8qcaIa__restoreUpload{min-height:60px;color:var(--step-primary);font:inherit;cursor:pointer;background:#f8fbff;border:1px dashed #a9c7f5;border-radius:9px;font-size:11px;font-weight:650}.step-progress-kit-showcase-module__8qcaIa__wizardExamples{gap:10px;display:grid}.step-progress-kit-showcase-module__8qcaIa__wizardExamples>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.step-progress-kit-showcase-module__8qcaIa__wizardExamples button{min-width:0;min-height:38px;padding-inline:8px;font-size:9px}.step-progress-kit-showcase-module__8qcaIa__wizardExamples>p{min-height:15px;color:var(--step-primary);margin:2px 0 0;font-size:9px;line-height:14px}.step-progress-kit-showcase-module__8qcaIa__legendLayout{grid-template-columns:1fr 1.1fr 1.25fr;gap:24px;display:grid}.step-progress-kit-showcase-module__8qcaIa__legendDefinition,.step-progress-kit-showcase-module__8qcaIa__statusList{align-content:start;gap:12px;display:grid}.step-progress-kit-showcase-module__8qcaIa__legendDefinition>strong,.step-progress-kit-showcase-module__8qcaIa__statusList>strong{font-size:12px}.step-progress-kit-showcase-module__8qcaIa__legendDefinition>div,.step-progress-kit-showcase-module__8qcaIa__statusList>div{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;display:grid}.step-progress-kit-showcase-module__8qcaIa__legendDefinition>div>span:last-child,.step-progress-kit-showcase-module__8qcaIa__statusList>div>span:last-child{gap:1px;display:grid}.step-progress-kit-showcase-module__8qcaIa__legendDefinition b,.step-progress-kit-showcase-module__8qcaIa__statusList b{font-size:10px}.step-progress-kit-showcase-module__8qcaIa__legendDefinition small,.step-progress-kit-showcase-module__8qcaIa__statusList small{color:var(--step-muted);font-size:9px;line-height:14px}.step-progress-kit-showcase-module__8qcaIa__legendGlyph{width:36px;height:26px;color:var(--step-primary);align-items:center;display:flex}.step-progress-kit-showcase-module__8qcaIa__legendGlyph>span:not(.step-progress-kit-showcase-module__8qcaIa__ringGlyph){border:1px solid;border-radius:50%;width:11px;height:11px}.step-progress-kit-showcase-module__8qcaIa__legendGlyph>span:not(.step-progress-kit-showcase-module__8qcaIa__ringGlyph)+span{background:currentColor;border:0;border-radius:0;flex:1;height:1px}.step-progress-kit-showcase-module__8qcaIa__ringGlyph{background:conic-gradient(var(--step-primary) 38%, #e2e8f0 0);border-radius:50%;width:26px;height:26px;-webkit-mask:radial-gradient(#0000 45%,#000 47%);mask:radial-gradient(#0000 45%,#000 47%)}.step-progress-kit-showcase-module__8qcaIa__statusList [data-stepper-marker]{flex-basis:23px;width:23px;height:23px;font-size:9px}.step-progress-kit-showcase-module__8qcaIa__usageTips{background:#eef6ff;border-radius:9px;padding:16px}.step-progress-kit-showcase-module__8qcaIa__usageTips header{color:var(--step-primary);align-items:center;gap:8px;display:flex}.step-progress-kit-showcase-module__8qcaIa__usageTips header [data-ui-icon]{width:18px;height:18px}.step-progress-kit-showcase-module__8qcaIa__usageTips header strong{font-size:11px}.step-progress-kit-showcase-module__8qcaIa__usageTips ul{color:var(--step-muted);gap:7px;margin:11px 0 0;padding-left:20px;font-size:9px;line-height:14px;display:grid}.step-progress-kit-showcase-module__8qcaIa__exampleCard{grid-template-columns:minmax(0,1.6fr) minmax(320px,.85fr);gap:18px;padding:20px;display:grid}.step-progress-kit-showcase-module__8qcaIa__exampleHeader{grid-column:1/-1;align-items:flex-start;gap:11px;margin-bottom:0;display:flex}.step-progress-kit-showcase-module__8qcaIa__exampleHeader>span{width:36px;height:36px;color:var(--step-primary);background:#eef5ff;border-radius:8px;flex:0 0 36px;place-items:center;display:grid}.step-progress-kit-showcase-module__8qcaIa__exampleHeader>span [data-ui-icon]{width:20px;height:20px}.step-progress-kit-showcase-module__8qcaIa__exampleHeader h3,.step-progress-kit-showcase-module__8qcaIa__exampleHeader p{margin:0}.step-progress-kit-showcase-module__8qcaIa__exampleHeader h3{color:var(--step-primary);font:var(--gp-type-h6);letter-spacing:var(--gp-type-body-letter-spacing)}.step-progress-kit-showcase-module__8qcaIa__exampleHeader p{color:var(--step-muted);font:var(--gp-type-caption);letter-spacing:var(--gp-type-caption-letter-spacing);margin-top:3px}.step-progress-kit-showcase-module__8qcaIa__onboardingCard{margin-top:0;padding:18px}.step-progress-kit-showcase-module__8qcaIa__onboardingCard>header h4,.step-progress-kit-showcase-module__8qcaIa__onboardingCard>header p,.step-progress-kit-showcase-module__8qcaIa__formSection h5,.step-progress-kit-showcase-module__8qcaIa__formSection>p{margin:0}.step-progress-kit-showcase-module__8qcaIa__onboardingCard>header h4{font:var(--gp-type-h6);letter-spacing:var(--gp-type-body-letter-spacing)}.step-progress-kit-showcase-module__8qcaIa__onboardingCard>header p{color:var(--step-muted);font:var(--gp-type-caption);letter-spacing:var(--gp-type-caption-letter-spacing);margin-top:3px}.step-progress-kit-showcase-module__8qcaIa__formSection{border-top:1px solid #e9edf3;min-height:320px;padding-top:16px}.step-progress-kit-showcase-module__8qcaIa__formSection h5{font:var(--gp-type-h6);letter-spacing:var(--gp-type-body-letter-spacing)}.step-progress-kit-showcase-module__8qcaIa__formSection>p{color:var(--step-muted);font:var(--gp-type-caption);letter-spacing:var(--gp-type-caption-letter-spacing);margin-top:3px}.step-progress-kit-showcase-module__8qcaIa__exampleFields{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:17px;display:grid}.step-progress-kit-showcase-module__8qcaIa__exampleFields .step-progress-kit-showcase-module__8qcaIa__fullField{grid-column:1/-1}.step-progress-kit-showcase-module__8qcaIa__infoNotice{color:#075bcf;font:var(--gp-type-caption);letter-spacing:var(--gp-type-caption-letter-spacing);background:#eef6ff;border:1px solid #b8d6ff;border-radius:8px;grid-template-columns:auto minmax(0,1fr);gap:10px;margin-top:16px;padding:12px;display:grid}.step-progress-kit-showcase-module__8qcaIa__infoNotice [data-ui-icon]{width:17px;height:17px}.step-progress-kit-showcase-module__8qcaIa__onboardingCard>footer{border-top:1px solid #e9edf3;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:15px;display:grid}.step-progress-kit-showcase-module__8qcaIa__onboardingCard>footer button{min-width:0;min-height:40px;padding-inline:9px}.step-progress-kit-showcase-module__8qcaIa__exampleStatus{min-height:14px;color:var(--step-primary);font:var(--gp-type-caption);letter-spacing:var(--gp-type-caption-letter-spacing);margin:7px 0 -3px}.step-progress-kit-showcase-module__8qcaIa__exampleDropzone{min-height:190px;color:var(--step-primary);cursor:pointer;background:#f8fbff;border:1px dashed #83b6ff;border-radius:9px;align-content:center;place-items:center;gap:8px;margin-top:17px;display:grid}.step-progress-kit-showcase-module__8qcaIa__exampleDropzone [data-ui-icon]{width:32px;height:32px}.step-progress-kit-showcase-module__8qcaIa__exampleDropzone strong{font:var(--gp-type-label);letter-spacing:var(--gp-type-label-letter-spacing)}.step-progress-kit-showcase-module__8qcaIa__exampleDropzone span{color:var(--step-muted);font:var(--gp-type-caption);letter-spacing:var(--gp-type-caption-letter-spacing)}.step-progress-kit-showcase-module__8qcaIa__exampleDropzone input{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.step-progress-kit-showcase-module__8qcaIa__reviewList{background:#f8fafc;border:1px solid #e3e8f0;border-radius:9px;gap:11px;margin:17px 0 0;padding:15px;display:grid}.step-progress-kit-showcase-module__8qcaIa__reviewList>div{justify-content:space-between;gap:12px;display:flex}.step-progress-kit-showcase-module__8qcaIa__reviewList dt{color:var(--step-muted);font:var(--gp-type-caption);letter-spacing:var(--gp-type-caption-letter-spacing)}.step-progress-kit-showcase-module__8qcaIa__reviewList dd{font:var(--gp-type-label);letter-spacing:var(--gp-type-label-letter-spacing);text-align:right;margin:0}.step-progress-kit-showcase-module__8qcaIa__completedMessage{min-height:190px;color:var(--step-success);align-content:center;justify-items:center;gap:11px;display:grid}.step-progress-kit-showcase-module__8qcaIa__completedMessage [data-ui-icon]{width:48px;height:48px}.step-progress-kit-showcase-module__8qcaIa__completedMessage strong{font:var(--gp-type-label);letter-spacing:var(--gp-type-label-letter-spacing)}.step-progress-kit-showcase-module__8qcaIa__summaryCard{margin-top:0;padding:18px}.step-progress-kit-showcase-module__8qcaIa__summaryCard>h4{font:var(--gp-type-h6);letter-spacing:var(--gp-type-body-letter-spacing);margin:0 0 16px}.step-progress-kit-showcase-module__8qcaIa__summaryOverview{align-items:center;gap:14px;display:flex}.step-progress-kit-showcase-module__8qcaIa__summaryOverview .step-progress-kit-showcase-module__8qcaIa__radial{width:68px;height:68px}.step-progress-kit-showcase-module__8qcaIa__summaryOverview .step-progress-kit-showcase-module__8qcaIa__radial:before{width:51px;height:51px}.step-progress-kit-showcase-module__8qcaIa__summaryOverview .step-progress-kit-showcase-module__8qcaIa__radialItem>strong,.step-progress-kit-showcase-module__8qcaIa__summaryOverview .step-progress-kit-showcase-module__8qcaIa__radialItem>small{display:none}.step-progress-kit-showcase-module__8qcaIa__summaryOverview>span{gap:3px;display:grid}.step-progress-kit-showcase-module__8qcaIa__summaryOverview>span strong{font:var(--gp-type-label);letter-spacing:var(--gp-type-label-letter-spacing)}.step-progress-kit-showcase-module__8qcaIa__summaryOverview>span small{color:var(--step-muted);font:var(--gp-type-caption);letter-spacing:var(--gp-type-caption-letter-spacing)}.step-progress-kit-showcase-module__8qcaIa__summarySteps{gap:12px;margin:19px 0;padding:0;list-style:none;display:grid}.step-progress-kit-showcase-module__8qcaIa__summarySteps li{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;display:grid}.step-progress-kit-showcase-module__8qcaIa__summarySteps [data-stepper-marker]{flex-basis:22px;width:22px;height:22px;font-size:8px}.step-progress-kit-showcase-module__8qcaIa__summarySteps li>span:nth-child(2){font:var(--gp-type-body-sm);letter-spacing:var(--gp-type-body-letter-spacing)}.step-progress-kit-showcase-module__8qcaIa__summarySteps li>strong{color:#69778c;font:var(--gp-type-overline);letter-spacing:var(--gp-type-overline-letter-spacing);background:#f0f3f7;border-radius:5px;padding:5px 8px}.step-progress-kit-showcase-module__8qcaIa__summarySteps li[data-step-state=completed]>strong{color:#087a3c;background:#edf9f2}.step-progress-kit-showcase-module__8qcaIa__summarySteps li[data-step-state=active]>strong{color:#075bcf;background:#eef5ff}.step-progress-kit-showcase-module__8qcaIa__summaryCard>p{color:var(--step-muted);font:var(--gp-type-caption);letter-spacing:var(--gp-type-caption-letter-spacing);border-top:1px solid #e8edf3;margin:0;padding-top:13px}.step-progress-kit-showcase-module__8qcaIa__visuallyHidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@container step-progress-kit (max-width:1120px){.step-progress-kit-showcase-module__8qcaIa__workspace{grid-template-columns:1fr}.step-progress-kit-showcase-module__8qcaIa__exampleCard{grid-template-columns:minmax(0,1.4fr) minmax(280px,.85fr);gap:16px;display:grid}.step-progress-kit-showcase-module__8qcaIa__exampleHeader{grid-column:1/-1;margin-bottom:0}.step-progress-kit-showcase-module__8qcaIa__onboardingCard,.step-progress-kit-showcase-module__8qcaIa__summaryCard{margin-top:0}}@container step-progress-kit (max-width:840px){.step-progress-kit-showcase-module__8qcaIa__horizontalCard,.step-progress-kit-showcase-module__8qcaIa__verticalCard,.step-progress-kit-showcase-module__8qcaIa__indicatorCard,.step-progress-kit-showcase-module__8qcaIa__chevronCard,.step-progress-kit-showcase-module__8qcaIa__workflowCatalogueCard,.step-progress-kit-showcase-module__8qcaIa__processCard,.step-progress-kit-showcase-module__8qcaIa__linearCard,.step-progress-kit-showcase-module__8qcaIa__segmentedCard,.step-progress-kit-showcase-module__8qcaIa__radialCard,.step-progress-kit-showcase-module__8qcaIa__uploadCard,.step-progress-kit-showcase-module__8qcaIa__wizardCard{grid-area:auto/span 6}.step-progress-kit-showcase-module__8qcaIa__horizontalCard,.step-progress-kit-showcase-module__8qcaIa__processCard,.step-progress-kit-showcase-module__8qcaIa__radialCard,.step-progress-kit-showcase-module__8qcaIa__chevronCard,.step-progress-kit-showcase-module__8qcaIa__workflowCatalogueCard,.step-progress-kit-showcase-module__8qcaIa__legendCard{grid-column:1/-1}.step-progress-kit-showcase-module__8qcaIa__legendLayout{grid-template-columns:repeat(2,minmax(0,1fr))}.step-progress-kit-showcase-module__8qcaIa__usageTips{grid-column:1/-1}}@container step-progress-kit (max-width:680px){.step-progress-kit-showcase-module__8qcaIa__radialGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@container step-progress-kit (max-width:620px){.step-progress-kit-showcase-module__8qcaIa__horizontalCard,.step-progress-kit-showcase-module__8qcaIa__verticalCard,.step-progress-kit-showcase-module__8qcaIa__indicatorCard,.step-progress-kit-showcase-module__8qcaIa__chevronCard,.step-progress-kit-showcase-module__8qcaIa__workflowCatalogueCard,.step-progress-kit-showcase-module__8qcaIa__processCard,.step-progress-kit-showcase-module__8qcaIa__linearCard,.step-progress-kit-showcase-module__8qcaIa__segmentedCard,.step-progress-kit-showcase-module__8qcaIa__radialCard,.step-progress-kit-showcase-module__8qcaIa__uploadCard,.step-progress-kit-showcase-module__8qcaIa__wizardCard,.step-progress-kit-showcase-module__8qcaIa__legendCard{grid-column:1/-1}.step-progress-kit-showcase-module__8qcaIa__exampleCard{display:block}.step-progress-kit-showcase-module__8qcaIa__onboardingCard,.step-progress-kit-showcase-module__8qcaIa__summaryCard{margin-top:10px}.step-progress-kit-showcase-module__8qcaIa__processCards{grid-template-columns:repeat(2,minmax(0,1fr))}.step-progress-kit-showcase-module__8qcaIa__legendLayout{grid-template-columns:1fr}.step-progress-kit-showcase-module__8qcaIa__usageTips{grid-column:auto}}@container step-progress-kit (max-width:410px){.step-progress-kit-showcase-module__8qcaIa__card,.step-progress-kit-showcase-module__8qcaIa__exampleCard,.step-progress-kit-showcase-module__8qcaIa__onboardingCard,.step-progress-kit-showcase-module__8qcaIa__summaryCard{padding:10px}.step-progress-kit-showcase-module__8qcaIa__variantRow{grid-template-columns:1fr}.step-progress-kit-showcase-module__8qcaIa__indicatorList>div{grid-template-columns:82px minmax(0,1fr)}.step-progress-kit-showcase-module__8qcaIa__processCards{grid-template-columns:1fr}.step-progress-kit-showcase-module__8qcaIa__processCards button{min-height:105px}.step-progress-kit-showcase-module__8qcaIa__uploadRow{grid-template-columns:auto minmax(0,1fr) auto}.step-progress-kit-showcase-module__8qcaIa__uploadRow output{display:none}.step-progress-kit-showcase-module__8qcaIa__exampleFields{grid-template-columns:1fr}.step-progress-kit-showcase-module__8qcaIa__exampleFields label,.step-progress-kit-showcase-module__8qcaIa__exampleFields .step-progress-kit-showcase-module__8qcaIa__fullField{grid-column:auto}.step-progress-kit-showcase-module__8qcaIa__onboardingCard>footer{grid-template-columns:1fr}.step-progress-kit-showcase-module__8qcaIa__onboardingCard>footer button{width:100%}.step-progress-kit-showcase-module__8qcaIa__cardTitle{font-size:13px;line-height:19px}.step-progress-kit-showcase-module__8qcaIa__variantRow>strong,.step-progress-kit-showcase-module__8qcaIa__indicatorList>div>strong,.step-progress-kit-showcase-module__8qcaIa__progressRow>strong,.step-progress-kit-showcase-module__8qcaIa__segmentedExample>strong{font-size:9px;line-height:13px}.step-progress-kit-showcase-module__8qcaIa__processCards button>strong{font-size:10px;line-height:14px}.step-progress-kit-showcase-module__8qcaIa__processCards button>span:last-child,.step-progress-kit-showcase-module__8qcaIa__progressRow output,.step-progress-kit-showcase-module__8qcaIa__uploadCopy strong,.step-progress-kit-showcase-module__8qcaIa__uploadRow output,.step-progress-kit-showcase-module__8qcaIa__legendDefinition b,.step-progress-kit-showcase-module__8qcaIa__statusList b{font-size:8px;line-height:12px}.step-progress-kit-showcase-module__8qcaIa__legendDefinition small,.step-progress-kit-showcase-module__8qcaIa__statusList small,.step-progress-kit-showcase-module__8qcaIa__usageTips ul,.step-progress-kit-showcase-module__8qcaIa__uploadCopy small,.step-progress-kit-showcase-module__8qcaIa__uploadRow output small{font-size:7px;line-height:10px}.step-progress-kit-showcase-module__8qcaIa__radial{width:50px;height:50px}.step-progress-kit-showcase-module__8qcaIa__radial:before{width:38px;height:38px}.step-progress-kit-showcase-module__8qcaIa__showcase button{min-height:40px}.step-progress-kit-showcase-module__8qcaIa__uploadRow>button{width:40px;min-width:40px;height:40px}.step-progress-kit-showcase-module__8qcaIa__wizardExamples button,.step-progress-kit-showcase-module__8qcaIa__onboardingCard>footer button{min-height:40px}.step-progress-kit-showcase-module__8qcaIa__exampleDropzone{min-height:150px}}@media (prefers-reduced-motion:reduce){.step-progress-kit-showcase-module__8qcaIa__indeterminateTrack span{animation:none;left:0}}
.table-kit-showcase-module__pcLz4q__showcase{--table-navy:var(--form-navy,#071b4a);--table-primary:var(--form-primary,#0868f2);--table-muted:var(--form-muted,#52627d);--table-border:var(--form-border,#d7dfea);--table-success:var(--form-success,#20a464);--table-danger:var(--form-danger,#ed3f46);--table-warning:var(--form-warning,#d97706);--table-type-data:var(--gp-type-body-sm);--table-type-interface:var(--gp-type-label);--table-type-supporting:var(--gp-type-caption);width:100%;min-width:0;color:var(--table-navy);container:table-kit/inline-size}.table-kit-showcase-module__pcLz4q__workspace{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;display:grid}.table-kit-showcase-module__pcLz4q__catalogGrid{grid-template-columns:minmax(0,1fr);grid-auto-flow:row;gap:16px;min-width:0;display:grid}.table-kit-showcase-module__pcLz4q__card,.table-kit-showcase-module__pcLz4q__exampleCard,.table-kit-showcase-module__pcLz4q__tipsCard{background:#fff;border:1px solid #e0e6ee;border-radius:8px;min-width:0;box-shadow:0 2px 8px #172b4d08}.table-kit-showcase-module__pcLz4q__card{padding:clamp(14px,1.5vw,20px)}.table-kit-showcase-module__pcLz4q__basicCard,.table-kit-showcase-module__pcLz4q__sortableCard,.table-kit-showcase-module__pcLz4q__selectableCard,.table-kit-showcase-module__pcLz4q__statusCard,.table-kit-showcase-module__pcLz4q__densityCard,.table-kit-showcase-module__pcLz4q__stickyCard,.table-kit-showcase-module__pcLz4q__actionsCard,.table-kit-showcase-module__pcLz4q__fullCard,.table-kit-showcase-module__pcLz4q__statesCard,.table-kit-showcase-module__pcLz4q__expandableCard,.table-kit-showcase-module__pcLz4q__responsiveCard{grid-column:1/-1}.table-kit-showcase-module__pcLz4q__cardTitle{font:var(--gp-type-h6);align-items:center;gap:7px;margin:0 0 14px;display:flex}.table-kit-showcase-module__pcLz4q__cardTitle>span{color:#fff;background:var(--table-primary);width:22px;height:22px;font:var(--gp-type-overline);font-variant-numeric:tabular-nums;border-radius:50%;flex:0 0 22px;place-items:center;display:grid}.table-kit-showcase-module__pcLz4q__dataTable{border-spacing:0;border-collapse:separate;color:#263755;width:100%;min-width:720px;font:var(--table-type-data);text-align:left}.table-kit-showcase-module__pcLz4q__dataTable th,.table-kit-showcase-module__pcLz4q__dataTable td{text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;height:44px;padding:9px 12px;overflow:hidden}.table-kit-showcase-module__pcLz4q__basicCard .table-kit-showcase-module__pcLz4q__dataTable,.table-kit-showcase-module__pcLz4q__sortableCard .table-kit-showcase-module__pcLz4q__dataTable,.table-kit-showcase-module__pcLz4q__selectableCard .table-kit-showcase-module__pcLz4q__dataTable{table-layout:fixed;min-width:100%}.table-kit-showcase-module__pcLz4q__dataTable .table-kit-showcase-module__pcLz4q__numberColumn{text-align:center;width:64px;min-width:64px}.table-kit-showcase-module__pcLz4q__basicCard .table-kit-showcase-module__pcLz4q__dataTable th:nth-child(2){width:18%}.table-kit-showcase-module__pcLz4q__basicCard .table-kit-showcase-module__pcLz4q__dataTable th:nth-child(3){width:26%}.table-kit-showcase-module__pcLz4q__basicCard .table-kit-showcase-module__pcLz4q__dataTable th:nth-child(4){width:17%}.table-kit-showcase-module__pcLz4q__basicCard .table-kit-showcase-module__pcLz4q__dataTable th:nth-child(5){width:18%}.table-kit-showcase-module__pcLz4q__basicCard .table-kit-showcase-module__pcLz4q__dataTable th:nth-child(6){width:9%}.table-kit-showcase-module__pcLz4q__basicCard .table-kit-showcase-module__pcLz4q__dataTable th:nth-child(7){width:12%}.table-kit-showcase-module__pcLz4q__selectableCard .table-kit-showcase-module__pcLz4q__dataTable th:nth-child(2){width:7%}.table-kit-showcase-module__pcLz4q__selectableCard .table-kit-showcase-module__pcLz4q__dataTable th:nth-child(3){width:22%}.table-kit-showcase-module__pcLz4q__selectableCard .table-kit-showcase-module__pcLz4q__dataTable th:nth-child(4){width:44%}.table-kit-showcase-module__pcLz4q__selectableCard .table-kit-showcase-module__pcLz4q__dataTable th:nth-child(5){width:27%}.table-kit-showcase-module__pcLz4q__dataTable thead th{z-index:1;color:var(--table-navy);font:var(--table-type-interface);letter-spacing:.01em;background:#f8fafc;font-weight:700;position:relative}.table-kit-showcase-module__pcLz4q__dataTable tbody th{color:var(--table-navy);font-weight:600}.table-kit-showcase-module__pcLz4q__dataTable tbody tr[data-selected=true]>*{background:#f2f7ff}.table-kit-showcase-module__pcLz4q__dataTable tbody tr:hover>*{background-color:#f8fbff}.table-kit-showcase-module__pcLz4q__dataTable tbody tr[data-selected=true]:hover>*{background-color:#edf5ff}.table-kit-showcase-module__pcLz4q__sortButton{min-height:32px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-weight:700;display:inline-flex}.table-kit-showcase-module__pcLz4q__sortButton [data-ui-icon]{color:#8b98ab;width:14px;height:14px}.table-kit-showcase-module__pcLz4q__sortButton:focus-visible,.table-kit-showcase-module__pcLz4q__expandButton:focus-visible,.table-kit-showcase-module__pcLz4q__paginationBar button:focus-visible,.table-kit-showcase-module__pcLz4q__examplePagination button:focus-visible{outline:2px solid var(--table-primary);outline-offset:2px;border-radius:3px}.table-kit-showcase-module__pcLz4q__checkboxColumn{width:28px}.table-kit-showcase-module__pcLz4q__checkbox{width:16px;height:16px;accent-color:var(--table-primary);vertical-align:middle;cursor:pointer;border:1px solid #b8c4d5;border-radius:3px;margin:0}.table-kit-showcase-module__pcLz4q__checkboxTarget{cursor:pointer;place-items:center;width:32px;height:32px;display:inline-grid}.table-kit-showcase-module__pcLz4q__compactBulkBar,.table-kit-showcase-module__pcLz4q__bulkActionBar,.table-kit-showcase-module__pcLz4q__exampleBulkBar{background:#f3f8ff;border:1px solid #9fc4ff;border-radius:5px;justify-content:space-between;align-items:center;gap:12px;min-width:0;margin-top:10px;padding:10px 12px;display:flex}.table-kit-showcase-module__pcLz4q__compactBulkBar strong,.table-kit-showcase-module__pcLz4q__bulkActionBar strong,.table-kit-showcase-module__pcLz4q__exampleBulkBar strong{color:var(--table-primary);font:var(--table-type-interface);flex:none}.table-kit-showcase-module__pcLz4q__compactBulkBar>span,.table-kit-showcase-module__pcLz4q__bulkActionBar>span,.table-kit-showcase-module__pcLz4q__exampleBulkBar>span{flex-wrap:wrap;justify-content:flex-end;gap:5px;min-width:0;display:flex}.table-kit-showcase-module__pcLz4q__compactBulkBar button,.table-kit-showcase-module__pcLz4q__bulkActionBar button,.table-kit-showcase-module__pcLz4q__exampleBulkBar button,.table-kit-showcase-module__pcLz4q__toolbar button,.table-kit-showcase-module__pcLz4q__exampleToolbar button,.table-kit-showcase-module__pcLz4q__statePanel button{min-height:36px;font:var(--table-type-interface);padding-inline:12px}.table-kit-showcase-module__pcLz4q__badgeGrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.table-kit-showcase-module__pcLz4q__badgeGrid>div{justify-items:start;gap:5px;min-width:0;display:grid}.table-kit-showcase-module__pcLz4q__badgeGrid>div>span:first-child{color:var(--table-muted);font:var(--table-type-interface)}.table-kit-showcase-module__pcLz4q__badgeGrid small{color:#8995a8;font:var(--table-type-supporting)}.table-kit-showcase-module__pcLz4q__densityGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.table-kit-showcase-module__pcLz4q__densityPreview{background:#fbfcfe;border:1px solid #e6ebf2;border-radius:5px;min-width:0;padding:12px}.table-kit-showcase-module__pcLz4q__densityPreview>strong{font:var(--table-type-interface);text-align:center;text-transform:capitalize;margin-bottom:8px;display:block}.table-kit-showcase-module__pcLz4q__densityPreview .table-kit-showcase-module__pcLz4q__dataTable{table-layout:fixed;width:100%;min-width:0;font:var(--table-type-supporting)}.table-kit-showcase-module__pcLz4q__densityPreview .table-kit-showcase-module__pcLz4q__dataTable th,.table-kit-showcase-module__pcLz4q__densityPreview .table-kit-showcase-module__pcLz4q__dataTable td{padding-inline:7px}.table-kit-showcase-module__pcLz4q__densityPreview[data-density=comfortable] .table-kit-showcase-module__pcLz4q__dataTable th,.table-kit-showcase-module__pcLz4q__densityPreview[data-density=comfortable] .table-kit-showcase-module__pcLz4q__dataTable td{height:48px;padding-block:11px}.table-kit-showcase-module__pcLz4q__densityPreview[data-density=default] .table-kit-showcase-module__pcLz4q__dataTable th,.table-kit-showcase-module__pcLz4q__densityPreview[data-density=default] .table-kit-showcase-module__pcLz4q__dataTable td{height:40px;padding-block:7px}.table-kit-showcase-module__pcLz4q__densityPreview[data-density=compact] .table-kit-showcase-module__pcLz4q__dataTable th,.table-kit-showcase-module__pcLz4q__densityPreview[data-density=compact] .table-kit-showcase-module__pcLz4q__dataTable td{height:32px;padding-block:3px}.table-kit-showcase-module__pcLz4q__stickyViewport{max-height:240px}.table-kit-showcase-module__pcLz4q__stickyTable{min-width:800px}.table-kit-showcase-module__pcLz4q__stickyTable thead th{z-index:3;position:sticky;top:0}.table-kit-showcase-module__pcLz4q__stickyTable :is(th,td):first-child,.table-kit-showcase-module__pcLz4q__stickyTable :is(th,td):nth-child(2){z-index:2;background:#fff;position:sticky}.table-kit-showcase-module__pcLz4q__stickyTable :is(th,td):first-child{left:0}.table-kit-showcase-module__pcLz4q__stickyTable :is(th,td):nth-child(2){left:64px}.table-kit-showcase-module__pcLz4q__stickyTable thead th:nth-child(-n+2){z-index:4;background:#f8fafc}.table-kit-showcase-module__pcLz4q__cardHint{color:var(--table-muted);font:var(--table-type-data);margin:7px 0 0}.table-kit-showcase-module__pcLz4q__rowActionList{gap:2px;display:inline-flex}.table-kit-showcase-module__pcLz4q__rowActionList button{width:32px;height:32px;min-height:32px}.table-kit-showcase-module__pcLz4q__actionsCard .table-kit-showcase-module__pcLz4q__dataTable{table-layout:fixed;min-width:360px}.table-kit-showcase-module__pcLz4q__actionsCard .table-kit-showcase-module__pcLz4q__dataTable th,.table-kit-showcase-module__pcLz4q__actionsCard .table-kit-showcase-module__pcLz4q__dataTable td{padding-inline:3px}.table-kit-showcase-module__pcLz4q__actionsCard .table-kit-showcase-module__pcLz4q__dataTable th:nth-child(2){width:44%}.table-kit-showcase-module__pcLz4q__actionsCard .table-kit-showcase-module__pcLz4q__dataTable th:last-child{width:56%}.table-kit-showcase-module__pcLz4q__liveStatus{min-height:16px;color:var(--table-primary);font:var(--table-type-supporting);margin:5px 0 0}.table-kit-showcase-module__pcLz4q__toolbar,.table-kit-showcase-module__pcLz4q__exampleToolbar{grid-template-columns:minmax(220px,1.8fr) minmax(150px,1fr) minmax(140px,.9fr) auto auto auto;align-items:end;gap:10px;min-width:0;margin-bottom:12px;display:grid}.table-kit-showcase-module__pcLz4q__searchControl{border:1px solid var(--table-border);background:#fff;border-radius:5px;align-items:center;gap:8px;min-width:0;height:40px;padding:0 12px;display:flex}.table-kit-showcase-module__pcLz4q__searchControl:focus-within{border-color:var(--table-primary);box-shadow:0 0 0 3px #0868f21f}.table-kit-showcase-module__pcLz4q__searchControl>[data-ui-icon]{color:#7d899c;flex:0 0 16px;width:16px;height:16px}.table-kit-showcase-module__pcLz4q__searchControl input{width:100%;min-width:0;color:var(--table-navy);font:var(--table-type-data);background:0 0;border:0;outline:0}.table-kit-showcase-module__pcLz4q__filterControl{gap:4px;min-width:0;display:grid}.table-kit-showcase-module__pcLz4q__filterControl>span{color:var(--table-muted);font:var(--table-type-interface)}.table-kit-showcase-module__pcLz4q__multiFilterControl{align-self:end}.table-kit-showcase-module__pcLz4q__multiFilterControl>button{width:100%}.table-kit-showcase-module__pcLz4q__filterNotice{color:#075bcf;font:var(--table-type-data);background:#eef5ff;border-radius:4px;margin:-1px 0 7px;padding:8px 10px}.table-kit-showcase-module__pcLz4q__noRows{color:var(--table-muted);text-align:center;height:56px!important}.table-kit-showcase-module__pcLz4q__paginationBar{color:var(--table-muted);font:var(--table-type-data);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;display:grid}.table-kit-showcase-module__pcLz4q__paginationSize{align-items:center;gap:6px;display:inline-flex}.table-kit-showcase-module__pcLz4q__paginationSize>div{width:80px}.table-kit-showcase-module__pcLz4q__paginationBar [data-ui-table-pagination],.table-kit-showcase-module__pcLz4q__examplePagination [data-ui-table-pagination]{width:100%;padding-top:0}.table-kit-showcase-module__pcLz4q__statesGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.table-kit-showcase-module__pcLz4q__statePanel{text-align:center;border:1px solid #e6ebf2;border-radius:6px;align-content:center;justify-items:center;gap:8px;min-width:0;min-height:170px;padding:16px;display:grid}.table-kit-showcase-module__pcLz4q__statePanel strong{font:var(--table-type-interface)}.table-kit-showcase-module__pcLz4q__statePanel small{max-width:220px;color:var(--table-muted);font:var(--table-type-supporting)}.table-kit-showcase-module__pcLz4q__stateIcon{width:40px;height:40px;color:var(--table-primary);background:#eef5ff;border-radius:50%;place-items:center;display:grid}.table-kit-showcase-module__pcLz4q__stateIcon [data-ui-icon]{width:20px;height:20px}.table-kit-showcase-module__pcLz4q__skeleton{background:linear-gradient(90deg,#edf1f6 25%,#dce4ef 50%,#edf1f6 75%) 0 0/200% 100%;border-radius:999px;width:86%;height:7px;animation:1.3s linear infinite table-kit-showcase-module__pcLz4q__table-shimmer;overflow:hidden}.table-kit-showcase-module__pcLz4q__skeleton:nth-of-type(2n){width:66%}@keyframes table-kit-showcase-module__pcLz4q__table-shimmer{to{background-position:-200% 0}}.table-kit-showcase-module__pcLz4q__expandButton{width:22px;height:22px;color:var(--table-primary);cursor:pointer;background:#eef5ff;border:0;border-radius:4px;place-items:center;padding:0;display:grid}.table-kit-showcase-module__pcLz4q__expandButton [data-ui-icon]{width:11px;height:11px;transition:transform .16s}.table-kit-showcase-module__pcLz4q__expandButton[aria-expanded=true] [data-ui-icon]{transform:rotate(180deg)}.table-kit-showcase-module__pcLz4q__detailRow>td{background:#f8fbff;padding:9px 32px}.table-kit-showcase-module__pcLz4q__detailRow dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;display:grid}.table-kit-showcase-module__pcLz4q__detailRow dl>div{gap:2px;display:grid}.table-kit-showcase-module__pcLz4q__detailRow dt{color:var(--table-muted);font:var(--table-type-supporting)}.table-kit-showcase-module__pcLz4q__detailRow dd{color:var(--table-navy);font:var(--table-type-interface);margin:0}.table-kit-showcase-module__pcLz4q__responsivePatternTable{min-width:760px}.table-kit-showcase-module__pcLz4q__asideColumn{grid-template-columns:minmax(0,1fr);gap:16px;min-width:0;display:grid}.table-kit-showcase-module__pcLz4q__exampleCard{padding:clamp(14px,1.5vw,20px)}.table-kit-showcase-module__pcLz4q__exampleHeader{align-items:flex-start;gap:8px;margin-bottom:12px;display:flex}.table-kit-showcase-module__pcLz4q__exampleHeader>span{width:25px;height:25px;color:var(--table-primary);background:#eef5ff;border-radius:5px;flex:0 0 25px;place-items:center;display:grid}.table-kit-showcase-module__pcLz4q__exampleHeader>span [data-ui-icon]{width:14px;height:14px}.table-kit-showcase-module__pcLz4q__exampleHeader h3,.table-kit-showcase-module__pcLz4q__exampleHeader p{margin:0}.table-kit-showcase-module__pcLz4q__exampleHeader h3{color:var(--table-primary);font:var(--gp-type-h6)}.table-kit-showcase-module__pcLz4q__exampleHeader p{color:var(--table-navy);font:var(--table-type-data);margin-top:2px;font-weight:600}.table-kit-showcase-module__pcLz4q__exampleToolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.table-kit-showcase-module__pcLz4q__exampleToolbar .table-kit-showcase-module__pcLz4q__searchControl{grid-column:1/-1}.table-kit-showcase-module__pcLz4q__exampleToolbar>div,.table-kit-showcase-module__pcLz4q__exampleToolbar>div button,.table-kit-showcase-module__pcLz4q__exampleToolbar>button{width:100%;max-width:none}.table-kit-showcase-module__pcLz4q__exampleTableRegion{border-radius:5px 5px 0 0}.table-kit-showcase-module__pcLz4q__exampleTableRegion .table-kit-showcase-module__pcLz4q__dataTable{min-width:940px}.table-kit-showcase-module__pcLz4q__exampleTableRegion .table-kit-showcase-module__pcLz4q__dataTable th,.table-kit-showcase-module__pcLz4q__exampleTableRegion .table-kit-showcase-module__pcLz4q__dataTable td{height:42px}.table-kit-showcase-module__pcLz4q__personCell{align-items:center;gap:7px;min-width:0;display:inline-flex}.table-kit-showcase-module__pcLz4q__personCell>span:last-child{min-width:0;display:grid}.table-kit-showcase-module__pcLz4q__personCell strong{font:var(--table-type-interface)}.table-kit-showcase-module__pcLz4q__personCell small{max-width:180px;color:var(--table-muted);font:var(--table-type-supporting);text-overflow:ellipsis;overflow:hidden}.table-kit-showcase-module__pcLz4q__avatar{color:#fff;width:32px;height:32px;font:var(--gp-type-overline);background:#315f9b;border-radius:50%;flex:0 0 32px;place-items:center;display:grid}.table-kit-showcase-module__pcLz4q__avatar[data-avatar="0"]{background:#35548b}.table-kit-showcase-module__pcLz4q__avatar[data-avatar="1"]{background:#2e7a67}.table-kit-showcase-module__pcLz4q__avatar[data-avatar="2"]{background:#8f5b38}.table-kit-showcase-module__pcLz4q__avatar[data-avatar="3"]{background:#6650a4}.table-kit-showcase-module__pcLz4q__avatar[data-avatar="4"]{background:#3d6ea6}.table-kit-showcase-module__pcLz4q__personCellCompact .table-kit-showcase-module__pcLz4q__avatar{flex-basis:32px;width:32px;height:32px}.table-kit-showcase-module__pcLz4q__exampleBulkBar{border-radius:0 0 5px 5px;margin-top:0}.table-kit-showcase-module__pcLz4q__examplePagination{color:var(--table-muted);font:var(--table-type-data);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin-top:12px;display:grid}.table-kit-showcase-module__pcLz4q__tipsCard{background:linear-gradient(135deg,#f7fbff,#fff);border-color:#d9e9ff;padding:13px}.table-kit-showcase-module__pcLz4q__tipsCard header{align-items:center;gap:7px;display:flex}.table-kit-showcase-module__pcLz4q__tipsCard header>span{color:var(--table-primary)}.table-kit-showcase-module__pcLz4q__tipsCard header [data-ui-icon]{width:16px;height:16px}.table-kit-showcase-module__pcLz4q__tipsCard h3{color:var(--table-primary);font:var(--gp-type-h6);margin:0}.table-kit-showcase-module__pcLz4q__tipsCard ul{gap:9px;margin:12px 0 0;padding:0;list-style:none;display:grid}.table-kit-showcase-module__pcLz4q__tipsCard li{color:var(--table-muted);font:var(--table-type-data);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px;display:grid}.table-kit-showcase-module__pcLz4q__tipsCard li [data-ui-icon]{color:#5480bf;width:11px;height:11px;margin-top:1px}.table-kit-showcase-module__pcLz4q__visuallyHidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@container table-kit (max-width:1020px){.table-kit-showcase-module__pcLz4q__workspace{grid-template-columns:1fr}.table-kit-showcase-module__pcLz4q__asideColumn{grid-template-columns:minmax(0,1fr)}}@container table-kit (max-width:900px){.table-kit-showcase-module__pcLz4q__basicCard,.table-kit-showcase-module__pcLz4q__sortableCard,.table-kit-showcase-module__pcLz4q__selectableCard,.table-kit-showcase-module__pcLz4q__statusCard,.table-kit-showcase-module__pcLz4q__densityCard,.table-kit-showcase-module__pcLz4q__stickyCard,.table-kit-showcase-module__pcLz4q__actionsCard,.table-kit-showcase-module__pcLz4q__statesCard,.table-kit-showcase-module__pcLz4q__expandableCard,.table-kit-showcase-module__pcLz4q__responsiveCard{grid-column:1/-1}.table-kit-showcase-module__pcLz4q__toolbar{grid-template-columns:minmax(180px,1fr) repeat(2,minmax(120px,.7fr))}.table-kit-showcase-module__pcLz4q__toolbar button,.table-kit-showcase-module__pcLz4q__toolbar>div{width:100%}.table-kit-showcase-module__pcLz4q__asideColumn{grid-template-columns:1fr}.table-kit-showcase-module__pcLz4q__basicCard .table-kit-showcase-module__pcLz4q__dataTable{table-layout:auto;min-width:820px}.table-kit-showcase-module__pcLz4q__sortableCard .table-kit-showcase-module__pcLz4q__dataTable,.table-kit-showcase-module__pcLz4q__selectableCard .table-kit-showcase-module__pcLz4q__dataTable{table-layout:auto;min-width:620px}}@container table-kit (max-width:660px){.table-kit-showcase-module__pcLz4q__basicCard,.table-kit-showcase-module__pcLz4q__sortableCard,.table-kit-showcase-module__pcLz4q__selectableCard,.table-kit-showcase-module__pcLz4q__statusCard,.table-kit-showcase-module__pcLz4q__densityCard,.table-kit-showcase-module__pcLz4q__stickyCard,.table-kit-showcase-module__pcLz4q__actionsCard,.table-kit-showcase-module__pcLz4q__fullCard,.table-kit-showcase-module__pcLz4q__statesCard,.table-kit-showcase-module__pcLz4q__expandableCard,.table-kit-showcase-module__pcLz4q__responsiveCard{grid-column:1/-1}.table-kit-showcase-module__pcLz4q__badgeGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.table-kit-showcase-module__pcLz4q__densityGrid{grid-template-columns:1fr}.table-kit-showcase-module__pcLz4q__densityPreview .table-kit-showcase-module__pcLz4q__dataTable{width:100%;min-width:0}.table-kit-showcase-module__pcLz4q__toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.table-kit-showcase-module__pcLz4q__toolbar .table-kit-showcase-module__pcLz4q__searchControl{grid-column:1/-1}.table-kit-showcase-module__pcLz4q__paginationBar,.table-kit-showcase-module__pcLz4q__examplePagination{grid-template-columns:1fr;justify-items:center}.table-kit-showcase-module__pcLz4q__paginationBar [data-ui-table-pagination],.table-kit-showcase-module__pcLz4q__examplePagination [data-ui-table-pagination]{width:100%}.table-kit-showcase-module__pcLz4q__statesGrid{grid-template-columns:1fr}.table-kit-showcase-module__pcLz4q__statePanel{min-height:108px}.table-kit-showcase-module__pcLz4q__compactBulkBar,.table-kit-showcase-module__pcLz4q__bulkActionBar,.table-kit-showcase-module__pcLz4q__exampleBulkBar{flex-direction:column;align-items:flex-start}.table-kit-showcase-module__pcLz4q__compactBulkBar>span,.table-kit-showcase-module__pcLz4q__bulkActionBar>span,.table-kit-showcase-module__pcLz4q__exampleBulkBar>span{justify-content:flex-start}.table-kit-showcase-module__pcLz4q__dataTable th,.table-kit-showcase-module__pcLz4q__dataTable td{height:44px;padding:9px 12px}}@container table-kit (max-width:410px){.table-kit-showcase-module__pcLz4q__card,.table-kit-showcase-module__pcLz4q__exampleCard,.table-kit-showcase-module__pcLz4q__tipsCard{padding:10px}.table-kit-showcase-module__pcLz4q__toolbar,.table-kit-showcase-module__pcLz4q__exampleToolbar{grid-template-columns:1fr}.table-kit-showcase-module__pcLz4q__exampleToolbar .table-kit-showcase-module__pcLz4q__searchControl{grid-column:auto}.table-kit-showcase-module__pcLz4q__exampleToolbar button,.table-kit-showcase-module__pcLz4q__exampleToolbar>div,.table-kit-showcase-module__pcLz4q__exampleToolbar>div button{width:100%;max-width:none}.table-kit-showcase-module__pcLz4q__detailRow dl{grid-template-columns:repeat(2,minmax(0,1fr))}.table-kit-showcase-module__pcLz4q__showcase button{min-height:40px}.table-kit-showcase-module__pcLz4q__sortButton{min-width:40px;padding-inline:4px}.table-kit-showcase-module__pcLz4q__checkboxTarget{width:40px;height:40px}.table-kit-showcase-module__pcLz4q__checkbox{width:20px;height:20px}.table-kit-showcase-module__pcLz4q__rowActionList button,.table-kit-showcase-module__pcLz4q__expandButton{width:40px;min-width:40px;height:40px}.table-kit-showcase-module__pcLz4q__searchControl,.table-kit-showcase-module__pcLz4q__filterControl>div,.table-kit-showcase-module__pcLz4q__paginationSize>div{min-height:40px}.table-kit-showcase-module__pcLz4q__paginationBar [data-ui-numbered-pagination],.table-kit-showcase-module__pcLz4q__examplePagination [data-ui-numbered-pagination]{scrollbar-width:thin;justify-content:flex-start;width:100%;padding:3px 0 5px;overflow-x:auto}.table-kit-showcase-module__pcLz4q__compactBulkBar button,.table-kit-showcase-module__pcLz4q__bulkActionBar button,.table-kit-showcase-module__pcLz4q__exampleBulkBar button,.table-kit-showcase-module__pcLz4q__toolbar button,.table-kit-showcase-module__pcLz4q__exampleToolbar button,.table-kit-showcase-module__pcLz4q__statePanel button{min-height:40px;font:var(--table-type-interface)}}@media (prefers-reduced-motion:reduce){.table-kit-showcase-module__pcLz4q__skeleton{animation:none}.table-kit-showcase-module__pcLz4q__expandButton [data-ui-icon]{transition:none}}
.validation-states-showcase-module__7PQg8a__showcase{--validation-navy:var(--form-navy,#071b4a);--validation-primary:var(--form-primary,#0868f2);--validation-muted:var(--form-muted,#52627d);--validation-border:var(--form-border,#d7dfea);--validation-error:var(--form-danger,#ed3f46);--validation-success:var(--form-success,#20a464);--validation-warning:var(--form-warning,#d97706);--validation-info:var(--form-info,#0868f2);width:100%;min-width:0;color:var(--validation-navy);container:validation-kit/inline-size}.validation-states-showcase-module__7PQg8a__liveRegion{margin:0}.validation-states-showcase-module__7PQg8a__workspace{grid-template-columns:minmax(0,3fr) minmax(270px,1fr);align-items:start;gap:14px;display:grid}.validation-states-showcase-module__7PQg8a__mainColumn{gap:12px;min-width:0;display:grid}.validation-states-showcase-module__7PQg8a__catalogueGroup,.validation-states-showcase-module__7PQg8a__summaryCard{min-width:0}.validation-states-showcase-module__7PQg8a__legendGrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.validation-states-showcase-module__7PQg8a__legendItem,.validation-states-showcase-module__7PQg8a__guidanceItem{border-radius:6px;gap:8px;min-width:0;display:flex}.validation-states-showcase-module__7PQg8a__legendItem{border:1px solid color-mix(in srgb, currentcolor 24%, transparent);background:color-mix(in srgb, currentcolor 5%, #fff);align-items:center;min-height:52px;padding:8px}.validation-states-showcase-module__7PQg8a__legendItem>span:last-child,.validation-states-showcase-module__7PQg8a__guidanceItem>span:last-child{gap:1px;min-width:0;display:grid}.validation-states-showcase-module__7PQg8a__legendItem strong,.validation-states-showcase-module__7PQg8a__guidanceItem strong{color:var(--validation-navy);font:var(--gp-type-label);letter-spacing:var(--gp-type-label-letter-spacing)}.validation-states-showcase-module__7PQg8a__legendItem small,.validation-states-showcase-module__7PQg8a__guidanceItem small{color:var(--validation-muted);font:var(--gp-type-caption);letter-spacing:var(--gp-type-caption-letter-spacing)}.validation-states-showcase-module__7PQg8a__legendIcon{color:currentColor;background:color-mix(in srgb, currentcolor 12%, #fff);border-radius:50%;flex:0 0 25px;place-items:center;width:25px;height:25px;display:grid}:is(.validation-states-showcase-module__7PQg8a__legendIcon [data-ui-icon],.validation-states-showcase-module__7PQg8a__guidanceItem>[data-ui-icon]){width:14px;height:14px}.validation-states-showcase-module__7PQg8a__textMark,.validation-states-showcase-module__7PQg8a__requiredMark{font-size:16px;font-weight:800;line-height:1}.validation-states-showcase-module__7PQg8a__stateGrid{align-items:start;gap:12px;display:grid}.validation-states-showcase-module__7PQg8a__fourColumns{grid-template-columns:repeat(4,minmax(0,1fr))}.validation-states-showcase-module__7PQg8a__threeColumns{grid-template-columns:repeat(3,minmax(0,1fr))}.validation-states-showcase-module__7PQg8a__twoColumns{grid-template-columns:repeat(2,minmax(0,1fr))}.validation-states-showcase-module__7PQg8a__statePreview{background:#fbfcfe;border:1px solid #e6ebf2;border-radius:6px;min-width:0;padding:9px}.validation-states-showcase-module__7PQg8a__statePreview:has(textarea){min-height:134px}.validation-states-showcase-module__7PQg8a__stackedFeedback{gap:1px;display:grid}.validation-states-showcase-module__7PQg8a__stackedFeedback>span:before{content:"•";margin-right:4px}.validation-states-showcase-module__7PQg8a__compactField{grid-template-columns:minmax(0,1fr) auto;align-items:end}.validation-states-showcase-module__7PQg8a__compactField>label{grid-column:1/-1}.validation-states-showcase-module__7PQg8a__compactField>:last-child{white-space:nowrap;padding-left:6px}.validation-states-showcase-module__7PQg8a__confirmationIntro{max-width:760px;color:var(--validation-muted);font:var(--gp-type-body-sm);letter-spacing:var(--gp-type-body-letter-spacing);margin:-3px 0 12px}.validation-states-showcase-module__7PQg8a__confirmationGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.validation-states-showcase-module__7PQg8a__confirmationExample{--confirmation-example-tone:var(--validation-info);border:1px solid color-mix(in srgb, var(--confirmation-example-tone) 30%, #dfe6ef);background:color-mix(in srgb, var(--confirmation-example-tone) 5%, #fff);border-radius:7px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:11px;display:grid}.validation-states-showcase-module__7PQg8a__confirmationExample[data-confirmation-tone=danger]{--confirmation-example-tone:var(--validation-error)}.validation-states-showcase-module__7PQg8a__confirmationExample[data-confirmation-tone=warning]{--confirmation-example-tone:var(--validation-warning)}.validation-states-showcase-module__7PQg8a__confirmationExample[data-confirmation-tone=success]{--confirmation-example-tone:var(--validation-success)}.validation-states-showcase-module__7PQg8a__confirmationExample[data-confirmation-tone=info]{--confirmation-example-tone:#0887a8}.validation-states-showcase-module__7PQg8a__confirmationExampleIcon{width:34px;height:34px;color:var(--confirmation-example-tone);background:color-mix(in srgb, var(--confirmation-example-tone) 13%, #fff);border-radius:50%;flex:0 0 34px;place-items:center;display:grid}.validation-states-showcase-module__7PQg8a__confirmationExampleIcon [data-ui-icon]{width:17px;height:17px}.validation-states-showcase-module__7PQg8a__confirmationExampleCopy{gap:2px;min-width:0;display:grid}.validation-states-showcase-module__7PQg8a__confirmationExampleCopy strong{color:var(--validation-navy);font:var(--gp-type-label);letter-spacing:var(--gp-type-label-letter-spacing)}.validation-states-showcase-module__7PQg8a__confirmationExampleCopy small{color:var(--validation-muted);font:var(--gp-type-caption);letter-spacing:var(--gp-type-caption-letter-spacing)}.validation-states-showcase-module__7PQg8a__confirmationExample button{min-width:116px}.validation-states-showcase-module__7PQg8a__confirmationSubheading{gap:3px;margin:14px 0 9px;display:grid}.validation-states-showcase-module__7PQg8a__confirmationSubheading strong{color:var(--validation-navy);font:var(--gp-type-label);letter-spacing:var(--gp-type-label-letter-spacing)}.validation-states-showcase-module__7PQg8a__confirmationSubheading span{color:var(--validation-muted);font:var(--gp-type-caption);letter-spacing:var(--gp-type-caption-letter-spacing)}.validation-states-showcase-module__7PQg8a__guidanceGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.validation-states-showcase-module__7PQg8a__guidanceItem{border:1px solid color-mix(in srgb, currentcolor 22%, transparent);background:color-mix(in srgb, currentcolor 5%, #fff);align-items:flex-start;padding:9px}.validation-states-showcase-module__7PQg8a__guidanceItem>[data-ui-icon]{flex:0 0 14px;margin-top:1px}.validation-states-showcase-module__7PQg8a__summaryColumn{align-content:start;gap:12px;min-width:0;display:grid}.validation-states-showcase-module__7PQg8a__summaryColumn .validation-states-showcase-module__7PQg8a__guidanceGrid{grid-template-columns:1fr}.validation-states-showcase-module__7PQg8a__summaryForm{gap:12px;display:grid}.validation-states-showcase-module__7PQg8a__summaryResult{background:#f8fafc;border:1px solid #e0e6ee;border-radius:6px;padding:10px}.validation-states-showcase-module__7PQg8a__summaryResult strong{font:var(--gp-type-label);letter-spacing:var(--gp-type-label-letter-spacing);margin-bottom:7px;display:block}.validation-states-showcase-module__7PQg8a__summaryResult ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 8px;margin:0;padding:0;list-style:none;display:grid}.validation-states-showcase-module__7PQg8a__summaryResult li{color:var(--validation-muted);font:var(--gp-type-caption);letter-spacing:var(--gp-type-caption-letter-spacing);align-items:center;gap:5px;display:flex}.validation-states-showcase-module__7PQg8a__summaryResult li:before{content:"";background:currentColor;border-radius:50%;flex:0 0 7px;width:7px;height:7px}.validation-states-showcase-module__7PQg8a__liveRegion{min-height:26px;color:var(--validation-muted);font:var(--gp-type-caption);letter-spacing:var(--gp-type-caption-letter-spacing)}.validation-states-showcase-module__7PQg8a__liveRegion:empty{min-height:0}.validation-states-showcase-module__7PQg8a__summaryActions{border-top:1px solid #e4e9f0;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:8px;padding-top:11px;display:grid}.validation-states-showcase-module__7PQg8a__summaryActions button{width:100%;min-width:0;padding-inline:8px}.validation-states-showcase-module__7PQg8a__showcase [data-validation-tone=error]{color:var(--validation-error)}.validation-states-showcase-module__7PQg8a__showcase [data-validation-tone=success]{color:var(--validation-success)}.validation-states-showcase-module__7PQg8a__showcase [data-validation-tone=warning]{color:var(--validation-warning)}.validation-states-showcase-module__7PQg8a__showcase [data-validation-tone=info]{color:var(--validation-info)}.validation-states-showcase-module__7PQg8a__showcase [data-validation-tone=disabled]{color:#8491a5}.validation-states-showcase-module__7PQg8a__showcase [data-validation-tone=required]{color:var(--validation-error)}.validation-states-showcase-module__7PQg8a__statePreview>*,.validation-states-showcase-module__7PQg8a__summaryForm [data-validation-tone]>*{color:var(--validation-navy)}@container validation-kit (max-width:1050px){.validation-states-showcase-module__7PQg8a__workspace{grid-template-columns:1fr}.validation-states-showcase-module__7PQg8a__summaryForm{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 16px}.validation-states-showcase-module__7PQg8a__summaryColumn .validation-states-showcase-module__7PQg8a__guidanceGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.validation-states-showcase-module__7PQg8a__summaryResult,.validation-states-showcase-module__7PQg8a__liveRegion,.validation-states-showcase-module__7PQg8a__summaryActions{grid-column:1/-1}}@container validation-kit (max-width:820px){.validation-states-showcase-module__7PQg8a__legendGrid,.validation-states-showcase-module__7PQg8a__fourColumns,.validation-states-showcase-module__7PQg8a__threeColumns,.validation-states-showcase-module__7PQg8a__guidanceGrid,.validation-states-showcase-module__7PQg8a__summaryColumn .validation-states-showcase-module__7PQg8a__guidanceGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.validation-states-showcase-module__7PQg8a__confirmationGrid{grid-template-columns:1fr}}@container validation-kit (max-width:560px){.validation-states-showcase-module__7PQg8a__legendGrid,.validation-states-showcase-module__7PQg8a__fourColumns,.validation-states-showcase-module__7PQg8a__threeColumns,.validation-states-showcase-module__7PQg8a__twoColumns,.validation-states-showcase-module__7PQg8a__guidanceGrid,.validation-states-showcase-module__7PQg8a__summaryForm,.validation-states-showcase-module__7PQg8a__summaryColumn .validation-states-showcase-module__7PQg8a__guidanceGrid{grid-template-columns:1fr}.validation-states-showcase-module__7PQg8a__summaryResult,.validation-states-showcase-module__7PQg8a__liveRegion,.validation-states-showcase-module__7PQg8a__summaryActions{grid-column:auto}.validation-states-showcase-module__7PQg8a__summaryActions,.validation-states-showcase-module__7PQg8a__compactField{grid-template-columns:1fr}.validation-states-showcase-module__7PQg8a__compactField>:last-child{padding-left:0}.validation-states-showcase-module__7PQg8a__confirmationExample{grid-template-columns:auto minmax(0,1fr)}.validation-states-showcase-module__7PQg8a__confirmationExample button{grid-column:1/-1;width:100%;min-width:0}}@media (prefers-reduced-motion:reduce){.validation-states-showcase-module__7PQg8a__showcase *{scroll-behavior:auto}}