संचार

<शैली> /* वोक फॉर्म - संपर्क फॉर्म (न्यूनतम और संकीर्ण स्थानों के लिए) */ .voc-फ़ॉर्म-फ़ील्ड-कंटेनर { प्रदर्शन:फ्लेक्स; फ्लेक्स-दिशा: स्तंभ; गैप: 0.8rem; /*रिक्त स्थान बहुत कम कर दिए गए हैं*/ पृष्ठभूमि: पारदर्शी; /* पृष्ठभूमि और मोटी पैडिंग हटा दी गई */ सीमा: कोई नहीं; पैडिंग: 0; चौड़ाई: 100%; } .वोक-फॉर्म-ग्रुप { प्रदर्शन:फ्लेक्स; फ्लेक्स-दिशा: स्तंभ; गैप: 0.3rem; /* टैग और इनपुट के बीच का स्थान सीमित कर दिया गया है */ चौड़ाई: 100%; मार्जिन-बॉटम: 0 !महत्वपूर्ण; } .वोक-लेबल { रंग: आरजीबीए(255, 255, 255, 0.8) !महत्वपूर्ण; फ़ॉन्ट-भार: 600; फ़ॉन्ट-आकार: 13px !महत्वपूर्ण; /*अधिक न्यूनतम फ़ॉन्ट आकार*/ फ़ॉन्ट-फ़ैमिली: 'इंटर', सैन्स-सेरिफ़; प्रदर्शन:फ्लेक्स; संरेखित-आइटम: केंद्र; गैप: 0.2rem; } .voc-आवश्यक-चिह्न { रंग: var(-ब्रांड-लाल, #f7374f) !महत्वपूर्ण; } .वोक-इनपुट { चौड़ाई: 100%; पृष्ठभूमि: आरजीबीए(0, 0, 0, 0.2) !महत्वपूर्ण; सीमा: 1px ठोस आरजीबीए(255, 255, 255, 0.1) !महत्वपूर्ण; रंग: #fff !महत्वपूर्ण; पैडिंग: 0.7रेम 1रेम !महत्वपूर्ण; /*पतला*/ सीमा-त्रिज्या: 8px !महत्वपूर्ण; /*अधिक न्यूनतम अंडाकार कोने*/ फ़ॉन्ट-आकार: 14px !महत्वपूर्ण; फ़ॉन्ट-फ़ैमिली: 'इंटर', सैन्स-सेरिफ़; रूपरेखा: कोई नहीं; संक्रमण: सभी 0.3 सहजता; पृष्ठभूमि-फ़िल्टर: धुंधला(5px); } .voc-इनपुट::प्लेसहोल्डर { रंग: आरजीबीए(255, 255, 255, 0.3) !महत्वपूर्ण; } .वोक-इनपुट:फोकस { बॉर्डर-रंग: var(-ब्रांड-लाल, #f7374f) !महत्वपूर्ण; पृष्ठभूमि: आरजीबीए(0, 0, 0, 0.4) !महत्वपूर्ण; बॉक्स-छाया: 0 0 0 2पीएक्स आरजीबीए(247, 55, 79, 0.1); } /* (पॉप-अप मेनू) कस्टम सेटिंग्स चुनें */ .voc-select { दिखावट: कोई नहीं; पृष्ठभूमि-छवि: url ("डेटा: छवि / svg + xml; charset = US-ASCII,% 3Csvg% 20xmlns% 3D% 22http% 3A% 2F% 2Fwww.w3.org% 2F2000% 2Fsvg% 22% 20 चौड़ाई% 3D% 22292.4% 22%20ऊंचाई%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5% 200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c 0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%2 05.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4- 7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E”) !महत्वपूर्ण; बैकग्राउंड-रिपीट: नो-रिपीट !महत्वपूर्ण; पृष्ठभूमि-स्थिति: दाएँ 1रेम शीर्ष 50% !महत्वपूर्ण; पृष्ठभूमि-आकार: 0.6rem स्वचालित !महत्वपूर्ण; } .voc-select विकल्प { पृष्ठभूमि: #0f172a; रंग: #fff; } /* टेक्स्टएरिया सेटिंग्स */ .voc-textarea { आकार बदलें: लंबवत; न्यूनतम-ऊंचाई: 80px !महत्वपूर्ण; /* ऊंचाई काफी कम हो गई */ } /* केवीकेके चेकबॉक्स डिजाइन */ .voc-चेकबॉक्स-रैपर { मार्जिन-टॉप: 0.2rem; } .voc-चेकबॉक्स-लेबल { प्रदर्शन:फ्लेक्स; संरेखित-आइटम: फ्लेक्स-स्टार्ट; गैप: 0.6rem; कर्सर: सूचक; रंग: आरजीबीए(255, 255, 255, 0.7); लाइन-ऊंचाई: 1.4; फ़ॉन्ट-आकार: 12px !महत्वपूर्ण; /* KVKK पाठ कम कर दिया गया है */ } .voc-चेकबॉक्स-इनपुट { दिखावट: कोई नहीं; न्यूनतम-चौड़ाई: 16px; ऊंचाई: 16px; सीमा: 1px ठोस आरजीबीए(255, 255, 255, 0.2) !महत्वपूर्ण; सीमा-त्रिज्या: 4px !महत्वपूर्ण; पृष्ठभूमि: आरजीबीए(0, 0, 0, 0.2) !महत्वपूर्ण; कर्सर: सूचक; स्थिति: सापेक्ष; संक्रमण: सभी 0.2 सहजता; मार्जिन-टॉप: 1px; } .voc-चेकबॉक्स-इनपुट:चेक किया गया { पृष्ठभूमि: var(-ब्रांड-लाल, #f7374f) !महत्वपूर्ण; बॉर्डर-रंग: var(-ब्रांड-लाल, #f7374f) !महत्वपूर्ण; } .voc-चेकबॉक्स-इनपुट:चेक किया गया::बाद में { सामग्री: ''; स्थिति: निरपेक्ष; बाएँ: 4px; गेंद: 2px; चौड़ाई: 4px; ऊँचाई: 8px; बॉर्डर: सॉलिडव्हाइट; बॉर्डर-चौड़ाई: 0 2px 2px 0; परिवर्तन: घुमाएँ(45डिग्री); } .voc-चेकबॉक्स-सामग्री ए { रंग: var(-ब्रांड-लाल, #f7374f) !महत्वपूर्ण; पाठ-सजावट: रेखांकित करें; फ़ॉन्ट-आकार: 12px !महत्वपूर्ण; } /*भेजें बटन (न्यूनतम)*/ .voc-submit-btn { मार्जिन-टॉप: 0.5rem; पृष्ठभूमि: var(-ब्रांड-लाल, #f7374f) !महत्वपूर्ण; रंग: #fff !महत्वपूर्ण; सीमा: कोई नहीं !महत्वपूर्ण; पैडिंग: 0.8रेम 1.5रेम !महत्वपूर्ण; /*पतला*/ सीमा-त्रिज्या: 8px !महत्वपूर्ण; /*संगत किनारे*/ फ़ॉन्ट-भार: 600; फ़ॉन्ट-आकार: 14px !महत्वपूर्ण; फ़ॉन्ट-फ़ैमिली: 'इंटर', सैन्स-सेरिफ़; कर्सर: सूचक; प्रदर्शन:फ्लेक्स; संरेखित-आइटम: केंद्र; औचित्य-सामग्री: केंद्र; गैप: 0.5rem; संक्रमण: सभी 0.3 सहजता; चौड़ाई: 100%; } .voc-submit-btn:hover { पृष्ठभूमि: #e02040 !महत्वपूर्ण; परिवर्तन: TranslateY(-1px); } /* स्पिनर लोड हो रहा है*/ .वोक-स्पिनर { प्रदर्शन: इनलाइन-ब्लॉक; चौड़ाई: 14px; ऊंचाई: 14px; बॉर्डर: 2px सॉलिड आरजीबीए(255,255,255,0.3); सीमा-त्रिज्या: 50%; बॉर्डर-टॉप-रंग: #fff; एनीमेशन: vocSpin 1s आसानी से अंदर-बाहर अनंत; } @कीफ़्रेम्स वोकस्पिन { से {परिवर्तन: घुमाएँ(360डिग्री); } }