.PdInvite{&[data-v-24ffa255]{background:var(--base-color-1);width:440px;max-height:calc(100vh - 208px);box-shadow:0 0 0 1px var(--shadow-color-0), 0 0 10px #0000001a;border-radius:8px;margin-top:32px;position:absolute;top:50%;right:20px;overflow-y:hidden}&.v-enter-from[data-v-24ffa255],&.v-leave-to[data-v-24ffa255]{opacity:0;transform:translateY(-10px)}}.item{&[data-v-24ffa255]{border-bottom:1px solid var(--shadow-color-1)}&[data-v-24ffa255]:last-child{border-bottom:none}}.PdRoleSelectInvitation{&[data-v-564b826b]{position:relative}& button{&[data-v-564b826b]{border:3px solid #0000;transition:background-color .4s cubic-bezier(.4,.4,0,1),border-color .4s cubic-bezier(.4,.4,0,1)}&[data-v-564b826b]:focus-visible{background-color:var(--pd-black-5);border-color:#1c84fd3d}&.hasError[data-v-564b826b]{border-color:#fee2e5}&[disabled]{&[data-v-564b826b]{pointer-events:none;background-color:#0000;width:auto;min-width:auto;max-width:220px}& .material-icons-outlined[data-v-564b826b]{display:none}}}& .menu-items{&[data-v-564b826b]{box-shadow:0 0 0 1px var(--shadow-color-0), 0px 1px 3px -1px #00000003, 0px 5px 10px -1px #0000001a;border-radius:6px;transition:opacity .4s cubic-bezier(.4,.4,0,1),transform .4s cubic-bezier(.4,.4,0,1);position:absolute;top:calc(100% + 8px);right:0}&.v-enter-from[data-v-564b826b],&.v-leave-to[data-v-564b826b]{opacity:0;transform:translateY(-3px)}}}.fade-enter-active[data-v-304faf77]{transition:all .4s cubic-bezier(.4,.4,0,1)}.fade-leave-active[data-v-304faf77]{transition:all .1s;position:absolute}.fade-enter-from[data-v-304faf77],.fade-leave-to[data-v-304faf77]{opacity:0}.invite-form{&[data-v-304faf77]{border-bottom:1px solid var(--shadow-color-1)}& input{&[data-v-304faf77]{color:var(--piano-gray-500);background-color:var(--base-color-1);border:3px solid #0000;font-size:15px;line-height:16px}&[data-v-304faf77]::placeholder{color:var(--piano-gray-600)}&[data-v-304faf77]:hover{background-color:var(--shadow-color-1)}&[data-v-304faf77]:focus{border-color:var(--focus-outline-color);background-color:var(--base-color-1);color:var(--piano-black)}&.is-user{&[data-v-304faf77]{margin-bottom:-2px;padding-top:2px;padding-bottom:2px;padding-left:9px;font-size:13px}&[data-v-304faf77]:before{opacity:1}}&.is-new[data-v-304faf77]{color:var(--piano-black)}}}.PdInviteMember{&[data-v-ac3677eb]{border-bottom:1px solid var(--shadow-color-1)}&[data-v-ac3677eb]:last-child{border-bottom:none}}.PdInvite{&[data-v-a53b65f6]{background:var(--base-color-1);width:440px;max-height:calc(100vh - 208px);box-shadow:0 0 0 1px var(--shadow-color-0), 0 0 10px #0000001a;border-radius:8px;margin-top:32px;position:absolute;top:50%;right:20px;overflow-y:hidden}&.v-enter-from[data-v-a53b65f6],&.v-leave-to[data-v-a53b65f6]{opacity:0;transform:translateY(-10px)}}