@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;500;700&family=IBM+Plex+Sans:wght@400;500;600&family=Rajdhani:wght@500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;500;700&family=Rajdhani:wght@500;600&display=swap";:root{font-family:Space Grotesk,Rajdhani,IBM Plex Sans,system-ui,sans-serif;line-height:1.6;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1;font-family:Rajdhani,sans-serif}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;font-family:IBM Plex Sans,sans-serif}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}input[type=text],input[type=email],input[type=number],input[type=tel],input[type=password],textarea,select{font-size:16px!important}@supports (-webkit-overflow-scrolling: touch){input[type=text]:focus,input[type=email]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=password]:focus,textarea:focus{font-size:16px!important;transform:translateZ(0)}}.registration-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#c4545a;font-family:Space Grotesk,sans-serif;line-height:1.6;font-weight:400}.content-reg{position:relative;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;text-align:center;color:#fff;padding:30px;gap:5px;top:-35px}.illustration{position:relative;width:312px;height:294px;top:20px;left:15px}.register-button{display:block;width:100%;height:50px;padding:10px;color:#c4545a;background:#fff;border:none;border-radius:5px;cursor:pointer;font-size:13px;font-weight:400;letter-spacing:.1em;text-align:center;text-underline-position:from-font;text-decoration-skip-ink:none}.login-button{display:block;width:100%;padding:10px;color:#fff;background:none;border:none;border-radius:5px;cursor:pointer;font-size:13px;font-weight:400;letter-spacing:.1em;text-align:center;text-underline-position:from-font;text-decoration-skip-ink:none}.menu-container{width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100vh;background:#fff;box-sizing:border-box}.content-menu{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex-grow:1;padding:50px;min-height:100px;color:#000}.content-menu h1{font-size:18px;font-weight:700;letter-spacing:normal;text-align:left;margin-bottom:10px;color:#000}.content-menu span{font-size:16px;font-weight:400;letter-spacing:normal;text-align:left}.notification-popup{position:fixed;top:20px;right:-300px;width:250px;background-color:#fff;border:1px solid #ccc;box-shadow:0 2px 10px #0003;padding:15px;z-index:1000;animation:slideIn .5s forwards}@keyframes slideIn{to{right:20px}}.notification-text{font-size:14px;color:#333;margin-bottom:10px}.notification-buttons{display:flex;gap:10px}.notification-button{background-color:#4caf50;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer}.notification-button:hover{background-color:#45a049}.popup-notification{position:fixed;top:20px;right:20px;background-color:#fc0;color:#000;padding:15px 30px;border-radius:8px;box-shadow:0 4px 8px #0003;cursor:pointer;font-size:16px;font-weight:700;z-index:1000;animation:fadeIn .3s ease-in-out;min-width:200px;max-width:400px;text-align:center}.popup-content{display:flex;align-items:center;justify-content:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.popup-notification:hover{background-color:#fbeb63}.order-notification__text{margin:0;font-size:14px;line-height:1.4}.navigation{width:100%;height:73px;background-color:#c4545a;display:flex;justify-content:space-around;align-items:center;padding:10px 0;border-radius:30px 30px 0 0;position:relative;opacity:0}.infoAccount1{width:100%;height:80px;background:#c4545a;border-radius:0 0 30px 30px;text-align:center;padding:10px 0;display:flex;flex-direction:column;justify-content:center;align-items:center}.userInfo1{width:90%;display:flex;flex-direction:row;justify-content:space-around;align-items:center}.userAvatar1{width:70px;height:65px;border-radius:50%}.welcomeMessage1{font-size:14px;font-weight:700;color:#fff}.order-notification{position:fixed;top:20px;right:20px;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px 16px;min-width:220px;max-width:280px;background-color:#b76468;color:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.3);transform:translate(120%);opacity:0;transition:transform .3s ease,opacity .3s ease;z-index:9999}.order-notification.slide-in{transform:translate(0);opacity:1}.order-notification.slide-out{transform:translate(120%);opacity:0}.order-notification.error{background-color:#b76468;border:1px solid rgba(0,0,0,.3);color:#fff}.order-notification__close{position:absolute;left:-10px;top:-10px;width:25px;height:25px;border-radius:50%;background-color:#e0e0e0;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#333;padding:0}.order-notification__close:hover{background-color:#ccc}.order-notification__text{margin:0;font-size:14px}.orders-list{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px;padding:10px;overflow-y:scroll;flex-grow:1;scrollbar-width:none;-ms-overflow-style:none;overflow-x:hidden}.trader-card{width:325px;height:83px;background:#fff;border-radius:15px;padding:10px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;box-shadow:0 4px 4px #00000040;position:relative}@media (max-width: 383px){.trader-card{width:300px}}.trader-header{display:flex;align-items:center;gap:5px}.status-indicator{width:10px;height:10px;border-radius:50%;margin-top:-2.5px}.container1,.container2{width:100%;display:flex;justify-content:space-between;align-items:center;position:relative}.trader-info{display:flex;flex-direction:column;gap:8px}.trader-id{color:#000;font-size:9px;font-weight:900;line-height:10.55px;letter-spacing:.01em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.trader-profile{display:flex;align-items:flex-start;gap:3px}.trader-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.trader-details{display:flex;flex-direction:column;gap:10px}.trader-name{max-width:100px;color:#000;font-size:10px;font-weight:700;line-height:11.72px;letter-spacing:.1em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.trader-stats{display:flex;flex-direction:column;font-size:7px;font-weight:300;color:#000}.completion-rate{color:#000}.price-section,.limits-section{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.limits-label{color:#000;font-size:9px;font-weight:900;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.price-label{position:absolute;top:5%;left:145px;color:#000;font-size:9px;font-weight:900;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.price-value{position:absolute;top:5%;left:145px;color:#000;font-size:12px;font-weight:500;line-height:14.06px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.limits-values{position:absolute;top:5%;left:215px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;font-size:12px;font-weight:300;line-height:14.06px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;color:#000}.available,.limit-range{color:#000;font-size:12px;font-weight:300;white-space:nowrap}@media (max-width: 383px){.limits-values{left:200px;color:#000}}.menuC-container{width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100vh;background:#fff;box-sizing:border-box}.contentC{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-grow:1;padding:25px;color:#000;height:80vh;gap:0px}.form-container{width:100%;display:flex;flex-direction:column;align-items:center}.search-params{width:100%;padding:16px;background-color:#fff;border-radius:12px;display:flex;justify-content:space-between;align-items:center;color:#555;font-size:16px;box-shadow:0 2px 8px #0000000d;cursor:pointer;transition:background-color .3s}.search-params:hover{background-color:#f5f5f5}.form-card{width:100%;background-color:#f4f4f4;border-radius:24px;padding:20px;box-shadow:0 2px 8px #0000001a}.form-header{width:100%;padding:16px;background-color:#fff;border-radius:12px;display:flex;justify-content:space-between;align-items:center;color:#555;font-size:16px;cursor:pointer;box-shadow:0 2px 8px #0000000d}.dropdown-group{display:flex;flex-direction:column;gap:12px;margin-top:16px}.course-input,.limit-input{width:100%;padding:16px;background-color:#fff;border:none;border-radius:12px;font-size:16px;box-shadow:0 2px 8px #0000000d;color:#000;margin-top:12px;outline:none}.limit-inputs{display:flex;flex-direction:row;justify-content:space-between;gap:12px}.limit-input{flex:1;padding:12px;background-color:#fff;border:none;border-radius:12px;font-size:16px;box-shadow:0 2px 8px #0000000d;color:#000;outline:none}@media (max-width: 600px){.limit-inputs{flex-direction:row;gap:10px}}.dropdown-label{display:flex;justify-content:space-between;align-items:center;width:100%}.label-content{display:flex;align-items:center}.clear-selection:hover{color:#c0392b!important}.your-orders{width:100%;height:600px;padding:10px;color:#fff;display:flex;flex-direction:column;overflow:hidden}.your-orders-title{font-size:20px;font-weight:700;color:#fff}.your-orders-list{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px;padding:10px;overflow-y:scroll;flex-grow:1;scrollbar-width:none;-ms-overflow-style:none;overflow-x:hidden}.menuA-container{width:100%;display:flex;flex-direction:column;align-items:center;height:100vh;background:#fff;box-sizing:border-box}.contentA{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-grow:1;padding:10px;color:#000;height:80vh}.menuOrderCreation-container{display:flex;flex-direction:column;align-items:center;height:100vh;background:#fff;box-sizing:border-box}.contentOrderCreation{width:100%;display:flex;flex-direction:column;justify-content:center;flex-grow:1;padding:30px;color:#000;height:80vh}.order-form-card{width:100%;background-color:#f4f4f4;border-radius:24px;padding:20px;margin-bottom:auto}.order-form-content{display:flex;flex-direction:column;gap:5px}.order-dropdown-group{display:flex;flex-direction:column;gap:10px}.dropdown{position:relative}.dropdown-label{width:100%;padding:16px;background-color:#fff;border:none;border-radius:12px;display:flex;justify-content:space-between;align-items:center;color:#333;font-size:16px;box-shadow:0 4px 4px #00000040;cursor:pointer}.dropdown-icon{color:#666;width:20px;height:20px}.dropdown-options{position:absolute;top:100%;left:0;width:100%;background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;overflow:hidden;z-index:10}.dropdown-option{padding:12px 16px;display:flex;align-items:center;gap:10px;font-size:16px;cursor:pointer;transition:background-color .2s}.dropdown-option:hover{background-color:#f4f4f4}.currency-icon{width:20px;height:20px}.course-input,.amount-input{width:100%;padding:16px;background-color:#fff;border:none;border-radius:12px;font-size:16px;box-shadow:0 4px 4px #00000040;color:#000;outline:none}.limit-inputss{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;flex-direction:row}.limit-input{display:flex;max-width:45%;padding:16px;background-color:#fff;border:none;border-radius:12px;font-size:16px;box-shadow:0 4px 4px #00000040;color:#000}.submit-button{display:flex;align-items:center;justify-content:center;gap:5px;background-color:#2a2836;color:#fff;padding:16px;border:none;border-radius:24px;font-size:16px;margin-top:8px;cursor:pointer}.submit-button:focus,.submit-button:active{outline:none;box-shadow:none}.submit-button:hover{background-color:#363344}.input-error{border:2px solid #ff0000!important;outline:none}.input-error:focus{border:2px solid #ff0000!important;box-shadow:0 0 0 2px #f003}.error-page{width:100%;height:100vh;background-color:#c4545a;display:flex;align-items:center;justify-content:center}.error-content{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}.error-content h1{margin:0 auto;text-align:center;font-size:108px;font-weight:900;line-height:150px;text-underline-position:from-font;text-decoration-skip-ink:none;color:#fff}.error-content p{max-width:300px;line-height:1.4;font-size:14px;font-weight:400;line-height:16.41px;letter-spacing:.01em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;color:#fff}.infoAccount2{width:100%;height:80px;background:#c4545a;border-radius:0 0 30px 30px;text-align:center;padding:10px 0;display:flex;flex-direction:column;justify-content:center;align-items:center}.userInfo2{width:90%;display:flex;flex-direction:row;justify-content:space-around;align-items:center}.userAvatar2{width:70px;height:65px;border-radius:50%}.welcomeMessage2{font-size:14px;font-weight:700;color:#fff}.wallet-container{width:100%;height:100vh;overflow-y:auto;font-family:Space Grotesk,sans-serif;line-height:1.6;font-weight:400}.wallet-title{font-size:20px;font-weight:600;color:#000;margin-bottom:1rem}.network-card{background-color:#1e2330;border-radius:1rem;padding:1rem;margin-bottom:1.5rem}.network-card-title{color:#fff;font-size:14px;font-weight:900;letter-spacing:.1em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.network-info{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.network-details{display:flex;flex-direction:column}.network-name{color:#fff;font-size:.875rem;font-weight:500}.network-address{color:#94a3b8;font-size:.75rem}.change-address-btn{color:#fb7185;font-size:.875rem;font-weight:500;background:none;border:none;padding:0;cursor:pointer;transition:color .2s ease}.change-address-btn:hover{color:#fda4af}.additional-settings{background-color:#000;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:15px;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.additional-title{font-size:18px;font-weight:700;letter-spacing:.1em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;color:#050406}@media (max-height: 800px){.additional-settings{max-height:200px;overflow-y:auto}}@media (max-height: 700px){.additional-settings{max-height:150px;overflow-y:auto}}.modal-content p{color:#000;text-align:center}.modal-close{background:#c4545a;border:none;color:#fff;padding:10px;cursor:pointer;border-radius:4px;margin-top:10px}.address-buttons{display:flex;gap:20px;flex-direction:row}.address-edit input{width:100%;padding:.5rem;font-size:16px;font-weight:500;border:none;background:transparent;color:#fff;outline:none;box-shadow:none}.address-edit input::placeholder{color:#94a3b8}.address-buttons button{color:#fb7185;font-size:.875rem;font-weight:500;background:none;border:none;padding:0;cursor:pointer;transition:color .2s ease}.address-buttons button:focus{outline:none;box-shadow:none}.address-buttons button:hover{color:#fda4af}.personal-account-container{width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100vh;background:#fafafa;box-sizing:border-box;font-family:Space Grotesk,sans-serif;line-height:1.6;font-weight:400}.content{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:0 20px;min-height:100px;color:#000;overflow-y:auto;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.chat-container{display:flex;flex-direction:column;height:100vh;max-width:480px;margin:0 auto;background-color:#fff}.chat-header{display:flex;align-items:center;padding:16px;border-bottom:1px solid #e0e0e0;color:#000}.profile-image{width:48px;height:48px}.profile-image img{width:100%;height:100%;border-radius:50%;object-fit:cover}.profile-info{flex:1}.profile-info h2{margin:0;font-size:18px;font-weight:500;color:#fff}.profile-info p{margin:0;font-size:14px;color:#757575}.chat-messages{flex:1;overflow-y:auto;padding:16px;background-color:#f5f5f5;display:flex;flex-direction:column;color:#212121;scrollbar-width:none;-ms-overflow-style:none}.chat-messages::-webkit-scrollbar{display:none}.message-container{display:flex;margin-bottom:16px}.user-message{justify-content:flex-end}.seller-message{justify-content:flex-start}.message-content{max-width:80%;padding:12px;border-radius:12px;background-color:#e0e0e0;color:#212121;word-break:break-word;position:relative}.user-message .message-content{background-color:#2196f3;color:#fff}.message-timestamp{font-size:12px;color:#0009;margin-top:4px;text-align:right}.user-message .message-timestamp{color:#fffc}.action-buttons{display:flex;gap:8px;padding:8px 16px;background-color:#fff;border-top:1px solid #e0e0e0}.file-button,.details-button{padding:8px 16px;background-color:#e0e0e0;border:none;border-radius:4px;color:#757575;font-size:14px;cursor:pointer;transition:background-color .2s}.file-button:hover,.details-button:hover{background-color:#d0d0d0}.message-input-container{display:flex;align-items:center;padding:8px;border-top:1px solid #e0e0e0;background-color:#fff;position:relative}.message-input{flex:1;padding:8px 40px 8px 8px;border:none;outline:none;font-size:16px;background-color:#fff;color:#000;border-radius:20px}.attachment-button,.send-button{background:none;border:none;padding:8px;cursor:pointer;color:#757575;position:absolute;right:60px}.send-button{background-color:#2196f3;color:#fff;border-radius:50%;margin-left:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;right:8px;transition:background-color .2s}.send-button:hover{background-color:#1976d2}.attachment-button{right:50px}.message-text{white-space:pre-line}.requisites-container{position:fixed;bottom:0;left:0;right:0;background-color:#fff;border-top-left-radius:16px;border-top-right-radius:16px;padding:16px;box-shadow:0 -4px 10px #0000001a;z-index:1000;max-height:70vh;overflow-y:auto;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.requisites-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #eee}.requisites-header h3{margin:0;font-size:18px;font-weight:600;color:#c4545a}.close-button{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-button:hover{background-color:#0000000d}.requisites-list{display:flex;flex-direction:column;gap:12px;padding:4px}.requisite-item{background-color:#f9f9f9;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s;border:1px solid #eee;box-shadow:0 2px 4px #0000000d}.requisite-item:hover{background-color:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.requisite-item:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.requisite-type{font-weight:700;margin-bottom:8px;color:#c4545a;font-size:16px}.requisite-value{word-break:break-all;color:#444;font-size:14px}.no-requisites{text-align:center;padding:20px;color:#666;font-style:italic}.file-preview-container{padding:10px;margin:10px;background-color:#f5f5f5;border-radius:8px;display:flex;flex-direction:column;align-items:center;box-shadow:0 1px 3px #0000001a}.file-preview-header{margin-bottom:10px;display:flex;justify-content:space-between;width:100%;align-items:center}.file-preview-close{background:none;border:none;color:#999;font-size:16px;cursor:pointer}.file-preview-close:hover{color:#555}.file-preview-content{width:100%;display:flex;justify-content:center}.file-preview-image{max-width:100%;max-height:200px;border-radius:4px;object-fit:contain}.file-preview-video{max-width:100%;max-height:200px;border-radius:4px}.file-preview-document{padding:15px;background-color:#e0e0e0;border-radius:4px;width:100%;text-align:center}.message-media{margin-top:5px;max-width:100%}.message-media img,.message-media video{max-width:100%;border-radius:8px;box-shadow:0 1px 3px #0003}.message-media a{display:block;padding:10px;background-color:#f1f1f1;border-radius:8px;text-decoration:none;color:#333;margin-top:8px;border:1px solid #ddd;font-size:14px;transition:background-color .2s ease}.message-media a:hover{background-color:#e5e5e5}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden}.registrationPage-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#c4545a;font-family:Space Grotesk,sans-serif;line-height:1.6;font-weight:400}.content-regPage{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;flex-grow:1;height:90vh;color:#fff;padding:35px;gap:5px}.illustration{width:312px;height:294px}h1{font-size:15px;font-weight:900;letter-spacing:.1em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;color:#fff}p{font-size:13px;font-weight:400;letter-spacing:.1em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;color:#fff}.register-button{display:block;width:100%;height:50px;padding:0;color:#c4545a;background:#fff;border:none;border-radius:12px;cursor:pointer;font-size:13px;font-weight:400;letter-spacing:.1em;text-align:center;text-underline-position:from-font;text-decoration-skip-ink:none}.login-button{display:block;width:100%;height:50px;padding:0;color:#fff;background:none;border:none;border-radius:12px;cursor:pointer;font-size:13px;font-weight:400;letter-spacing:.1em;text-align:center;text-underline-position:from-font;text-decoration-skip-ink:none}.input-field{width:100%;padding:16px;background-color:#fff;border:none;border-radius:12px;font-size:16px;box-shadow:0 4px 4px #00000040;color:#000}.registration-form{display:flex;gap:10px;flex-direction:column;align-items:center;justify-content:center}.active-orders{width:100%;height:600px;color:#fff;display:flex;flex-direction:column;overflow:hidden;gap:0px}.active-orders-title{font-size:20px;font-weight:700;color:#fff}.my-orders{width:100%;height:600px;color:#fff;display:flex;flex-direction:column;overflow:hidden;gap:0px}.my-orders-title{font-size:20px;font-weight:700;color:#fff}.archive-orders{width:100%;height:600px;color:#fff;display:flex;flex-direction:column;overflow:hidden;gap:0px}.archive-orders-title{font-size:20px;font-weight:700;color:#fff}.orders-list{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px;padding:10px;overflow-y:scroll;flex-grow:1;scrollbar-width:none;-ms-overflow-style:none}.your-orders-list::-webkit-scrollbar{display:none}.your-order-card{width:100%;height:100px;background-color:#fff;border-radius:15px;padding:20px;box-shadow:0 4px 4px #00000040;transition:transform .2s ease-in-out}.order-card:hover{transform:translateY(-2px)}.manage-orders-button{width:100%;background:#2a2836;color:#fff;border:none;border-radius:15px;cursor:pointer;transition:background-color .3s ease;height:50px}.manage-orders-button:hover{background:#2d2d3b}.tabs-container{display:flex;justify-content:center;padding:10px}.tab-button{width:110px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:2px solid black;font-size:12px;font-weight:700;text-align:center;cursor:pointer;transition:all .3s ease;color:#000;border:none;box-shadow:0 4px 4px #00000040}.tab-button:first-child{border-radius:12px 0 0 12px/12px 0px 0px 12px}.tab-button:not(:first-child):not(:last-child){border-radius:0;border-left:none;border-right:none}.tab-button:last-child{border-radius:0 12px 12px 0/0px 12px 12px 0px}.tab-button.active{outline:none;border:none;background-color:#b0b0b0}.menuM-container{width:100%;display:flex;flex-direction:column;align-items:center;height:100vh;background:#fff;box-sizing:border-box}.contentM{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-grow:1;padding:25px;color:#000;height:80vh;gap:0px}.order-form-card2{width:100%;background-color:#f4f4f4;border-radius:24px;padding:24px;margin-bottom:auto}.order-form-content2{display:flex;flex-direction:column;gap:5px}.params-input{width:100%;padding:16px;background-color:#fff;border:none;border-radius:12px;font-size:16px;box-shadow:0 4px 4px #00000040;color:#000}.file-input{display:none}.file-input-label{width:100%;padding:12px;background-color:#fff;border-radius:12px;font-size:16px;text-align:left;cursor:pointer;box-shadow:0 4px 4px #00000040;color:#999}.file-input-label input[type=text]{cursor:pointer}.save-button-req{width:95px;background:#c4545a;color:#fff;padding:9px;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .2s;text-align:center}.save-button-req:hover{background-color:#d9534f}.cancel-button-req{width:90px;background:#d9d9d9;color:#fff;padding:9px;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .2s;text-align:center}.cancel-button-req:hover{background-color:#aaa}.error-message{color:#f44336;font-size:14px}.success-message{color:#4caf50;font-size:14px}.buttons-requisites{margin-top:5px;display:flex;align-items:center;justify-content:space-between;gap:10px}.DetailsParameters-container{width:100%;display:flex;flex-direction:column;align-items:center;height:100vh;background:#fff;box-sizing:border-box}.contentDetailsParameters{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex-grow:1;padding:17px;color:#000;height:80vh}.SessionInformation-container{width:100%;display:flex;flex-direction:column;align-items:flex-start;height:100vh;background:#fff;box-sizing:border-box;font-family:Space Grotesk,sans-serif;line-height:1.6;font-weight:400}.contentSessionInformation{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-grow:1;padding:17px;color:#000;height:80vh}.session-box-card{width:100%;height:auto;background:#f4f4f4;border-radius:24px;padding:10px;font-size:16px}.session-box-card p{color:#000;font-size:16px;font-weight:700;letter-spacing:normal;text-align:center}:root{--color-primary: #C4545A;--color-background:#F4F4F4;--color-white: #ffffff;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-600: #4b5563;--color-yellow: #fef08a;--border-radius: 1.5rem;--spacing: 1.5rem}.payment-container1{width:100%;height:80vh;background-color:var(--color-background);display:flex;align-items:flex-start;justify-content:flex-start;position:relative}.payment-card1{background-color:var(--color-white);border-radius:var(--border-radius);padding:0 20px;width:100%;max-height:80vh;overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-start;gap:8px;-ms-overflow-style:none;scrollbar-width:none;position:relative}.payment-card1::-webkit-scrollbar{display:none}.payment-header1{display:flex;justify-content:space-between;align-items:center}.payment-title1{font-size:14px;font-weight:700;margin:0;white-space:nowrap}.payment-timer{color:var(--color-primary);font-weight:700}.progress-steps1{display:flex}.progress-step12>.progress-text1{position:relative;right:2px}.info-step11{height:40px;flex:1;background-color:silver;border-radius:10px 0 0 10px/10px 0px 0px 10px;padding:.3rem;display:flex;align-items:flex-start;justify-content:flex-start;border-right:1px solid black;color:#fff;font-weight:500;font-size:10px;gap:5px;box-shadow:0 4px 4px #00000040}.info-step12{height:40px;flex:1;background-color:silver;padding:.3rem;display:flex;align-items:flex-start;justify-content:flex-start;border-radius:0;border-right:1px solid black;color:#fff;font-weight:500;font-size:10px;gap:5px;box-shadow:0 4px 4px #00000040}.info-step13{height:40px;flex:1;background-color:silver;padding:.3rem;display:flex;align-items:flex-start;justify-content:flex-start;border-radius:0 10px 10px 0/0px 10px 10px 0px;color:#fff;font-weight:500;font-size:10px;gap:5 px;box-shadow:0 4px 4px #00000040}.info-step131{height:40px;flex:1;background-color:silver;display:flex;align-items:center;justify-content:center;border-radius:0 10px 10px 0/0px 10px 10px 0px;color:#fff;font-weight:500;font-size:10px;gap:5px;box-shadow:0 4px 4px #00000040}.title1-container{width:100%;height:30px;display:flex;align-items:center;justify-content:flex-start}.order-section1{width:100%;display:flex;flex-direction:column;justify-content:flex-start;gap:10px}.order-window-input{width:100%;padding:16px;background-color:#fff;border:none;border-radius:12px;font-size:16px;box-shadow:0 4px 4px #00000040;text-align:center;color:#000;outline:none}.progress-number1{position:relative;width:16px;height:16px;background-color:#6cda4e;color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:400;font-size:14px;line-height:1;top:1px}.progress-number2,.progress-number3{position:relative;width:16px;height:16px;background-color:var(--color-primary);color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:400;font-size:14px;line-height:1;top:1px}.text11{color:#000;font-size:14px;line-height:1.2}.give-info{width:100%;height:50px;padding:16px;background-color:silver;border:none;border-radius:12px;font-size:16px;box-shadow:0 4px 4px #00000040;text-align:center;color:#fff;outline:none}.progress-text{position:relative;color:#000;font-weight:500;font-size:12px;white-space:nowrap;top:-2px}@media (max-width: 380px){.progress-text{font-size:11px}}.progress-text1{position:relative;color:#000;font-size:12px;white-space:nowrap;text-align:center;font-weight:550;top:1px}.section-title1{font-weight:700;font-size:16px}.img-agent{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:5px}.order-info{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;background-color:var(--color-gray-100);border-radius:.5rem;padding:.75rem}.info-item{font-size:.875rem;color:var(--color-gray-600)}.payment-select-group{display:flex;gap:.5rem}.payment-select{color:#4b5563;width:50%;flex:1;padding:.5rem;border:1px solid var(--color-gray-200);border-radius:.375rem;background-color:var(--color-white);box-shadow:0 4px 4px #00000040}.payment-details{background-color:var(--color-yellow);border-radius:.75rem;border:rgba(241,165,0,1);height:15rem;width:100%}.action-buttons{width:100%;display:flex;flex-direction:column;align-items:center;gap:5px}.button-button-primary{width:100%;padding:.75rem;border-radius:.375rem;border:none;font-weight:500;cursor:pointer;transition:background-color .2s;background-color:var(--color-primary);color:var(--color-white);box-shadow:0 4px 4px #00000040;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.span-button-primary{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;padding:8px;border-radius:.375rem;border:none;font-weight:500;cursor:pointer;transition:background-color .2s;background-color:#af7b7d;color:var(--color-white);box-shadow:0 4px 4px #00000040;text-align:center;font-size:12px}.button-button-primary:hover{background-color:#b91c1c}.button-secondaryy{width:50%;background-color:#d9d9d9;border:1px solid var(--color-gray-200);box-shadow:0 4px 4px #00000040}.button-secondary{width:50%;color:#bcb7b7;background:#fff;border:1px solid var(--color-gray-200);box-shadow:0 4px 4px #00000040}.button-secondary:hover{background-color:var(--color-gray-100)}.custom-dropdown1{position:relative;background:#fff}.dropdown-label1{width:100%;padding:3px 12px;background-color:#fff;border:none;border-radius:12px;display:flex;justify-content:space-between;align-items:center;color:#999;font-size:14px;box-shadow:0 2px 8px #0000000d;cursor:pointer}.dropdown-icon1{color:#999;width:18px;height:18px}.dropdown-options1{position:absolute;top:100%;left:0;right:0;background-color:#fff;box-shadow:0 2px 8px #0000001a;border-radius:12px;z-index:10}.dropdown-option1{padding:8px 12px;background-color:#fff;font-size:14px;color:#333;cursor:pointer}.dropdown-option1:hover{background-color:#f1f1f1}.debug-info{display:flex;flex-direction:column;gap:8px}.debug-state{font-size:12px;color:#666;background:#f5f5f5;padding:4px;border-radius:4px}.dual-buttons-container{display:flex;flex-direction:column;gap:8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-spin{animation:spin 1s linear infinite}.scroll-indicator{position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to top,rgba(255,255,255,.9) 0%,transparent 100%);pointer-events:none;border-radius:0 0 var(--border-radius) var(--border-radius)}.scroll-down-button{position:absolute;bottom:20px;right:20px;width:60px;height:60px;background-color:var(--color-primary);color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #c4545a4d;transition:all .3s ease;z-index:10}.progress-text22222{position:relative;color:#000;font-weight:500;font-size:12px;white-space:nowrap;top:2px}@media (max-width: 380px){.progress-text22222{font-size:11px;top:0}}.scroll-down-button svg{width:32px;height:32px}.scroll-down-button:hover{background-color:#b91c1c;transform:translateY(-2px);box-shadow:0 6px 16px #c4545a66}.scroll-down-button:active{transform:translateY(0)}:root{--color-primary: #C4545A;--color-background: background: rgba(196, 84, 90, 1);--color-white: #ffffff;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-600: #4b5563;--color-yellow: #fef08a;--border-radius: 1.5rem;--spacing: 1.5rem}.payment-container2{width:100%;height:80vh;background-color:var(--color-background);display:flex;align-items:flex-start;justify-content:flex-start}.payment-card2{background-color:var(--color-white);border-radius:var(--border-radius);padding:15px 20px;width:100%;max-height:80vh;overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-start;gap:15px;-ms-overflow-style:none;scrollbar-width:none}.payment-card2::-webkit-scrollbar{display:none}.payment-header{display:flex;justify-content:space-between;align-items:center}.payment-title{font-size:1.25rem;font-weight:700;margin:0}.payment-timer{display:flex;align-items:center;font-weight:700}.time-part{padding:.5rem 1rem;background-color:#c4545a;color:#fff;font-size:1.25rem;border-radius:8px;display:inline-block;font-weight:700}.time-separator{margin:0 .5rem}.red-square{width:2rem;height:2rem;text-align:center;display:flex;justify-content:center;align-items:center;font-size:1rem;font-weight:700;border-radius:4px}.progress-steps{display:flex;gap:0}.order-section>.progress-steps>.progress-step11>.progress-text2{white-space:wrap;left:4px}.progress-text2{position:relative;color:#000;font-weight:500;font-size:12px;white-space:nowrap;top:2px}.progress-text22{position:relative;color:#000;font-weight:550;font-size:12px;white-space:nowrap;top:2px}.progress-step11{height:40px;flex:1;background-color:silver;border-radius:10px 0 0 10px/10px 0px 0px 10px;display:flex;align-items:center;justify-content:center;border-right:1px solid black;color:#fff;font-weight:500;font-size:10px;gap:5px;box-shadow:0 4px 4px #00000040}.progress-step12{height:40px;flex:1;background-color:silver;display:flex;align-items:center;justify-content:center;border-radius:0;border-right:1px solid black;color:#fff;font-weight:500;font-size:10px;gap:5px;box-shadow:0 4px 4px #00000040}.progress-step13{height:40px;flex:1;background-color:silver;display:flex;align-items:center;justify-content:center;border-radius:0 10px 10px 0/0px 10px 10px 0px;color:#fff;font-weight:500;font-size:10px;gap:5px;box-shadow:0 4px 4px #00000040}.progress-number21,.progress-number22{position:relative;width:16px;height:16px;background-color:#6cda4e;color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:400;font-size:12px;line-height:1;top:1px}.progress-number23{position:relative;width:16px;height:16px;background-color:var(--color-primary);color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:400;font-size:12px;line-height:1;top:1px}.progress-number31,.progress-number32,.progress-number33{position:relative;width:16px;height:16px;background-color:#6cda4e;color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:400;font-size:12px;line-height:1;top:1px}.progress-number41,.progress-number42,.progress-number43{position:relative;width:16px;height:16px;background-color:var(--color-primary);color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:400;font-size:12px;line-height:1;top:1px}.progress-step1,.progress-step2,.progress-step3{height:40px;flex:1;background-color:var(--color-gray-200);padding:.4rem;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:500;font-size:10px;gap:5px;box-shadow:0 4px 4px #00000040}.gurantee-steps{display:flex;gap:0}.gurantee-step1,.gurantee-step2,.gurantee-step3{height:40px;flex:1;background-color:var(--color-gray-200);padding:.4rem;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:300;font-size:10px;gap:5px;box-shadow:0 4px 4px #00000040}.section-title{font-weight:700;margin:0 0 .75rem}.payment-select-group2{width:100%;display:flex;gap:5px;justify-content:flex-start}.open-chat-button-container{position:absolute;bottom:13%;right:0%;display:flex;justify-content:flex-end}.open-chat-button{background-color:#fff;color:#c4545a;font-size:18px;font-weight:700;border:2px solid #A59393;border-radius:10px 0 0 10px/10px 0px 0px 10px;padding:10px 20px;cursor:pointer;transition:background-color .3s,color .3s;text-decoration:none}.open-chat-button:focus{outline:none}.open-chat-button:hover{border:2px solid #A59393}.button{flex:1;padding:.75rem;border-radius:.375rem;border:none;font-weight:500;cursor:pointer;transition:background-color .2s}.button-button-primary{width:100%;background-color:var(--color-primary);color:var(--color-white);outline:none;text-align:center}.button-secondaryy2{width:100%;max-width:150px;background:#fff;color:#bcb7b7;border:1px solid var(--color-gray-200);box-shadow:0 4px 4px #00000040;font-weight:600;font-size:12px;text-align:center}.custom-dropdown2{position:relative;background:#fff;text-align:center}.dropdown-label2{width:200px;height:40px;padding:3px 12px;background-color:#fff;border:none;border-radius:12px;display:flex;justify-content:space-between;align-items:center;color:#d9d9d9;font-size:12px;box-shadow:0 4px 4px #00000040;cursor:pointer}.dropdown-icon2{color:#d9d9d9;width:18px;height:18px}.dropdown-options2{position:absolute;top:100%;left:0;right:0;background-color:#fff;box-shadow:0 2px 8px #0000001a;border-radius:12px;z-index:10}.dropdown-option2{padding:8px 12px;background-color:#fff;font-size:14px;color:#333;cursor:pointer}.dropdown-option2:hover{background-color:#f1f1f1}.payment-method p{color:#000}.copy-notification{width:330px;position:fixed;bottom:100px;left:50%;transform:translate(-50%);background-color:#c4545a;color:#fff;font-size:14px;padding:10px 20px;border-radius:10px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 12px #00000026;z-index:1000;animation:slideUp .3s ease-out forwards}@keyframes slideUp{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}.card{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;overflow:hidden;margin:0 auto;max-width:800px;box-shadow:0 4px 4px #00000040}.row{display:flex}.border-top{border-top:1px solid #e0e0e0}.left-section{padding:12px;border-right:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center;width:30%}.amount{font-size:11px;font-weight:700;white-space:nowrap}.network{color:#dc2626;font-size:11px;font-weight:500;text-align:center;white-space:nowrap}.right-section{padding:5px;display:flex;align-items:center;width:70%}.address-section{display:flex;align-items:center;gap:12px;white-space:nowrap;overflow:hidden}.address{font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.copy-button{background:none;border:none;cursor:pointer;font-size:20px;padding:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.copy-button:hover{opacity:.8}.description{font-size:12px;white-space:nowrap}.timeline{display:flex;flex-direction:column;position:relative;gap:10px}.timeline-item{display:flex;align-items:center;position:relative}.step-number{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;z-index:2}.completed{background-color:#6cda4e}.pending{background-color:#c4545a}.step-text{font-size:10px;font-weight:700;margin-left:5px;color:#000}.timeline-line{position:absolute;left:11px;top:23px;width:2px;height:20px;background-color:#c4545a}.menuOrderWindow-container{display:flex;flex-direction:column;height:100vh;background:#fff;box-sizing:border-box;overflow-y:hidden;overflow-x:hidden}.contentOrderWindow{flex:1;overflow-y:auto;padding:15px;color:#000}.loading-spinner{width:50px;height:50px;border:5px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.SessionInformation-container{width:100%;display:flex;flex-direction:column;align-items:center;height:100vh;box-sizing:border-box}.session-list-container{width:100%;max-width:400px;display:flex;flex-direction:column;gap:10px}.session-card{width:100%;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:10px;padding:12px 15px;font-size:16px;font-weight:500;text-align:center;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 2px 5px #0000001a;gap:10px;display:flex;align-items:center;justify-content:space-between;flex-direction:row}.logout-icon{cursor:pointer;color:#fff;transition:color .2s ease-in-out}.logout-icon:hover{color:#c9302c}.logout-button{background:none;margin-bottom:20px}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:20px;border-radius:8px;text-align:center;color:#000}.modal-content h3{margin-top:0;color:#000}.modal-content p{color:#000;margin-bottom:20px}.modal-buttons{display:flex;align-items:center;justify-content:center;gap:10px}.modal-close{background:#c4545a;border:none;color:#fff;padding:10px;cursor:pointer;border-radius:4px;min-width:80px}.modal-close:hover{background:#c45050cc}.button-button-primary-list{width:100%;padding:.75rem;border-radius:.375rem;border:none;font-weight:500;cursor:pointer;transition:background-color .2s;background-color:red;color:var(--color-white);box-shadow:0 4px 4px #00000040;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.menuDetails-container{width:100%;display:flex;flex-direction:column;align-items:center;height:100vh;background:#fff;box-sizing:border-box}.menuDetailsInformation{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-grow:1;padding:17px;color:#000;height:90vh;gap:20px}.settings-card{width:100%;background:#fff;border-radius:10px;padding:1rem;cursor:pointer;box-shadow:0 4px 4px #00000040;border:none;outline:none}.settings-card:focus,.settings-card:active{outline:none;box-shadow:none}.settings-text{color:#050406;font-size:14px;font-weight:800;letter-spacing:.1em;text-align:center;text-underline-position:from-font;text-decoration-skip-ink:none}.requisites-list{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}.requisite-item{width:100%;background:#fff;border-radius:10px;padding:10px;cursor:pointer;box-shadow:0 4px 4px #00000040;border:none;outline:none}.SessionInformation-container{width:100%;display:flex;flex-direction:column;align-items:center;height:100vh;box-sizing:border-box;font-family:Space Grotesk,sans-serif;line-height:1.6;font-weight:400}.contentSessionInformation{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-grow:1;padding:20px;color:#000;height:80vh}.contentSessionInformation h1{color:#fff;font-size:20px;margin-bottom:30px}.session-list-container{width:100%;max-width:400px;display:flex;flex-direction:column;gap:20px}.toggle-container{display:flex;align-items:center;justify-content:space-between;background-color:#fff;border-radius:10px;overflow:hidden}.toggle-option{width:50%;text-align:center;padding:12px 0;position:relative;color:#000;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center}.toggle-option:not(:last-child):after{content:"";position:absolute;right:0;width:1px;height:100%;background-color:#ccc}.toggle-option .circle{width:14px;height:14px;border-radius:50%;background-color:gray;margin-right:8px}.toggle-option.active .circle{background-color:green}.channels-container{display:flex;flex-direction:column;gap:10px}.channel-option{display:flex;align-items:center;background-color:#fff;border-radius:10px;padding:10px 20px;color:#000;cursor:pointer;font-weight:500}.channel-option .circle{width:14px;height:14px;border-radius:50%;background-color:gray;margin-right:10px}.channel-option.active .circle{background-color:green}.navigationNew{width:100%;height:73px;background-color:#c4545a;display:flex;justify-content:space-around;align-items:center;padding:10px 0;border-radius:30px 30px 0 0;position:relative;max-width:384px}.icon-black{color:#000}.icon-white{color:#fff}.nav-button{background:none;border:none;cursor:pointer;padding:8px;position:relative;transition:transform .2s ease}.nav-button.active{transform:translateY(-8px)}.nav-button.active:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:6px;height:6px;border-radius:50%;background-color:#fff}.nav-button.active.white-bg:after{background-color:#c4545a}.icon-wrapper{position:relative;display:inline-block}.badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;border-radius:50%;font-size:12px;line-height:18px;text-align:center;color:#000}.badge-green{background-color:#9bdb84}.badge-default{background-color:#d9d9d9}.page-transition-enter{opacity:0;transform:translate(30px)}.page-transition-exit{opacity:1;transform:translate(0)}.page-transition-exit-active{opacity:0;transform:translate(-30px);transition:opacity .3s,transform .3s}.nav-button.active .icon-black,.nav-button.active .icon-white{transform:scale(1.2);transition:transform .3s ease}.page-container{position:relative;min-height:calc(100vh - 73px);width:100%;overflow:hidden}.vk-back-button{position:fixed;top:20px;left:20px;z-index:1000;background:transparent;border:none;cursor:pointer;padding:0}.vk-back-button-circle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:#c4545acc;box-shadow:0 2px 5px #0003;color:#fff}.vk-back-button-circle:hover{background-color:#c4545a}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden;background-color:#000}body{display:flex;justify-content:center;align-items:center}*{box-sizing:border-box;font-family:Space Grotesk,sans-serif;line-height:1.6;font-weight:500}.app-wrapper{position:relative;width:100%;max-width:384px;min-height:100vh;margin:0 auto;background-color:red;overflow:hidden}.page-container{position:relative;width:100%;min-height:calc(100vh - 73px);background-color:green;z-index:1}.page-transition-enter{opacity:1;transform:translate(0)}.page-transition-enter-active{opacity:1;transform:translate(0);transition:opacity .3s,transform .3s}.page-transition-exit-active{opacity:0;transform:translate(-30px);transition:opacity .2s,transform .2s}.fixed-navigation{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:384px;z-index:10}.vk-back-button{position:fixed;top:20px;left:20px;width:auto;z-index:1000;max-width:384px;margin:0 auto}