:root { --main-white: #FFFFFF !important; --main-white-2: rgba(255, 255, 255, 0.32) !important; --main-white-3: rgba(255, 255, 255, 0.48) !important; --main-white-4: rgba(255, 255, 255, 0.57) !important; --main-white-5: rgba(255, 255, 255, 0.16) !important; --main-white-6: rgba(255, 255, 255, 0.24) !important; --main-white-7: rgba(255, 255, 255, 0.64) !important; --main-white-8: rgba(255, 255, 255, 0.45) !important; --main-black: rgba(0, 0, 0, 0.4) !important; --main-black-2: rgba(18, 20, 27, 0.8) !important; --main-blue-hover: #1F77B1 !important; --main-blue-hover-2: rgba(31, 119, 177, 0.3) !important; --main-red: rgb(228, 39, 39) !important; --main-green: #65BC6A !important; --main-bg: rgba(255, 255, 255, 0.02) !important; --main-gradient: radial-gradient(40.93% 40.93% at 50% 97.5%, rgba(33, 105, 134, 0.066) 4.88%, rgba(255, 255, 255, 0) 100%), radial-gradient(46.28% 146.26% at 96.28% 60.79%, rgba(33, 105, 134, 0.2) 0%, rgba(0, 0, 0, 0) 100%), radial-gradient(76.46% 241.65% at 5.23% 8.7%, rgba(33, 105, 134, 0.2) 0%, rgba(0, 0, 0, 0) 100%), #12141B !important; } .header { display: flex !important; flex-direction: unset !important; align-items: center !important; } .srvLogo { width: 2.3422vw !important; height: 2.3422vw !important; filter: drop-shadow(0 0.365vw 1.406vw rgba(255, 82, 30, 0.55)) !important; } .srvTitle { font-size: 2.0833vw !important; font-family: 'BBlack' !important; letter-spacing: -0.07em !important; flex-shrink: 0 !important; margin-left: 0.3646vw !important; text-shadow: 0 0 1.76vw rgba(255, 255, 255, 0.25) !important; } .srvSubTitle { background: linear-gradient(180deg, #ff521e 0%, #8b3218 100%) !important; background-clip: text !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; text-shadow: 0 0 1.823vw rgba(255, 82, 30, 0.83) !important; letter-spacing: -0.03em !important; -webkit-text-stroke: 0.052vw !important; font-size: 2.2917vw !important; -webkit-text-stroke: 0.0521vw #FF521E !important; font-family: 'Dafoe' !important; width: 7.95vw !important; margin-left: -0.3125vw !important; margin-top: -0.3vw !important; text-transform: none !important; } .header { position: relative !important; height: 4.844vw !important; align-items: flex-start !important; justify-content: flex-start !important; width: 100% !important; margin-top: 0 !important; } .container { padding: 1.6667vw !important; border-radius: 0.8333vw !important; } .info_box { position: absolute !important; left: 0 !important; bottom: 0vw !important; display: flex !important; align-items: center !important; gap: 0.4688vw !important; } .info_icon { width: 0.7292vw !important; height: 0.7292vw !important; } .descr_ui { font-size: 0.7813vw !important; font-family: 'BRegular' !important; letter-spacing: -0.03em !important; color: rgba(255, 255, 255, 0.75) !important; max-width: 18.625vw !important; } .header-txt { display: none !important; } .btns-row { width: 100% !important; display: flex !important; background: none !important; } .btn { height: 1.7708vw !important; width: 100% !important; background: rgba(255, 255, 255, 0.05) !important; border-radius: 0.052vw !important; border: 0.0521vw solid rgba(255, 255, 255, 0) !important; cursor: pointer !important; } .btn span { color: rgba(255, 255, 255, 0.75) !important; font-size: 0.8854vw !important; font-family: 'EMedium' !important; } .btn:hover { background: rgba(255, 82, 30, 0.1) !important; border: 0.052vw solid rgba(255, 82, 30, 0.45) !important; box-shadow: none !important; } .active { background: rgba(255, 82, 30, 0.1) !important; border: 0.052vw solid rgba(255, 82, 30, 0.45) !important; box-shadow: none !important; } .active span { color: white !important; } .btn img { display: none !important; } .btns-row { gap: 0.625vw !important; } .attention-box { display: none !important; } .erstelen, .row { width: 100% !important; } .message-box, .text-area-box { width: 15.7292vw !important; height: 22.3438vw !important; } .message-box { font-size: 0.8333vw !important; font-family: 'ERegular' !important; padding: 0.625vw !important; border-radius: 0.0521vw !important; background: rgba(255, 255, 255, 0.05) !important; } .text-area-box { position: relative !important; } .textCount { height: 1.5104vw !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 0.156vw !important; padding: 0.104vw 0.313vw !important; background: rgba(255, 82, 30, 0.15) !important; color: #FF521E !important; opacity: 1 !important; font-family: 'EMedium' !important; font-size: 0.9375vw !important; bottom: 0.625vw !important; right: 0.625vw !important; position: absolute !important; } .container { height: 34.7917vw !important; background: none !important; background-image: url('../images/bg.png') !important; background-size: 100% 100% !important; } .public-btn { width: 9.4792vw !important; height: 6.4062vw !important; margin-left: 0 !important; } .public-btns-row { display: flex !important; gap: 0.4167vw !important; flex-direction: column !important; } .dsc { display: none !important; } .price-per-symbol, .price-box { width: 9.4792vw !important; height: 2.0833vw !important; display: flex !important; align-items: center !important; border-radius: 0.104vw !important; background: rgba(231, 255, 51, 0.05) !important; border: none !important; justify-content: space-between !important; padding: 0.417vw 0.573vw !important; } .price-per-symbol span:first-child { font-size: 0.7813vw !important; text-transform: none !important; letter-spacing: -0.03em !important; font-family: 'BRegular' !important; } .symbolPrice, .price-box span { font-size: 0.9375vw !important; font-family: 'EBold' !important; text-shadow: 0 0 1.406vw rgba(231, 255, 51, 0.54) !important; color: #e7ff33 !important; } .price-per-symbol:hover { background: rgba(231, 255, 51, 0.05) !important; border: none !important; } .price-box img { width: 1.25vw !important; height: 1.25vw !important; } .price-box { justify-content: center !important; } .price-box span { margin-left: 0.4167vw !important; } .public-btn { cursor: pointer !important; border-radius: 0.1563vw !important; box-shadow: none !important; background: rgba(255, 255, 255, 0.05) !important; border: 0.052vw solid rgba(255, 255, 255, 0.15) !important; } .public-btn:hover { background: rgba(255, 255, 255, 0.05) !important; border: 0.052vw solid rgba(255, 255, 255, 0.25) !important; } .public-btn img { width: auto !important; height: 1.9875vw !important; } .public-btn span:nth-child(2) { font-size: 0.9375vw !important; font-family: 'EMedium' !important; margin-top: 0.5208vw !important; } .public-btn span:nth-child(3) { bottom: 0.6292vw !important; font-family: 'BRegular' !important; font-size: 0.5813vw !important; text-align: center !important; } .btn-active { background: rgba(255, 82, 30, 0.15) !important; border: 0.052vw solid rgba(255, 82, 30, 0.45) !important; } .confirm-btn { } .confirm-btn { width: 9.4792vw !important; height: 1.7708vw !important; background-image: url('../images/button.png') !important; background-size: 100% 100% !important; cursor: pointer !important; transition: all 0.3s ease !important; font-size: 0.8854vw !important; text-transform: none !important; font-family: 'EMedium' !important; border-radius: 0.1042vw !important; letter-spacing: -0.05em !important; flex-shrink: 0 !important; margin-top: auto !important; box-shadow: 0 0.365vw 1.406vw rgba(255, 82, 30, 0.35) !important; } .confirm-btn:hover { transform: translateY(0.1vw) !important; box-shadow: 0 0.365vw 1.406vw rgba(255, 82, 30, 0.75) !important; } .confirm-btn:active { opacity: 0.75 !important; } .info-box { width: 9.4792vw !important; height: 22.3438vw !important; } .price-per-symbol { margin-top: 0.625vw !important; } .price-box { margin-top: 0.4167vw !important; } .container { width: 29.375vw !important; } .row { width: 100% !important; margin-top: 0.7333vw !important; justify-content: space-between !important; } .info-box { margin-left: 0 !important; } .btns-row { margin-top: 1.5104vw !important; } .empty-list { border: 0.0521vw solid rgba(255, 255, 255, 0.164) !important; } .empty-list img { width: 2vw !important; height: 2vw !important; } .empty-list span { font-size: 0.9375vw !important; font-family: 'EBold' !important; } .werbung { position: relative !important; width: 100% !important; height: 22.3438vw !important; } .news-list { width: 26.0417vw !important; height: 22.3438vw !important; } .news-list { margin-left: 0 !important; } .empty-list { width: 100% !important; height: 22.3438vw !important; margin-top: 0 !important; } .erstelen { height: 22.3438vw !important; } .new-box { width: 26.0417vw !important; height: auto !important; padding: 0.573vw 0.225vw !important; border-radius: 0.1042vw !important; display: flex !important; align-items: center !important; background: none !important; border: 0.052vw solid rgba(255, 255, 255, 0.15) !important; padding: 0.573vw 0.625vw !important; } .werbung { margin-top: auto !important; } .vertical-line { display: none !important; } .logo-img { margin-left: 0 !important; width: 1.5625vw !important; height: 1.5625vw !important; } .column-txt { margin-left: 0.5729vw !important; } .column-txt span:first-child { font-size: 0.9375vw !important; font-family: 'EBold' !important; text-shadow: 0 0 1.406vw rgba(255, 255, 255, 0.54) !important; } .column-txt span:last-child { font-size: 0.7813vw !important; margin-top: 0 !important; letter-spacing: -0.03em !important; font-family: 'BRegular' !important; } .delete-box { height: 100% !important; } .overflow-list { height: 22.3438vw !important; overflow-x: hidden !important; margin-top: 0 !important; } .overflow-list::-webkit-scrollbar { display: none !important; } .line { display: none !important; } .notifi-header span { font-family: 'BBold' !important; font-size: 0.9375vw !important; } .notifi-header img { width: 1.25vw !important; height: 1.25vw !important; } .notifi-header img:nth-child(3) { display: none !important; } .text-row span:first-child { font-size: 0.7813vw !important; font-family: 'BRegular' !important; } .text-row span:last-child { font-size: 0.7813vw !important; height: 1.5104vw !important; display: flex !important; align-items: center !important; justify-content: center !important; background: rgba(255, 82, 30, 0.15) !important; border-radius: 0.1563vw !important; padding: 0.104vw 0.313vw !important; color: #FF521E !important; font-family: 'EBold' !important; } .ad-message { padding-top: 0.625vw !important; font-size: 0.8854vw !important; font-family: 'BRegular' !important; letter-spacing: -0.02em !important; color: rgba(255, 255, 255, 0.75) !important; !important; border-top: 0.0521vw solid rgba(255, 255, 255, 0.05) !important; } .notification { background: radial-gradient(33.78% 45.83% at 50% 0%, rgba(255, 82, 30, 0.39) 0%, rgba(0, 0, 0, 0) 100%), radial-gradient(50% 50% at 50% 50%, rgba(31, 11, 5, 0.85) 0%, rgba(14, 10, 9, 0.85) 100%) !important; border-radius: 0.4167vw !important; } .close-btn { cursor: pointer !important; width: 2.9688vw !important; height: 1.4583vw !important; background-image: url('../images/esc_box.svg') !important; background-size: 100% 100% !important; position: absolute !important; top: 1.6667vw !important; right: 1.6667vw !important; opacity: 1 !important; } .close-btn:active { opacity: 0.75 !important; }