@tailwind base;@tailwind components;@tailwind utilities;body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:var(--tg-theme-bg-color);color:var(--tg-theme-text-color);margin:0;padding:0}.App{text-align:center}:root{--px: 1.5rem}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.flex{display:flex}.row{flex-direction:row}.column{flex-direction:column}.horizontal-padding{padding-left:var(--px);padding-right:var(--px)}.vertical-padding{padding-top:var(--px);padding-bottom:var(--px)}.justify-between{justify-content:space-between}.justify-center{justify-content:center}h2{margin:0}.flex-wrap{flex-wrap:wrap}.align-stretch{align-items:stretch}.w-100{width:100%}.w-50{width:50%}.py-08{padding-top:.8rem;padding-bottom:.8rem}.py-04{padding-top:.4rem;padding-bottom:.4rem}.px-08{padding-left:.8rem!important;padding-right:.8rem!important}.px-04{padding-left:.4rem;padding-right:.4rem}.text-blue{color:var(--tg-theme-link-color)}.subtitle{color:var(--tg-theme-subtitle-text-color)}.pointer{cursor:pointer}.align-self-center{align-self:center}.align-items-center{align-items:center}h1,h2,h3,h4,h5{margin:0}.gap-1{gap:calc(var(--px) / 2)}.gap-05{gap:calc(var(--px) / 4)}.mt-05{margin-top:calc(var(--px) / 2)}.mt-auto{margin-top:auto}.fw-500{font-weight:500}.h-100{height:100%}.h-full{max-height:100vh}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.left-0{left:0}.bottom-0{bottom:0}.input-text{background-color:var(--tg-theme-secondary-bg-color);outline:none;color:var(--tg-theme-text-color);border:solid 3px var(--tg-theme-section-separator-color);border-radius:8px;padding:8px 10px}.input-invalid{border-color:#cd5c5c}.text-invalid{color:#cd5c5c}.input-valid{border-color:#267926}.text-valid{color:#267926}.text-wrap{text-wrap:wrap}mark{background-color:#d3d3d3}.gap-2{gap:var(--px)}input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;font:inherit;color:currentColor;width:1.15em;height:1.15em;border:.1em solid #3d89f6;border-radius:50%;transform:translateY(-.075em);display:grid;place-content:center}input[type=radio]:before{content:"";width:.65em;height:.65em;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1em 1em #3d89f6}input[type=radio]:checked:before{transform:scale(1)}.rounded-1{border-radius:10px!important}.word-pre{white-space:pre-line}:root{--primary-color: #e0c521}.btn{text-align:center;vertical-align:center;align-items:center;border:0;outline:none;padding:.6rem;display:flex;justify-content:space-between;background-color:var(--tg-theme-secondary-bg-color);border-radius:10px;transition:all .12s;cursor:pointer}.btn.add{background-color:var(--primary-color)}.btn.remove{background-color:tomato}.btn.checkout{background-color:#267926;color:#fff;text-align:center;font-size:17px}.btn:active{transform:scale(.98)}.btn.add:hover{background-color:#cab320}.btn.add:active{background-color:#ad9a1c}.btn.remove:hover{background-color:#d1533d}.btn.remove:active{background-color:#b94936}.btn.checkout:hover{background-color:#298d29}.btn.checkout:active{background-color:#1e5d29}.btn.info{background-color:#00a0fe;color:#fff}.btn.info:hover{background-color:#0089dce3}.btn.info:active{background-color:#0089dc}.btn.secondary{font-weight:500;background-color:#d3d3d3}.btn.secondary.hover,.btn.secondary:active{background-color:gray}.search__bar{outline:none;border:none;color:var(--tg-theme-text-color);background-color:var(--tg-theme-secondary-bg-color);width:100%;padding:calc(var(--px) / 3);font-size:16px}.search__container{width:100%;background-color:var(--tg-theme-secondary-bg-color);display:flex;border-radius:var(--px);padding-right:var(--px);padding-left:calc((var(--px) / 2) + 5px);max-width:850px;margin:0 auto}.card__1x1{width:calc(50% - (var(--px) * 2));height:100%;cursor:pointer;border-radius:15px;transition:all .2s;display:flex;flex-direction:column}.card__1x1:hover{background-color:var(--tg-theme-secondary-bg-color)}.card__1x1__image{width:calc(50vw - (2 * var(--px)));height:calc(50vw - (2 * var(--px)));object-fit:cover;aspect-ratio:1 / 1;border-radius:1.5rem}.card__1x1__title{display:flex;justify-content:space-between;width:100%}.text__center{display:flex;justify-content:center;text-align:center}.mix-blend-difference{mix-blend-mode:color;transform:none;transform-origin:50% 50% 0}.z-10{z-index:10}.inset-0{top:0;right:0;bottom:0;left:0}.transition{transition-property:color,font-weight,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-tab{width:50%;padding:.5rem 1rem;font-size:14px;z-index:1;cursor:pointer;outline:none;border:none;-webkit-appearance:button;background-color:transparent;background-image:none;text-transform:none;color:var(--tg-theme-text-color);font-weight:bolder}.bg-gray{background-color:var(--tg-theme-secondary-bg-color)}.active-tab{color:var(--tg-theme-text-color)!important}.bg-lightgray{background-color:#8287a27a}.rounded{border-radius:10px}.text-white{color:red!important}.icon{height:1.5rem;align-self:center}.icon-md{height:1.3rem;align-self:center}.icon-container{width:2rem}.ms-auto{margin-left:auto}.avatar{width:30vw;border-radius:50%;aspect-ratio:1}.profile-header{display:flex;padding:1rem 1.5rem}.profile-user-info{display:flex;padding:1rem 1.5rem;align-items:center}.profile-avatar-container{display:flex;flex-direction:column;align-items:center;position:relative}.profile-avatar{width:5rem;height:5rem;border-radius:50%;object-fit:cover;overflow:hidden}.profile-user-details{display:flex;flex-direction:column;justify-content:center;padding:0 1.5rem}.profile-username{color:#6b7280}.profile-balance{display:flex;padding:0 1.5rem;justify-content:space-between}.profile-deposit-link{color:#3b82f6;cursor:pointer}.profile-buttons{display:flex;flex-direction:column;padding:1rem 1.5rem;gap:.25rem}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh}.avatar{width:25vw;border-radius:50%;aspect-ratio:1}.transaction-detail{background-color:var(--tg-theme-bg-color);color:var(--tg-theme-text-color);padding:20px;border-radius:10px}h2,.detail-item{margin-bottom:20px}.label{color:#888;margin-bottom:5px}.post-feedback-container{display:flex;flex-direction:column;height:100vh;padding:1rem;background-color:var(--tg-theme-bg-color);color:var(--tg-theme-text-color);overflow-y:auto;padding-bottom:60px}.loading-container{height:100vh;display:flex;justify-content:center;align-items:center;background-color:var(--tg-theme-bg-color);color:var(--tg-theme-text-color)}.feedback-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.product-info{display:flex;align-items:center;margin-bottom:1rem;padding:.5rem;border-radius:.5rem;background-color:var(--tg-theme-secondary-bg-color)}.product-image{width:4rem;height:4rem;margin-right:1rem;border-radius:.25rem;object-fit:cover}.product-details{flex:1}.product-name{font-weight:600;font-size:1rem;margin-bottom:.25rem}.product-price{font-size:.875rem;font-weight:500;color:var(--tg-theme-button-color)}.error-message{color:#ef4444;margin-bottom:.5rem;font-size:.875rem}.feedback-form{flex-grow:1;display:flex;flex-direction:column}.rating-container{margin-bottom:.5rem}.rating-label{margin-bottom:.25rem;color:var(--tg-theme-hint-color);font-size:.875rem}.star-rating{display:flex}.star-button{font-size:1.5rem;font-weight:700;color:var(--tg-theme-hint-color);background:none;border:none;padding:0;margin-right:.25rem;cursor:pointer}.star-button.active{color:#fbbf24}.review-container{flex-grow:1;display:flex;flex-direction:column}.review-label{display:block;margin-bottom:.25rem;color:var(--tg-theme-hint-color);font-size:.875rem}.review-textarea{width:100%;height:150px;resize:none;padding:10px;font-size:16px;border:1px solid var(--tg-theme-hint-color);border-radius:8px;background-color:var(--tg-theme-bg-color);color:var(--tg-theme-text-color);box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-grow:1;min-height:100px}.review-textarea.error{border-color:#ef4444}.character-count{font-size:.75rem;color:var(--tg-theme-hint-color);margin-top:.25rem}.confirmation-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--tg-theme-bg-color);padding:20px;border-radius:10px;box-shadow:0 2px 10px #0000001a;z-index:1000}.confirmation-buttons{display:flex;justify-content:space-around;margin-top:20px}.confirmation-buttons button{padding:10px 20px;border:none;border-radius:5px;cursor:pointer}.confirmation-buttons button:first-child{background-color:#4caf50;color:#fff}.confirmation-buttons button:last-child{background-color:#f44336;color:#fff}.photo-upload{display:flex;justify-content:center;margin-top:1rem}.photo-upload-button{background-color:#3d89f6;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:1rem;text-align:center}.photo-upload-button:hover{background-color:#2c6ac2}.photo-preview{display:flex;flex-wrap:wrap;gap:10px;margin-top:1rem}.photo-item{display:flex;flex-direction:column;align-items:center}.photo-item button{margin-top:5px;background-color:#ef4444;color:#fff;border:none;border-radius:3px;padding:3px 6px;font-size:.8rem;cursor:pointer}.input-text{background-color:var(--tg-theme-secondary-bg-color);outline:none;color:var(--tg-theme-text-color);border:solid 3px var(--tg-theme-section-separator-color);border-radius:8px;padding:8px 10px;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.input-text::-webkit-inner-spin-button,.input-text::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.error-message{background-color:#ffffff1a;border-radius:8px;padding:10px;margin-bottom:15px}.error-message h2{color:#ff6b6b;margin-bottom:5px}.error-message p{color:var(--tg-theme-text-color);margin:5px 0}.order-created-container{display:flex;flex-direction:column;min-height:100vh;padding:1rem;background-color:var(--tg-theme-bg-color);color:var(--tg-theme-text-color)}.order-created-title{font-size:1.25rem;font-weight:700;margin-bottom:auto}.order-created-content{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.order-created-icon-container{margin-bottom:2rem}.order-created-icon{width:4rem;height:4rem;color:#10b981}.order-created-message{text-align:center;margin-bottom:2rem}.order-created-button{background-color:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color);padding:.5rem 1rem;border-radius:.25rem;border:none;cursor:pointer}.order-created-button:hover{opacity:.9}.header{display:flex;padding-left:calc(var(--px) / 2);padding-right:calc(var(--px) / 2);margin-top:var(--px);gap:5px}.search__bar{outline:none;border:none;color:var(--tg-theme-text-color);background-color:var(--tg-theme-secondary-bg-color);width:100%;padding:calc(var(--px) / 3)}.search__icon{width:1rem;height:1rem;align-self:center}.search__container{width:100%;background-color:var(--tg-theme-secondary-bg-color);display:flex;border-radius:var(--px);padding-right:var(--px);padding-left:calc((var(--px) / 2) + 5px)}.text-blue:before{border-bottom:none!important}.search-page .header{width:100%;padding:1rem .5rem;box-sizing:border-box}.search-page .search__container{width:100%;max-width:800px;margin:0 auto}.card{display:flex;flex-direction:column;padding-top:.8rem;padding-bottom:.8rem;border-radius:15px;transition:all .2s}.card:hover{background-color:var(--tg-theme-secondary-bg-color)}.image_container{width:100%;overflow:hidden}.card__image{width:100%;height:100%;object-fit:cover;border-radius:10px}.card__title{display:flex;justify-content:space-between;width:100%}h4{margin:0}.base-Menu-listbox{background:var(--tg-theme-bg-color)!important;color:var(--tg-theme-text-color)!important;border:1px solid var(--tg-theme-section-separator-color)!important}.telegram-stars-container{padding:16px;max-width:100%;margin:0 auto;background:var(--tg-theme-bg-color, #17212b);min-height:100vh;box-sizing:border-box;color:var(--tg-theme-text-color, #fff)}.header{margin-bottom:24px}.header h1{display:flex;align-items:center;gap:8px;font-size:20px;margin:0;color:var(--tg-theme-text-color, #fff)}.header p{color:var(--tg-theme-hint-color, #8e8e92);margin:4px 0 0;font-size:12px}.current-rate{color:var(--tg-theme-link-color, #2481cc);margin-bottom:24px;font-size:16px}.recipient-section,.amount-section{margin-bottom:24px}.recipient-section h3,.amount-section h3{margin:0 0 12px;font-size:16px;color:var(--tg-theme-text-color, #fff)}.for-me-link{color:var(--tg-theme-link-color, #2481cc);cursor:pointer;margin-bottom:12px;font-size:14px}.username-input,.amount-input{width:100%;padding:12px;border:none;border-radius:8px;font-size:16px;background:var(--tg-theme-secondary-bg-color, #232f3d);color:var(--tg-theme-text-color, #fff);box-sizing:border-box}.username-input::placeholder,.amount-input::placeholder{color:var(--tg-theme-hint-color, #8e8e92)}.error-message{color:#ff4d4f;margin-top:8px;font-size:14px}.disclaimer{margin:24px 0;display:flex;align-items:flex-start;gap:12px}.disclaimer input[type=checkbox]{margin-top:3px}.disclaimer label{font-size:14px;color:var(--tg-theme-hint-color, #8e8e92);line-height:1.4}.popup-buttons{display:flex;flex-direction:column;gap:8px;margin-top:16px}.telegram-button.secondary{background-color:var(--tg-theme-secondary-bg-color, #232f3d);color:var(--tg-theme-link-color, #2481cc)}.telegram-button.secondary:hover{background-color:var(--tg-theme-secondary-bg-color, #232f3d);opacity:.8}.telegram-popup{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;cursor:pointer}.telegram-popup-content{cursor:default;background-color:var(--tg-theme-bg-color, #17212b);border-radius:12px;padding:20px;width:90%;max-width:360px;color:var(--tg-theme-text-color, #fff);margin:16px}.telegram-popup-content h2{font-size:18px;margin:0 0 16px;text-align:center}.stars-amount{color:var(--tg-theme-hint-color, #8e8e92);text-align:center;margin-bottom:20px;font-size:14px}.recipient-message{margin-bottom:20px;text-align:center}.recipient-message>p{color:var(--tg-theme-hint-color, #8e8e92);margin:0 0 12px;font-size:14px;text-align:center}.gift-message{background-color:var(--tg-theme-secondary-bg-color, #232f3d);border-radius:12px;padding:16px;text-align:center}.gift-message .sender{color:var(--tg-theme-text-color, #fff);font-weight:500;margin:0 0 4px;text-align:center}.gift-box{background-color:var(--tg-theme-secondary-bg-color, #232f3d);border-radius:8px;text-align:center}.gift-box img{width:64px;height:64px;margin-bottom:8px}.gift-box p{margin:4px 0;color:var(--tg-theme-text-color, #fff)}.gift-description{color:var(--tg-theme-hint-color, #8e8e92);font-size:14px}.telegram-button{width:100%;background-color:var(--tg-theme-button-color, #2481cc);color:var(--tg-theme-button-text-color, #fff);border:none;border-radius:8px;padding:12px;font-size:16px;cursor:pointer;margin-top:16px}.telegram-button:hover{opacity:.9}@media screen and (max-width: 480px){.telegram-stars-container{padding:12px}.telegram-popup-content{width:calc(100% - 32px);padding:16px}}