.my-invites-page{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;overflow-y:auto;padding-inline:1rem;position:relative;z-index:1}@media screen and (max-width:320px){.my-invites-page{padding-inline:.5rem}}.my-invites-page.mobile-padding{padding-bottom:100px!important}.my-invites-page.mobile-padding .copy-cta-cmp{padding-bottom:75px;transform:scale(0);animation:copy-cta-show .7s .3s ease forwards}@keyframes copy-cta-show{0%{transform:scale(0);opacity:0}to{opacity:1;transform:scale(1)}}@media all and (display-mode:standalone){.my-invites-page.mobile-padding .copy-cta-cmp{padding-bottom:calc(max(env(safe-area-inset-bottom),0px) + 65px)}}.my-invites-page>*{flex-shrink:0}.my-invites-page header{width:100%;display:flex;align-items:center;justify-content:center;margin-top:2em;margin-bottom:.5em;gap:1.5em}.my-invites-page header svg{width:1em;height:1em;fill:var(--redish)}.my-invites-page header svg:nth-child(1){rotate:15deg}.my-invites-page header svg:nth-child(2){rotate:-15deg}.my-invites-page .advertise-mascot-container{--size: 150px;margin-top:2rem;width:var(--size);height:var(--size);transform:translate(.5rem);position:relative;z-index:1}.my-invites-page .advertise-mascot-container:before,.my-invites-page .advertise-mascot-container:after{content:"";position:absolute;width:100%;height:100%}.my-invites-page .advertise-mascot-container:before{inset:0;border-radius:50%;background-color:var(--redish);opacity:.15;transform:translate(-.3rem,-.3rem) scale(1.2);filter:blur(2px);scale:.9;z-index:-3}.my-invites-page .advertise-mascot-container:after{height:15px;border-radius:50%;bottom:0;left:0;right:0;background-color:#000;opacity:.2;filter:blur(6px);transform:translate(-1rem,.2rem) scale(.7,.5);z-index:-2}.my-invites-page .advertise-mascot-container img{scale:1.1;transform-origin:bottom left}.my-invites-page .advertise-mascot-container .stars{position:absolute;inset:0;width:100%;height:100%;z-index:-1;--blue: #1da5e0;--yellow: #feb50e;--red: #f34f4b;--green: #18b74d}.my-invites-page .advertise-mascot-container .stars .star{position:absolute;scale:1.3;width:5px;height:5px;border-radius:100vmax;filter:blur(1px);background-color:#ff0}.my-invites-page .advertise-mascot-container .stars .star:nth-child(1){top:-10%;right:11%;background-color:var(--blue)}.my-invites-page .advertise-mascot-container .stars .star:nth-child(2){top:7%;right:-5%;background-color:var(--yellow)}.my-invites-page .advertise-mascot-container .stars .star:nth-child(3){top:11%;right:31%;background-color:var(--red)}.my-invites-page .advertise-mascot-container .stars .star:nth-child(4){top:75%;right:2%;background-color:var(--red)}.my-invites-page .advertise-mascot-container .stars .star:nth-child(5){top:-3%;right:109%;background-color:var(--yellow)}.my-invites-page .advertise-mascot-container .stars .star:nth-child(6){top:47%;right:120%;background-color:var(--green)}.my-invites-page .advertise-mascot-container .stars .star:nth-child(7){top:90%;right:115%;background-color:var(--red)}.my-invites-page .titles{display:flex;flex-direction:column;align-items:center;width:100%;padding:1rem 0;text-align:center}.my-invites-page .titles .main{line-height:1.5;margin-block:.5em}.my-invites-page .titles .sub{opacity:.7;max-width:250px;line-height:1.7}.my-invites-page .titles .sub{text-wrap:pretty}.my-invites-page .titles .link-shower{font-family:iranLight;display:flex;align-items:center;justify-content:center;width:clamp(0px,100%,200px);margin-top:2.5rem;padding-bottom:.4rem;border-bottom:1px solid var(--border-color);position:relative;z-index:1}.my-invites-page .titles .link-shower .holder{position:absolute;top:0;left:50%;transform:translate(-50%) translateY(-2em);opacity:.7}.my-invites-page .perks-card-cmp{margin-top:.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem;width:clamp(0px,100%,500px);border-radius:1.5rem;padding:1rem .65rem .65rem;position:relative;z-index:1}.my-invites-page .perks-card-cmp:before{content:"";position:absolute;inset:0;border-radius:inherit;width:100%;height:100%;background-color:var(--redish);opacity:.1;z-index:-1}.my-invites-page .perks-card-cmp .perks-card-title{padding-block:.2rem}.my-invites-page .perks-card-cmp .cards-wrapper{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.my-invites-page .perks-card-cmp .cards-wrapper .card-cmp{width:100%;display:flex;flex-direction:column;align-items:center;gap:.5rem;border-radius:1.2rem;padding:1rem .7rem;text-align:center;position:relative;z-index:1}.my-invites-page .perks-card-cmp .cards-wrapper .card-cmp:before{content:"";position:absolute;inset:0;border-radius:inherit;width:100%;height:100%;background-color:var(--my-invites-perk-card-bg);background-image:var(--dark-linear);opacity:.8;z-index:-1}.my-invites-page .perks-card-cmp .cards-wrapper .card-cmp .card-head{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--redish)}.my-invites-page .perks-card-cmp .cards-wrapper .card-cmp .card-title{font-family:yekanBold}.my-invites-page .perks-card-cmp .cards-wrapper .card-cmp .card-sub{margin-bottom:.2rem;line-height:1.6;opacity:.7}.my-invites-page .perks-card-cmp .cards-wrapper .card-cmp img{width:100%;object-fit:contain;transform:scale(.9) rotate(2deg);transform-origin:center bottom;max-height:100px}@media screen and (max-width:320px){.my-invites-page .perks-card-cmp .cards-wrapper{flex-direction:column;justify-content:unset}.my-invites-page .perks-card-cmp .cards-wrapper .card-sub{max-width:170px}}.my-invites-page .copy-cta-cmp{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-shrink:0;width:100%;padding:1rem;padding-top:0;backdrop-filter:blur(2px);position:fixed;bottom:0;z-index:3;transition:opacity .2s ease}.my-invites-page .copy-cta-cmp .copy-cta-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.7em;border-radius:100vmax;background-color:var(--alert-info);color:#fff;transform-origin:center;font-family:yekan;transition:.5s ease transform,scale .15s ease}.my-invites-page .copy-cta-cmp .copy-cta-btn svg{width:1.3em;height:1.3em}.my-invites-page .copy-cta-cmp .copy-cta-btn:not(:disabled):active{scale:.98}.my-invites-page .invite-banner-cmp{margin-top:1rem;display:flex;align-items:center;width:100%;height:140px;border-radius:1.5rem;background-color:var(--my-invites-invite-card-bg);box-shadow:var(--my-invites-invite-card-shadow);overflow:hidden;transition:.3s transform ease}.my-invites-page .invite-banner-cmp:not(.animating):active{transform:scale(.95)}.my-invites-page .invite-banner-cmp:not(:active){animation:reverse-transform-anim .5s ease}@keyframes reverse-transform-anim{0%{transform:scale(.95)}50%{transform:scale(1.05)}to{transform:scale(1)}}.my-invites-page .invite-banner-cmp .img-container{flex-shrink:0;width:30%;height:100%}.my-invites-page .invite-banner-cmp .img-container img{width:100%;object-fit:contain;transform:scale(1.1) translate(-2px,12%)}.my-invites-page .invite-banner-cmp .invite-texts{flex:1 0 0;height:90%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;padding-inline:.7rem;color:#fff;width:100%}.my-invites-page .invite-banner-cmp .invite-texts .invite-code{width:100%;display:flex;align-items:center;justify-content:center;background-color:var(--primary-color);color:var(--accent-color);border-radius:1.2rem;padding:.5rem;position:relative}.my-invites-page .invite-banner-cmp .invite-texts .invite-code span{display:inline-block}.my-invites-page .invite-banner-cmp .invite-texts .invite-code span:not(.disable){transform:translateY(1px);letter-spacing:3px}.my-invites-page .invite-banner-cmp .invite-texts .invite-code span.disable{font-size:.9em}.my-invites-page .invite-banner-cmp .invite-texts .invite-code .copy{position:absolute;top:0;right:.3rem;scale:1.3;height:100%;aspect-ratio:1}.my-invites-page .friends-invited-cmp{width:100%;display:flex;flex-direction:column;margin-bottom:.5rem}.my-invites-page .friends-invited-cmp .friends-head-cmp{display:flex;align-items:center;gap:.5rem;margin-top:2em;margin-bottom:1em}.my-invites-page .friends-invited-cmp .friends-list{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.my-invites-page .friends-invited-cmp .friends-list .user-card-cmp{width:100%;display:flex;align-items:center;gap:1rem;background-color:var(--my-invites-user-cmp-bg);box-shadow:var(--my-invites-user-cmp-shadow);background-image:var(--dark-linear);border-radius:1.5rem;padding:1rem 1rem 1rem 1.5rem;height:80px}.my-invites-page .friends-invited-cmp .friends-list .user-card-cmp.loading-elem-cmp{background-image:none;background-color:var(--loading-bg)}.my-invites-page .friends-invited-cmp .friends-list .user-card-cmp img{height:100%;aspect-ratio:1;border-radius:100vmax;object-fit:cover}.my-invites-page .friends-invited-cmp .friends-list .user-card-cmp .user-data{display:flex;flex-direction:column;gap:.3rem;flex:1 0 0}.my-invites-page .friends-invited-cmp .friends-list .user-card-cmp .user-data .user-name{line-height:1.7;font-weight:700}.my-invites-page .friends-invited-cmp .friends-list .user-card-cmp .user-data .user-joined{opacity:.7}.my-invites-page .friends-invited-cmp .friends-list .user-card-cmp .last-online{display:flex;text-align:center;justify-content:center;gap:.5rem;flex-shrink:0;transform:scale(.9);line-height:1.6;opacity:.7}.my-invites-page .friends-invited-cmp .friends-list .user-card-cmp .last-online .dot{transform:translateY(2px);width:10px;height:10px;border-radius:100vmax;background-color:red;animation:pulse-animation 2s infinite;z-index:-1}@keyframes pulse-animation{0%{box-shadow:0 0 #f003}to{box-shadow:0 0 0 10px #f000}}.my-invites-page .gift-notif-cmp{margin-top:1rem;width:100%;display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:1.5rem;position:relative;z-index:1}.my-invites-page .gift-notif-cmp:before{content:"";position:absolute;inset:0;border-radius:inherit;background-color:var(--redish);width:100%;height:100%;opacity:.2;z-index:-1}.my-invites-page .gift-notif-cmp .gift-datas{flex:1 0 0;display:flex;flex-direction:column;gap:.5rem;text-align:right}.my-invites-page .gift-notif-cmp .gift-datas .data-head{font-family:iranBold}.my-invites-page .gift-notif-cmp .gift-datas .data-sub{opacity:.7}.my-invites-page .gift-notif-cmp .gift-icon{padding:.5rem;border-radius:100vmax;position:relative;z-index:1}.my-invites-page .gift-notif-cmp .gift-icon:before{content:"";position:absolute;inset:0;border-radius:inherit;background-color:var(--primary-color);width:100%;height:100%;opacity:.5;scale:1.2;z-index:-1}.my-invites-page .gift-notif-cmp .gift-icon svg{color:var(--my-invites-gift-icon-color)}.my-invites-page .username-popup-cmp{position:fixed;inset:0;display:flex;width:100%;height:100dvh;backdrop-filter:blur(3px);opacity:0;pointer-events:none;z-index:992;animation:username-popup-cmp-anim .3s ease forwards}@keyframes username-popup-cmp-anim{to{opacity:1;pointer-events:all}}.my-invites-page .username-popup-cmp .username-popup-wrapper{width:100%;height:75%;display:flex;align-items:center;flex-direction:column;background-color:var(--primary-color);border-top-right-radius:2rem;border-top-left-radius:2rem;box-shadow:var(--popup-shadow);margin-top:auto;position:relative;z-index:2;touch-action:pan-y;overflow-y:auto;animation:username-popup-wrapper-anim .3s ease forwards}@keyframes username-popup-wrapper-anim{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes username-popup-wrapper-close-anim{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.my-invites-page .username-popup-cmp .username-popup-wrapper .close{position:absolute;top:0;left:0;padding:1.5rem;color:var(--alert-error);z-index:5}.my-invites-page .username-popup-cmp .username-popup-wrapper .close:hover svg{transform:rotate(-90deg)}.my-invites-page .username-popup-cmp .username-popup-wrapper .close svg{transition:transform .3s ease}.my-invites-page .username-popup-cmp .username-popup-wrapper .draggable{flex-shrink:0;position:sticky;top:0rem;padding-top:.7rem;width:100%;height:2rem;display:flex;align-items:center;justify-content:center;z-index:5}.my-invites-page .username-popup-cmp .username-popup-wrapper .draggable:before{content:"";width:clamp(0px,100%,80px);height:5px;border-radius:100vmax;background-color:#ccc}.my-invites-page .username-popup-cmp .username-popup-wrapper .username-loading{position:absolute;inset:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;background:inherit;z-index:3}.my-invites-page .username-popup-cmp .username-popup-wrapper .username-loading img{width:100px;height:100px;animation:loading-bounce .5s alternate infinite}.my-invites-page .username-popup-cmp .username-popup-wrapper .username-popup-form{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding:1rem}.my-invites-page .username-popup-cmp .username-popup-wrapper .username-popup-form.mobile-padding{padding-bottom:75px}@media all and (display-mode:standalone){.my-invites-page .username-popup-cmp .username-popup-wrapper .username-popup-form.mobile-padding{padding-bottom:calc(max(env(safe-area-inset-bottom),0px) + 65px)}}.my-invites-page .username-popup-cmp .username-popup-wrapper .username-popup-form .form-titles{display:flex;flex-direction:column;align-items:center;max-width:200px;margin-inline:auto;text-align:center}.my-invites-page .username-popup-cmp .username-popup-wrapper .username-popup-form .form-titles .main{margin-bottom:.5em}.my-invites-page .username-popup-cmp .username-popup-wrapper .username-popup-form .form-titles .sub{text-wrap:pretty;opacity:.7;line-height:1.7}.my-invites-page .username-popup-cmp .username-popup-wrapper .username-popup-form .username-inp{width:100%;display:flex;flex-direction:column;align-items:center;margin-block:auto}.my-invites-page .username-popup-cmp .username-popup-wrapper .username-popup-form .username-inp .hover-inp input{direction:ltr}.my-invites-page .username-popup-cmp .username-popup-wrapper .username-popup-form .username-inp .hover-inp .reset-icon{color:var(--popup-warning-color)}.my-invites-page .username-popup-cmp .username-popup-wrapper .username-popup-form .username-inp .status{width:100%;display:flex;align-items:center;gap:.5rem;font-weight:700;height:0px;overflow:hidden;transition:height .3s ease}.my-invites-page .username-popup-cmp .username-popup-wrapper .username-popup-form .username-inp .status.show{height:45px}.my-invites-page .username-popup-cmp .username-popup-wrapper .username-popup-form .username-inp .status .loading-dots-cmp{scale:.6;gap:.5rem;margin-left:-.5rem}.my-invites-page .username-popup-cmp .username-popup-wrapper .username-popup-form .username-inp .status .icon svg{transform:scale(0);animation:pop-up .4s forwards cubic-bezier(.175,.885,.32,1.275)}@keyframes pop-up{0%{transform:scale(0)}to{transform:scale(1)}}.my-invites-page .username-popup-cmp .username-popup-wrapper .username-popup-form .username-inp .status .icon.red{color:var(--alert-error)}.my-invites-page .username-popup-cmp .username-popup-wrapper .username-popup-form .username-inp .status .icon.green{color:var(--alert-success)}.my-invites-page .username-popup-cmp .username-popup-wrapper .username-popup-form .username-inp .notes{margin-top:.5rem}.my-invites-page .username-popup-cmp .username-popup-wrapper .username-popup-form .username-inp .notes li{line-height:1.5rem;margin-inline:1.5rem;padding-bottom:.3rem}.my-invites-page .username-popup-cmp .username-popup-wrapper .username-popup-form .username-inp .notes li::marker{color:var(--redish)}.my-invites-page .username-popup-cmp .username-popup-wrapper .username-popup-form .form-cta{font-family:yekan;padding:.7em;width:100%;border-radius:100vmax;background-color:var(--alert-info);color:#fff;transition:.2s ease}.my-invites-page .username-popup-cmp .username-popup-wrapper .username-popup-form .form-cta:disabled{filter:blur(1px);opacity:.7;background-color:var(--loading-bg)}.my-invites-page .username-popup-cmp .username-popup-wrapper.hide{transition:.3s ease;animation:none;transform:translateY(100%);opacity:0}