.home[data-v-a8378a08]{width:100%;height:100%;background-color:#f8f8f8;background-image:url(../images/26818bcd20a4b5bbe4d498157a283d50.png);background-repeat:no-repeat;background-size:cover}.home-scroll[data-v-a8378a08]{width:100%;height:100%;overflow-x:hidden}.mid-container[data-v-a8378a08]{width:700px;min-height:100%;margin:0 calc(50% - 350px);padding-top:60px;padding-bottom:20px;white-space:nowrap;box-sizing:border-box;vertical-align:middle;background-color:#fff}.mid-container .family-title[data-v-a8378a08]{height:40px;font-size:20px;font-family:Nunito-SemiBold,Nunito;font-weight:500;color:#333;line-height:40px;margin:60px auto 0}.mid-container .family-text[data-v-a8378a08]{width:540px;font-size:14px;font-family:Nunito-SemiBold;color:#575757;line-height:20px;text-align:left;white-space:normal;margin:20px 80px 0}.mid-container .family-permission[data-v-a8378a08]{text-align:left;margin:20px auto 0 179px;height:20px}.mid-container .family-permission .permission-check[data-v-a8378a08]{vertical-align:top;cursor:pointer;height:18px;width:18px;display:inline-block;border:none;background-image:none;background-repeat:no-repeat;background-position:50%;background-size:20px 20px;vertical-align:middle;margin-right:10px}.mid-container .family-permission input[type=checkbox]:checked+.permission-check[data-v-a8378a08]{background-image:url(../images/21c5a94689f508cb0bdc5b81cc94472e.png)}.mid-container .family-permission .permission-text[data-v-a8378a08]{vertical-align:top;display:inline-block;height:20px;font-size:14px;font-family:Nunito-SemiBold;color:#575757;line-height:20px}.mid-container .family-list[data-v-a8378a08]{margin:40px 150px;text-align:left}.mid-container .family-list ul[data-v-a8378a08]{margin:0;padding-inline-start:0}.mid-container .family-list li[data-v-a8378a08]{cursor:default;list-style-type:none;width:100%;height:80px;box-shadow:inset 0 -1px 0 0 #ddd}.mid-container .family-list li .relation[data-v-a8378a08]{cursor:default}.mid-container .family-avatar[data-v-a8378a08]{display:inline-block;vertical-align:top;width:48px;height:48px;margin-top:16px}.mid-container .family-avatar img[data-v-a8378a08]{width:100%;height:100%;border-radius:24px}.mid-container .family-info[data-v-a8378a08]{display:inline-block;vertical-align:top;width:289px;margin:9px auto 9px 20px}.mid-container .family-info .right[data-v-a8378a08]{margin-left:150px}.mid-container .family-info .list[data-v-a8378a08]{position:absolute;width:125px;max-height:200px;box-shadow:0 3px 5px 0 rgba(51,53,55,.1);border-radius:3px;border:1px solid #e4e5e7;background-color:#fff;overflow-y:scroll}.mid-container .family-info .list ul[data-v-a8378a08]{width:100%;height:100%;margin:0;padding-inline-start:0}.mid-container .family-info .list[data-v-a8378a08]::-webkit-scrollbar{display:none}.mid-container .family-info li[data-v-a8378a08]{text-align:left;vertical-align:top;padding-top:10px;padding-bottom:10px;padding-left:20px;list-style-type:none;width:calc(100% - 20px);height:20px;cursor:pointer;border:none;box-shadow:none}.mid-container .family-info .item[data-v-a8378a08]{height:20px;font-size:14px;font-family:Nunito-SemiBold;font-weight:400;color:#575757;line-height:20px}.mid-container .family-info .list ul li[data-v-a8378a08]:hover{background-color:#f2f2f2}.mid-container .family-info .selected[data-v-a8378a08]{color:#ff584f;background-color:inherit}.mid-container .family-info .relation[data-v-a8378a08]{cursor:pointer;display:inline-block;height:24px;font-size:18px;font-family:Nunito-SemiBold,Nunito;font-weight:500;color:#333;line-height:24px}.mid-container .family-info .status[data-v-a8378a08]{display:inline-block;vertical-align:top;text-align:center;width:60px;height:18px;background-color:#fedd00;background-image:none;border-radius:10px;margin:3px auto 3px 10px;font-size:10px;font-family:Nunito-Bold,Nunito;font-weight:700;color:#575757;line-height:16px}.mid-container .family-info .email[data-v-a8378a08]{margin-top:6px}.mid-container .family-info .email[data-v-a8378a08],.mid-container .family-info .permission[data-v-a8378a08]{height:16px;font-size:12px;font-family:Nunito-SemiBold;color:#575757;line-height:16px}.mid-container .edit-button[data-v-a8378a08]{display:inline-block;cursor:pointer;right:16px;margin:18px 16px 18px auto;width:27px;height:44px;font-size:14px;font-family:Nunito-Bold,Nunito;font-weight:700;color:#194052;line-height:44px}.mid-container .select-icon[data-v-a8378a08]{display:inline-block;cursor:pointer;width:16px;height:16px;margin:25px auto auto 5px;background-image:url(../images/d887e2be075059e24fed8304c32112cd.png);background-size:cover;background-repeat:no-repeat}.mid-container .radio-box[data-v-a8378a08]{margin-left:68px;margin-top:16px;width:332px}.mid-container .radio-box .permission-title[data-v-a8378a08]{height:20px;font-size:12px;font-family:Nunito-SemiBold;color:#575757;line-height:20px}.mid-container .radio-box .radio-option[data-v-a8378a08]{width:100%;height:60px;cursor:pointer}.mid-container .radio-box .radio-option .radio-label[data-v-a8378a08]{width:14px;height:14px;display:inline-block;background-image:url(../images/a44b906e13d9210e61eeaf0a627e0b13.png);background-size:100% 100%;background-position:50%;background-repeat:no-repeat;vertical-align:top;margin-left:2px;margin-top:25px}.mid-container .radio-box .radio-option input[type=radio]:checked+.radio-label[data-v-a8378a08]{background-image:url(../images/d5b5ea67389c52f78ddced05306f3911.png)}.mid-container .radio-box .radio-option .radio-text[data-v-a8378a08]{display:inline-block;margin-left:10px}.mid-container .radio-box .radio-option .radio-text .role[data-v-a8378a08]{height:20px;font-size:16px;font-family:Nunito-SemiBold,Nunito;font-weight:500;color:#575757;line-height:20px;margin-top:11px}.mid-container .radio-box .radio-option .radio-text .role-permission[data-v-a8378a08]{height:16px;font-size:12px;font-family:Nunito-SemiBold;color:#b5b5b5;line-height:16px}.mid-container .email-input[data-v-a8378a08]{margin-top:20px;margin-left:68px;width:332px}.mid-container .email-input .input-title[data-v-a8378a08]{height:16px;font-size:12px;font-family:Nunito-SemiBold;color:#575757;line-height:16px}.mid-container .edit-family[data-v-a8378a08]{margin:40px 150px;text-align:left}.mid-container .edit-family .edit-divide[data-v-a8378a08]{display:block;height:1px;width:244px;margin:0 auto;background-color:#d8d8d8}.mid-container .edit-family .edit-divide-text[data-v-a8378a08]{left:50%;transform:translateX(-50%) translateY(-50%);position:absolute;background-color:#fff;padding:0 10px;height:20px;font-size:12px;font-family:Nunito-SemiBold;color:#b5b5b5;line-height:20px}.mid-container .edit-family .edit-box[data-v-a8378a08]{margin-top:20px}.mid-container .edit-family .edit-box .family-info[data-v-a8378a08]{margin:17px auto 1px 20px}.mid-container .edit-family .edit-box .family-info .select-icon[data-v-a8378a08]{margin:4px auto auto 5px}.mid-container .foot[data-v-a8378a08]{margin-top:40px;text-align:left}.mid-container .foot .button[data-v-a8378a08]{display:inline-block;cursor:pointer;text-align:center;height:36px;font-size:12px;font-family:Nunito-Bold,Nunito;font-weight:700;line-height:36px}.mid-container .foot .red[data-v-a8378a08]{background:#ff584f;border-radius:28px;margin-left:218px;color:#fff}.mid-container .foot .grey[data-v-a8378a08]{background:#f5f5f5;border-radius:22px;margin-left:20px;color:#575757}.mid-container .foot .loading-r[data-v-a8378a08]{background:#918d8d;cursor:not-allowed}.mid-container .foot .loading-g[data-v-a8378a08]{cursor:not-allowed}.mid-container .foot .skip-button[data-v-a8378a08]{margin-top:20px;margin-left:150px;width:91px}.mid-container .foot .invite-button[data-v-a8378a08]{width:147px}.mid-container .foot .later-button[data-v-a8378a08]{display:block;width:91px;margin-left:218px;margin-top:40px}.mid-container .foot .cancel-button[data-v-a8378a08]{width:90px}.mid-container .foot .save-button[data-v-a8378a08]{width:89px}.mid-container .foot .remove-button[data-v-a8378a08]{width:90px}.mid-container .foot .vue-loading[data-v-a8378a08]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}input[type=password][data-v-a8378a08],input[type=text][data-v-a8378a08],textarea[data-v-a8378a08]{-moz-appearance:none;-moz-user-select:text;-ms-user-select:text;-webkit-appearance:none;-webkit-box-shadow:none;-webkit-user-select:text;appearance:none;border:none;box-shadow:none;outline:none;user-select:text}input[data-v-a8378a08]::-ms-clear,input[data-v-a8378a08]::-ms-reveal{display:none}input[type=password][data-v-a8378a08],input[type=text][data-v-a8378a08]{width:100%;border-radius:0;border:none;background:#fff;font-weight:500;color:#575757;height:40px;font-size:16px;font-family:Nunito-SemiBold;line-height:40px;box-shadow:inset 0 -1px 0 0 #ddd}input[data-v-a8378a08]:-webkit-autofill,input[data-v-a8378a08]:-webkit-autofill:active,input[data-v-a8378a08]:-webkit-autofill:focus,input[data-v-a8378a08]:-webkit-autofill:hover{transition-delay:999999s;transition:color 999999s ease-out,background-color 999999s ease-out;-webkit-transition-delay:999999s;-webkit-transition:color 999999s ease-out,background-color 999999s ease-out}input[type=password][data-v-a8378a08]:-ms-input-placeholder,input[type=password][data-v-a8378a08]::-moz-placeholder,input[type=text][data-v-a8378a08]:-ms-input-placeholder,input[type=text][data-v-a8378a08]::-moz-placeholder{color:#b5b5b5}input[type=password][data-v-a8378a08]::-webkit-input-placeholder,input[type=password][data-v-a8378a08]::-webkit-textarea-placeholder,input[type=text][data-v-a8378a08]::-webkit-input-placeholder,input[type=text][data-v-a8378a08]::-webkit-textarea-placeholder{color:#b5b5b5}a[data-v-a8378a08],button[data-v-a8378a08],img[data-v-a8378a08],input[data-v-a8378a08],label[data-v-a8378a08],select[data-v-a8378a08]{-webkit-tap-highlight-color:transparent;outline:medium none}a[data-v-a8378a08]{text-decoration:none;color:inherit}