.favorite-container[data-v-6f85d233]{padding:25px}.friend-wrap[data-v-6f85d233]{color:var(--black);padding:25px}.favorite-header[data-v-6f85d233]{margin:60px auto 30px;height:150px;position:relative;overflow:hidden;border-radius:20px;max-width:1200px}.friend-main[data-v-6f85d233]{max-width:1200px;margin:10px auto;border-radius:10px;padding:40px;background:hsla(0,0%,100%,.5)}.index-video[data-v-6f85d233]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.div-name[data-v-6f85d233]{color:var(--favorite);width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0}.card-name[data-v-6f85d233]{font-weight:700;font-size:25px}.card-desc[data-v-6f85d233]{font-weight:700;margin-top:15px}.envelope-info-container[data-v-6f85d233]{display:flex;justify-content:space-between;align-items:stretch;gap:20px;margin-bottom:40px}.info-side[data-v-6f85d233]{flex:1;display:flex}.envelope-center[data-v-6f85d233]{flex:0 0 auto}.info-section[data-v-6f85d233]{background:hsla(0,0%,100%,.8);border-radius:10px;padding:20px;box-shadow:0 4px 6px rgba(0,0,0,.1);height:100%;width:100%;display:flex;flex-direction:column}.info-title[data-v-6f85d233]{font-size:20px;font-weight:700;margin-bottom:15px;color:#000;text-align:center}hr[data-v-6f85d233]{position:relative;margin:40px auto;border:2px dashed #f0f;overflow:visible}hr[data-v-6f85d233]:before{position:absolute;top:-17px;left:5%;color:#f0f;content:"❄";font-size:30px;line-height:1;transition:all 1s ease-in-out}hr[data-v-6f85d233]:hover:before{left:calc(95% - 20px)}.form-wrap[data-v-6f85d233]{margin:0 auto;overflow:hidden;width:530px;height:447px;position:relative;top:0;transition:all 1s ease-in-out .3s;z-index:0;cursor:pointer}.before-img[data-v-6f85d233]{bottom:126px;height:317px;z-index:-100}.after-img[data-v-6f85d233],.before-img[data-v-6f85d233]{position:absolute;left:0;background-repeat:no-repeat;width:530px}.after-img[data-v-6f85d233]{bottom:-2px;height:259px;z-index:100}.envelope[data-v-6f85d233]{position:relative;margin:0 auto;transition:all 1s ease-in-out .3s;padding:200px 20px 20px}.form-main[data-v-6f85d233]{background:var(--white);margin:0 auto;border-radius:10px;overflow:hidden}.form-friend[data-v-6f85d233]{margin-top:12px;background-color:#eee;border:1px solid #ddd;padding:20px 0}.user-title[data-v-6f85d233]{text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none}.user-content[data-v-6f85d233]{text-align:left}.user-title div[data-v-6f85d233]{height:55px;line-height:55px;text-align:center}.user-content>div[data-v-6f85d233]{height:55px;display:flex;align-items:center}blockquote[data-v-6f85d233]{line-height:2;border-left:.2rem solid #ed6ea0;padding:10px 1rem;background-color:#ffe6fa;border-radius:4px;margin:20px auto;color:var(--maxGreyFont);flex:1;display:flex;flex-direction:column;justify-content:center;min-height:200px}.friend-classify[data-v-6f85d233]{font-size:30px;font-weight:700;margin:20px 10px;display:flex;justify-content:center;align-items:center;width:-moz-fit-content;width:fit-content;min-width:8em;max-width:12em;height:1.8em;border-radius:30em;position:relative;overflow:hidden;z-index:1;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .3s ease;background-color:transparent;padding:0 1em;text-align:center;white-space:nowrap}.friend-classify[data-v-6f85d233]:hover{transform:translateY(-2px)}.friend-classify[data-v-6f85d233]:focus{outline:none;transform:translateY(-2px)}.friend-classify[data-v-6f85d233]:before{content:"";width:0;height:1.8em;border-radius:30em;position:absolute;top:0;left:0;background-image:linear-gradient(90deg,#0fd850 0,#f9f047);transition:width .5s ease;display:block;z-index:-1}.friend-classify[data-v-6f85d233]:focus:before,.friend-classify[data-v-6f85d233]:hover:before{width:100%}.no-friends[data-v-6f85d233]{text-align:center;padding:60px 20px;font-size:18px;color:#666;background:hsla(0,0%,100%,.8);border-radius:10px;margin-top:40px}.pp-friend-1000[data-v-6f85d233]{height:1000px!important;top:-200px!important}.pp-friend-1150[data-v-6f85d233]{height:1150px!important;top:-200px!important}@media screen and (max-width:1200px){.envelope-info-container[data-v-6f85d233]{flex-direction:column;align-items:center}.info-side[data-v-6f85d233]{width:100%;max-width:530px}.info-left[data-v-6f85d233]{order:1}.envelope-center[data-v-6f85d233]{order:2}.info-right[data-v-6f85d233]{order:3}.friend-classify[data-v-6f85d233]{font-size:26px;min-width:6em;max-width:10em}}@media screen and (max-width:768px){.after-img[data-v-6f85d233],.before-img[data-v-6f85d233],.form-wrap[data-v-6f85d233]{width:auto}.envelope-info-container[data-v-6f85d233]{gap:15px}.friend-classify[data-v-6f85d233]{font-size:22px;min-width:5em;max-width:8em}}@media screen and (max-width:480px){.friend-main[data-v-6f85d233]{padding:40px 15px}.info-section[data-v-6f85d233]{padding:15px}.friend-classify[data-v-6f85d233]{font-size:20px;min-width:4em;max-width:6em;height:1.6em}.friend-classify[data-v-6f85d233]:before{height:1.6em}}