.circular-progress-button{display:flex;align-items:center;justify-content:center;position:relative;outline:none;flex-shrink:0}.circular-progress-button-progess-circle{position:absolute;top:0;left:0;height:100%!important;width:100%!important}.circular-progress-tone-down{opacity:.33}.circular-progress-button-icon-container{position:absolute;display:flex;justify-content:center;align-items:center;border-radius:100%;width:75%;height:75%}.circular-progress-underlay{position:absolute;left:0}.circular-no-underlay .v-progress-circular__underlay{stroke:transparent}.circular-no-transition .v-progress-circular__overlay{transition:stroke-dashoffset .3s ease-in-out}.circular-progress-fade-enter-active,.circular-progress-fade-leave-active{transition:opacity .3s}.circular-progress-fade-enter,.circular-progress-fade-leave-to{opacity:0}.circular-progress-button-dummy-height{padding-top:100%}.circular-progress-highlight{position:absolute;width:2px;height:2px;border-radius:50%;transform:translateY(16px)}.workpackage-on-site-info-container{display:flex;flex-direction:column;grid-gap:8px;height:100%}.workpackage-on-site-info-router{flex-grow:1;overflow:auto}.workpackage-on-site-info-list-container{display:flex;flex-direction:row;justify-content:flex-end;margin:0 8px;z-index:1000}.workpackage-on-site-info-widget-list{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;flex-grow:1;padding-right:4px;transition:max-height .2s ease-in-out}.workpackage-on-site-info-step-type-list{display:flex;flex-direction:row;flex-wrap:wrap;overflow:hidden;flex-grow:1;transition:max-height .2s ease-in-out}.workpackage-on-site-info-widget-list-content{display:flex;flex-direction:column;align-items:center}.workpackage-on-site-info-bottom-navigation{z-index:1000;display:flex;flex-direction:column;grid-gap:8px}.workpackage-on-site-expand-list{display:flex;flex-shrink:0;align-items:flex-start;justify-content:center;width:calc(20% - 5px)}.workpackage-on-site-expand-widget-button-container{width:100%;aspect-ratio:1/1}.workpackage-on-site-expand-widget-button{width:100%;height:100%}.workpackage-on-site-expand-step-type-button-container{width:100%;aspect-ratio:1/1;margin:4px}.workpackage-on-site-expand-step-type-button{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border:4px solid;border-radius:50%}.appear-enter-active,.appear-leave-active{transition:all .5s ease-in-out}.appear-enter,.appear-leave-to{opacity:0}.subage-slide-in-enter-active,.subage-slide-in-leave-active{transition:all .25s ease-in-out}.subage-slide-in-enter,.subage-slide-in-leave-to{transform:translateX(100%)}