.deployment-control-container{position:relative}.deployment-control-container .spinner-container{background-color:rgba(var(--palette-neutral-0),.9);display:flex;flex-direction:column;position:absolute;top:0;bottom:0;left:0;right:0}.deployment-control-container .spinner-container .loading-spinner{flex:1 1 auto}.deployment-control-container .deployments-zero-data{padding:10px;background-color:rgba(var(--palette-neutral-4),1);display:flex;align-items:center}.deployment-control-container .deployments-zero-data .zero-data-icon{font-size:30px;width:30px;margin-right:10px;vertical-align:middle}.deployment-control-container .type-title{text-transform:capitalize;margin-top:16px;margin-bottom:8px}.deployment-control-container .pipeline-card{box-shadow:none;margin-bottom:8px;padding:0}.deployment-control-container .pipeline-card:last-child{margin-bottom:0}.deployment-control-container .pipeline-card .pipeline-container{border:1px solid var(--palette-black-alpha-8);border-radius:5px;display:flex;flex-direction:row;width:100%;padding:10px 12px;cursor:pointer;max-height:186px;overflow-y:auto}.deployment-control-container .pipeline-card .pipeline-container:focus,.deployment-control-container .pipeline-card .pipeline-container:hover{border:1px solid var(--communication-background);border-radius:5px;outline:0}.deployment-control-container .pipeline-card .pipeline-container .fixed-width{width:16px}.deployment-control-container .pipeline-card .pipeline-container .content{flex-grow:1;padding:0 8px;width:85%}.deployment-control-container .pipeline-card .pipeline-container .content .header{display:block}.deployment-control-container .pipeline-card .pipeline-container .content .title{line-height:16px}.deployment-control-container .pipeline-card .pipeline-container .content .stages{padding-top:16px}.deployment-control-container .pipeline-card .pipeline-container .content .stages.collapsed{display:none}.deployment-control-container .pipeline-card .pipeline-container .content .stages .stage{margin-bottom:10px}.deployment-control-container .pipeline-card .pipeline-container .content .stages .stage .stage-arrow-icon{font-size:10px;margin:0 4px}.deployment-control-container .pipeline-card .pipeline-container .chevron{transition:transform 200ms}.deployment-control-container .pipeline-card .pipeline-container .chevron.collapsed{transform:rotate(180deg)}.deployment-control-container .deployment-status{margin-right:8px}