.common-staff-header{&[data-v-1968e2f7]{--fade-transition-time:200ms;align-items:flex-start;align-self:stretch;background:var(--colors-background-bg-secondary,#fafafa);display:flex;flex-direction:column;gap:24px;padding:var(--spacing-3xl,24px) var(--spacing-3xl,24px) var(--spacing-3xl,24px) var(--spacing-3xl,24px)}& .top{&[data-v-1968e2f7]{align-items:center;align-self:stretch;display:flex;justify-content:space-between}& .button-wrapper{&[data-v-1968e2f7]{align-items:center;display:flex;gap:8px}& .notify{&[data-v-1968e2f7]{position:relative}& .new[data-v-1968e2f7]{background:var(--colors-foreground-fg-error-secondary,#f04438);border:2px solid var(--colors-foreground-fg-white,#fff);border-radius:var(--radius-4xl,24px);flex-shrink:0;height:8px;position:absolute;right:8px;top:8px;width:8px}}& .user-menu[data-v-1968e2f7]{position:relative}}}&.sticky{&[data-v-1968e2f7]{box-shadow:0 2px 4px rgba(0,0,0,.1);left:0;position:fixed;right:0;top:0;z-index:1}& .top[data-v-1968e2f7]{display:none}}& .navigation{&[data-v-1968e2f7]{align-items:flex-start;align-self:stretch;display:flex;gap:16px}& a{&[data-v-1968e2f7]{color:var(--colors-text-text-secondary,#424242);font-family:Inter;font-size:24px;font-style:normal;font-weight:600;line-height:32px;text-align:center;text-decoration:none}&[data-v-1968e2f7]:not(.router-link-active){opacity:.25}}}& .fade-enter-active[data-v-1968e2f7],& .fade-leave-active[data-v-1968e2f7]{transition:opacity var(--fade-transition-time) ease-out}& .fade-enter-from[data-v-1968e2f7],& .fade-leave-to[data-v-1968e2f7]{opacity:0}& .fade-enter-to[data-v-1968e2f7],& .fade-leave-from[data-v-1968e2f7]{opacity:1}}.staff-detail-header{&[data-v-29b681ac]{align-items:center;align-self:stretch;background:var(--colors-background-bg-primary,#fff);display:flex;justify-content:space-between;padding:var(--spacing-3xl,24px)}& .hide[data-v-29b681ac]{visibility:hidden}& .left[data-v-29b681ac]{flex:1 0 0}& .left[data-v-29b681ac],& .title[data-v-29b681ac]{align-items:center;display:flex;gap:8px}& .title[data-v-29b681ac]{color:var(--color-text-primary,#2b2b2b);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;justify-content:center;line-height:20px;text-align:center}& .right[data-v-29b681ac]{align-items:flex-start;display:flex;flex:1 0 0;gap:8px;height:20px;justify-content:flex-end}}.staff-modal{&[data-v-58779061]{--fade-transition-time:200ms;--slide-up-transition-time:150ms}& .modal[data-v-58779061]{align-items:center;background:rgba(0,0,0,.75);bottom:0;display:flex;height:100%;justify-content:center;left:0;position:fixed;right:0;top:0;width:100%;z-index:9999}& .modal-content{&[data-v-58779061]{align-items:center;background:var(--colors-background-bg-primary,#fff);border-radius:24px 24px 0 0;display:flex;flex-direction:column;height:100%;max-width:512px;overflow:hidden;position:relative;top:24px;width:100%}&[data-v-58779061]> .content{align-items:center;align-self:stretch;display:flex;flex:1 0 0;flex-direction:column;gap:var(--spacing-4xl,32px);overflow-y:auto;padding:var(--spacing-xl,16px) var(--spacing-3xl,24px);&[data-v-58779061] .common-base-form{max-width:100%;& section{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:24px}}& .kcs-button.primary{align-self:stretch}}}& .fade-enter-active[data-v-58779061],& .fade-leave-active[data-v-58779061]{transition:all var(--fade-transition-time) ease-out}& .fade-enter-from[data-v-58779061],& .fade-leave-to[data-v-58779061]{opacity:0}& .fade-enter-to[data-v-58779061],& .fade-leave-from[data-v-58779061]{opacity:1}& .slide-up-enter-active[data-v-58779061],& .slide-up-leave-active[data-v-58779061]{transition:all var(--slide-up-transition-time) ease-out}& .slide-up-enter-from[data-v-58779061],& .slide-up-leave-to[data-v-58779061]{transform:translateY(100%)}& .slide-up-enter-to[data-v-58779061],& .slide-up-leave-from[data-v-58779061]{transform:translateY(0)}}.content{&[data-v-0ec5f8a6]{align-items:center;align-self:stretch;display:flex;flex:1 0 0;flex-direction:column;gap:var(--spacing-4xl,32px);overflow-y:auto;padding:var(--spacing-xl,16px) var(--spacing-3xl,24px)}& section[data-v-0ec5f8a6]{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:var(--spacing-3xl,24px)}}.staff-unconfirmed{& .cal{&[data-v-b7cba057]{align-self:stretch;display:flex;flex-direction:column;gap:var(--spacing-4xl,32px)}& .group{&[data-v-b7cba057]{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:16px;width:100%}& .month-and-year{&[data-v-b7cba057]{align-items:flex-start;align-self:stretch;display:flex;justify-content:space-between}& .text[data-v-b7cba057]{color:var(--colors-text-text-primary,#141414);font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:20px;text-align:center}}& .list[data-v-b7cba057]{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:16px}}}}.staff-unsigned-form{&[data-v-40b2e191]{align-items:center;align-self:stretch;display:flex;flex-direction:column;gap:var(--spacing-4xl,32px)}& .headline{&[data-v-40b2e191]{align-items:center;align-self:stretch;display:flex;flex-direction:column;gap:8px}& .company[data-v-40b2e191]{font-size:16px;font-weight:600;line-height:24px}& .company[data-v-40b2e191],& .location[data-v-40b2e191]{color:var(--colors-text-text-primary,#141414);font-family:Inter;font-style:normal}& .location[data-v-40b2e191]{font-size:14px;font-weight:400;line-height:20px;overflow:hidden;text-overflow:ellipsis}}& .cal{&[data-v-40b2e191]{align-self:stretch;display:flex;flex-direction:column;gap:var(--spacing-4xl,32px)}& .group{&[data-v-40b2e191]{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:16px;width:100%}& .month-and-year{&[data-v-40b2e191]{align-items:flex-start;align-self:stretch;display:flex;justify-content:space-between}& .text[data-v-40b2e191]{color:var(--colors-text-text-primary,#141414);font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:20px;text-align:center}}& .list[data-v-40b2e191]{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:16px;position:relative}}}& .separator[data-v-40b2e191]{display:flex;justify-content:center}& .signature-wrapper[data-v-40b2e191]{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:16px}& .canvas-container{&[data-v-40b2e191]{aspect-ratio:16/9;margin-left:auto;margin-right:auto;position:relative;width:100%}& .placeholder[data-v-40b2e191]{color:var(--colors-text-text-placeholder,#737373);font-family:Inter;font-size:16px;font-style:normal;font-weight:400;left:14px;line-height:24px;position:absolute;top:14px}& canvas[data-v-40b2e191]{background:var(--colors-background-bg-primary,#fff);border:1px solid var(--colors-border-border-primary,#d6d6d6);border-radius:var(--radius-md,8px);box-shadow:0 1px 2px 0 rgba(16,24,40,.05)}}& .notification[data-v-40b2e191]{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:16px;margin-top:16px}& .html-validation[data-v-40b2e191]{height:0;left:50%;opacity:0;position:absolute;right:50%;top:16px;width:0}}.staff-unsigned-item{&[data-v-105af606]{align-items:flex-start;align-self:stretch;background:var(--colors-background-bg-primary,#fff);border:.5px solid var(--colors-border-border-primary,#d6d6d6);border-radius:8px;box-shadow:0 1px 2px 0 rgba(16,24,40,.05);cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xl,16px)}& .header{&[data-v-105af606]{align-items:center;align-self:stretch;display:flex;justify-content:space-between}.date-and-time{&[data-v-105af606]{align-items:center;display:flex;flex:1 0 0;gap:4px}.date[data-v-105af606]{color:var(--colors-text-text-primary,#141414);font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px}}}& .company{&[data-v-105af606]{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:2px;justify-content:center}& .division[data-v-105af606]{font-weight:600}& .division[data-v-105af606],& .unit[data-v-105af606]{align-self:stretch;color:var(--colors-text-text-primary,#141414);font-family:Inter;font-size:14px;font-style:normal;line-height:20px}& .unit[data-v-105af606]{font-weight:400;overflow:hidden;text-overflow:ellipsis}}& .footer[data-v-105af606]{color:var(--colors-text-text-warning-primary,#dc6803);font-family:Inter;font-size:14px;font-style:italic;font-weight:400;line-height:20px}}.staff-unsigned{& .list[data-v-2349d10e]{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:16px}}.staff-untracked{& .cal{&[data-v-2e560bde]{align-self:stretch;display:flex;flex-direction:column;gap:var(--spacing-4xl,32px)}& .group{&[data-v-2e560bde]{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:16px;width:100%}& .month-and-year{&[data-v-2e560bde]{align-items:flex-start;align-self:stretch;display:flex;justify-content:space-between}& .text[data-v-2e560bde]{color:var(--colors-text-text-primary,#141414);font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:20px;text-align:center}}& .list[data-v-2e560bde]{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:16px}}}}.staff-wish{& .common-base-form[data-v-79a131af]{display:flex;flex-direction:column;gap:16px}}main{&[data-v-a22bfc38]{background:var(--colors-background-bg-secondary,#fafafa);height:100vh;overflow-y:auto}@supports (-webkit-touch-callout:none){&[data-v-a22bfc38]{height:-webkit-fill-available}}& .content{&[data-v-a22bfc38]{align-items:flex-start;align-self:stretch;display:flex;flex:1 0 0;flex-direction:column;gap:var(--spacing-4xl,32px);padding:var(--spacing-3xl,24px) var(--spacing-3xl,24px)}&.sticky[data-v-a22bfc38]{margin-top:144px}}&[data-v-a22bfc38] .modal-content>.content{padding-bottom:96px!important}}