.info-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem 1rem;overflow-y:auto;--user-img-size: 140px}@media screen and (max-width:320px){.info-container{--user-img-size: 120px;padding-inline:.5rem}}@media all and (display-mode:standalone){.info-container{padding-top:calc(1.5rem + max(env(safe-area-inset-top),20px))}}.info-container.twa{padding-top:calc(var(--TWA-SAFE-TOP) + 1.5rem)}.info-container>.loading-elem-cmp{display:flex;align-items:center;justify-content:center;width:var(--user-img-size);height:var(--user-img-size);flex-shrink:0;background-color:var(--loading-bg);border-radius:100vmax}.info-container .user-edit-cmp{width:100%;height:100%;position:absolute;z-index:3;display:flex;flex-direction:column;align-items:center;background-color:var(--sixty-percent);inset:0;opacity:0;visibility:hidden;padding:1.5rem 1rem;padding-bottom:100px;transition:opacity .2s ease;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;transition:1s ease background-color,.2s ease visibility,.2s ease opacity}@media all and (display-mode:standalone){.info-container .user-edit-cmp{padding-top:max(env(safe-area-inset-top),20px)}}.info-container .user-edit-cmp.twa{padding-top:var(--TWA-SAFE-TOP)}.info-container .user-edit-cmp input[type=file]{display:none}.info-container .user-edit-cmp.active{opacity:1;visibility:visible}.info-container .user-edit-cmp .save-info{position:absolute;top:0;right:0;padding:.7rem;border-radius:100vmax;background-color:var(--alert-success);color:#fff;transition:.2s ease;transition-property:opacity,filter}.info-container .user-edit-cmp .save-info:disabled{filter:blur(2px);opacity:.7}.info-container .user-edit-cmp .edit-pic-holder-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.info-container .user-edit-cmp .edit-pic-holder-container .edit-pic-holder{width:var(--user-img-size);height:var(--user-img-size);display:flex;align-items:center;justify-content:center;background-color:var(--thirty-percent);border-radius:100vmax;box-shadow:#64646f33 0 7px 29px;cursor:pointer;position:relative;z-index:1}.info-container .user-edit-cmp .edit-pic-holder-container .edit-pic-holder.hide .img-container .default{opacity:1}.info-container .user-edit-cmp .edit-pic-holder-container .edit-pic-holder.hide .img-container .addon{opacity:0}.info-container .user-edit-cmp .edit-pic-holder-container .edit-pic-holder.hide .del-img-cta{opacity:0;pointer-events:none}.info-container .user-edit-cmp .edit-pic-holder-container .edit-pic-holder .img-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:100vmax;overflow:hidden;position:relative;z-index:1}.info-container .user-edit-cmp .edit-pic-holder-container .edit-pic-holder .img-container .default{position:absolute;width:100%;height:100%;inset:0;z-index:-1;opacity:0;transition:.5s opacity ease}.info-container .user-edit-cmp .edit-pic-holder-container .edit-pic-holder .img-container .addon{opacity:1;transition:.5s opacity ease}.info-container .user-edit-cmp .edit-pic-holder-container .edit-pic-holder .img-container img{width:100%;height:100%;object-fit:cover;background-color:inherit}.info-container .user-edit-cmp .edit-pic-holder-container .edit-pic-holder .img-container .loading-elem-cmp{position:absolute;z-index:-1;width:100%;height:100%;background-color:var(--loading-bg)}.info-container .user-edit-cmp .edit-pic-holder-container .edit-pic-holder .del-img-cta{position:absolute;bottom:0;right:0;z-index:2;padding:.5rem;background-color:var(--alert-error);color:#fff;border-radius:100vmax;transition:opacity .2s ease}.info-container .user-edit-cmp .edit-pic-holder-container .edit-pic-holder .del-img-cta.hide{opacity:0;pointer-events:none}.info-container .user-edit-cmp .edit-pic-holder-container .change-img{z-index:2}.info-container .user-edit-cmp .gender-picker-info{padding:1rem;margin-block:1rem}.info-container .user-edit-cmp .edit-info-inps{width:100%;display:flex;flex-direction:column;gap:1rem;align-items:center}.info-container .user-edit-cmp .edit-info-inps .hover-inp.name input{direction:rtl}.info-container .user-edit-cmp .edit-info-inps .hover-inp .holder{right:0;opacity:1;color:var(--hover-inp-holder-color);background-color:var(--sixty-percent);border-radius:100vmax;transform:translateY(90%);padding-inline:1.5rem 1rem;padding-block:0px;height:fit-content;width:fit-content}.info-container .user-edit-cmp .edit-info-inps .hover-inp:focus-within .holder,.info-container .user-edit-cmp .edit-info-inps .hover-inp.active .holder{transform:translateY(-65%);color:var(--hover-inp-holder-color);scale:.9;transform-origin:left}.info-container .user-edit-cmp .edit-info-inps .info-inp-row{width:100%;display:flex;flex-direction:column;align-items:center}.info-container .user-edit-cmp .edit-info-inps .name-row .name-error{display:flex;align-items:center;gap:.5rem;color:var(--alert-error);transform:scale(0)}.info-container .user-edit-cmp .edit-info-inps .name-row .name-error.active{animation:pop-up .5s forwards cubic-bezier(.175,.885,.32,1.275)}.info-container .user-edit-cmp .edit-info-inps .name-row .name-error svg{width:1.5em;height:1.5em}.info-container .user-edit-cmp .edit-info-inps .username-inp .hover-inp input{direction:ltr}.info-container .user-edit-cmp .edit-info-inps .username-inp .hover-inp .reset-icon{color:var(--popup-warning-color)}.info-container .user-edit-cmp .edit-info-inps .username-inp .status{width:100%;display:flex;align-items:center;gap:.5rem;font-weight:700;height:0px;overflow:hidden;transition:height .3s ease}.info-container .user-edit-cmp .edit-info-inps .username-inp .status.show{height:45px}.info-container .user-edit-cmp .edit-info-inps .username-inp .status .loading-dots-cmp{scale:.6;gap:.5rem;margin-left:-.5rem}.info-container .user-edit-cmp .edit-info-inps .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)}}.info-container .user-edit-cmp .edit-info-inps .username-inp .status .icon.red{color:var(--alert-error)}.info-container .user-edit-cmp .edit-info-inps .username-inp .status .icon.green{color:var(--alert-success)}.info-container .user-edit-cmp .info-birthday-wrapper{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:2rem}.info-container .user-edit-cmp .info-birthday-wrapper .del-birthday{width:100%;display:flex;align-items:center;gap:.5rem;padding-inline:1rem;color:var(--alert-error)}.info-container .user-edit-cmp .notes{margin-top:.5rem}.info-container .user-edit-cmp .notes li{line-height:1.5rem;margin-inline:1.5rem;padding-bottom:.5rem}.info-container .user-edit-cmp .notes li::marker{color:var(--accent-color)}.info-container .user-main-info{width:clamp(0px,100%,450px);display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;z-index:1}@media all and (display-mode:standalone){.info-container .user-main-info{margin-top:calc(max(env(safe-area-inset-top),16px)/2)}}.info-container .user-main-info.twa{margin-top:calc(var(--TWA-SAFE-TOP) / 2)}.info-container .user-main-info .edit-info{position:absolute;top:0;right:0;padding:.7rem;border-radius:100vmax;background-color:var(--popup-warning-color);color:#fff;z-index:3}.info-container .user-main-info .edit-info .loader{position:absolute;z-index:2;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--sixty-percent);width:100%;height:100%;opacity:0;transition:opacity .3s ease,background-color 1s ease}.info-container .user-main-info .edit-info .loader .loading-spinner-cmp{animation-play-state:paused}.info-container .user-main-info .edit-info .loader.active{opacity:1;pointer-events:none}.info-container .user-main-info .edit-info .loader.active .loading-spinner-cmp{animation-play-state:running}.info-container .user-main-info .pic-holder{width:var(--user-img-size);height:var(--user-img-size);background-color:var(--thirty-percent);border-radius:100vmax;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;z-index:-1}.info-container .user-main-info .pic-holder img{width:100%;height:100%;object-fit:cover;background-color:inherit;border-radius:inherit}.info-container .user-main-info .pic-holder .loading-elem-cmp{position:absolute;z-index:-1;width:100%;height:100%;background-color:var(--loading-bg)}.info-container .user-main-info .main-info-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:1rem}.info-container .user-main-info .main-info-wrapper .user-gender{margin-top:2rem;margin-bottom:.5rem;line-height:0}.info-container .user-main-info .main-info-wrapper .user-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-container .user-main-info .main-info-wrapper .user-name .empty-name{opacity:.6}.info-container .user-main-info .main-info-wrapper .bottom-info{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;opacity:.7;font-family:yekan;margin-top:.5rem}.info-container .user-main-info .main-info-wrapper .bottom-info span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-container .user-other-infos{flex-shrink:0;width:clamp(0px,100%,550px);display:flex;flex-direction:column;align-items:center;padding-block:.5rem;border-radius:2rem;border:1px solid var(--border-color);background-color:var(--eatery-detail-bg);background-image:var(--eatery-detail-linear);box-shadow:var(--eatery-detail-shadow)}.info-container .user-other-infos .other-info-row{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.2rem 1.2rem 1.5rem;font-family:yekan;position:relative;z-index:1}@media screen and (max-width:320px){.info-container .user-other-infos .other-info-row{padding-right:unset;padding:1.2rem 1rem}}.info-container .user-other-infos .other-info-row:not(:last-child):before{content:"";position:absolute;right:0;bottom:0;background-color:var(--accent-color);opacity:.1;height:1px;width:80%}.info-container .user-other-infos .other-info-row:hover:not(.animate) .holder svg{transform:rotate(8deg) scale(1.1) translate(3px,-2px)}.info-container .user-other-infos .other-info-row.bday .data{display:flex;align-items:baseline;gap:.5rem}.info-container .user-other-infos .other-info-row.bday .data .remaining{opacity:.7}.info-container .user-other-infos .other-info-row.bday.animate .holder .icon{color:#ff3356;animation:bday-shaking 1.3s ease forwards infinite}@keyframes bday-shaking{0%{transform:translateY(0) rotate(0) translateZ(0)}15%{transform:translateY(2px) scaleX(1.1) rotate(0) translateZ(0)}30%{transform:translateY(-10px) rotate(5deg) translateZ(0)}50%{transform:translateY(-10px) rotate(-5deg) translateZ(0)}60%{transform:translateY(-10px) rotate(5deg) translateZ(0)}85%{transform:translateY(-10px) rotate(-5deg) translateZ(0)}to{transform:translateY(0) rotate(0) translateZ(0)}}.info-container .user-other-infos .other-info-row.bday.no-bday .holder{position:relative;z-index:1}.info-container .user-other-infos .other-info-row.bday.no-bday .holder:before{content:"";width:10px;height:10px;background-color:var(--redish);position:absolute;top:50%;left:-25%;border-radius:100vmax;animation:back-icon-bounce .5s alternate infinite}@media screen and (max-width:320px){.info-container .user-other-infos .other-info-row.bday .data{flex-direction:column-reverse;align-items:center}}.info-container .user-other-infos .other-info-row.username .data:not(.empty){direction:ltr}.info-container .user-other-infos .other-info-row.jump-dot .holder{position:relative;z-index:1}.info-container .user-other-infos .other-info-row.jump-dot .holder:before{content:"";width:10px;height:10px;background-color:var(--redish);position:absolute;top:50%;left:-25%;border-radius:100vmax;animation:back-icon-bounce .5s alternate infinite}@keyframes back-icon-bounce{0%{transform:scaleX(1.3) translateZ(0)}to{transform:translateY(-100%) scaleX(1) translateZ(0)}}.info-container .user-other-infos .other-info-row.check .data svg{color:var(--alert-success)}.info-container .user-other-infos .other-info-row.close .data svg{color:var(--alert-error)}.info-container .user-other-infos .other-info-row .holder{display:flex;align-items:center;gap:.5rem}.info-container .user-other-infos .other-info-row .holder svg{width:1.5em;height:1.5em;transition:.15s transform ease}.info-container .user-other-infos .other-info-row .data{display:flex;align-items:center;gap:.5rem}.info-container .user-other-infos .other-info-row .data .icon.info-row-del{color:var(--alert-error)}.info-container .user-other-infos .other-info-row .empty{font-family:yekanBold;opacity:.7}.info-container .info-inputs{width:100%;display:flex;flex-direction:column;align-items:center;gap:2rem}.info-container .info-inputs .info-input{width:100%;display:flex;flex-direction:column;gap:1vh}.info-container .info-inputs .info-input.username,.info-container .info-inputs .info-input.phone{width:clamp(0px,100%,450px)}.info-container .info-inputs .info-input h3{display:flex;align-items:center;gap:.7em;opacity:.8}.info-container .info-inputs .info-input input{width:100%;background-color:transparent;border:none;border-bottom:2px solid var(--profile-input-border-color);color:var(--accent-color);padding:.5em;border-radius:0}.info-container .info-inputs .info-input input.phone{pointer-events:none;opacity:.6;cursor:pointer}.info-container .my-sessions{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding-top:2rem}.info-container .my-sessions .sessions-header{width:clamp(0px,100%,300px);display:flex;flex-direction:column;align-items:center}.info-container .my-sessions .sessions-header .sub-head{opacity:.7;display:flex;align-items:center;justify-content:center;gap:1rem;white-space:nowrap;width:100%;margin-top:.5rem}.info-container .my-sessions .sessions-header .sub-head:before,.info-container .my-sessions .sessions-header .sub-head:after{content:"";width:100%;height:1px;background-color:var(--accent-color);opacity:.5}.info-container .my-sessions .session-col{width:clamp(0px,100%,500px);display:flex;flex-direction:column;gap:1rem}.info-container .my-sessions .session-col .col-head{opacity:.7;font-family:iranLight;font-weight:lighter;padding-inline:.5rem;margin-top:-1rem;margin-bottom:-.5rem}.info-container .my-sessions .session-col .session-cmp{display:flex;align-items:center;flex-direction:column;justify-content:space-between;gap:1rem;width:100%;border-radius:2rem;background-color:var(--sixty-percent);background-image:var(--dark-linear);box-shadow:#0003 0 3px 20px -2px;padding-inline:.5rem;padding-block:1rem .7rem;position:relative;z-index:1}.info-container .my-sessions .session-col .session-cmp .loading-elem-cmp{width:100%;height:100%;position:absolute;inset:0;z-index:1;border-radius:inherit}.info-container .my-sessions .session-col .session-cmp .session-cmp-head{height:65px;width:100%;display:flex;align-items:stretch;justify-content:space-evenly;padding:.5rem;margin-bottom:1rem}.info-container .my-sessions .session-col .session-cmp .session-cmp-head .info-wrapper{display:flex;flex-direction:column;align-items:center;height:100%;aspect-ratio:1;position:relative}.info-container .my-sessions .session-col .session-cmp .session-cmp-head .info-wrapper img{height:100%;aspect-ratio:1;object-fit:contain}.info-container .my-sessions .session-col .session-cmp .session-cmp-head .info-wrapper .icon{height:100%;aspect-ratio:1}.info-container .my-sessions .session-col .session-cmp .session-cmp-head .info-wrapper .unknown{background:var(--thirty-percent);border-radius:100vmax;opacity:.7}.info-container .my-sessions .session-col .session-cmp .session-cmp-head .info-wrapper .label{position:absolute;bottom:0;opacity:.7;transform:translateY(2rem);width:100%;text-align:center}.info-container .my-sessions .session-col .session-cmp .session-infos{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding-block:1rem 1.5rem;margin-top:.5rem;direction:ltr;position:relative;z-index:1}.info-container .my-sessions .session-col .session-cmp .session-infos:before{content:"";position:absolute;top:0;width:90%;height:1px;background-color:var(--border-color)}.info-container .my-sessions .session-col .session-cmp .session-infos .session-info{display:flex;align-items:center;gap:.5rem}.info-container .my-sessions .session-col .session-cmp .session-infos .session-info.opacity{opacity:.8}.info-container .my-sessions .session-col .session-cmp .session-infos .session-info>*:first-letter{text-transform:capitalize}.info-container .my-sessions .session-col .session-cmp .session-infos .session-info .date{direction:rtl}.info-container .my-sessions .session-col .session-cmp .del-cta{width:100%;transform:scale(.98);border-radius:100vmax;background-color:var(--alert-error);padding:.7rem;color:#fff}.info-container .my-sessions .sesssions-divider{width:90%;height:1px;background-color:var(--accent-color);opacity:.2}
