@font-face{font-family:ploni;font-weight:100;src:url(/static/media/ploni-light-aaa.3f3f87e650a5a4350f40.ttf)}@font-face{font-family:ploni;font-weight:400;src:url(/static/media/ploni-regular-aaa.6911f946af2695fe68ac.woff2)}@font-face{font-family:ploni;font-weight:500;src:url(/static/media/ploni-medium-aaa.4113a3babac18114d53e.ttf)}@font-face{font-family:ploni;font-weight:700;src:url(/static/media/ploni-bold-aaa.9e29b56314b0679b956b.ttf)}*{box-sizing:border-box;direction:rtl;font-family:ploni,assistant,Roboto,sans-serif;margin:0;padding:0}.login .logo,.signup .logo{margin:0 auto;width:80px}.login form,.signup form{display:flex;flex-direction:column;gap:10px;margin:0 auto;max-width:800px;padding:30px;text-align:center}.login form .inputField,.signup form .inputField{position:relative}.login form .inputField label,.signup form .inputField label{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:hsla(0,0%,100%,0);font-size:12px;padding:0 5px;position:absolute;right:5ex;top:-.8ex;z-index:1}.login form .inputField svg.iconError,.signup form .inputField svg.iconError{font-size:15px;position:absolute;right:-25px;top:7px;-webkit-transform:translateY(50%);transform:translateY(50%)}.login form .inputField input,.signup form .inputField input{border:1px solid gray;border-radius:6px;line-height:6ex;padding:0 10px;position:relative;width:100%}.login form .inputField input ::-webkit-input-placeholder,.signup form .inputField input ::-webkit-input-placeholder{color:#78787880}.login form .inputField input ::placeholder,.signup form .inputField input ::placeholder{color:#78787880}.login form .inputField .checkbox,.signup form .inputField .checkbox{-webkit-transform:scale(150%);transform:scale(150%);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.login form button,.signup form button{stroke:none;background-color:var(--mainColor);border:1px solid hsla(0,0%,100%,.137);border-radius:10px;outline:none;padding:10px;width:100%}.login form .validationError,.signup form .validationError{color:#ff4100;font-size:14px;margin:0 auto;max-width:70%;text-align:right;text-align:center}.Card{background-color:#fff;background-position:50%;background-size:cover;border-radius:15px;box-shadow:0 0 30px -20px #000;min-height:400px;min-width:250px;width:250px}.Card .cardFrame{-webkit-backdrop-filter:brightness(.9);backdrop-filter:brightness(.9);background-image:linear-gradient(#ffffff00,#000);border-radius:15px;display:flex;flex-direction:column;height:100%;justify-content:flex-end;overflow:scroll;padding:25px}.Card .cardFrame a{font-size:1em;text-decoration:none}.Card .cardFrame a :hover{text-decoration:underline}.Card .cardFrame h2{color:#fff;line-height:1em;text-align:right!important}.Card .cardFrame p{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:.8em;overflow:hidden;text-overflow:ellipsis}.Card .actions{color:#fff;display:flex;flex-direction:row;gap:15px;justify-content:space-between;margin-top:15px}.Card .actions button.heartFill>svg{color:var(--mainColor)}.Card .actions button,.Card .actions svg{background:none;border:none;color:#fff;font-size:20px}.Card .actions button:hover,.Card .actions svg:hover{color:var(--mainColor)}.loader{justify-content:center;margin:0}.Cards,.loader{align-items:center;display:flex}.Cards{flex-direction:column}.Cards .addCardBtn{align-items:center;border:none;border-radius:5px;display:flex;font-size:16px;gap:8px;padding:5px 15px}.Cards .addCardBtn:hover{background-color:var(--mainColor);cursor:pointer}.Cards a{text-decoration:none}.Cards .cardsList{display:flex;flex-wrap:wrap;gap:15px;overflow:scroll;padding:20px}.CardPage .frmae,.MyCards .emptyMyCards{align-items:center;display:flex;flex-direction:column;justify-content:center}.CardPage .frmae{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative;width:100%}.CardPage .frmae .textHeader{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsla(0,0%,46%,.433);border-radius:10px;padding:30px;text-align:center}.CardPage .frmae .textHeader b hr{margin:20px 0}.CardPage .frmae .textHeader h1{line-height:1em}.CardPage .content .contentHeader{align-items:center;background-color:#78787815;border-radius:5px;display:flex;font-size:14px;justify-content:space-between;margin-bottom:35px;padding:10px;width:100%}.CardPage .content .contentHeader a{text-decoration:none}.CardPage .content .contentHeader button{align-items:center;border:none;border-radius:5px;display:flex;font-size:14px;gap:5px;padding:2px 15px}.CardPage .content .contentHeader button:hover{background-color:var(--mainColor);cursor:pointer}.CardPage .content .contentHeader .share{align-items:center;display:flex;flex-direction:row;gap:20px;justify-content:flex-end}.CardPage .content .contentHeader .share a:hover{color:var(--mainColor)}.CardPage .content .contentBody p{white-space:break-spaces}.SearchPage{align-items:center;display:flex;flex-direction:column;justify-content:center}.SearchPage h1{font-size:4vw;font-weight:100}.SearchPage h1>b{color:var(--mainColor)}.Favorite .errorFavorite{align-items:center;display:flex;flex-direction:column;gap:10px;text-align:center}.Favorite .errorFavorite svg{font-size:2em}.Favorite .errorFavorite .loginBtn{background-color:var(--mainColor);border:none;border-radius:5px;display:block;font-size:.9em;margin:0 auto;padding:0 10px;text-align:center}.About{margin:0 auto;max-width:800px;padding:20px 40px 150px}.About section>h3{background-color:var(--mainColor);border-radius:5px;box-shadow:0 0 25px -10px var(--mainColor);color:#000;display:inline-block;margin-bottom:10px;padding:0 10px}.About p,li{font-size:clamp(13px,2vw,16px);text-align:justify}.About ul{list-style:circle inside}.About ul li{margin-bottom:5px}nav{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 0 30px -10px #000;flex-direction:row;height:50px;justify-content:space-between;max-height:70px;padding:10px 30px;position:fixed;top:0;width:100%;z-index:999}nav,nav ul{display:flex}nav ul{gap:8px;list-style:none}nav ul li{display:inline;font-size:clamp(13px,2vw,22px)}nav ul li a{background-color:hsla(0,0%,60%,.288);border-radius:8px;padding:2px 8px;text-decoration:none}nav .navigator{align-items:center;display:flex;flex-grow:1;justify-content:center}nav .navigator a{background-color:initial;font-size:20px!important;margin:0 5px;padding:5px 15px;position:relative}nav .navigator a:before{background-color:var(--mainColor);border-radius:0;bottom:0;content:"";height:2px;opacity:.5;position:absolute;right:0;transition:all .1s ease-in;width:100%;z-index:1}nav .navigator a.currentPage:before,nav .navigator a:hover:before{border-radius:5px;height:100%;opacity:1}nav .navigator a span{position:relative;z-index:2}nav .leftSide{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:flex-end;width:140px}nav .leftSide .searchInput{background-color:hsla(0,0%,60%,.288);border:none;border-radius:8px;padding:4px 8px}nav .leftSide .userArea{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:2000}nav .leftSide .userArea .avatar{align-items:center;background-color:rgba(95,158,160,.589);border-radius:50px;display:flex;height:40px;justify-content:center;width:40px}nav .leftSide .userArea .avatar .img-avatar{height:inherit;object-fit:cover;width:inherit}nav .userArea .profile-open{border:1px solid var(--mainColor);border-radius:20px;box-shadow:0 0 50px -30px #000;gap:20px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:20px;padding:20px;position:absolute;top:5px;width:clamp(220px,70vw,300px)}nav .userArea .profile-open,nav .userArea .profile-open a{align-items:center;display:flex;flex-direction:column}nav .userArea .profile-open a .permissionTag{background-color:var(--mainColor);border-radius:5px;box-shadow:0 0 30px -5px var(--mainColor);font-size:13px;padding:3px 8px}nav .userArea .profile-open ul{display:flex;flex-direction:column;gap:10px;width:100%}nav .userArea .profile-open ul li{font-size:14px!important}nav .userArea .profile-open ul a{border-radius:5px;color:inherit;cursor:pointer;display:flex;flex-direction:row;gap:10px;padding:5px 15px;text-decoration:none;transition:.1s ease-in;width:inherit}nav .userArea .profile-open ul .logoutBtn{background-color:#b717177e;color:#fff!important;display:block;text-align:center}nav .userArea .profile-open ul .logoutBtn:hover{background-color:#b71717c9;box-shadow:0 0 30px -5px red;color:#fff;font-size:120%!important}nav .userArea .profile-open ul a:hover{background-color:#e9e4ff86}nav .userArea .profile-open .palette{align-items:center;background-color:#8d8d8d19;border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:10px;width:100%}nav .userArea .profile-open .palette p{text-align:center}nav .userArea .profile-open .palette .colorPalette{display:flex;flex-direction:row;justify-content:center}nav .userArea .profile-open .palette .colorPalette .colorIcon{border-radius:50%;display:flex;flex-direction:column;height:14px;width:14px}nav .userArea .profile-open .palette .colorPalette .colorIcon.blue{background-color:#5bcdfc}nav .userArea .profile-open .palette .colorPalette .colorIcon.red{background-color:#eb6e6e}nav .userArea .profile-open .palette .colorPalette .colorIcon.yellow{background-color:#cccc41}nav .userArea .profile-open .palette .colorPalette .colorIcon.green{background-color:#7bcc7b}.Snackbar{align-items:center;background-color:var(--mainColor);border-radius:5px;bottom:50px;box-shadow:0 0 30px -10px rgba(0,0,0,.391);display:flex;flex-direction:row;gap:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;max-width:500px;min-width:200px;opacity:0;padding:5px 10px;position:fixed;right:50%;text-align:center;-webkit-transform:translate(50%,200%);transform:translate(50%,200%);transition:.4s ease-in;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:9999}.Snackbar p,.Snackbar svg{color:#000}.Snackbar.show{opacity:1;-webkit-transform:translate(50%);transform:translate(50%)}.AddCard,.EditCard{display:flex;flex-direction:row;height:100%;width:100%}.AddCard .display,.EditCard .display{align-items:center;background-image:radial-gradient(#7c7c7c4d 1.8px,#ffffff00 0);background-size:36px 36px;border-right:1px solid #999;display:flex;flex-direction:column;justify-content:flex-start;padding-top:40px;width:30%}.AddCard .form,.EditCard .form{width:70%}.AddCard .form h2,.EditCard .form h2{display:block}.AddCard .form form,.EditCard .form form{display:flex;flex-direction:column}.AddCard .form form label,.EditCard .form form label{font-size:14px;margin-top:10px;padding:0 5px}.AddCard .form form svg.iconError,.EditCard .form form svg.iconError{color:#ff0;font-size:15px;position:relative}.AddCard .form form input,.AddCard .form form textarea,.EditCard .form form input,.EditCard .form form textarea{align-self:flex-end;border:1px solid gray;border:1px solid var(--level2);border-radius:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;line-height:5ex;padding:0 10px;position:relative;resize:vertical;width:100%}.AddCard .form form input ::-webkit-input-placeholder,.AddCard .form form textarea ::-webkit-input-placeholder,.EditCard .form form input ::-webkit-input-placeholder,.EditCard .form form textarea ::-webkit-input-placeholder{color:#78787880}.AddCard .form form input ::placeholder,.AddCard .form form textarea ::placeholder,.EditCard .form form input ::placeholder,.EditCard .form form textarea ::placeholder{color:#78787880}.AddCard .form form textarea,.EditCard .form form textarea{line-height:3ex;padding:10px}.AddCard .form form .checkbox,.EditCard .form form .checkbox{-webkit-transform:scale(150%);transform:scale(150%)}.AddCard .form button,.EditCard .form button{stroke:none;background-color:var(--level2);border:none;border-radius:10px;cursor:pointer;margin-top:15px;outline:none;padding:10px;width:100%}.AddCard .form .validationError,.EditCard .form .validationError{color:red;font-size:14px;text-align:right}.CardsList{align-items:center;display:flex;flex-direction:column;overflow:scroll}.CardsList .addCardBtn{align-items:center;border:none;border-radius:5px;display:flex;font-size:16px;gap:8px;padding:5px 15px}.CardsList .addCardBtn:hover{background-color:var(--mainColor);cursor:pointer}.CardsList a{text-decoration:none}.CardsList .tableFrame{display:flex;overflow:scroll;padding:20px;width:100%}.CardsList .tableFrame table{border-collapse:initial;border-spacing:0 5px;margin:0 auto}.CardsList .tableFrame table thead tr{background-color:#e9e9e9;height:30px}.CardsList .tableFrame table thead th{font-size:16px;font-weight:800}.CardsList .tableFrame table tbody tr td{font-size:14px;padding:10px 40px;text-align:right}.CardsList .tableFrame table tbody tr td img{border-radius:50%;font-size:14px;height:35px;object-fit:cover;object-position:center;width:35px}.CardsList .tableFrame table tbody tr td .actions{display:flex;gap:15px}.CardsList .tableFrame table tbody tr td .actions svg{font-size:20px}.clientList{align-items:center;display:flex;flex-direction:column;width:100%}.clientList .tableFrame{display:flex;overflow:scroll;padding:20px;width:100%}.clientList .tableFrame table{border-collapse:initial;border-spacing:0 5px;margin:0 auto}.clientList .tableFrame table thead tr{background-color:#e9e9e9;height:30px}.clientList .tableFrame table thead th{font-size:16px;font-weight:800}.clientList .tableFrame table tbody tr td{font-size:14px;padding:10px 40px;text-align:right}.clientList .tableFrame table tbody tr td:first-child{align-items:center;display:flex;font-weight:700;gap:10px}.clientList .tableFrame table tbody tr td img{border-radius:50%;font-size:14px;height:35px;object-fit:cover;object-position:center;width:35px}.clientList .tableFrame table tbody tr td .deleteUser{background:none;border:none;color:red;display:flex;font-size:20px;transition:.2s ease-in}.clientList .tableFrame table tbody tr td .deleteUser:hover{scale:130%}.clientList .tableFrame table tbody tr td select{background:none;border:1px solid var(--mainColor);border-radius:5px;padding:2px 7px}.EditUser{padding:30px}.EditUser .head{align-items:center;display:flex;flex-direction:column}.EditUser img{border-radius:50%;height:100px;object-fit:cover;object-position:center;width:100px}.EditUser form{display:flex;flex-direction:column;gap:10px;margin:0 auto;max-width:800px;padding:30px;text-align:center}.EditUser form .inputField{position:relative}.EditUser form .inputField label{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:hsla(0,0%,100%,0);font-size:12px;padding:0 5px;position:absolute;right:5ex;top:-.8ex;z-index:1}.EditUser form .inputField input{border:1px solid gray;border-radius:6px;line-height:6ex;padding:0 10px;position:relative;width:100%}.EditUser form .inputField input ::-webkit-input-placeholder{color:#78787880}.EditUser form .inputField input ::placeholder{color:#78787880}.EditUser form .inputField .checkbox{-webkit-transform:scale(150%);transform:scale(150%)}.EditUser form button{stroke:none;background-color:var(--mainColor);border:1px solid hsla(0,0%,100%,.137);border-radius:10px;cursor:pointer;outline:none;padding:10px;width:100%}.EditUser form .validationError{color:red;text-align:right}.App{box-sizing:border-box;max-width:100%;padding-top:50px}.App .frame{height:100%;min-height:100vh;opacity:1;width:100%}.App .frame h1{font-size:clamp(40px,7vw,65px);line-height:normal;text-align:center}.App .frame h2{font-size:clamp(20px,2vw,35px);text-align:center}.App .frame h3{font-size:clamp(17px,1.5vw,28px);line-height:normal;text-align:center}.App .frame p{font-size:clamp(13px,2vw,16px)}.ErrorPage,.Home>h2{text-align:center}.ErrorPage{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 80px);justify-content:center;line-height:100px}.ErrorPage h1{font-size:clamp(40px,20vw,200px)!important}.btnMode{align-items:center;background-color:var(--mainColor);border:none;border-radius:50%;color:var(--dark);display:flex;height:30px;justify-content:center;padding:0;width:30px}@media (min-width:768px){nav .menuToggle{display:none}nav .navigator ul{display:flex;flex-direction:row}.Cards .cardsList{justify-content:center}.AddCard .form,.EditCard .form{padding:50px 60px}.CardPage .frmae{min-height:50vh}.CardPage .frmae .textHeader{max-width:70%}.CardPage .content{padding:30px 50px}.Footer{display:none!important}}@media (max-width:767px){nav .menuToggle{display:flex}nav .navigator ul,nav .searchInput{display:none}nav .navigator.showMenu ul{align-items:center;box-shadow:0 40px 70px -70px #000;display:flex;flex-direction:column;gap:20px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:50%;max-width:100%;padding:80px 20px;position:absolute;top:50px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:99%}nav .navigator.showMenu ul a:before{display:none}.Cards .cardsList{flex-wrap:nowrap;overflow:scroll;width:100%}.AddCard .display,.EditCard .display{display:none}.AddCard .form,.EditCard .form{padding:50px 20px;width:100%}.CardPage .frmae{min-height:40vh;padding:20px}.CardPage .frmae .textHeader{max-width:300px}.CardPage .content{padding:20px 5%}}@media (max-width:330px){.CardPage .frmae{min-height:40vh;padding:20px}.CardPage .frmae .textHeader{max-width:300px}}.Footer{bottom:0;justify-content:stretch;min-height:30px;padding:10px 0;position:fixed;z-index:1}.Footer,.Footer ul{display:flex;flex-direction:row;width:100%}.Footer ul{justify-content:space-around;list-style:none}.Footer ul div{align-items:center;display:flex;flex-direction:column}.Footer ul div svg{font-size:22px}
/*# sourceMappingURL=main.e6bf61ba.css.map*/