.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-cf6c7bb3]{--fade-transition-time:200ms;--slide-up-transition-time:150ms}& .modal[data-v-cf6c7bb3]{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-cf6c7bb3]{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-cf6c7bb3]> .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-cf6c7bb3] .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-cf6c7bb3],& .fade-leave-active[data-v-cf6c7bb3]{transition:all var(--fade-transition-time) ease-out}& .fade-enter-from[data-v-cf6c7bb3],& .fade-leave-to[data-v-cf6c7bb3]{opacity:0}& .fade-enter-to[data-v-cf6c7bb3],& .fade-leave-from[data-v-cf6c7bb3]{opacity:1}& .slide-up-enter-active[data-v-cf6c7bb3],& .slide-up-leave-active[data-v-cf6c7bb3]{transition:all var(--slide-up-transition-time) ease-out}& .slide-up-enter-from[data-v-cf6c7bb3],& .slide-up-leave-to[data-v-cf6c7bb3]{transform:translateY(100%)}& .slide-up-enter-to[data-v-cf6c7bb3],& .slide-up-leave-from[data-v-cf6c7bb3]{transform:translateY(0)}}.content{&[data-v-81a20f3d]{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-81a20f3d]{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:var(--spacing-3xl,24px)}}.staff-unconfirmed{& .cal{&[data-v-1fbd7ba6]{align-self:stretch;display:flex;flex-direction:column;gap:var(--spacing-4xl,32px)}& .group{&[data-v-1fbd7ba6]{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:16px;width:100%}& .month-and-year{&[data-v-1fbd7ba6]{align-items:flex-start;align-self:stretch;display:flex;justify-content:space-between}& .text[data-v-1fbd7ba6]{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-1fbd7ba6]{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:16px}}}}.staff-unsigned-form{&[data-v-564c4a8d]{align-items:center;align-self:stretch;display:flex;flex-direction:column;gap:var(--spacing-4xl,32px)}& .headline{&[data-v-564c4a8d]{align-items:center;align-self:stretch;display:flex;flex-direction:column;gap:8px}& .company[data-v-564c4a8d]{font-size:16px;font-weight:600;line-height:24px}& .company[data-v-564c4a8d],& .location[data-v-564c4a8d]{color:var(--colors-text-text-primary,#141414);font-family:Inter;font-style:normal}& .location[data-v-564c4a8d]{font-size:14px;font-weight:400;line-height:20px;overflow:hidden;text-overflow:ellipsis}}& .cal{&[data-v-564c4a8d]{align-self:stretch;display:flex;flex-direction:column;gap:var(--spacing-4xl,32px)}& .group{&[data-v-564c4a8d]{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:16px;width:100%}& .month-and-year{&[data-v-564c4a8d]{align-items:flex-start;align-self:stretch;display:flex;justify-content:space-between}& .text[data-v-564c4a8d]{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-564c4a8d]{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:16px;position:relative}}}& .separator[data-v-564c4a8d]{display:flex;justify-content:center}& .signature-wrapper[data-v-564c4a8d]{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:16px}& .canvas-container{&[data-v-564c4a8d]{aspect-ratio:16/9;margin-left:auto;margin-right:auto;position:relative;width:100%}& .placeholder[data-v-564c4a8d]{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-564c4a8d]{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-564c4a8d]{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:16px;margin-top:16px}& .html-validation[data-v-564c4a8d]{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-6032cb09]{display:flex;flex-direction:column;gap:16px}}body,html{background-color:#fafafa}main{&[data-v-1c4d4634]{background:var(--colors-background-bg-secondary,#fafafa);height:100vh;overflow-y:auto}& .footer[data-v-1c4d4634]{display:flex;flex-direction:row;gap:16px}@supports (-webkit-touch-callout:none){&[data-v-1c4d4634]{height:-webkit-fill-available}}& .content{&[data-v-1c4d4634]{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);padding-top:var(--spacing-3xl,24px)}&.sticky[data-v-1c4d4634]{margin-top:144px}}&[data-v-1c4d4634] .modal-content>.content{padding-bottom:96px!important}}