.box-user-nav-section .grid-content{display:grid;gap:22px;grid-template-columns:60px 1fr}.box-user-nav-section .grid-content .left .image{position:relative;width:60px}.box-user-nav-section .grid-content .left .image img{border-radius:50%;height:60px;-o-object-fit:cover;object-fit:cover;width:60px}.box-user-nav-section .grid-content .left .image button{align-items:center;background-color:#f78e76;border:1px solid transparent;border-radius:50%;bottom:0;color:#fff;cursor:pointer;display:flex;font-size:15px;height:21px;justify-content:center;line-height:1;margin:0;padding:0;position:absolute;right:0;transition:background-color .3s,color .3s,border-color .3s;width:21px}.box-user-nav-section .grid-content .left .image button:hover{background:#fff!important;background-color:#fff!important;border-color:#f78e76;color:#f78e76!important}.box-user-nav-section .grid-content .right{align-items:center;display:flex}.box-user-nav-section .grid-content .right .content-flex h5{color:#000;display:block;font-family:Syne;font-size:14px;font-style:normal;font-weight:500;letter-spacing:.1px;line-height:20px}.box-user-nav-section .grid-content .right .content-flex .user-email{color:#5445ff;display:block;font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.profile{padding:0 24px}.profile .content-profile{border-bottom:1px solid rgba(0,0,0,.15);padding-bottom:24px;position:relative;text-align:center}.profile .content-profile .user-email{color:#5445ff;display:block;font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:16px;margin:0;padding:0;text-align:left}.profile .content-profile .image{border-radius:50%;position:relative;width:88px}.profile .content-profile .image img{border-radius:50%}.profile .content-profile .image .plus-icon{display:inline-block;position:relative;top:-1px}.profile .content-profile .image button{align-items:center;background-color:#f78e76;border:1px solid transparent;border-radius:50%;bottom:0;color:#fff;cursor:pointer;display:flex;font-size:15px;height:21px;justify-content:center;line-height:1;margin:0;padding:0;position:absolute;right:0;transition:background-color .3s,color .3s,border-color .3s;width:21px}.profile .content-profile .image button:hover{background:#fff!important;background-color:#fff!important;border-color:#f78e76;color:#f78e76!important}.profile .content-profile p{color:#000;font-family:Syne;font-size:14px;font-style:normal;font-weight:500;letter-spacing:.1px;line-height:20px;margin-top:8px;text-align:left;width:auto}.profile .content-profile img{height:88px;-o-object-fit:cover;object-fit:cover;width:88px}@media (max-width:1024px){.profile{padding:0 16px}}.settings{padding:0 24px}@media (max-width:1024px){.settings{padding:0}}.settings h3{color:#000;font-family:Syne;font-size:22px;font-style:normal;font-weight:400;line-height:28px;margin:32px 0 8px}.settings ul li{border-bottom:1px solid rgba(0,0,0,.15);display:flex;width:100%}.settings ul li:last-child{border:0}.settings ul li a{align-items:center;display:flex;flex:100%;height:56px;width:100vw}.settings ul li a span{color:#000;font-family:Work Sans;font-size:14px;font-style:normal;font-weight:400;letter-spacing:.25px;transition:.4s;width:100%}.settings ul li a:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='6' fill='none' viewBox='0 0 4 6'%3E%3Cpath fill='%23000' fill-opacity='.75' d='M0 .705 2.472 3 0 5.295.761 6 4 3 .761 0z'/%3E%3C/svg%3E");background-position:100%;background-repeat:no-repeat;content:"";padding:5px}.settings ul li a img{margin-right:15px;max-height:24px}.settings ul li:hover a span{color:#f78e76}.settings ul.business li{border:0}.settings button{background:#000;border:1px solid #000;border-radius:100000px;color:#fff;font-family:Work Sans;font-size:14px;font-style:normal;font-weight:500;height:36px;letter-spacing:.1px;line-height:36px;margin-top:16px;text-align:center;text-transform:capitalize;width:121px}.settings button:hover{background:#fff;border-color:#f78e76;color:#f78e76}.box-call-to-action{margin:25px 0}.box-call-to-action .content{background:#f7f4f2!important;border:1px solid rgba(0,0,0,.15)!important;border-radius:8px!important;margin:0 auto;padding:16px!important}.box-call-to-action .content h4{font-size:16px;font-weight:600}.box-call-to-action .content h4,.box-call-to-action .content p{color:#000;font-family:Roboto;font-style:normal;line-height:150%}.box-call-to-action .content p{font-size:14px;font-weight:400;margin:8px 0 0}.box-call-to-action .content button{background:#f78e76;border:1px solid #b16857;border-radius:100000px;color:#000;font-family:Work Sans;font-size:14px;font-style:normal;font-weight:500;height:36px;letter-spacing:.1px;line-height:20px;text-align:center;text-transform:capitalize;width:135px}.crop-modal{background:#000000bf;border:none;bottom:0;display:block;height:100%;left:0;margin:0;padding:0;position:fixed;right:0;top:0;width:100%;z-index:1000}.crop-modal .modal-content{align-items:center;background:#fff;border-radius:16px;box-shadow:0 0 250px #f78e76;display:block;flex-direction:column;gap:10px;height:auto;isolation:isolate;left:50%;max-height:90vh;max-width:90vw;overflow-y:auto;padding:64px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:900px;z-index:1001}.crop-modal .modal-content h4{color:#000;font-family:Sora,sans-serif;font-size:36px;font-style:normal;font-weight:700;line-height:120%;margin-bottom:10px}.crop-modal .modal-content p{color:#000000bf;font-family:Work Sans,sans-serif;font-size:18px;font-style:normal;font-weight:500;line-height:150%;margin:5px 0 20px}.crop-modal .modal-content .modal-buttons{display:flex;gap:12px;justify-content:center;margin-top:24px}.crop-modal .modal-content .modal-buttons button{border-radius:100000px;cursor:pointer;font-family:Work Sans,sans-serif;font-size:14px;font-style:normal;font-weight:500;height:49px;line-height:16px;padding:8px 32px;text-align:center;text-transform:uppercase;transition:all .3s ease}.crop-modal .modal-content .modal-buttons button.done-button{background:#f78e76;border:1.5px solid #b16857;color:#000}.crop-modal .modal-content .modal-buttons button.done-button:hover{background:#e67d65}.crop-modal .modal-content .modal-buttons button.cancel-button{background:transparent;border:1.5px solid #000;color:#000}.crop-modal .modal-content .modal-buttons button.cancel-button:hover{background:#0000000d}.crop-modal .modal-content .content-img-crop{height:auto;margin:24px auto;max-width:400px;width:100%}.crop-modal .modal-content .content-img-crop .img-crop{height:auto;max-height:400px;-o-object-fit:contain;object-fit:contain;width:100%}.crop-modal .modal-content .drop-zone{align-items:center;background:#f7f4f2;border:2px dashed rgba(0,0,0,.3);border-radius:10px;cursor:pointer;display:flex;justify-content:center;margin:24px auto;max-width:400px;min-height:200px;padding:40px 20px;position:relative;text-align:center;transition:all .3s ease;width:100%}.crop-modal .modal-content .drop-zone:before{color:#0000004d;content:"+";font-size:48px;font-weight:300}.crop-modal .modal-content .drop-zone:hover{background:#fff;border-color:#f78e76}.crop-modal .modal-content .drop-zone:hover:before{color:#f78e76}@media (max-width:1100px){:root{--mobile-nav-offset: calc(90px + env(safe-area-inset-top)) }.profile,.settings{margin-top:var(--mobile-nav-offset)}.profile+.settings{margin-top:0}.inner-page-panel{padding-top:calc(var(--mobile-nav-offset) + 12px)}.inner-page-panel .navigation-left{background:transparent!important;height:auto!important;margin-bottom:12px;min-height:auto!important;overflow:visible!important;position:static!important}.inner-page-panel .navigation-left .content{height:auto!important;min-height:auto!important;padding-bottom:8px!important;padding-top:16px!important}.inner-page-panel .navigation-left .profile,.inner-page-panel .navigation-left .settings{margin-top:0!important}}
