.subpage-header-component{top:0;z-index:1;padding:0 10px 10px 10px;display:flex;flex-direction:column;width:100%}.subpage-header-component-relative{position:relative;padding:0 0 10px 0}.subpage-header-component-sticky{position:sticky;padding:10px 0}.subpage-header-component-content{display:flex;align-items:center;flex-wrap:wrap;width:100%;z-index:20}.subpage-header-component-content-back{flex-grow:0;flex-shrink:0;z-index:100}.subpage-header-component-center{position:absolute;left:50%;top:0;transform:translateX(-50%);width:100%}.subpage-header-component-content-create{display:flex;justify-content:flex-start;grid-gap:8px;width:100%}.subpage-header-component-content-create-button{flex:1 1 0px}.subpage-header-component-right-side{display:flex;flex-grow:1;align-items:center}.subpage-header-component-label{display:flex;grid-gap:8px;margin:0 8px}.workpackage-subpage{position:relative;display:flex;flex-shrink:0;height:100%;width:100%;z-index:100}.workpackage-subpage-separator{position:relative;display:flex;flex-shrink:0;height:calc(100% - 10px);top:5px;width:1px;opacity:.2}.workpackage-subpage-content{position:relative;height:100%;display:flex;flex-direction:column;grid-gap:10px}.workpackage-subpage-content-header{padding:0 10px}.workpackage-subpage-content-header-descriptor{display:flex;flex-direction:column;align-items:center;transition:none;width:100%}.workpackage-subpage-content-body-descriptor{margin-bottom:-8px;align-items:center}.workpackage-subpage-content-body{position:relative;width:320px;display:flex;flex-direction:column;align-items:center;grid-gap:8px;overflow:auto;padding:0 10px 10px 10px;overflow-x:hidden;flex-shrink:0;-ms-overflow-style:none;scrollbar-width:none}.workpackage-subpage-content-body::-webkit-scrollbar{display:none}.workpackage-subpage-content-body-sort-buttons{display:flex;position:sticky;top:0;justify-content:space-between;align-items:center;width:100%}.work-package-step-detail-option-buttons{display:flex;flex-wrap:wrap;height:auto;width:100%;align-items:center;grid-gap:8px;padding:16px;justify-content:space-between}.subpage-header-slot{position:absolute;display:flex;align-items:center;right:10px}.workpackage-subpage-content-body-descriptor,.workpackage-subpage-content-header-descriptor{transition:opacity .1s ease-in-out}.dynamic-drop-down{flex-grow:1}.dynamic-drop-down>.v-text-field{padding:0;margin:0}.clickable-list-item-container{width:100%}.clickable-list-item-button{width:calc(100% - 36px);flex-grow:1}.clickable-list-item-button,.clickable-list-item-container{display:flex;flex-direction:row;grid-gap:8px;outline:none;align-items:center}.clickable-list-completely-clickable-ripple{position:absolute;width:100%;height:100%}.clickable-list-item-container{position:relative}.clickable-list-item-tone-down{opacity:.33}.clickable-list-item-line{border-top:1px solid;position:absolute;width:calc(100% - 32px);top:0;right:0}.clickable-list-item-front-slot{display:flex;flex-direction:column;align-items:center}.clickable-list-item-content{width:calc(100% - 12px);margin-left:12px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.clickable-list-item-selected{position:absolute;right:-7px;width:4px;height:4px;border-radius:2px;align-self:anchor-center}.work-package-loglist-content{padding-right:8px}.work-package-loglist-strikethrough>.ticon-component{position:absolute}.work-package-loglist-strikethrough{padding:8px;width:32px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:16px;transition:background-color .5s ease-in-out;position:relative}