:root, ._dark-theme { --colorAdminBackground: #23242E; --colorAdminMenuBackground: #1f1f29; --colorAdminSubTab: rgba(118, 207, 255, 0.08); --colorAdminTableHeader: #2C303A; --colorAdminWarning: #F24822; --colorAfterMarket: #bb6bd9; --colorBackdrop: rgba(18, 23, 26, 0.7); --colorBgAccent: #393E4C; --colorBgAccentHover: #323642; --colorBgMain: #12171A; --colorBgPrimary: #292C35; --colorBgSecondary: #1D1D27; --colorBgSecondary50: rgba(29, 29, 39, 0.5); --colorBgSecondaryHover: #1F202A; --colorBgBugfix: rgba(18, 23, 26, 0.7); --colorTextBugfix: #FFD180; --colorButtonBg: var(--colorNone); --colorButtonBgHover: var(--colorButtonBorder); --colorButtonBorder: var(--colorTextDisabled); --colorButtonBorderAccent: var(--colorTextDisabled); --colorButtonBorderHover: var(--colorTextDigit); --colorButtonSecondary: #393E4C; --colorButtonSecondaryHover: #4D5466; --colorButtonSecondaryDisabled: #333847; --colorButtonTextAccent: var(--colorTextPrimary); --colorBuy: #1B7B57; --colorBuyDisabled: rgba(27, 123, 87, 0.5); --colorBuyHover: #209469; --colorBuyPressed: #145C41; --colorChatBg: #1C1B24; --colorCheckboxBgActive: var(--colorAccent); --colorCheckboxBgHover: rgba(216, 217, 232, 0.14); --colorCheckboxBorder: rgba(255, 255, 255, 0.3); --colorCheckboxBorderActive: var(--colorAccent); --colorCheckboxMarkColor: #000000; --colorChipsBg: #343842; --colorDashboardHeaderDivider: var(--colorDivider); --colorDivider: rgba(255, 255, 255, 0.06); --colorDropBg: #393E4C; --colorDropBgActive: var(--colorDropBg); --colorDropBgHover: #13658F; --colorDropBorder: var(--colorDropBg); --colorDropBorderActive: var(--colorDropBg); --colorDropBorderHover: var(--colorDropBgHover); --colorDropShadow: rgba(0, 0, 0, 0.24); --colorError: #D23236; --colorErrorAccent: #543139; --colorGreen: #0f9965; --colorGreenAdmin: #47B507; --colorGreen10: rgba(15, 153, 74, 0.07); --colorOrange10: rgba(242, 153, 65, 0.07); --colorRed10: rgba(210, 50, 54, 0.07); --colorGrey20: rgba(216, 217, 232, 0.2); --colorGrey10: rgba(216, 217, 232, 0.05); --colorHeaderBg: #1D1D27; --colorHeaderIconBg: #17171F; --colorHintBg: #12171A; --colorHintErrorBg: #D23236; --colorHintBorder: rgba(216, 217, 232, 0.18); --colorInputBg: #1D1D27; --colorInputBgActive: var(--colorBgPrimary); --colorInputBgDisabled: var(--colorInputBg); --colorInputBgHover: var(--colorInputBg); --colorInputBorder: rgba(255, 255, 255, 0.06); --colorInputBorderActive: #04A6F0; --colorInputBorderDisabled: var(--colorNone); --colorInputBorderHover: #17171F; --colorInputSecondaryBg: var(--colorNone); --colorInputSecondaryBgDisabled: var(--colorNone); --colorInputSecondaryBgHover: var(--colorNone); --colorInputSecondaryBorder: var(--colorInputBorder); --colorInputSecondaryBorderActive: var(--colorInputBorderActive); --colorInputSecondaryBorderDisabled: var(--colorInputBorder); --colorInputSecondaryBorderHover: var(--colorInputBorderHover); --colorMenuBorder: rgba(10, 13, 14, 0.3); --colorNone: rgba(255, 255, 255, 0); --colorNotificationBackground: #484D52; --colorNotificationError: #4C3743; --colorNotificationReject: #4C3743; --colorNotifyDefaultBg: #454A5B; --colorNotifyDefaultBorder: rgba(255, 255, 255, 0.08); --colorNotifyHeaderBg: rgba(29, 29, 39, 0.16); --colorNotifyHeaderBorder: var(--colorNotifyHeaderBg); --colorNotifyPartialBg: #665B3B; --colorNotifyPartialBorder: var(--colorNotifyDefaultBorder); --colorNotifyRejectBg: #4C3743; --colorNotifyRejectBorder: var(--colorNotifyDefaultBorder); --colorOCOGroup: #c4c4c4; --colorOffline: #FEC74C; --colorOrderBookAsk: rgba(156, 30, 44, 0.5); --colorOrderBookBid: rgba(27, 123, 87, 0.5); --colorOrderChatBg: #23242E; --colorPLMinus: #f23743; --colorPLPlus: #0F9965; --colorBubbleIncomingBg: #252A34; --colorBubbleOutgoingBg: #23242E; --colorNotifyCanceled: #36588A; --colorPlaceholderGraphics: #393E4C; --colorPlugLogoText: #23242E; --colorPreMarket: #F29941; --colorPrevDayNotClosed: rgba(210, 50, 54, 0.08); --colorProgressBar: var(--colorDivider); --colorProgressBarFilled: var(--colorGreen); --colorQuickBuyBg: var(--colorQuickSellBg); --colorQuickBuyBgDisabled: var(--colorNone); --colorQuickBuyBgHover: #0F9361; --colorQuickBuyBorder: var(--colorQuickBuyBg); --colorQuickBuyBorderDisabled: var(--colorQuickSellBg); --colorQuickBuyBorderHover: var(--colorQuickBuyBgHover); --colorQuickBuyText: var(--colorTextMain); --colorQuickBuyTextDisabled: var(--colorTextDisabled); --colorQuickBuyTextHover: var(--colorWhite); --colorQuickBuyTextSecondary: var(--colorTextPrimary); --colorQuickBuyTextSecondaryDisabled: var(--colorTextDisabled); --colorQuickBuyTextSecondaryHover: var(--colorWhite70); --colorQuickSellBg: #374253; --colorQuickSellBgDisabled: var(--colorNone); --colorQuickSellBgHover: #C30217; --colorQuickSellBorder: var(--colorQuickSellBg); --colorQuickSellBorderDisabled: var(--colorQuickSellBg); --colorQuickSellBorderHover: var(--colorQuickSellBgHover); --colorQuickSellText: var(--colorTextMain); --colorQuickSellTextDisabled: var(--colorTextDisabled); --colorQuickSellTextHover: var(--colorWhite); --colorQuickSellTextSecondary: var(--colorTextPrimary); --colorQuickSellTextSecondaryDisabled: var(--colorTextDisabled); --colorQuickSellTextSecondaryHover: var(--colorWhite70); --colorSegmentControlActiveBg: #393E4C; --colorSegmentControlActiveBorder: #393E4C; --colorSegmentControlActiveText: #D8D9E8; --colorSegmentControlBg: #1D1D27; --colorSegmentControlBorder: #1D1D27; --colorSegmentControlDefaultText: rgba(216, 217, 232, 0.5); --colorSegmentControlDisabledBg: rgba(57, 62, 76, 0.5); --colorSegmentControlDivider: #292C35; --colorSelectedState: #D23236; --colorSell: #9C1E2C; --colorSellDisabled: rgba(156, 30, 44, 0.5); --colorSellHover: #B52333; --colorSellPressed: #7D1823; --colorSpreadBg: var(--colorBgPrimary); --colorSpreadBorder: var(--colorQuickSellBg); --colorSpreadText: var(--colorTextPrimary); --colorStroke: #363941; --colorSwitcherBg: var(--colorBgSecondary); --colorSwitcherBgActive: var(--colorAccent); --colorSwitcherDotBg: rgba(216, 217, 232, 0.4); --colorSwitcherDotBgActive: var(--colorWhite); --colorSwitchersBorderActive: #223236; --colorTableBg: var(--colorBgPrimary); --colorTableBgHover: #333742; --colorTableBgPartial: rgba(242, 153, 65, 0.1); --colorTableBgReject: rgba(210, 50, 54, 0.08); --colorTextDigit: rgba(216, 217, 232, 0.7); --colorTextDisabled: rgba(216, 217, 232, 0.2); --colorTextIcons: rgba(216, 217, 232, 0.4); --colorTextInstrumentCategory: #FFFFFF; --colorTextLinks: var(--colorAccent); --colorTextLinksDisabled: var(--colorTextPrimary); --colorTextMain: #D8D9E8; --colorTextPrimary: rgba(216, 217, 232, 0.5); --colorTextWhite: #FFFFFF; --colorTextWhite50: rgba(255, 255, 255, 0.5); --colorTradingHeaderBg: #0E0F12; --colorTradingHeaderText: rgba(216, 217, 232, 0.5); --colorTradingHeaderTextActive: #D8D9E8; --colorWarning: #F2C94C; --colorWarningAccent: #FFD180; --colorWarningBackground: #322E2B; --colorWarningPrimary: #7D1823; --colorWarningSecondary: #90CAF9; --colorWhite: #ffffff; --colorWhite70: rgba(255, 255, 255, 0.7); --colorWindowBorder: rgba(255, 255, 255, 0.06); --colorWindowBorderActive: var(--colorCheckboxBorderActive); --colorWindowBorderHover: var(--colorInputBorderHover); --colorWindowBoxShadow: rgba(0, 0, 0, 0.24); --colorWindowHeaderBoxShadow: #34363A; --colorWindowResizeIcon: rgba(196, 196, 196, 0.34); --colorNotifyCriticalBg: #B12629; --colorVertGridLines: #33363D; --colorHorzGridLines: #33363D; --colorScalesLines: #4E535E; --colorWickDown: #D95959; --colorWickUp: #0F9965; --colorCandleBorderDown: #D95959; --colorCandleBorderUp: #0F9965; --colorCandleDown: #D95959; --colorCandleUp: #0F9965; --colorLineStyle: #04A6F0; --colorAreaStyleFill: rgba(4, 166, 240, 0.5); --colorAreaStyleLine: #04A6F0; --colorFreeze: #4D89E1; --colorTextBlack: #000000; --colorSellSelected: #402933; --colorBuySelected: #263C3C; --colorTextAlertWarning: #000000; --colorAlertWarningBg: #FFA750; --colorYellow: #F2C94C; --colorViolet: #BB6BD9; --colorBgInfo: #313540; --colorBgInfoHover: #393E4C; --colorGreenAdmin20: rgba(71, 181, 7, 0.2); --colorScrollbar: var(--colorTextDisabled); --colorGreenFx: #1CAA66; --colorYellowEq: #F8961E; --colorPurpleBo: #9D3BC7; --colorBlueFu: #2294E7; --colorOrangeOp: #F35C2C; --colorGreenCash: #77AE4D; --colorPinkCrypto: #D053C4; --colorWhiteCfd: #D8D9E8; --colorGreenEtf: #97E4DF; --yellowCommodity: #FFCF96; --colorDeepBlue: #0385C1; --colorJade: #1CAA66; --colorSpringGreen: #77AE4D; --colorLightGrey: #D8D9E8; --colorOrange: #F29941; --colorNavyViolet: #9D3BC7; --colorBlue: #0976D1; --colorCoralRed: #F35C2C; --colorRed: #D23236; --colorMint: #97E4DF; --colorMagenta: #D053C4; --colorGrey: rgba(216, 217, 232, 0.5); --colorOlive: #7D7D13; --colorPeach: #FFCF96; --colorNavyBlue: #2C5478; --colorPlum: #762C78; --colorLavender: #859BE5; --colorGreen20: rgba(15, 153, 74, 0.2); --colorYellow20: rgba(242, 201, 76, 0.2); --colorOrange20: rgba(242, 153, 65, 0.2); --colorViolet20: rgba(187, 107, 217, 0.2); --colorRed20: rgba(210, 50, 54, 0.2); /* customizable colors*/ --colorAccent: #04A6F0; --colorAccentHover:var(--colorTextMain); --colorAccent20: rgba(4, 166, 240, 0.2); --colorHeaderIcon: var(--colorTextWhite50); --colorHeaderIconHover: var(--colorWhite); --colorHeaderIconSelected: var(--colorWhite); --colorHeaderPlus: var(--colorPLPlus); --colorHeaderMinus: var(--colorPLMinus); --colorButtonAccentText: var(--colorTextWhite); --colorHeaderText: var(--colorWhite); --colorHeaderTextLabel: var(--colorTextWhite50); --colorButtonAccent: #04A6F0; --colorButtonAccent10: rgba(4, 166, 240, 0.12); --colorButtonAccentHover: #4ABEF4; --colorButtonAccentPressed: #026A9A; --colorButtonAccentDisabled: #1E516D; --colorButtonAccentTextDisabled: var(--colorTextDisabled); --colorSegmentControlBackground: var(--colorSegmentControlActiveBorder); --colorSegmentControlBackgroundHover: var(--colorSegmentControlActiveBorder); --colorSegmentControlText: var(--colorTextMain); --colorNotEnoughSpaceWidget: rgba(226, 226, 229, 0.4); --colorHandFill: #292C35; --colorOfflineTimeline: #5B5F6B; --colorOfflineTimelineHover: #7C7F8A; --colorMainSessions: #209469; --colorMainSessionsHover: #4FA183; --colorMainSessionsHint: #209469; --colorNoInfoTimeline: #4A4F5C; --colorNoInfoTimelineHover: #5B5F6B; --colorPreAfterMarketTimeline: #FFD180; --colorPreAfterMarketTimelineHover: #FFE8BF; --modalOverlay: rgba(18, 23, 26, 0.4); --shadowNotifications: 0px 56px 130px 0px rgba(0, 0, 0, 0.10), 0px 30px 60px 0px rgba(0, 0, 0, 0.07), 0px 13px 26px 0px rgba(0, 0, 0, 0.05), 0px 6px 6px 0px rgba(0, 0, 0, 0.03); --colorKycDraftActive: rgba(216, 217, 232, 0.5); --colorKycSentActive: #0385C1; --colorKycOnholdActive: #859BE5; --colorKycReviewActive: #F2C94C; --colorKycRejectedActive: #D23236; --colorKycAddInfoActive: #F29941; --colorKycVerifiedActive: #0F9965; --colorKycFailedActive: #F35C2C; --colorKycDraftDefault: rgba(216, 217, 232, 0.3); --colorKycSentDefault: rgba(3, 133, 193, 0.6); --colorKycOnholdDefault: rgba(133, 155, 229, 0.6); --colorKycReviewDefault: rgba(242, 201, 76, 0.6); --colorKycRejectedDefault: rgba(210, 50, 54, 0.6); --colorKycAddInfoDefault: rgba(242, 153, 65, 0.5); --colorKycVerifiedDefault: rgba(15, 153, 74, 0.5); --colorKycFailedDefault: rgba(243, 92, 44, 0.6); --defaultDropBorderRadius: 8px; } ._light-theme { --colorAccent: #04A6F0; --colorAccent20: rgba(4, 166, 240, 0.2); --colorAdminBackground: #E3E9F2; --colorAdminMenuBackground: #CFD5DF; --colorAdminSubTab: #EAECEF; --colorAdminTableHeader: #EEF2F8; --colorAdminWarning: #FF2244; --colorAfterMarket: #BB6BD9; --colorBackdrop: rgba(0, 0, 0, 0.5); --colorBgAccent: #DEE4EE; --colorBgAccentHover: #D3DFEF; --colorBgMain: #D0D6E0; --colorBgPrimary: #FFFFFF; --colorBgSecondary: #EEF2F8; --colorBgSecondary50: rgba(238, 242, 249, 0.5); --colorBgSecondaryHover: #DEE2E8; --colorBubbleIncomingBg: #E6EBF1; --colorBubbleOutgoingBg: #C0D2E9; --colorBgBugfix: #F5CC4F; --colorTextBugfix: #41403C; --colorButtonBg: var(--colorNone); --colorButtonBgHover: var(--colorButtonBorder); --colorButtonBorder: var(--colorTextDisabled); --colorButtonBorderAccent: var(--colorTextDisabled); --colorButtonBorderHover: var(--colorTextDigit); --colorButtonSecondary: #DEE4EE; --colorButtonSecondaryHover: #BBC6D8; --colorButtonSecondaryDisabled: #EEF1F6; --colorButtonTextAccent: var(--colorTextPrimary); --colorBuy: #1B7B57; --colorBuyDisabled: rgba(27, 123, 87, 0.5); --colorBuyHover: #209469; --colorBuyPressed: #145C41; --colorChatBg: #F8F8F8; --colorCheckboxBgActive: var(--colorAccent); --colorCheckboxBgHover: #F2F5FA; --colorCheckboxBorder: #C2C4D1; --colorCheckboxBorderActive: var(--colorAccent); --colorCheckboxMarkColor: #ffffff; --colorChipsBg: #EBEEF5; --colorDashboardHeaderDivider: var(--colorDivider); --colorDivider: rgba(0, 0, 0, 0.1); --colorDropBg: #F8F8F8; --colorDropBgActive: var(--colorDropBg); --colorDropBgHover: #219ED7; --colorDropBorder: var(--colorDropBg); --colorDropBorderActive: var(--colorDropBg); --colorDropBorderHover: var(--colorDropBgHover); --colorDropShadow: rgba(0, 0, 0, 0.24); --colorError: #D23236; --colorErrorAccent: #543139; --colorGreen: #0f9965; --colorGreenAdmin: #47B507; --colorGreen10: rgba(15, 153, 101, 0.07); --colorOrange10: rgba(242, 153, 65, 0.07); --colorRed10: rgba(210, 50, 54, 0.07); --colorGrey20: rgba(15, 15, 15, 0.2); --colorGrey10: rgba(15, 15, 15, 0.07); --colorHeaderBg: #1D1D27; --colorHeaderIconBg: #17171F; --colorHintBg: #F8F8F8; --colorHintErrorBg: #D23236; --colorHintBorder: #E0E3EA; --colorInputBg: #EAEDF1; --colorInputBgActive: var(--colorBgPrimary); --colorInputBgDisabled: var(--colorInputBg); --colorInputBgHover: var(--colorInputBg); --colorInputBorder: #E3E3E4; --colorInputBorderActive: #04A6F0; --colorInputBorderDisabled: var(--colorNone); --colorInputBorderHover: #A5A7B0; --colorInputSecondaryBg: var(--colorNone); --colorInputSecondaryBgDisabled: var(--colorNone); --colorInputSecondaryBgHover: var(--colorNone); --colorInputSecondaryBorder: var(--colorInputBorder); --colorInputSecondaryBorderActive: var(--colorInputBorderActive); --colorInputSecondaryBorderDisabled: var(--colorInputBorder); --colorInputSecondaryBorderHover: var(--colorInputBorderHover); --colorMenuBorder: rgba(10, 13, 14, 0.3); --colorNone: rgba(255, 255, 255, 0); --colorNotificationBackground: #484D52; --colorNotificationError: #FFCDD2; --colorNotificationReject: #FFCDD2; --colorNotifyCanceled: #A9BBD6; --colorNotifyDefaultBg: #EEF2F9; --colorNotifyDefaultBorder: rgba(0, 0, 0, 0.12); --colorNotifyHeaderBg: #DEE4EE; --colorNotifyHeaderBorder: var(--colorNotifyHeaderBg); --colorNotifyPartialBg: #EFE8CE; --colorNotifyPartialBorder: var(--colorNotifyDefaultBorder); --colorNotifyRejectBg: #FFCDD2; --colorNotifyRejectBorder: var(--colorNotifyDefaultBorder); --colorOCOGroup: #c4c4c4; --colorOffline: #4F4F4F; --colorOrderBookAsk: rgba(255, 56, 56, 0.08); --colorOrderBookBid: rgba(22, 207, 74, 0.12); --colorOrderChatBg: #BBCFE7; --colorPLMinus: #f23743; --colorPLPlus: #0F9965; --colorPlaceholderGraphics: #D0D6E0; --colorPlugLogoText: #EEF2F8; --colorPreMarket: #F29941; --colorPrevDayNotClosed: rgba(210, 50, 54, 0.08); --colorProgressBar: var(--colorDivider); --colorProgressBarFilled: var(--colorGreen); --colorQuickBuyBg: var(--colorQuickSellBg); --colorQuickBuyBgDisabled: var(--colorNone); --colorQuickBuyBgHover: #0F9361; --colorQuickBuyBorder: var(--colorQuickBuyBg); --colorQuickBuyBorderDisabled: var(--colorQuickSellBg); --colorQuickBuyBorderHover: var(--colorQuickBuyBgHover); --colorQuickBuyText: var(--colorTextMain); --colorQuickBuyTextDisabled: var(--colorTextDisabled); --colorQuickBuyTextHover: var(--colorWhite); --colorQuickBuyTextSecondary: var(--colorTextPrimary); --colorQuickBuyTextSecondaryDisabled: var(--colorTextDisabled); --colorQuickBuyTextSecondaryHover: var(--colorWhite70); --colorQuickSellBg: #EAECEF; --colorQuickSellBgDisabled: var(--colorNone); --colorQuickSellBgHover: #C30217; --colorQuickSellBorder: var(--colorQuickSellBg); --colorQuickSellBorderDisabled: var(--colorQuickSellBg); --colorQuickSellBorderHover: var(--colorQuickSellBgHover); --colorQuickSellText: var(--colorTextMain); --colorQuickSellTextDisabled: var(--colorTextDisabled); --colorQuickSellTextHover: var(--colorWhite); --colorQuickSellTextSecondary: var(--colorTextPrimary); --colorQuickSellTextSecondaryDisabled: var(--colorTextDisabled); --colorQuickSellTextSecondaryHover: var(--colorWhite70); --colorSegmentControlActiveBg: #D6DAE1; --colorSegmentControlActiveBorder: #D6DAE1; --colorSegmentControlActiveText: #0F0F0F; --colorSegmentControlBg: #F4F5F7; --colorSegmentControlBorder: #F4F5F7; --colorSegmentControlDefaultText: #727781; --colorSegmentControlDisabledBg: rgba(214, 218, 225, 0.5); --colorSegmentControlDivider: #DFE5EE; --colorSelectedState: #D23236; --colorSell: #9C1E2C; --colorSellDisabled: rgba(156, 30, 44, 0.5); --colorSellHover: #B52333; --colorSellPressed: #7D1823; --colorSpreadBg: var(--colorBgPrimary); --colorSpreadBorder: var(--colorQuickSellBg); --colorSpreadText: var(--colorTextPrimary); --colorStroke: #363941; --colorSwitcherBg: #CBCBD1; --colorSwitcherBgActive: var(--colorAccent); --colorSwitcherDotBg: #FFFFFF; --colorSwitcherDotBgActive: var(--colorWhite); --colorSwitchersBorderActive: #223236; --colorTableBg: var(--colorBgPrimary); --colorTableBgHover: #333742; --colorTableBgPartial: rgba(242, 153, 65, 0.1); --colorTableBgReject: rgba(210, 50, 54, 0.08); --colorTextDigit: #5F5E5E; --colorTextDisabled: #9499A3; --colorTextIcons: #828B9C; --colorTextInstrumentCategory: #FFFFFF; --colorTextLinks: var(--colorAccent); --colorTextLinksDisabled: var(--colorTextPrimary); --colorTextMain: #0F0F0F; --colorTextPrimary: rgba(15, 15, 15, 0.7); --colorTextWhite: #FFFFFF; --colorTextWhite50: rgba(255, 255, 255, 0.5); --colorTradingHeaderBg: #0E0F12; --colorTradingHeaderText: rgba(216, 217, 232, 0.5); --colorTradingHeaderTextActive: #D8D9E8; --colorWarning: #F5CC4F; --colorWarningAccent: #D67F14; --colorWarningBackground: #322E2B; --colorWarningPrimary: #7D1823; --colorWarningSecondary: #4992F9; --colorWhite: #ffffff; --colorWhite70: rgba(255, 255, 255, 0.7); --colorWindowBorder: #CBCBD1; --colorWindowBorderActive: var(--colorCheckboxBorderActive); --colorWindowBorderHover: var(--colorInputBorderHover); --colorWindowBoxShadow: rgba(0, 0, 0, 0.24); --colorWindowHeaderBoxShadow: #34363A; --colorWindowResizeIcon: rgba(196, 196, 196, 0.34); --colorButtonAccent: #04A6F0; --colorButtonAccent10: rgba(4, 166, 240, 0.12); --colorButtonAccentHover: #D3DFEF; --colorButtonAccentPressed: #069CE1; --colorButtonAccentDisabled: #9DDBF7; --colorVertGridLines: #F2F3F3; --colorHorzGridLines: #F2F3F3; --colorScalesLines: #E1E1E3; --colorWickDown: #9C1E2C; --colorWickUp: #1B7B57; --colorCandleBorderDown: #9C1E2C; --colorCandleBorderUp: #1B7B57; --colorCandleDown: #DD656D; --colorCandleUp: #0F9965; --colorLineStyle: #04A6F0; --colorAreaStyleFill: #93D9F9; --colorAreaStyleLine: #04A6F0; --colorFreeze: rgba(49, 122, 255, 0.7); --colorTextBlack: #000000; --colorSellSelected: #EBD2D5; --colorBuySelected: #D1E5DD; --colorTextAlertWarning: #2B2B2B; --colorAlertWarningBg: #FFD180; --colorYellow: #F5CC4F; --colorViolet: #BB6BD9; --colorBgInfo: #F4F7FB; --colorBgInfoHover: #DEE4EE; --colorGreenAdmin20: rgba(71, 181, 7, 0.2); --colorScrollbar: var(--colorTextDisabled); --colorAccentHover:var(--colorTextMain); --colorHeaderText: var(--colorWhite); --colorHeaderTextLabel: var(--colorTextWhite50); --colorHeaderIcon: var(--colorTextWhite50); --colorHeaderIconHover: var(--colorWhite); --colorHeaderIconSelected: var(--colorWhite); --colorHeaderPlus: var(--colorPLPlus); --colorHeaderMinus: var(--colorPLMinus); --colorButtonAccentText: var(--colorTextWhite); --colorButtonAccentTextDisabled: var(--colorTextDisabled); --colorSegmentControlBackground: var(--colorSegmentControlActiveBorder); --colorSegmentControlBackgroundHover: var(--colorSegmentControlActiveBorder); --colorSegmentControlText: var(--colorTextMain); --colorNotEnoughSpaceWidget: #9499A3; --colorHandFill: #FFFFFF; --colorOfflineTimeline: #D0D6E0; --colorOfflineTimelineHover: #DCE0E8; --colorMainSessions: #6BA583; --colorMainSessionsHover: #81B396; --colorMainSessionsHint: #6BA583; --colorNoInfoTimeline: #E0E3E9; --colorNoInfoTimelineHover: #D0D6E0; --colorPreAfterMarketTimeline: #F29941; --colorPreAfterMarketTimelineHover: #F6B87A; --colorGreenFx: #1CAA66; --colorYellowEq: #F8961E; --colorPurpleBo: #9D3BC7; --colorBlueFu: #2294E7; --colorOrangeOp: #F35C2C; --colorGreenCash: #77AE4D; --colorPinkCrypto: #D053C4; --colorWhiteCfd: #D8D9E8; --colorGreenEtf: #97E4DF; --yellowCommodity: #FFCF96; --colorDeepBlue: #0090D3; --colorJade: #1CAA66; --colorSpringGreen: #77AE4D; --colorLightGrey: #D8D9E8; --colorOrange: #F29941; --colorNavyViolet: #9D3BC7; --colorBlue: #0976D1; --colorCoralRed: #F35C2C; --colorRed: #D23236; --colorMint: #97E4DF; --colorMagenta: #D053C4; --colorGrey: rgba(15, 15, 15, 0.7); --colorOlive: #7D7D13; --colorPeach: #FFCF96; --colorNavyBlue: #3A6C99; --colorPlum: #762C78; --colorLavender: #859BE5; --colorGreen20: rgba(15, 153, 101, 0.2); --colorYellow20: rgba(245, 204, 79, 0.2); --colorOrange20: rgba(242, 153, 65, 0.2); --colorViolet20: rgba(187, 107, 217, 0.2); --colorRed20: rgba(210, 50, 54, 0.2); --modalOverlay: rgba(0, 0, 0, 0.2); --shadowNotifications: 0px 56px 130px 0px rgba(94, 94, 94, 0.10), 0px 30px 60px 0px rgba(94, 94, 94, 0.07), 0px 13px 26px 0px rgba(94, 94, 94, 0.05), 0px 6px 6px 0px rgba(94, 94, 94, 0.03); --colorKycDraftActive: rgba(15, 15, 15, 0.5); --colorKycSentActive: #0385C1; --colorKycOnholdActive: #859BE5; --colorKycReviewActive: #E3AB00; --colorKycRejectedActive: #D23236; --colorKycAddInfoActive: #F29941; --colorKycVerifiedActive: #0F9965; --colorKycFailedActive: #F35C2C; --colorKycDraftDefault: rgba(15, 15, 15, 0.3); --colorKycSentDefault: rgba(3, 133, 193, 0.6); --colorKycOnholdDefault: rgba(133, 155, 229, 0.8); --colorKycReviewDefault: rgba(227, 171, 0, 0.6); --colorKycRejectedDefault: rgba(210, 50, 54, 0.7); --colorKycAddInfoDefault: rgba(242, 153, 65, 0.8); --colorKycVerifiedDefault: rgba(15, 153, 101, 0.8); --colorKycFailedDefault: rgba(243, 92, 44, 0.7); } ._dark-theme_monochrome { --colorAccent: #437BA4; --colorAccent20: rgba(166, 199, 237, 0.2); --colorAdminBackground: #222425; --colorAdminMenuBackground: #1F1F29; --colorAdminSubTab: rgba(118, 207, 255, 0.08); --colorAdminTableHeader: #35373A; --colorAdminWarning: #F24822; --colorAfterMarket: #BB6BD9; --colorBackdrop: rgba(48, 55, 58, 0.7); --colorBgAccent: #3B3F43; --colorBgAccentHover: #323642; --colorBgMain: #151618; --colorBgPrimary: #2B2D2F; --colorBgSecondary: #1C1E20; --colorBgSecondary50: rgba(28, 30, 32, 0.5); --colorBgSecondaryHover: rgba(0, 0, 0, 0.3); --colorBubbleIncomingBg: #1C1E20; --colorBubbleOutgoingBg: rgba(74, 119, 171, 0.24); --colorBgBugfix: #1C1E20; --colorTextBugfix: #D0B65F; --colorButtonBg: var(--colorNone); --colorButtonBgHover: rgba(226, 226, 229, 0.1); --colorButtonBorder: var(--colorTextDisabled); --colorButtonBorderAccent: var(--colorTextDisabled); --colorButtonBorderHover: var(--colorTextDigit); --colorButtonSecondary: #3B3F43; --colorButtonSecondaryHover: #484E53; --colorButtonSecondaryDisabled: #2F3439; --colorButtonTextAccent: var(--colorTextPrimary); --colorBuy: rgba(74, 119, 171, 0.24); --colorBuyDisabled: rgba(74, 119, 171, 0.16); --colorBuyHover: rgba(74, 119, 171, 0.54); --colorBuyPressed: rgba(74, 119, 171, 0.8); --colorChatBg: #151618; --colorCheckboxBgActive: var(--colorAccent); --colorCheckboxBgHover: rgba(216, 217, 232, 0.14); --colorCheckboxBorder: rgba(255, 255, 255, 0.3); --colorCheckboxBorderActive: var(--colorAccent); --colorCheckboxMarkColor: rgba(255, 255, 255, 0.75); --colorChipsBg: #323639; --colorDashboardHeaderDivider: var(--colorDivider); --colorDivider: rgba(255, 255, 255, 0.06); --colorDropBg: #3B3E42; --colorDropBgActive: #3B3E42; --colorDropBgHover: #437BA4; --colorDropBorder: var(--colorDropBg); --colorDropBorderActive: var(--colorDropBg); --colorDropBorderHover: var(--colorDropBgHover); --colorDropShadow: rgba(0, 0, 0, 0.24); --colorError: #B33B51; --colorErrorAccent: #543139; --colorGreen: #23905E; --colorGreenAdmin: #47B507; --colorGreen10: rgba(35, 144, 94, 0.07); --colorOrange10: rgba(178, 120, 66, 0.07); --colorRed10: rgba(210, 50, 54, 0.07); --colorGrey20: rgba(228, 228, 240, 0.2); --colorGrey10: rgba(228, 228, 240, 0.07); --colorHeaderBg: #1D1D27; --colorHeaderIconBg: #17171F; --colorHintBg: #12171A; --colorHintErrorBg: #B33B51; --colorHintBorder: #12171A; --colorInputBg: #1C1E20; --colorInputBgActive: var(--colorBgPrimary); --colorInputBgDisabled: var(--colorInputBg); --colorInputBgHover: var(--colorInputBg); --colorInputBorder: #12171A; --colorInputBorderActive: #436791; --colorInputBorderDisabled: var(--colorNone); --colorInputBorderHover: #384C63; --colorInputSecondaryBg: var(--colorNone); --colorInputSecondaryBgDisabled: var(--colorNone); --colorInputSecondaryBgHover: var(--colorNone); --colorInputSecondaryBorder: var(--colorInputBorder); --colorInputSecondaryBorderActive: var(--colorInputBorderActive); --colorInputSecondaryBorderDisabled: var(--colorInputBorder); --colorInputSecondaryBorderHover: var(--colorInputBorderHover); --colorMenuBorder: rgba(10, 13, 14, 0.3); --colorNone: rgba(255, 255, 255, 0); --colorNotificationBackground: #484D52; --colorNotificationError: #4C3743; --colorNotificationReject: #4C3743; --colorNotifyCanceled: #577196; --colorNotifyDefaultBg: #454A5B; --colorNotifyDefaultBorder: rgba(255, 255, 255, 0.06); --colorNotifyHeaderBg: rgba(29, 29, 39, 0.16); --colorNotifyHeaderBorder: var(--colorNotifyHeaderBg); --colorNotifyPartialBg: #534C35; --colorNotifyPartialBorder: var(--colorNotifyDefaultBorder); --colorNotifyRejectBg: #454A5B; --colorNotifyRejectBorder: var(--colorNotifyDefaultBorder); --colorOCOGroup: #c4c4c4; --colorOffline: #FEC74C; --colorOrderBookAsk: rgba(179, 59, 81, 0.16); --colorOrderBookBid: rgba(74, 119, 171, 0.16); --colorOrderChatBg: #2B2D2F; --colorPLMinus: #57A5DE; --colorPLPlus: #57A5DE; --colorPlaceholderGraphics: #2B2D2F; --colorPlugLogoText: #1C1E20; --colorPreMarket: #B37842; --colorPrevDayNotClosed: rgba(210, 50, 54, 0.14); --colorProgressBar: var(--colorDivider); --colorProgressBarFilled: var(--colorGreen); --colorQuickBuyBg: var(--colorQuickSellBg); --colorQuickBuyBgDisabled: var(--colorNone); --colorQuickBuyBgHover: rgba(74, 119, 171, 0.7); --colorQuickBuyBorder: var(--colorQuickBuyBg); --colorQuickBuyBorderDisabled: var(--colorQuickSellBg); --colorQuickBuyBorderHover: var(--colorQuickBuyBgHover); --colorQuickBuyText: var(--colorTextMain); --colorQuickBuyTextDisabled: var(--colorTextDisabled); --colorQuickBuyTextHover: var(--colorWhite); --colorQuickBuyTextSecondary: var(--colorTextPrimary); --colorQuickBuyTextSecondaryDisabled: var(--colorTextDisabled); --colorQuickBuyTextSecondaryHover: var(--colorWhite70); --colorQuickSellBg: #3B3F43; --colorQuickSellBgDisabled: var(--colorNone); --colorQuickSellBgHover: rgba(74, 119, 171, 0.7); --colorQuickSellBorder: var(--colorQuickSellBg); --colorQuickSellBorderDisabled: var(--colorQuickSellBg); --colorQuickSellBorderHover: var(--colorQuickSellBgHover); --colorQuickSellText: var(--colorTextMain); --colorQuickSellTextDisabled: var(--colorTextDisabled); --colorQuickSellTextHover: var(--colorWhite); --colorQuickSellTextSecondary: var(--colorTextPrimary); --colorQuickSellTextSecondaryDisabled: var(--colorTextDisabled); --colorQuickSellTextSecondaryHover: var(--colorWhite70); --colorSegmentControlActiveBg: #3B3F43; --colorSegmentControlActiveBorder: #3B3F43; --colorSegmentControlActiveText: #D6DBE0; --colorSegmentControlBg: #1C1E20; --colorSegmentControlBorder: #1C1E20; --colorSegmentControlDefaultText: rgba(225, 225, 229, 0.5); --colorSegmentControlDisabledBg: rgba(59, 63, 67, 0.5); --colorSegmentControlDivider: #26282B; --colorSelectedState: #D23236; --colorSell: rgba(74, 119, 171, 0.24); --colorSellDisabled: rgba(74, 119, 171, 0.16); --colorSellHover: rgba(74, 119, 171, 0.54); --colorSellPressed: rgba(74, 119, 171, 0.8); --colorSpreadBg: #2B2D2F; --colorSpreadBorder: #3B3F43; --colorSpreadText: var(--colorTextPrimary); --colorStroke: rgba(16, 16, 18, 0.2); --colorSwitcherBg: var(--colorBgSecondary); --colorSwitcherBgActive: var(--colorAccent); --colorSwitcherDotBg: rgba(255, 255, 255, 0.5); --colorSwitcherDotBgActive: var(--colorWhite); --colorSwitchersBorderActive: #223236; --colorTableBg: var(--colorBgPrimary); --colorTableBgHover: #303336; --colorTableBgPartial: rgba(242, 153, 65, 0.1); --colorTableBgReject: rgba(210, 50, 54, 0.08); --colorTextDigit: rgba(217, 220, 224, 0.5); --colorTextDisabled: rgba(226, 226, 229, 0.3); --colorTextIcons: rgba(225, 225, 229, 0.4); --colorTextInstrumentCategory: #FFFFFF; --colorTextLinks: var(--colorAccent); --colorTextLinksDisabled: var(--colorTextPrimary); --colorTextMain: #D9DCE0; --colorTextPrimary: rgba(228, 228, 240, 0.5); --colorTextWhite: #FFFFFF; --colorTextWhite50: rgba(255, 255, 255, 0.5); --colorTradingHeaderBg: #0E0F12; --colorTradingHeaderText: rgba(225, 225, 229, 0.6); --colorTradingHeaderTextActive: #F1F1F1; --colorWarning: #F2C94C; --colorWarningAccent: #D0B65F; --colorWarningBackground: #322E2B; --colorWarningPrimary: #7D1823; --colorWarningSecondary: #9DBAD7; --colorWhite: #ffffff; --colorWhite70: rgba(255, 255, 255, 0.7); --colorWindowBorder: rgba(255, 255, 255, 0.06); --colorWindowBorderActive: var(--colorCheckboxBorderActive); --colorWindowBorderHover: var(--colorInputBorderHover); --colorWindowBoxShadow: rgba(0, 0, 0, 0.24); --colorWindowHeaderBoxShadow: #34363A; --colorWindowResizeIcon: rgba(255, 255, 255, 0.2); --colorButtonAccent: #437BA4; --colorButtonAccent10: rgba(166, 199, 237, 0.12); --colorButtonAccentHover: #323642; --colorButtonAccentPressed: #28323D; --colorButtonAccentDisabled: #202931; --colorVertGridLines: #33363D; --colorHorzGridLines: #33363D; --colorScalesLines: #4E535E; --colorWickDown: #804054; --colorWickUp: #2D7560; --colorCandleBorderDown: #804054; --colorCandleBorderUp: #2D7560; --colorCandleDown: #723D4E; --colorCandleUp: #2A6755; --colorLineStyle: #437BA4; --colorAreaStyleFill: rgba(57, 92, 117, 0.6); --colorAreaStyleLine: #437BA4; --colorFreeze: #437BA4; --colorTextBlack: #000000; --colorSellSelected: rgba(70, 85, 101, 0.4); --colorBuySelected: rgba(70, 85, 101, 0.4); --colorTextAlertWarning: #1C1E20; --colorAlertWarningBg: #FFA750; --colorYellow: #D0B65F; --colorViolet: #BB6BD9; --colorBgInfo: #33373A; --colorBgInfoHover: #3B3F43; --colorGreenAdmin20: rgba(71, 181, 7, 0.2); --colorScrollbar: var(--colorTextDisabled); --colorAccentHover:var(--colorTextMain); --colorHeaderText: var(--colorWhite); --colorHeaderTextLabel: var(--colorTextWhite50); --colorHeaderIcon: var(--colorTextWhite50); --colorHeaderIconHover: var(--colorWhite); --colorHeaderIconSelected: var(--colorWhite); --colorHeaderPlus: var(--colorPLPlus); --colorHeaderMinus: var(--colorPLMinus); --colorButtonAccentText: var(--colorTextWhite); --colorButtonAccentTextDisabled: var(--colorTextDisabled); --colorSegmentControlBackground: var(--colorSegmentControlActiveBorder); --colorSegmentControlBackgroundHover: var(--colorSegmentControlActiveBorder); --colorSegmentControlText: var(--colorTextMain); --colorNotEnoughSpaceWidget: rgba(226, 226, 229, 0.4); --colorHandFill: #2B2D2F; --colorOfflineTimeline: #5C5F63; --colorOfflineTimelineHover: #4F5255; --colorMainSessions: #4A77AB; --colorMainSessionsHover: #6E92BC; --colorMainSessionsHint: #4A77AB; --colorNoInfoTimeline: #4C4F52; --colorNoInfoTimelineHover: #5C5F63; --colorPreAfterMarketTimeline: #B27842; --colorPreAfterMarketTimelineHover: #C19368; --colorGreenFx: #1CAA66; --colorYellowEq: #F8961E; --colorPurpleBo: #9D3BC7; --colorBlueFu: #2294E7; --colorOrangeOp: #F35C2C; --colorGreenCash: #77AE4D; --colorPinkCrypto: #D053C4; --colorWhiteCfd: #D8D9E8; --colorGreenEtf: #97E4DF; --yellowCommodity: #FFCF96; --colorDeepBlue: #437BA4; --colorJade: #236C4A; --colorSpringGreen: #516E3E; --colorLightGrey: #A4A5B0; --colorOrange: #B27842; --colorNavyViolet: #8638A9; --colorBlue: #3372BE; --colorCoralRed: #B74E2D; --colorRed: #D23236; --colorMint: #6C9B99; --colorMagenta: #8E4488; --colorGrey: rgba(216, 217, 232, 0.5); --colorOlive: #7D7D13; --colorPeach: #AA8E6D; --colorNavyBlue: #35648F; --colorPlum: #8A3F8D; --colorLavender: #616F9C; --colorGreen20: rgba(35, 144, 94, 0.2); --colorYellow20: rgba(208, 182, 95, 0.2); --colorViolet20: rgba(187, 107, 217, 0.2); --colorOrange20: rgba(178, 120, 66, 0.2); --colorRed20: rgba(210, 50, 54, 0.2); --modalOverlay: rgba(21, 22, 24, 0.4); --shadowNotifications: 0px 56px 130px 0px rgba(0, 0, 0, 0.10), 0px 30px 60px 0px rgba(0, 0, 0, 0.07), 0px 13px 26px 0px rgba(0, 0, 0, 0.05), 0px 6px 6px 0px rgba(0, 0, 0, 0.03); --colorKycDraftActive: rgba(228, 228, 240, 0.5); --colorKycSentActive: #437BA4; --colorKycOnholdActive: #616F9C; --colorKycReviewActive: #D0B65F; --colorKycRejectedActive: #D23236; --colorKycAddInfoActive: #B27842; --colorKycVerifiedActive: #23905E; --colorKycFailedActive: #B74E2D; --colorKycDraftDefault: rgba(228, 228, 240, 0.3); --colorKycSentDefault: rgba(67, 123, 164, 0.7); --colorKycOnholdDefault: rgba(97, 111, 156, 0.8); --colorKycReviewDefault: rgba(208, 182, 95, 0.6); --colorKycRejectedDefault: rgba(210, 50, 54, 0.6); --colorKycAddInfoDefault: rgba(178, 120, 66, 0.7); --colorKycVerifiedDefault: rgba(35, 144, 94, 0.7); --colorKycFailedDefault: rgba(183, 78, 45, 0.7); } ._light-theme_monochrome { --colorAccent: #5F89BA; --colorAccent20: rgba(95, 161, 255, 0.2); --colorAdminBackground: #DEE4EE; --colorAdminMenuBackground: #CFD5DF; --colorAdminSubTab: #DFE3EB; --colorAdminTableHeader: #F4F6F8; --colorAdminWarning: #FF3838; --colorAfterMarket: #bb6bd9; --colorBackdrop: rgba(48, 55, 58, 0.7); --colorBgAccent: #E8ECF2; --colorBgAccentHover: #F0F4F7; --colorBgMain: #C6CDD8; --colorBgPrimary: #FFFFFF; --colorBgSecondary: #F4F7F9; --colorBgSecondary50: #F2F2F2; --colorBgSecondaryHover: #E6EAED; --colorBubbleIncomingBg: #DFE3EB; --colorBubbleOutgoingBg: #B4BAC6; --colorBgBugfix: rgba(242, 201, 76, 0.4); --colorTextBugfix: #474A5A; --colorButtonBg: var(--colorNone); --colorButtonBgHover: var(--colorButtonBorder); --colorButtonBorder: var(--colorTextDisabled); --colorButtonBorderAccent: var(--colorTextDisabled); --colorButtonBorderHover: var(--colorTextDigit); --colorButtonSecondary: #F2F4F7; --colorButtonSecondaryHover: #E5ECF5; --colorButtonSecondaryDisabled: #F2F4F7; --colorButtonTextAccent: var(--colorTextPrimary); --colorBuy: #7F8592; --colorBuyDisabled: rgba(166, 170, 176, 0.3); --colorBuyHover: #5F89BA; --colorBuyPressed: #476B96; --colorChatBg: #FFFFFF; --colorCheckboxBgActive: var(--colorAccent); --colorCheckboxBgHover: #F2F5FA; --colorCheckboxBorder: rgba(21, 21, 21, 0.32); --colorCheckboxBorderActive: var(--colorAccent); --colorCheckboxMarkColor: #FFFFFF; --colorChipsBg: #F2F5F8; --colorDashboardHeaderDivider: var(--colorDivider); --colorDivider: rgba(21, 21, 21, 0.08); --colorDropBg: #F9FAFB; --colorDropBgActive: #F9FAFB; --colorDropBgHover: #5F89BA; --colorDropBorder: var(--colorDropBg); --colorDropBorderActive: var(--colorDropBg); --colorDropBorderHover: var(--colorDropBgHover); --colorDropShadow: rgba(0, 0, 0, 0.24); --colorError: #D23236; --colorErrorAccent: #543139; --colorGreen: #23905E; --colorGreenAdmin: #47B507; --colorGreen10: rgba(35, 144, 94, 0.07); --colorOrange10: rgba(241, 155, 75, 0.07); --colorRed10: rgba(210, 50, 54, 0.07); --colorGrey20: rgba(20, 20, 20, 0.2); --colorGrey10: rgba(20, 20, 20, 0.07); --colorHeaderBg: #1D1D27; --colorHeaderIconBg: #17171F; --colorHintBg: #F8F8F8; --colorHintErrorBg: #D23236; --colorHintBorder: rgba(21, 21, 21, 0.06); --colorInputBg: #F2F4F7; --colorInputBgActive: var(--colorBgPrimary); --colorInputBgDisabled: var(--colorInputBg); --colorInputBgHover: var(--colorInputBg); --colorInputBorder: rgba(21, 21, 21, 0.08); --colorInputBorderActive: #3178DA; --colorInputBorderDisabled: var(--colorNone); --colorInputBorderHover: rgba(21, 21, 21, 0.16); --colorInputSecondaryBg: var(--colorNone); --colorInputSecondaryBgDisabled: var(--colorNone); --colorInputSecondaryBgHover: var(--colorNone); --colorInputSecondaryBorder: var(--colorInputBorder); --colorInputSecondaryBorderActive: var(--colorInputBorderActive); --colorInputSecondaryBorderDisabled: var(--colorInputBorder); --colorInputSecondaryBorderHover: var(--colorInputBorderHover); --colorMenuBorder: rgba(10, 13, 14, 0.3); --colorNone: rgba(255, 255, 255, 0); --colorNotificationBackground: #484D52; --colorNotificationError: #FFCDD2; --colorNotificationReject: #FFCDD2; --colorNotifyCanceled: #A9BBD6; --colorNotifyDefaultBg: #FFFFFF; --colorNotifyDefaultBorder: rgba(0, 0, 0, 0.06); --colorNotifyHeaderBg: rgba(29, 29, 39, 0.16); --colorNotifyHeaderBorder: var(--colorNotifyHeaderBg); --colorNotifyPartialBg: #FFEDB5; --colorNotifyPartialBorder: var(--colorNotifyDefaultBorder); --colorNotifyRejectBg: #E7C2C8; --colorNotifyRejectBorder: var(--colorNotifyDefaultBorder); --colorOCOGroup: #c4c4c4; --colorOffline: #FEC74C; --colorOrderBookAsk: rgba(255, 56, 56, 0.08); --colorOrderBookBid: rgba(22, 207, 74, 0.12); --colorOrderChatBg: #FFFFFF; --colorPLMinus: #4188EA; --colorPLPlus: #4188EA; --colorPlaceholderGraphics: #DEE4EE; --colorPlugLogoText: #FFFFFF; --colorPreMarket: #F19B4B; --colorPrevDayNotClosed: rgba(210, 50, 54, 0.14); --colorProgressBar: var(--colorDivider); --colorProgressBarFilled: var(--colorGreen); --colorQuickBuyBg: var(--colorQuickSellBg); --colorQuickBuyBgDisabled: var(--colorNone); --colorQuickBuyBgHover: #5F89BA; --colorQuickBuyBorder: var(--colorQuickBuyBg); --colorQuickBuyBorderDisabled: var(--colorQuickSellBg); --colorQuickBuyBorderHover: var(--colorQuickBuyBgHover); --colorQuickBuyText: var(--colorTextMain); --colorQuickBuyTextDisabled: var(--colorTextDisabled); --colorQuickBuyTextHover: var(--colorWhite); --colorQuickBuyTextSecondary: var(--colorTextPrimary); --colorQuickBuyTextSecondaryDisabled: var(--colorTextDisabled); --colorQuickBuyTextSecondaryHover: var(--colorWhite70); --colorQuickSellBg: #DFE4EB; --colorQuickSellBgDisabled: var(--colorNone); --colorQuickSellBgHover: #5F89BA; --colorQuickSellBorder: var(--colorQuickSellBg); --colorQuickSellBorderDisabled: var(--colorQuickSellBg); --colorQuickSellBorderHover: var(--colorQuickSellBgHover); --colorQuickSellText: var(--colorTextMain); --colorQuickSellTextDisabled: var(--colorTextDisabled); --colorQuickSellTextHover: var(--colorWhite); --colorQuickSellTextSecondary: var(--colorTextPrimary); --colorQuickSellTextSecondaryDisabled: var(--colorTextDisabled); --colorQuickSellTextSecondaryHover: var(--colorWhite70); --colorSegmentControlActiveBg: #DFE3EB; --colorSegmentControlActiveBorder: #DFE3EB; --colorSegmentControlActiveText: #141414; --colorSegmentControlBg: #F2F3F5; --colorSegmentControlBorder: #F2F3F5; --colorSegmentControlDefaultText: rgba(21, 21, 21, 0.8); --colorSegmentControlDisabledBg: rgba(223, 227, 235, 0.5); --colorSegmentControlDivider: #E6E7E8; --colorSelectedState: #D23236; --colorSell: #7F8592; --colorSellDisabled: rgba(166, 170, 176, 0.3); --colorSellHover: #5F89BA; --colorSellPressed: #476B96; --colorSpreadBg: var(--colorBgPrimary); --colorSpreadBorder: var(--colorQuickSellBg); --colorSpreadText: var(--colorTextPrimary); --colorStroke: rgba(16, 16, 18, 0.2); --colorSwitcherBg: #CBCBD1; --colorSwitcherBgActive: var(--colorAccent); --colorSwitcherDotBg: #FFFFFF; --colorSwitcherDotBgActive: var(--colorWhite); --colorSwitchersBorderActive: #223236; --colorTableBg: var(--colorBgPrimary); --colorTableBgHover: #303336; --colorTableBgPartial: rgba(242, 153, 65, 0.1); --colorTableBgReject: rgba(210, 50, 54, 0.08); --colorTextDigit: #5F5E5E; --colorTextDisabled: rgba(21, 21, 21, 0.32); --colorTextIcons: rgba(21, 21, 21, 0.4); --colorTextInstrumentCategory: #FFFFFF; --colorTextLinks: var(--colorAccent); --colorTextLinksDisabled: var(--colorTextPrimary); --colorTextMain: #141414; --colorTextPrimary: rgba(20, 20, 20, 0.7); --colorTextWhite: #FFFFFF; --colorTextWhite50: rgba(255, 255, 255, 0.5); --colorTradingHeaderBg: #0E0F12; --colorTradingHeaderText: rgba(21, 21, 21, 0.5); --colorTradingHeaderTextActive: #151515; --colorWarning: #F2C94C; --colorWarningAccent: #F98012; --colorWarningBackground: #FFFFFF; --colorWarningPrimary: #7D1823; --colorWarningSecondary: #90CAF9; --colorWhite: #ffffff; --colorWhite70: rgba(255, 255, 255, 0.7); --colorWindowBorder: #DADFE6; --colorWindowBorderActive: var(--colorCheckboxBorderActive); --colorWindowBorderHover: var(--colorInputBorderHover); --colorWindowBoxShadow: rgba(0, 0, 0, 0.24); --colorWindowHeaderBoxShadow: #34363A; --colorWindowResizeIcon: rgba(255, 255, 255, 0.2); --colorButtonAccent: #5F89BA; --colorButtonAccent10: rgba(95, 161, 255, 0.12); --colorButtonAccentHover: #999DA7; --colorButtonAccentPressed: #666A74; --colorButtonAccentDisabled: #B2B6BD; --colorVertGridLines: #F2F3F3; --colorHorzGridLines: #F2F3F3; --colorScalesLines: #E1E1E3; --colorWickDown: #C49BA0; --colorWickUp: #90C7B0; --colorCandleBorderDown: #C49BA0; --colorCandleBorderUp: #90C7B0; --colorCandleDown: #D7AAAF; --colorCandleUp: #0F9965; --colorLineStyle: #5F89BA; --colorAreaStyleFill: rgba(95, 137, 186, 0.3); --colorAreaStyleLine: #5F89BA; --colorFreeze: #5F89BA; --colorTextBlack: #000000; --colorSellSelected: rgba(127, 133, 146, 0.5); --colorBuySelected: rgba(127, 133, 146, 0.5); --colorTextAlertWarning: #292C35; --colorAlertWarningBg: #FFE286; --colorYellow: #F2C94C; --colorViolet: #BB6BD9; --colorBgInfo: #EDF1F7; --colorBgInfoHover: #E8ECF2; --colorGreenAdmin20: rgba(71, 181, 7, 0.2); --colorScrollbar: var(--colorTextDisabled); --colorAccentHover:var(--colorTextMain); --colorHeaderText: var(--colorWhite); --colorHeaderTextLabel: var(--colorTextWhite50); --colorHeaderIcon: var(--colorTextWhite50); --colorHeaderIconHover: var(--colorWhite); --colorHeaderIconSelected: var(--colorWhite); --colorHeaderPlus: var(--colorPLPlus); --colorHeaderMinus: var(--colorPLMinus); --colorButtonAccentText: var(--colorTextWhite); --colorButtonAccentTextDisabled: var(--colorTextDisabled); --colorSegmentControlBackground: var(--colorSegmentControlActiveBorder); --colorSegmentControlBackgroundHover: var(--colorSegmentControlActiveBorder); --colorSegmentControlText: var(--colorTextMain); --colorNotEnoughSpaceWidget: rgba(21, 21, 21, 0.32); --colorHandFill: #FFFFFF; --colorOfflineTimeline: #DCE0E4; --colorOfflineTimelineHover: #E3E6E9; --colorMainSessions: #799ECA; --colorMainSessionsHover: #96B8E0; --colorMainSessionsHint: #3369AB; --colorNoInfoTimeline: #DFE3E7; --colorNoInfoTimelineHover: #DCE0E4; --colorPreAfterMarketTimeline: #F6A74C; --colorPreAfterMarketTimelineHover: #F8B970; --colorGreenFx: #1CAA66; --colorYellowEq: #F8961E; --colorPurpleBo: #9D3BC7; --colorBlueFu: #2294E7; --colorOrangeOp: #F35C2C; --colorGreenCash: #77AE4D; --colorPinkCrypto: #D053C4; --colorWhiteCfd: #D8D9E8; --colorGreenEtf: #97E4DF; --yellowCommodity: #FFCF96; --colorDeepBlue: #4B74A5; --colorJade: #77CCA3; --colorSpringGreen: #ADCF94; --colorLightGrey: #D8D9E8; --colorOrange: #F19B4B; --colorNavyViolet: #C489DD; --colorBlue: #72B1FD; --colorCoralRed: #F57C56; --colorRed: #D23236; --colorMint: #B6ECE9; --colorMagenta: #E7A9E1; --colorGrey: rgba(20, 20, 20, 0.7); --colorOlive: #B1B171; --colorPeach: #FFCF96; --colorNavyBlue: #3A6C99; --colorPlum: #9F6BA1; --colorLavender: #9DAFEA; --colorGreen20: rgba(35, 144, 94, 0.2); --colorYellow20: rgba(242, 201, 76, 0.2); --colorViolet20: rgba(187, 107, 217, 0.2); --colorOrange20: rgba(241, 155, 75, 0.2); --colorRed20: rgba(210, 50, 54, 0.2); --modalOverlay: rgba(0, 0, 0, 0.2); --shadowNotifications: 0px 56px 130px 0px rgba(94, 94, 94, 0.10), 0px 30px 60px 0px rgba(94, 94, 94, 0.07), 0px 13px 26px 0px rgba(94, 94, 94, 0.05), 0px 6px 6px 0px rgba(94, 94, 94, 0.03); --colorKycDraftActive: rgba(20, 20, 20, 0.5); --colorKycSentActive: #4B74A5; --colorKycOnholdActive: #859BE5; --colorKycReviewActive: #E3AB00; --colorKycRejectedActive: #D23236; --colorKycAddInfoActive: #F19B4B; --colorKycVerifiedActive: #23905E; --colorKycFailedActive: #F57C56; --colorKycDraftDefault: rgba(20, 20, 20, 0.3); --colorKycSentDefault: rgba(75, 116, 165, 0.7); --colorKycOnholdDefault: rgba(133, 155, 229, 0.8); --colorKycReviewDefault: rgba(227, 171, 0, 0.8); --colorKycRejectedDefault: rgba(210, 50, 54, 0.6); --colorKycAddInfoDefault: rgba(241, 155, 75, 0.7); --colorKycVerifiedDefault: rgba(35, 144, 94, 0.6); --colorKycFailedDefault: rgba(245, 124, 86, 0.7); } :root { --typographyH1Font: 300 30px Lato; --typographyH1Spacing: 0.12em; --typographySubtitleFont: 600 15px Lato; --typographySubtitleSpacing: 0.02em; --typographyBody1Font: 400 13px Lato; --typographyBody1Spacing: 0.02em; --typographyBody2Font: 400 12px Lato; --typographyBody2Spacing: 0.02em; --typographyCaptionFont: 400 11px Lato; --typographyCaptionSpacing: 0.02em; --typographyErrorFont: 400 11px Lato; --typographyErrorSpacing: 0.06em; --typographyCaps1Font: 700 16px Lato; --typographyCaps1Spacing: 0.02em; --typographyCaps2Font: 700 13px Lato; --typographyCaps2Spacing: 0.06em; --typographyCaps3Font: 400 10px Lato; --typographyCaps3Spacing: 0.06em; --typographyDigit1Font: 600 18px Lato; --typographyDigit1Spacing: 0em; --typographyDigit2Font: 600 22px Lato; --typographyDigit2Spacing: 0em; --typographyDigit3Font: 700 26px Lato; --typographyDigit3Spacing: 0em; --typographyDigit4Font: 900 34px Lato; --typographyDigit4Spacing: 0em; --typographyCodesFont: 400 14px Lato; --typographyCodesSpacing: 0.3em; --typographyHeaderFont: 600 12px Lato; --typographyHeaderSpacing: 0.06em; --typographySmallIconFont: 700 8px Lato; --typographySmallIconSpacing: 0em; } .typographyH1 { font: var(--typographyH1Font); letter-spacing: var(--typographyH1Spacing) } .typographySubtitle { font: var(--typographySubtitleFont); letter-spacing: var(--typographySubtitleSpacing); } .typographyBody1 { font: var(--typographyBody1Font); letter-spacing: var(--typographyBody1Spacing); } .typographyBody2 { font: var(--typographyBody2Font); letter-spacing: var(--typographyBody2Spacing); } .typographyCaption { font: var(--typographyCaptionFont); letter-spacing: var(--typographyCaptionSpacing); } .typographyError { font: var(--typographyErrorFont); letter-spacing: var(--typographyErrorSpacing) } .typographyCaps1 { font: var(--typographyCaps1Font); letter-spacing: var(--typographyCaps1Spacing); text-transform: uppercase; } .typographyCaps2 { font: var(--typographyCaps2Font); letter-spacing: var(--typographyCaps2Spacing); text-transform: uppercase; } .typographyCaps3 { font: var(--typographyCaps3Font); letter-spacing: var(--typographyCaps3Spacing); text-transform: uppercase; } .typographyDigit1 { font: var(--typographyDigit1Font); letter-spacing: var(--typographyDigit1Spacing); } .typographyDigit2 { font: var(--typographyDigit2Font); letter-spacing: var(--typographyDigit2Spacing); } .typographyDigit3 { font: var(--typographyDigit3Font); letter-spacing: var(--typographyDigit3Spacing); } .typographyDigit4 { font: var(--typographyDigit4Font); letter-spacing: var(--typographyDigit4Spacing); } .typographyCodes { font: var(--typographyCodesFont); letter-spacing: var(--typographyCodesSpacing); } .typographyHeader { font: var(--typographyHeaderFont); letter-spacing: var(--typographyHeaderSpacing); } .typographySmallIcon { font: var(--typographySmallIconFont); letter-spacing: var(--typographySmallIconSpacing); } [class^="new-icon"], [class*=" new-icon"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .new-icon-star_plus:before { content: "\e9ea"; } .new-icon-gift:before { content: "\e9e9"; } .new-icon-c_connector:before { content: "\e9e8"; } .new-icon-file_up_outline:before { content: "\e9e6"; } .new-icon-file_down_outline:before { content: "\e9e5"; } .new-icon-add_outline:before { content: "\e9e7"; } .new-icon-kyc_connector:before { content: "\e9e3"; } .new-icon-payment_connector:before { content: "\e9e4"; } .new-icon-scales:before { content: "\e9e2"; } .new-icon-candle_copy:before { content: "\e9e1"; } .new-icon-st_italic:before { content: "\e9e0"; } .new-icon-st_bold:before { content: "\e9d3"; } .new-icon-st_bulleted-list:before { content: "\e9d4"; } .new-icon-st_code-block:before { content: "\e9d5"; } .new-icon-st_code:before { content: "\e9d6"; } .new-icon-st_divider:before { content: "\e9d7"; } .new-icon-st_heading:before { content: "\e9d8"; } .new-icon-st_image:before { content: "\e9d9"; } .new-icon-st_numbered-list:before { content: "\e9da"; } .new-icon-st_quote:before { content: "\e9db"; } .new-icon-st_strikethrough:before { content: "\e9dc"; } .new-icon-st_style-text:before { content: "\e9dd"; } .new-icon-st_underline:before { content: "\e9de"; } .new-icon-p_connector:before { content: "\e9df"; } .new-icon-d_connector:before { content: "\e9d1"; } .new-icon-n_connector:before { content: "\e9d2"; } .new-icon-clockFilled:before { content: "\e9d0"; } .new-icon-minimize:before { content: "\e9cf"; } .new-icon-expand:before { content: "\e9ce"; } .new-icon-line-markets:before { content: "\e9c9"; } .new-icon-columns:before { content: "\e9ca"; } .new-icon-high-low:before { content: "\e9cb"; } .new-icon-hlc-area:before { content: "\e9cc"; } .new-icon-step-line:before { content: "\e9cd"; } .new-icon-file:before { content: "\e9c8"; } .new-icon-crop:before { content: "\e9c6"; } .new-icon-move:before { content: "\e9c7"; } .new-icon-placeholderWarning:before { content: "\e9c5"; } .new-icon-crossInCircleOutline:before { content: "\e9c4"; } .new-icon-moveTo:before { content: "\e9c3"; } .new-icon-reload:before { content: "\e9c2"; } .new-icon-st_connector:before { content: "\e9c1"; } .new-icon-backoffice:before { content: "\e9c0"; } .new-icon-cash_in:before { content: "\e9bf"; } .new-icon-openInterest:before { content: "\e9bd"; } .new-icon-order:before { content: "\e9be"; } .new-icon-dealer-desk:before { content: "\e9bc"; } .new-icon-manual-order:before { content: "\e9bb"; } .new-icon-ar_connector:before { content: "\e9ba"; } .new-icon-closed:before { content: "\e9b8"; } .new-icon-requiredSwaps:before { content: "\e9b9"; } .new-icon-swap:before { content: "\e9b7"; } .new-icon-letter:before { content: "\e9b6"; } .new-icon-deliverable:before { content: "\e9b4"; } .new-icon-leverage:before { content: "\e9b5"; } .new-icon-bot:before { content: "\e9b2"; } .new-icon-profile-plus:before { content: "\e9b3"; } .new-icon-verify_pending:before { content: "\e9b1"; } .new-icon-h_connector:before { content: "\e9ac"; } .new-icon-i_connector:before { content: "\e9ad"; } .new-icon-m_connector:before { content: "\e9ae"; } .new-icon-o_connector:before { content: "\e9af"; } .new-icon-s_connector:before { content: "\e9b0"; } .new-icon-verify_fail:before { content: "\e9a9"; } .new-icon-verify_passed:before { content: "\e9aa"; } .new-icon-verify_warning:before { content: "\e9ab"; } .new-icon-lamp:before { content: "\e9a8"; } .new-icon-link:before { content: "\e9a6"; } .new-icon-unlink:before { content: "\e9a7"; } .new-icon-stop_loss:before { content: "\e9a4"; } .new-icon-take_profit:before { content: "\e9a5"; } .new-icon-apple:before { content: "\e9a2"; } .new-icon-google-play:before { content: "\e9a3"; } .new-icon-global:before { content: "\e94c"; } .new-icon-certificate:before { content: "\e999"; } .new-icon-chart_index:before { content: "\e99a"; } .new-icon-coin_crypto:before { content: "\e99b"; } .new-icon-coins_currency:before { content: "\e99c"; } .new-icon-fund:before { content: "\e99d"; } .new-icon-gold:before { content: "\e99e"; } .new-icon-note:before { content: "\e99f"; } .new-icon-pie_chart:before { content: "\e9a0"; } .new-icon-tracker_certificate:before { content: "\e9a1"; } .new-icon-circle:before { content: "\e998"; } .new-icon-stats:before { content: "\e997"; } .new-icon-snowflake:before { content: "\e987"; } .new-icon-night:before { content: "\e986"; } .new-icon-Deposit:before { content: "\e983"; } .new-icon-qr:before { content: "\e984"; } .new-icon-Withdrawal:before { content: "\e985"; } .new-icon-watchlists-normal:before { content: "\e981"; } .new-icon-coins:before { content: "\e97e"; } .new-icon-portfolio-normal:before { content: "\e97f"; } .new-icon-transactions:before { content: "\e980"; } .new-icon-chat-normal:before { content: "\e982"; } .new-icon-notificationDot:before { content: "\e975"; } .new-icon-area:before { content: "\e976"; } .new-icon-bars:before { content: "\e977"; } .new-icon-baseline:before { content: "\e978"; } .new-icon-candle:before { content: "\e979"; } .new-icon-heikin-ashi:before { content: "\e97a"; } .new-icon-holow-candes:before { content: "\e97b"; } .new-icon-line:before { content: "\e97c"; } .new-icon-status-ready-outline:before { content: "\e97d"; } .new-icon-table:before { content: "\e96a"; } .new-icon-candles:before { content: "\e96b"; } .new-icon-daily-calendar:before { content: "\e96c"; } .new-icon-history:before { content: "\e96d"; } .new-icon-percent:before { content: "\e96e"; } .new-icon-table-row:before { content: "\e96f"; } .new-icon-verification:before { content: "\e970"; } .new-icon-dashboard:before { content: "\e971"; } .new-icon-mobile:before { content: "\e972"; } .new-icon-portfolio:before { content: "\e973"; } .new-icon-user:before { content: "\e974"; } .new-icon-volumeUp:before { content: "\e968"; } .new-icon-volumeMute:before { content: "\e969"; } .new-icon-warning:before { content: "\e967"; } .new-icon-addAlertBell:before { content: "\e965"; } .new-icon-alertBell:before { content: "\e966"; } .new-icon-tooltip_outline:before { content: "\e964"; } .new-icon-book:before { content: "\e963"; } .new-icon-frequency:before { content: "\e961"; } .new-icon-orderlink:before { content: "\e962"; } .new-icon-inpic:before { content: "\e95d"; } .new-icon-instument:before { content: "\e95e"; } .new-icon-side:before { content: "\e95f"; } .new-icon-view:before { content: "\e960"; } .new-icon-cashFilled:before { content: "\e95b"; } .new-icon-crypto:before { content: "\e95c"; } .new-icon-clip:before { content: "\e958"; } .new-icon-doublecheck:before { content: "\e959"; } .new-icon-send:before { content: "\e95a"; } .new-icon-duplicatePlus:before { content: "\e957"; } .new-icon-amount:before { content: "\e955"; } .new-icon-calculator:before { content: "\e956"; } .new-icon-pause:before { content: "\e953"; } .new-icon-stop:before { content: "\e954"; } .new-icon-balance:before { content: "\e94f"; } .new-icon-theme:before { content: "\e952"; } .new-icon-manageRows:before { content: "\e950"; } .new-icon-crossInCircle:before { content: "\e951"; } .new-icon-dropdown_small-1:before { content: "\e91e"; } .new-icon-range_up:before { content: "\e940"; } .new-icon-tooltip:before { content: "\e901"; } .new-icon-reverse:before { content: "\e921"; } .new-icon-news:before { content: "\e933"; } .new-icon-add:before { content: "\e900"; } .new-icon-status-offline:before { content: "\e902"; } .new-icon-status-no-remote-connection:before { content: "\e903"; } .new-icon-status-ready:before { content: "\e904"; } .new-icon-unlock:before { content: "\e905"; } .new-icon-lock_all:before { content: "\e906"; } .new-icon-alert:before { content: "\e907"; } .new-icon-notification:before { content: "\e908"; } .new-icon-add_source:before { content: "\e909"; } .new-icon-IconPinned:before { content: "\e90a"; } .new-icon-IconUnpinned:before { content: "\e90b"; } .new-icon-appearance:before { content: "\e90c"; } .new-icon-arrange:before { content: "\e90d"; } .new-icon-arrow-backward:before { content: "\e90e"; } .new-icon-arrow-double:before { content: "\e90f"; } .new-icon-arrow-forward:before { content: "\e910"; } .new-icon-calendar:before { content: "\e911"; } .new-icon-cards_view:before { content: "\e912"; } .new-icon-chat:before { content: "\e913"; } .new-icon-chat_outline:before { content: "\e914"; } .new-icon-chart:before { content: "\e915"; } .new-icon-clock:before { content: "\e916"; } .new-icon-eod_timer:before { content: "\e917"; } .new-icon-SessionClock:before { content: "\e918"; } .new-icon-eye:before { content: "\e919"; } .new-icon-eyeHide:before { content: "\e91a"; } .new-icon-drag:before { content: "\e91b"; } .new-icon-dragger:before { content: "\e91c"; } .new-icon-dropdown_small:before { content: "\e91f"; } .new-icon-dropdown_big:before { content: "\e91d"; } .new-icon-dropup_big:before { content: "\e920"; } .new-icon-forward:before { content: "\e922"; } .new-icon-backward:before { content: "\e923"; } .new-icon-duplicate:before { content: "\e924"; } .new-icon-edit:before { content: "\e925"; } .new-icon-eod_overdue:before { content: "\e926"; } .new-icon-eod_exist:before { content: "\e927"; } .new-icon-eod_notready:before { content: "\e928"; } .new-icon-eod_play:before { content: "\e929"; } .new-icon-info:before { content: "\e92a"; } .new-icon-kebab:before { content: "\e92b"; } .new-icon-kebab_horisontal:before { content: "\e92c"; } .new-icon-list_view:before { content: "\e92d"; } .new-icon-margin:before { content: "\e92e"; } .new-icon-market-depth:before { content: "\e92f"; } .new-icon-close_small:before { content: "\e930"; } .new-icon-maximise:before { content: "\e931"; } .new-icon-minimise:before { content: "\e932"; } .new-icon-ok:before { content: "\e934"; } .new-icon-phone:before { content: "\e935"; } .new-icon-Minus:before { content: "\e936"; } .new-icon-plus:before { content: "\e937"; } .new-icon-positions:before { content: "\e938"; } .new-icon-preferences:before { content: "\e939"; } .new-icon-eod_bage1x:before { content: "\e93a"; } .new-icon-preferences_outline:before { content: "\e93b"; } .new-icon-profile:before { content: "\e93c"; } .new-icon-range_down:before { content: "\e93d"; } .new-icon-dropup_small:before { content: "\e93e"; } .new-icon-refresh:before { content: "\e93f"; } .new-icon-satus-notavailable:before { content: "\e941"; } .new-icon-search:before { content: "\e942"; } .new-icon-security:before { content: "\e943"; } .new-icon-settings:before { content: "\e944"; } .new-icon-show_presets:before { content: "\e945"; } .new-icon-sort_down:before { content: "\e946"; } .new-icon-sort_up:before { content: "\e947"; } .new-icon-ticket:before { content: "\e948"; } .new-icon-trash_outline:before { content: "\e949"; } .new-icon-trading:before { content: "\e94a"; } .new-icon-Union:before { content: "\e94b"; } .new-icon-watchlist:before { content: "\e94d"; } .new-icon-eod_bage2x:before { content: "\e94e"; } .new-icon-market:before { content: "\e988"; } .new-icon-asset:before { content: "\e989"; } .new-icon-resetColumn:before { content: "\e98a"; } .new-icon-statusUpdate:before { content: "\e98b"; } .new-icon-statusVerification:before { content: "\e98c"; } .new-icon-trades:before { content: "\e98d"; } .new-icon-release-notes:before { content: "\e98e"; } .new-icon-copy-done:before { content: "\e98f"; } .new-icon-mobile_casual:before { content: "\e990"; } .new-icon-unity:before { content: "\e991"; } .new-icon-status-no-remote-outline:before { content: "\e992"; } .new-icon-status-not-available:before { content: "\e993"; } .new-icon-status-settings-problem:before { content: "\e994"; } .new-icon-star:before { content: "\e995"; } .new-icon-star_outline:before { content: "\e996"; } .full-width { width: 100%; } button, input { outline: none; font-family: Lato; padding: 0; } button:focus { outline: none !important; } textarea { font-family: Lato; } html, body { height: 100%; min-height: 100%; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } html, body, [data-reactroot], .wrapper, #app, #app > div, .height_100 { display: flex; flex-direction: column; justify-content: center; flex: 1; flex-basis: unset; height: 100%; } .wrapper { display: block; height: 100%; /*height: calc(100% - 28px);*/ } .height_100 { } .page-container { flex: 1; height: 100%; overflow: hidden; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { color: var(--colorTextMain) !important; -webkit-box-shadow: 0 0 0 100px var(--colorInputBg) inset !important; -webkit-text-fill-color: var(--colorTextMain) !important; caret-color: var(--colorTextMain) !important; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; } input[type=number] { -moz-appearance: textfield; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { appearance: none; margin: 0; } .custom-scroll { width: 100%; } .text-center { text-align: center; } textarea, input, input::after, input::before { -webkit-user-select: text !important; user-select: text !important; } .react-grid-layout { position: relative; transition: height 200ms ease; } .react-grid-item > .react-resizable-handle { position: absolute; width: 20px; height: 20px; bottom: 0; right: 0; padding: 0 3px 3px 0; box-sizing: border-box; cursor: se-resize; z-index: 100; } .react-grid-item > .react-resizable-handle::after { content: "\e90d"; font-family: 'icomoon'; color: var(--colorWindowResizeIcon); position: absolute; right: 4px; bottom: 4px; font-size: 8px; } .react-grid-item > div { height: 100%; } .react-grid-item { z-index: 1; transition: all 200ms ease; transition-property: left, top; } .react-grid-item.cssTransforms { transition-property: transform; } .react-grid-item.resizing { z-index: 1; will-change: width, height; } .react-grid-item.react-draggable-dragging { transition: none; z-index: 3; will-change: transform; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 101px 145px rgba(0, 0, 0, 0.31), 0px 54.5115px 84.7837px rgba(0, 0, 0, 0.213894), 0px 41.5742px 68.4117px rgba(0, 0, 0, 0.17245), 0px 31.2585px 55.239px rgba(0, 0, 0, 0.13755), 0px 0px 2px #000000; } .react-grid-item.dropping { visibility: hidden; } .react-grid-item:hover { z-index: 10; } .react-grid-placeholder { background: rgba(255, 255, 255, 0.02); border: 1px dashed rgba(255, 255, 255, 0.12); z-index: 0; } .react-grid-placeholder:hover { z-index: 0; } .react-grid-placeholder { transition-duration: 100ms; -webkit-user-select: none; -o-user-select: none; user-select: none; } .react-grid-item.react-draggable-dragging { transition: none; z-index: 3; will-change: transform; } .react-resizable-hide > .react-resizable-handle { display: none; } .widgetDragClass { cursor: move; } :global .chart-page { background: var(--colorBgPrimary); font-family: Lato, sans-serif; } :global html.theme-dark .chart-page { background: var(--colorBgPrimary); } :global html .chart-page .chart-container, :global html.theme-dark .chart-page .chart-container { border-color: transparent; } :global html.theme-dark .tv-dialog, :global html.theme-dark ._tv-dialog { background: var(--colorBgPrimary); } :global .context-menu { font-family: Lato, sans-serif; } :global html.theme-dark .context-menu-wrapper { background: var(--colorBgPrimary); border-color: var(--colorDivider); } :global html.theme-dark .context-menu .action-separator td { background: var(--colorBgPrimary); border-color: var(--colorDivider); } :global ._tv-button, :global html.theme-dark ._tv-button { border-radius: 4px; } :global html.theme-dark .chart-page { background: var(--colorBgPrimary); } :global html.theme-dark .group-2JyOhh7Z- { background: var(--colorBgPrimary); } :global html.theme-dark .group-wWM3zP_M- { background: var(--colorBgPrimary); } :global ._tv-button.cancel, :global ._tv-button.tv-left { background: transparent; } /* Hide "Change symbol" */ :global div.context-menu-wrapper.topmenu > table > tbody > tr.context-menu:nth-child(3) { display: none; } :global div.context-menu-wrapper.topmenu > table > tbody > tr.context-menu:nth-child(4) { display: none; } :global div.context-menu-wrapper.topmenu > table > tbody > tr.context-menu:nth-child(5) { display: none; } :global div.context-menu-wrapper.topmenu > table > tbody > tr.context-menu:nth-child(6) { display: none; } :global div.context-menu-wrapper.topmenu > table > tbody > tr.context-menu:nth-child(11) { display: none; } :global div.context-menu-wrapper.topmenu > table > tbody > tr.context-menu:nth-child(12) { display: none; } :root { --tv-color-platform-background: var(--colorBgPrimary); --tv-color-pane-background: var(--colorBgPrimary); --tv-color-pane-background-secondary: var(--colorBgPrimary); --tv-color-toolbar-button-background-hover: var(--colorDropBgHover); --tv-color-toolbar-button-background-secondary-hover: var(--colorDropBgHover); --tv-color-toolbar-button-background-expanded: var(--colorDropBgHover); --tv-color-toolbar-button-text: var(--colorTextIcons); --tv-color-toolbar-button-text-hover: var(--colorTextMain); --tv-color-toolbar-button-text-active: var(--colorTextMain); --tv-color-toolbar-button-text-active-hover: var(--colorTextMain); --tv-color-item-active-text: var(--colorTextMain); --tv-color-toolbar-toggle-button-background-active: var(--colorDropBgHover); --tv-color-toolbar-toggle-button-background-active-hover: var(--colorDropBgHover); } @font-face { font-family: "Lato"; font-style: normal; font-weight: 300; src: url(/3f1e588394a6eaa5.eot); /* IE9 Compat Modes */ src: url(/3f1e588394a6eaa5.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(/53d0a4f5cc0e2d2f.woff2) format('woff2'), /* Modern Browsers */ url(/0599d25886198877.woff) format('woff'), /* Modern Browsers */ url(/ac63c211403aad95.ttf) format('truetype'); } @font-face { font-family: "Lato"; font-style: normal; font-weight: 400; src: url(/0df62c8a799e7092.eot); /* IE9 Compat Modes */ src: url(/0df62c8a799e7092.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(/92fc6f9601a72ee5.woff2) format('woff2'), /* Modern Browsers */ url(/2fe2df8844fda0a1.woff) format('woff'), /* Modern Browsers */ url(/a06a19cb2e730e36.ttf) format('truetype'); } @font-face { font-family: "Lato"; font-style: italic; font-weight: 400; src: url(/df3f933a2b2f832c.eot); /* IE9 Compat Modes */ src: url(/df3f933a2b2f832c.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(/977e531e300a8a66.woff2) format('woff2'), /* Modern Browsers */ url(/063a6ede49d1f104.woff) format('woff'), /* Modern Browsers */ url(/e68aac89bd5a1b3b.ttf) format('truetype'); } @font-face { font-family: "Lato"; font-style: normal; font-weight: 600; src: url(/f620d3619e515586.eot); /* IE9 Compat Modes */ src: url(/f620d3619e515586.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(/543bf3efe5899c64.woff2) format('woff2'), /* Modern Browsers */ url(/73e4fb6e1d5b030a.woff) format('woff'), /* Modern Browsers */ url(/f051305be66d8a3b.ttf) format('truetype'); } @font-face { font-family: "Lato"; font-style: normal; font-weight: 700; src: url(/621c04ecf0989dc5.eot); /* IE9 Compat Modes */ src: url(/621c04ecf0989dc5.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(/06edd0e0661b84d8.woff2) format('woff2'), /* Modern Browsers */ url(/ffcc1d0af9313088.woff) format('woff'), /* Modern Browsers */ url(/26fada6f85e494f4.ttf) format('truetype'); } @font-face { font-family: 'icomoon'; src: url(/6ac7897186397bc6.eot?ucoiyi); src: url(/6ac7897186397bc6.eot?ucoiyi#iefix) format('embedded-opentype'), url(/59547544c41c7d89.ttf?ucoiyi) format('truetype'), url(/213d3d6f3d363cfd.woff?ucoiyi) format('woff'); font-weight: normal; font-style: normal; font-display: block; } /** * React Select * ============ * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/ * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs * MIT License: https://github.com/JedWatson/react-select */ @keyframes Select-animation-spin { to { transform: rotate(1turn); } } .Select { position: relative; } .Select, .Select div, .Select input, .Select span { box-sizing: border-box; } .Select.is-disabled > .Select-control { background-color: var(--colorBgSecondary); border-color: var(--colorBgPrimary); } .Select.is-disabled > .Select-control:hover { box-shadow: none; } .Select.is-disabled .Select-arrow-zone { cursor: default; pointer-events: none; } .Select-control { background-color: var(--colorBgSecondary); border-color: var(--colorBgAccent) var(--colorBgAccent) var(--colorBgPrimary); border-radius: 4px; border: 1px solid var(--colorBgAccent); color: var(--colorTextWhite); cursor: default; display: table; border-spacing: 0; border-collapse: separate; height: 29px; outline: none; overflow: hidden; position: relative; width: 100%; z-index: 2; } .Select-control:hover { box-shadow: 0 1px 0 var(--colorBackdrop); } .Select-control .Select-input:focus { outline: none; } .is-searchable.is-open > .Select-control { cursor: text; } .is-open > .Select-control { background: var(--colorBgSecondary); border-color: var(--colorBgPrimary) var(--colorBgAccent) var(--colorBgAccent); } .is-open > .Select-control .Select-arrow { top: -2px; border-color: transparent transparent var(--colorButtonSecondary); border-width: 0 5px 5px; } .is-searchable.is-focused:not(.is-open) > .Select-control { cursor: text; } .is-focused:not(.is-open) > .Select-control { box-shadow: inset 0 1px 2px var(--colorDropShadow), 0 0 5px -1px fade(var(--colorBgAccent), 50%); } .Select-placeholder, .Select--single > .Select-control .Select-value { bottom: 0; color: var(--colorBgAccent); left: 0; line-height: 28px; padding-left: 10px; padding-right: 10px; position: absolute; right: 0; top: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .has-value.Select--single > .Select-control .Select-value .Select-value-label, .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label { color: var(--colorTextWhite); } .has-value.Select--single > .Select-control .Select-value .Select-value-label > *, .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label > * { display: inline-block; vertical-align: middle; margin-right: 5px; } .has-value.Select--single > .Select-control .Select-value a.Select-value-label, .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label { cursor: pointer; text-decoration: none; } .has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover, .has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus, .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover, .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus { color: var(--colorBgAccent); outline: none; text-decoration: underline; } .Select-input { height: 28px; padding-left: 10px; padding-right: 10px; vertical-align: middle; } .Select-input > input { color: var(--colorTextWhite); background: none transparent; border: 0 none; box-shadow: none; cursor: default; display: inline-block; font-family: inherit; font-size: inherit; margin: 0; outline: none; line-height: 14px; /* For IE 8 compatibility */ padding: 5px 0 9px; /* For IE 8 compatibility */ -webkit-appearance: none; } .is-focused .Select-input > input { cursor: text; } .has-value.is-pseudo-focused .Select-input { opacity: 0; } .Select-control:not(.is-searchable) > .Select-input { outline: none; } .Select-loading-zone { cursor: pointer; display: table-cell; position: relative; text-align: center; vertical-align: middle; width: 16px; } .Select-loading { animation: Select-animation-spin 400ms infinite linear; width: 16px; height: 16px; box-sizing: border-box; border-radius: 50%; border: 2px solid var(--colorBgAccent); border-right-color: white; display: inline-block; position: relative; vertical-align: middle; } .Select-clear-zone { animation: Select-animation-fadeIn 200ms; color: var(--colorButtonSecondary); cursor: pointer; display: table-cell; position: relative; text-align: center; vertical-align: middle; width: 14px; } .Select-clear-zone:hover { color: var(--colorSell); } .Select-clear { display: inline-block; font-size: 15px; line-height: 1; } .Select--multi .Select-clear-zone { width: 14px; } .Select--multi .Select-multi-value-wrapper { display: inline-block; } .Select .Select-aria-only { display: inline-block; height: 1px; width: 1px; margin: -1px; clip: rect(0, 0, 0, 0); overflow: hidden; } .Select-arrow-zone { cursor: pointer; display: table-cell; position: relative; text-align: center; vertical-align: middle; width: 25px; padding-right: 5px; } .Select-arrow { border-color: var(--colorButtonSecondary) transparent transparent; border-style: solid; border-width: 5px 5px 2.5px; display: inline-block; height: 0; width: 0; position: relative; } .is-open .Select-arrow, .Select-arrow-zone:hover > .Select-arrow { border-top-color: var(--colorBgAccent); } @keyframes Select-animation-fadeIn { from { opacity: 0; } to { opacity: 1; } } .Select-menu-outer { background-color: var(--colorBgSecondary); box-shadow: 2px 2px 7px var(--colorDropShadow); box-sizing: border-box; margin-top: -1px; max-height: 200px; position: absolute; top: 100%; width: 100%; z-index: 999999 !important; -webkit-overflow-scrolling: touch; } .Select-menu { background-color: var(--colorBgSecondary); max-height: 198px; overflow-y: auto; } .Select-option { overflow: auto; box-sizing: border-box; background-color: var(--colorBgSecondary); color: var(--colorTextWhite); cursor: pointer; display: block; padding: 8px 10px; } .Select-option.is-disabled { cursor: not-allowed; } .Select-create-option-placeholder { background-color: var(--colorBgSecondary); } .Select-option.is-selected { color: var(--colorTextWhite); } .Select-option.is-focused { background-color: var(--colorBgSecondary); color: var(--colorTextWhite); } .Select-option.is-disabled { border-top: 1px solid var(--colorBgSecondary); border-bottom: 1px solid var(--colorBgSecondary); margin-top: 5px; margin-bottom: 5px; } .Select-option.is-disabled span { color: var(--colorTextBlack); } .Select-option.is-inline > * { display: inline-block; vertical-align: middle; margin-right: 5px; } .Select-noresults { box-sizing: border-box; color: var(--colorTextWhite); cursor: default; display: block; padding: 8px 10px; } .Select--multi .Select-input { vertical-align: middle; margin-left: 10px; padding: 0; } .Select--multi.has-value .Select-input { margin-left: 5px; } .Select--multi .Select-value { border-radius: 2px; border: 1px solid var(--colorDivider); color: var(--colorTextMain); display: inline-block; font-size: 0.9em; margin-left: 5px; margin-top: 5px; vertical-align: top; } .Select--multi .Select-value-icon, .Select--multi .Select-value-label { display: inline-block; vertical-align: middle; } .Select--multi .Select-value-label { border-bottom-right-radius: 2px; border-top-right-radius: 2px; cursor: default; padding: 2px 5px; } .Select--multi a.Select-value-label { color: var(--colorTextMain); cursor: pointer; text-decoration: none; } .Select--multi a.Select-value-label:hover { text-decoration: underline; } .Select--multi .Select-value-icon { cursor: pointer; border-bottom-left-radius: 2px; border-top-left-radius: 2px; border-right: 1px solid var(--colorDivider); padding: 1px 5px 3px; } .Select--multi .Select-value-icon:hover, .Select--multi .Select-value-icon:focus { color: var(--colorTextIcons); } .Select--multi .Select-value-icon:active { background-color: var(--colorDivider); } .Select--multi.is-disabled .Select-value { background-color: var(--colorTextWhite); border: 1px solid var(--colorDivider); color: var(--colorBgPrimary); } .Select--multi.is-disabled .Select-value-icon { cursor: not-allowed; border-right: 1px solid var(--colorDivider); } .Select--multi.is-disabled .Select-value-icon:hover, .Select--multi.is-disabled .Select-value-icon:focus, .Select--multi.is-disabled .Select-value-icon:active { background-color: var(--colorTextWhite); } @keyframes Select-animation-spin { to { transform: rotate(1turn); } } .select-up .Select-menu-outer { position: absolute !important; top: auto !important; bottom: calc(100% - 1px) !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; } .select-up .is-open .Select-control { border-top-right-radius: 0 !important; border-top-left-radius: 0 !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; } .select-up .Select-menu-outer { max-height: 140px; } .select-up .Select-menu { max-height: 138px; } *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } /* ! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com*/ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: currentColor; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */ tab-size: 4; /* 3 */ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ letter-spacing: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden] { display: none; } .container { width: 100%; } @media (min-width: 640px) { .container { max-width: 640px; } } @media (min-width: 768px) { .container { max-width: 768px; } } @media (min-width: 1024px) { .container { max-width: 1024px; } } @media (min-width: 1280px) { .container { max-width: 1280px; } } @media (min-width: 1536px) { .container { max-width: 1536px; } } .pointer-events-none { pointer-events: none; } .\!visible { visibility: visible !important; } .visible { visibility: visible; } .collapse { visibility: collapse; } .static { position: static; } .fixed { position: fixed; } .absolute { position: absolute; } .\!relative { position: relative !important; } .relative { position: relative; } .sticky { position: sticky; } .-bottom-12 { bottom: -12px; } .-left-225 { left: -225px; } .-left-30 { left: -30px; } .-left-50 { left: -50px; } .-right-100 { right: -100px; } .-right-150 { right: -150px; } .-right-225 { right: -225px; } .-right-50 { right: -50px; } .-top-120 { top: -120px; } .-top-150 { top: -150px; } .-top-20 { top: -20px; } .left-0 { left: 0px; } .left-16 { left: 16px; } .left-24 { left: 24px; } .right-0 { right: 0px; } .right-120 { right: 120px; } .right-20 { right: 20px; } .right-60 { right: 60px; } .right-8 { right: 8px; } .top-0 { top: 0px; } .top-10 { top: 10px; } .top-100 { top: 100px; } .top-150 { top: 150px; } .top-180 { top: 180px; } .top-20 { top: 20px; } .top-225 { top: 225px; } .top-250 { top: 250px; } .top-8 { top: 8px; } .top-90 { top: 90px; } .top-\[0px\] { top: 0px; } .z-10 { z-index: 10; } .\!m-8 { margin: 8px !important; } .-m-16 { margin: -16px; } .m-10 { margin: 10px; } .m-12 { margin: 12px; } .m-15 { margin: 15px; } .m-16 { margin: 16px; } .m-2 { margin: 2px; } .m-20 { margin: 20px; } .m-4 { margin: 4px; } .m-8 { margin: 8px; } .\!mx-8 { margin-left: 8px !important; margin-right: 8px !important; } .-mx-24 { margin-left: -24px; margin-right: -24px; } .mx-10 { margin-left: 10px; margin-right: 10px; } .mx-12 { margin-left: 12px; margin-right: 12px; } .mx-16 { margin-left: 16px; margin-right: 16px; } .mx-2 { margin-left: 2px; margin-right: 2px; } .mx-24 { margin-left: 24px; margin-right: 24px; } .mx-3 { margin-left: 3px; margin-right: 3px; } .mx-4 { margin-left: 4px; margin-right: 4px; } .mx-5 { margin-left: 5px; margin-right: 5px; } .mx-8 { margin-left: 8px; margin-right: 8px; } .my-10 { margin-top: 10px; margin-bottom: 10px; } .my-12 { margin-top: 12px; margin-bottom: 12px; } .my-16 { margin-top: 16px; margin-bottom: 16px; } .my-24 { margin-top: 24px; margin-bottom: 24px; } .my-4 { margin-top: 4px; margin-bottom: 4px; } .my-8 { margin-top: 8px; margin-bottom: 8px; } .\!mb-0 { margin-bottom: 0px !important; } .\!mb-40 { margin-bottom: 40px !important; } .\!mb-8 { margin-bottom: 8px !important; } .\!ml-2 { margin-left: 2px !important; } .\!mt-20 { margin-top: 20px !important; } .\!mt-8 { margin-top: 8px !important; } .-mb-4 { margin-bottom: -4px; } .-mt-2 { margin-top: -2px; } .mb-0 { margin-bottom: 0px; } .mb-10 { margin-bottom: 10px; } .mb-12 { margin-bottom: 12px; } .mb-15 { margin-bottom: 15px; } .mb-16 { margin-bottom: 16px; } .mb-18 { margin-bottom: 18px; } .mb-2 { margin-bottom: 2px; } .mb-20 { margin-bottom: 20px; } .mb-24 { margin-bottom: 24px; } .mb-25 { margin-bottom: 25px; } .mb-4 { margin-bottom: 4px; } .mb-45 { margin-bottom: 45px; } .mb-5 { margin-bottom: 5px; } .mb-6 { margin-bottom: 6px; } .mb-8 { margin-bottom: 8px; } .mb-\[-2px\] { margin-bottom: -2px; } .ml-10 { margin-left: 10px; } .ml-12 { margin-left: 12px; } .ml-14 { margin-left: 14px; } .ml-16 { margin-left: 16px; } .ml-2 { margin-left: 2px; } .ml-20 { margin-left: 20px; } .ml-24 { margin-left: 24px; } .ml-25 { margin-left: 25px; } .ml-3 { margin-left: 3px; } .ml-30 { margin-left: 30px; } .ml-4 { margin-left: 4px; } .ml-5 { margin-left: 5px; } .ml-50 { margin-left: 50px; } .ml-6 { margin-left: 6px; } .ml-8 { margin-left: 8px; } .ml-auto { margin-left: auto; } .mr-0 { margin-right: 0px; } .mr-10 { margin-right: 10px; } .mr-12 { margin-right: 12px; } .mr-15 { margin-right: 15px; } .mr-16 { margin-right: 16px; } .mr-2 { margin-right: 2px; } .mr-20 { margin-right: 20px; } .mr-24 { margin-right: 24px; } .mr-3 { margin-right: 3px; } .mr-30 { margin-right: 30px; } .mr-4 { margin-right: 4px; } .mr-5 { margin-right: 5px; } .mr-50 { margin-right: 50px; } .mr-6 { margin-right: 6px; } .mr-8 { margin-right: 8px; } .mr-auto { margin-right: auto; } .mt-10 { margin-top: 10px; } .mt-12 { margin-top: 12px; } .mt-120 { margin-top: 120px; } .mt-14 { margin-top: 14px; } .mt-15 { margin-top: 15px; } .mt-16 { margin-top: 16px; } .mt-2 { margin-top: 2px; } .mt-20 { margin-top: 20px; } .mt-24 { margin-top: 24px; } .mt-25 { margin-top: 25px; } .mt-3 { margin-top: 3px; } .mt-4 { margin-top: 4px; } .mt-40 { margin-top: 40px; } .mt-5 { margin-top: 5px; } .mt-6 { margin-top: 6px; } .mt-8 { margin-top: 8px; } .mt-9 { margin-top: 9px; } .mt-auto { margin-top: auto; } .block { display: block; } .inline-block { display: inline-block; } .\!inline { display: inline !important; } .inline { display: inline; } .flex { display: flex; } .inline-flex { display: inline-flex; } .table { display: table; } .grid { display: grid; } .contents { display: contents; } .list-item { display: list-item; } .\!hidden { display: none !important; } .hidden { display: none; } .\!h-16 { height: 16px !important; } .\!h-200 { height: 200px !important; } .h-1 { height: 1px; } .h-1\/2 { height: 50%; } .h-100 { height: 100px; } .h-12 { height: 12px; } .h-14 { height: 14px; } .h-16 { height: 16px; } .h-18 { height: 18px; } .h-20 { height: 20px; } .h-200 { height: 200px; } .h-24 { height: 24px; } .h-25 { height: 25px; } .h-32 { height: 32px; } .h-40 { height: 40px; } .h-400 { height: 400px; } .h-48 { height: 48px; } .h-50 { height: 50px; } .h-500 { height: 500px; } .h-550 { height: 550px; } .h-6 { height: 6px; } .h-700 { height: 700px; } .h-80 { height: 80px; } .h-\[290px\] { height: 290px; } .h-auto { height: auto; } .h-full { height: 100%; } .h-screen { height: 100vh; } .max-h-300 { max-height: 300px; } .max-h-350 { max-height: 350px; } .max-h-\[70vh\] { max-height: 70vh; } .\!min-h-400 { min-height: 400px !important; } .min-h-0 { min-height: 0px; } .min-h-24 { min-height: 24px; } .min-h-\[1px\] { min-height: 1px; } .min-h-\[300px\] { min-height: 300px; } .\!w-16 { width: 16px !important; } .\!w-800 { width: 800px !important; } .\!w-auto { width: auto !important; } .w-1 { width: 1px; } .w-1\/2 { width: 50%; } .w-1\/3 { width: 33.333333%; } .w-1\/4 { width: 25%; } .w-1\/6 { width: 16.666667%; } .w-100 { width: 100px; } .w-12 { width: 12px; } .w-150 { width: 150px; } .w-16 { width: 16px; } .w-180 { width: 180px; } .w-190 { width: 190px; } .w-2\/3 { width: 66.666667%; } .w-20 { width: 20px; } .w-200 { width: 200px; } .w-225 { width: 225px; } .w-24 { width: 24px; } .w-250 { width: 250px; } .w-275 { width: 275px; } .w-300 { width: 300px; } .w-35 { width: 35px; } .w-350 { width: 350px; } .w-370 { width: 370px; } .w-375 { width: 375px; } .w-4 { width: 4px; } .w-400 { width: 400px; } .w-420 { width: 420px; } .w-450 { width: 450px; } .w-48 { width: 48px; } .w-50 { width: 50px; } .w-500 { width: 500px; } .w-6 { width: 6px; } .w-600 { width: 600px; } .w-70 { width: 70px; } .w-700 { width: 700px; } .w-75 { width: 75px; } .w-8 { width: 8px; } .w-800 { width: 800px; } .w-90 { width: 90px; } .w-900 { width: 900px; } .w-\[1100px\] { width: 1100px; } .w-\[558px\] { width: 558px; } .w-auto { width: auto; } .w-fit { width: fit-content; } .w-full { width: 100%; } .w-screen { width: 100vw; } .min-w-0 { min-width: 0px; } .min-w-100 { min-width: 100px; } .min-w-150 { min-width: 150px; } .min-w-200 { min-width: 200px; } .min-w-250 { min-width: 250px; } .min-w-400 { min-width: 400px; } .min-w-70 { min-width: 70px; } .min-w-80 { min-width: 80px; } .min-w-\[100px\] { min-width: 100px; } .min-w-\[400px\] { min-width: 400px; } .max-w-100 { max-width: 100px; } .max-w-1000 { max-width: 1000px; } .max-w-1200 { max-width: 1200px; } .max-w-150 { max-width: 150px; } .max-w-180 { max-width: 180px; } .max-w-200 { max-width: 200px; } .max-w-250 { max-width: 250px; } .max-w-300 { max-width: 300px; } .max-w-400 { max-width: 400px; } .max-w-\[1000px\] { max-width: 1000px; } .max-w-fit { max-width: fit-content; } .max-w-full { max-width: 100%; } .flex-1 { flex: 1 1 0%; } .flex-initial { flex: 0 1 auto; } .flex-grow { flex-grow: 1; } .\!grow { flex-grow: 1 !important; } .grow { flex-grow: 1; } .basis-1\/12 { flex-basis: 8.333333%; } .basis-1\/2 { flex-basis: 50%; } .basis-1\/3 { flex-basis: 33.333333%; } .basis-1\/4 { flex-basis: 25%; } .basis-1\/6 { flex-basis: 16.666667%; } .basis-250 { flex-basis: 250px; } .basis-375 { flex-basis: 375px; } .basis-400 { flex-basis: 400px; } .basis-5\/12 { flex-basis: 41.666667%; } .basis-full { flex-basis: 100%; } .origin-top { transform-origin: top; } .-rotate-90 { --tw-rotate: -90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-90 { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .cursor-default { cursor: default; } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .resize { resize: both; } .list-disc { list-style-type: disc; } .flex-row { flex-direction: row; } .flex-col { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .content-between { align-content: space-between; } .\!items-start { align-items: flex-start !important; } .items-start { align-items: flex-start; } .items-end { align-items: flex-end; } .items-center { align-items: center; } .justify-start { justify-content: flex-start; } .\!justify-end { justify-content: flex-end !important; } .justify-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .justify-evenly { justify-content: space-evenly; } .gap-10 { gap: 10px; } .gap-12 { gap: 12px; } .gap-16 { gap: 16px; } .gap-2 { gap: 2px; } .gap-20 { gap: 20px; } .gap-24 { gap: 24px; } .gap-32 { gap: 32px; } .gap-4 { gap: 4px; } .gap-40 { gap: 40px; } .gap-5 { gap: 5px; } .gap-6 { gap: 6px; } .gap-8 { gap: 8px; } .self-start { align-self: flex-start; } .self-end { align-self: flex-end; } .self-center { align-self: center; } .self-stretch { align-self: stretch; } .overflow-hidden { overflow: hidden; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-ellipsis { text-overflow: ellipsis; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre { white-space: pre; } .whitespace-pre-line { white-space: pre-line; } .whitespace-pre-wrap { white-space: pre-wrap; } .\!text-wrap { text-wrap: wrap !important; } .text-wrap { text-wrap: wrap; } .text-nowrap { text-wrap: nowrap; } .break-words { overflow-wrap: break-word; } .\!rounded-none { border-radius: 0 !important; } .rounded { border-radius: 4px; } .rounded-drop { border-radius: var(--defaultDropBorderRadius); } .rounded-full { border-radius: 9999px; } .rounded-md { border-radius: 6px; } .rounded-sm { border-radius: 3px; } .rounded-xl { border-radius: 21px; } .border { border-width: 1px; } .border-b { border-bottom-width: 1px; } .border-r { border-right-width: 1px; } .border-t { border-top-width: 1px; } .border-t-0 { border-top-width: 0px; } .border-solid { border-style: solid; } .border-dashed { border-style: dashed; } .border-accent { border-color: var(--colorAccent); } .border-divider { border-color: var(--colorDivider); } .\!bg-dropBgActive { background-color: var(--colorDropBgActive) !important; } .\!bg-grey { background-color: var(--colorGrey) !important; } .\!bg-warning { background-color: var(--colorWarning) !important; } .bg-accent { background-color: var(--colorAccent); } .bg-bgAccent { background-color: var(--colorBgAccent); } .bg-bgInfo { background-color: var(--colorBgInfo); } .bg-bgNotify { background-color: var(--colorNotifyDefaultBg); } .bg-bgPrimary { background-color: var(--colorBgPrimary); } .bg-bgSecondary { background-color: var(--colorBgSecondary); } .bg-blue { background-color: var(--colorBlue); } .bg-colorSegmentControlBg { background-color: var(--colorSegmentControlBg); } .bg-coralRed { background-color: var(--colorCoralRed); } .bg-deepBlue { background-color: var(--colorDeepBlue); } .bg-divider { background-color: var(--colorDivider); } .bg-dropBg { background-color: var(--colorDropBg); } .bg-dropBgActive { background-color: var(--colorDropBgActive); } .bg-error { background-color: var(--colorError); } .bg-green { background-color: var(--colorGreen); } .bg-grey { background-color: var(--colorGrey); } .bg-inputBg { background-color: var(--colorInputBg); } .bg-jade { background-color: var(--colorJade); } .bg-lavender { background-color: var(--colorLavender); } .bg-lightGrey { background-color: var(--colorLightGrey); } .bg-magenta { background-color: var(--colorMagenta); } .bg-mint { background-color: var(--colorMint); } .bg-navyBlue { background-color: var(--colorNavyBlue); } .bg-navyViolet { background-color: var(--colorNavyViolet); } .bg-olive { background-color: var(--colorOlive); } .bg-orange { background-color: var(--colorOrange); } .bg-peach { background-color: var(--colorPeach); } .bg-plum { background-color: var(--colorPlum); } .bg-preMarket { background-color: var(--colorPreMarket); } .bg-red { background-color: var(--colorRed); } .bg-springGreen { background-color: var(--colorSpringGreen); } .bg-textIcons { background-color: var(--colorTextIcons); } .bg-textMain { background-color: var(--colorTextMain); } .bg-textPrimary { background-color: var(--colorTextPrimary); } .object-cover { object-fit: cover; } .\!p-0 { padding: 0px !important; } .\!p-8 { padding: 8px !important; } .p-10 { padding: 10px; } .p-12 { padding: 12px; } .p-15 { padding: 15px; } .p-16 { padding: 16px; } .p-2 { padding: 2px; } .p-20 { padding: 20px; } .p-24 { padding: 24px; } .p-3 { padding: 3px; } .p-4 { padding: 4px; } .p-6 { padding: 6px; } .p-8 { padding: 8px; } .\!px-16 { padding-left: 16px !important; padding-right: 16px !important; } .\!px-24 { padding-left: 24px !important; padding-right: 24px !important; } .px-10 { padding-left: 10px; padding-right: 10px; } .px-12 { padding-left: 12px; padding-right: 12px; } .px-15 { padding-left: 15px; padding-right: 15px; } .px-16 { padding-left: 16px; padding-right: 16px; } .px-24 { padding-left: 24px; padding-right: 24px; } .px-32 { padding-left: 32px; padding-right: 32px; } .px-4 { padding-left: 4px; padding-right: 4px; } .px-50 { padding-left: 50px; padding-right: 50px; } .px-6 { padding-left: 6px; padding-right: 6px; } .px-8 { padding-left: 8px; padding-right: 8px; } .py-10 { padding-top: 10px; padding-bottom: 10px; } .py-12 { padding-top: 12px; padding-bottom: 12px; } .py-120 { padding-top: 120px; padding-bottom: 120px; } .py-15 { padding-top: 15px; padding-bottom: 15px; } .py-16 { padding-top: 16px; padding-bottom: 16px; } .py-2 { padding-top: 2px; padding-bottom: 2px; } .py-20 { padding-top: 20px; padding-bottom: 20px; } .py-30 { padding-top: 30px; padding-bottom: 30px; } .py-4 { padding-top: 4px; padding-bottom: 4px; } .py-8 { padding-top: 8px; padding-bottom: 8px; } .pb-1 { padding-bottom: 1px; } .pb-10 { padding-bottom: 10px; } .pb-12 { padding-bottom: 12px; } .pb-16 { padding-bottom: 16px; } .pb-2 { padding-bottom: 2px; } .pb-24 { padding-bottom: 24px; } .pb-4 { padding-bottom: 4px; } .pb-5 { padding-bottom: 5px; } .pb-8 { padding-bottom: 8px; } .pl-10 { padding-left: 10px; } .pl-16 { padding-left: 16px; } .pl-2 { padding-left: 2px; } .pl-35 { padding-left: 35px; } .pl-4 { padding-left: 4px; } .pl-5 { padding-left: 5px; } .pl-8 { padding-left: 8px; } .pl-85 { padding-left: 85px; } .pr-10 { padding-right: 10px; } .pr-12 { padding-right: 12px; } .pr-16 { padding-right: 16px; } .pr-2 { padding-right: 2px; } .pr-20 { padding-right: 20px; } .pr-24 { padding-right: 24px; } .pr-4 { padding-right: 4px; } .pr-5 { padding-right: 5px; } .pr-6 { padding-right: 6px; } .pr-60 { padding-right: 60px; } .pr-8 { padding-right: 8px; } .pt-12 { padding-top: 12px; } .pt-15 { padding-top: 15px; } .pt-16 { padding-top: 16px; } .pt-2 { padding-top: 2px; } .pt-20 { padding-top: 20px; } .pt-24 { padding-top: 24px; } .pt-30 { padding-top: 30px; } .pt-4 { padding-top: 4px; } .pt-5 { padding-top: 5px; } .pt-6 { padding-top: 6px; } .pt-60 { padding-top: 60px; } .pt-8 { padding-top: 8px; } .text-left { text-align: left; } .\!text-center { text-align: center !important; } .text-center { text-align: center; } .text-right { text-align: right; } .text-end { text-align: end; } .\!text-caption { font-size: 11px !important; line-height: 14px !important; font-weight: 400 !important; } .text-\[11px\] { font-size: 11px; } .text-\[12px\] { font-size: 12px; } .text-\[13px\] { font-size: 13px; } .text-\[14px\] { font-size: 14px; } .text-\[16px\] { font-size: 16px; } .text-\[18px\] { font-size: 18px; } .text-\[20px\] { font-size: 20px; } .text-\[24px\] { font-size: 24px; } .text-\[28px\] { font-size: 28px; } .text-\[32px\] { font-size: 32px; } .text-\[40px\] { font-size: 40px; } .text-body1 { font-size: 13px; font-weight: 400; } .text-body2 { font-size: 12px; font-weight: 400; } .text-body3 { font-size: 16px; font-weight: 400; } .text-caps1 { font-size: 16px; font-weight: 700; } .text-caps3 { font-size: 10px; font-weight: 400; } .text-caption { font-size: 11px; line-height: 14px; font-weight: 400; } .text-codes { font-size: 14px; font-weight: 400; } .text-digit2 { font-size: 22px; font-weight: 600; } .text-header { font-size: 12px; font-weight: 600; } .text-smallIcon { font-size: 8px; font-weight: 700; } .text-subtitle { font-size: 15px; font-weight: 600; } .text-title { font-size: 16px; font-weight: 600; } .text-xl { font-size: 16px; font-weight: 700; } .font-\[16px\] { font-weight: 16px; } .font-bold { font-weight: 700; } .font-normal { font-weight: 400; } .font-semibold { font-weight: 600; } .\!uppercase { text-transform: uppercase !important; } .uppercase { text-transform: uppercase; } .capitalize { text-transform: capitalize; } .normal-case { text-transform: none; } .italic { font-style: italic; } .leading-4 { line-height: 1rem; } .leading-5 { line-height: 1.25rem; } .leading-\[16px\] { line-height: 16px; } .\!text-PLMinus { color: var(--colorPLMinus) !important; } .\!text-PLPlus { color: var(--colorPLPlus) !important; } .\!text-green { color: var(--colorGreen) !important; } .\!text-textMain { color: var(--colorTextMain) !important; } .text-PLMinus { color: var(--colorPLMinus); } .text-PLPlus { color: var(--colorPLPlus); } .text-accent { color: var(--colorAccent); } .text-bgPrimary { color: var(--colorBgPrimary); } .text-black { color: var(--colorTextBlack); } .text-buy { color: var(--colorBuy); } .text-deepBlue { color: var(--colorDeepBlue); } .text-error { color: var(--colorError); } .text-green { color: var(--colorGreen); } .text-grey { color: var(--colorGrey); } .text-kycAddInfoActive { color: var(--colorKycAddInfoActive); } .text-kycReviewActive { color: var(--colorKycReviewActive); } .text-lavender { color: var(--colorLavender); } .text-orange { color: var(--colorOrange); } .text-preMarket { color: var(--colorPreMarket); } .text-red { color: var(--colorRed); } .text-sell { color: var(--colorSell); } .text-textDisabled { color: var(--colorTextDisabled); } .text-textIcons { color: var(--colorTextIcons); } .text-textMain { color: var(--colorTextMain); } .text-textPrimary { color: var(--colorTextPrimary); } .text-textWhite { color: var(--colorTextWhite); } .text-textWhite50 { color: var(--colorTextWhite50); } .underline { text-decoration-line: underline; } .\!no-underline { text-decoration-line: none !important; } .no-underline { text-decoration-line: none; } .decoration-accent20 { text-decoration-color: var(--colorAccent20); } .decoration-dashed { text-decoration-style: dashed; } .underline-offset-2 { text-underline-offset: 2px; } .underline-offset-4 { text-underline-offset: 4px; } .opacity-50 { opacity: 0.5; } .shadow { --tw-shadow: 0px 4px 12px 0px var(--colorDropShadow); --tw-shadow-colored: 0px 4px 12px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .blur { --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .\!filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } .filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .duration-100 { transition-duration: 100ms; } .duration-200 { transition-duration: 200ms; } .duration-300 { transition-duration: 300ms; } .ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } a { color: inherit; text-decoration: none; } html { box-sizing: border-box; background: var(--colorBgMain); } body { font-family: Lato; color: var(--colorBgMain); line-height: 1.1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; min-width: 960px; } @media (max-width: 1023px) { body { min-width: auto; min-height: auto; } } .hover\:bg-accent20:hover { background-color: var(--colorAccent20); } .hover\:bg-bgAccentHover:hover { background-color: var(--colorBgAccentHover); } .hover\:bg-bgInfoHover:hover { background-color: var(--colorBgInfoHover); } .hover\:text-accent:hover { color: var(--colorAccent); } .hover\:text-buttonAccentText:hover { color: var(--colorButtonAccentText); } .hover\:text-textMain:hover { color: var(--colorTextMain); } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:text-textDisabled:disabled { color: var(--colorTextDisabled); } .app-UI-Button-___style-module__button___wEQqB { position: relative; cursor: pointer; height: 40px; color: var(--colorTextMain); font: var(--typographyCaps2Font); letter-spacing: var(--typographyCaps2Spacing); text-transform: uppercase; border: 1px solid var(--colorButtonBorder); box-sizing: border-box; border-radius: 4px; text-align: center; /*line-height: 40px;*/ width: 100%; padding: 0 10px; display: flex; align-items: center; justify-content: center; transition: all 0.15s; white-space: nowrap; } .app-UI-Button-___style-module__button___wEQqB.app-UI-Button-___style-module__autoWidth___jrCgE{ width: auto; } .app-UI-Button-___style-module__button___wEQqB:hover { border-color: var(--colorButtonBorderHover); } .app-UI-Button-___style-module__button___wEQqB:hover i { color: var(--colorTextMain); } .app-UI-Button-___style-module__button___wEQqB:active { background-color: var(--colorBgMain); } .app-UI-Button-___style-module__button___wEQqB:disabled { cursor: not-allowed; color: var(--colorTextDisabled); } .app-UI-Button-___style-module__button___wEQqB:disabled:hover { border-color: var(--colorButtonBorder); } .app-UI-Button-___style-module__button___wEQqB:disabled:hover i { color: var(--colorTextIcons); } .app-UI-Button-___style-module__button___wEQqB i { font-size: 14px; color: var(--colorTextIcons); padding-right: 7px; } .app-UI-Button-___style-module__button___wEQqB:focus { outline: none; } .app-UI-Button-___style-module__textButton___2hAxy { border: 0; text-transform: none; color: var(--colorTextPrimary); } .app-UI-Button-___style-module__textButton___2hAxy:hover { color: var(--colorTextMain); } .app-UI-Button-___style-module__textButton___2hAxy:active { background-color: transparent; } .app-UI-Button-___style-module__textButton___2hAxy.app-UI-Button-___style-module__noPadding___PiI1Z { padding: 0; } .app-UI-Button-___style-module__textUppercaseButton___-BEQv { border: 0; text-transform: uppercase; color: var(--colorTextPrimary); } .app-UI-Button-___style-module__textUppercaseButton___-BEQv:hover { color: var(--colorAccent); } .app-UI-Button-___style-module__textUppercaseButton___-BEQv:active { background-color: transparent; } .app-UI-Button-___style-module__textUnderlineButton___SoK3L { border: 0; text-decoration: underline; color: var(--colorTextPrimary); } .app-UI-Button-___style-module__textUnderlineButton___SoK3L:hover { color: var(--colorAccent); } .app-UI-Button-___style-module__textUnderlineButton___SoK3L:active { background-color: transparent; } .app-UI-Button-___style-module__linkButton___veazp { border: none; color: var(--colorAccent); transition: all 0.2s; text-transform: none; font-weight: normal; font: var(--typographyBody1Font); padding: 0 8px; height: 24px; line-height: 24px; text-decoration: underline; text-decoration-style: dashed; text-decoration-color: var(--colorAccent20); } .app-UI-Button-___style-module__linkButton___veazp.app-UI-Button-___style-module__medium___8hWzW { font: var(--typographyBody2Font); height: 24px; line-height: 24px; } .app-UI-Button-___style-module__linkButton___veazp.app-UI-Button-___style-module__autoHeight___jx5tI { height: auto; line-height: inherit; } .app-UI-Button-___style-module__linkButton___veazp.app-UI-Button-___style-module__noPadding___PiI1Z { padding: 0px; } .app-UI-Button-___style-module__linkButton___veazp i { color: var(--colorAccent); transition: all 0.2s; } .app-UI-Button-___style-module__linkButton___veazp:hover { color: var(--colorAccentHover); } .app-UI-Button-___style-module__linkButton___veazp:active { background-color: transparent; } .app-UI-Button-___style-module__linkButton___veazp:disabled { text-decoration-color: var(--colorTextDisabled); } .app-UI-Button-___style-module__deleteButton___lh36a { border: none; color: var(--colorRed); transition: all 0.2s; text-transform: none; font-weight: normal; font: var(--typographyBody1Font); padding: 0 8px; height: 24px; line-height: 24px; } .app-UI-Button-___style-module__deleteButton___lh36a.app-UI-Button-___style-module__medium___8hWzW { font: var(--typographyBody2Font); height: 24px; line-height: 24px; } .app-UI-Button-___style-module__deleteButton___lh36a.app-UI-Button-___style-module__autoHeight___jx5tI { height: auto; line-height: inherit; } .app-UI-Button-___style-module__deleteButton___lh36a.app-UI-Button-___style-module__noPadding___PiI1Z { padding: 0px; } .app-UI-Button-___style-module__deleteButton___lh36a i { color: var(--colorRed); transition: all 0.2s; } .app-UI-Button-___style-module__deleteButton___lh36a:hover { color: var(--colorTextMain); } .app-UI-Button-___style-module__deleteButton___lh36a:active { background-color: transparent; } .app-UI-Button-___style-module__deleteButton___lh36a:disabled { text-decoration-color: var(--colorTextDisabled); } .app-UI-Button-___style-module__buyButton___d1tjK { background-color: var(--colorBuy); color: var(--colorTextWhite); border: none; border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 1px; transition: all 0.2s; } .app-UI-Button-___style-module__buyButton___d1tjK:hover { background-color: var(--colorBuyHover); } .app-UI-Button-___style-module__buyButton___d1tjK:active { background-color: var(--colorBuyPressed); } .app-UI-Button-___style-module__buyButton___d1tjK:disabled { opacity: 0.75; color: var(--colorTextWhite50); } .app-UI-Button-___style-module__sellButton___gXr5R { background-color: var(--colorSell); color: var(--colorTextWhite); border: none; border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 1px; transition: all 0.2s; } .app-UI-Button-___style-module__sellButton___gXr5R:hover { background-color: var(--colorSellHover); } .app-UI-Button-___style-module__sellButton___gXr5R:active { background-color: var(--colorSellPressed); } .app-UI-Button-___style-module__sellButton___gXr5R:disabled { opacity: 0.75; color: var(--colorTextWhite50); } .app-UI-Button-___style-module__accent___szB0X { background-color: var(--colorButtonAccent); border: none; color: var(--colorButtonAccentText); transition: all 0.2s; font-weight: normal; } .app-UI-Button-___style-module__accent___szB0X:hover { background-color: var(--colorButtonAccentHover); } .app-UI-Button-___style-module__accent___szB0X:active { background-color: var(--colorButtonAccentPressed); } .app-UI-Button-___style-module__accent___szB0X:disabled { background-color: var(--colorButtonAccentDisabled); color: var(--colorButtonAccentTextDisabled); } .app-UI-Button-___style-module__redButton___Govd2 { background-color: var(--colorSell); border: none; color: var(--colorTextWhite); } .app-UI-Button-___style-module__redButton___Govd2:hover { background-color: var(--colorSellHover); } .app-UI-Button-___style-module__redButton___Govd2:active { background-color: var(--colorSellPressed); } .app-UI-Button-___style-module__greenButton___MWPiP { background-color: var(--colorBuy); border: none; color: var(--colorTextWhite); } .app-UI-Button-___style-module__greenButton___MWPiP:hover { background-color: var(--colorBuyHover); } .app-UI-Button-___style-module__greenButton___MWPiP:active { background-color: var(--colorBuyPressed); } .app-UI-Button-___style-module__dropButton___V3scq { background-color: var(--colorDropBg); border: none; color: var(--colorTextMain); text-transform: none; font: var(--typographyBody2Font); } .app-UI-Button-___style-module__dropButton___V3scq:hover { background-color: var(--colorDropBgHover); } .app-UI-Button-___style-module__dropButton___V3scq:active { background-color: var(--colorDropBgHover); } .app-UI-Button-___style-module__accentBgButton___gv9PW { background-color: var(--colorAccent); border: none; color: var(--colorTextWhite); text-transform: none; font: var(--typographyBody2Font); } .app-UI-Button-___style-module__accentBgButton___gv9PW:hover { background-color: var(--colorDropBgHover); } .app-UI-Button-___style-module__accentBgButton___gv9PW:active { background-color: var(--colorDropBgHover); } .app-UI-Button-___style-module__warningBgButton___oBQEO { background-color: var(--colorPreMarket); border: none; color: var(--colorTextMain); text-transform: none; font: var(--typographyBody2Font); } .app-UI-Button-___style-module__warningBgButton___oBQEO:hover { background-color: var(--colorWarning); } .app-UI-Button-___style-module__warningBgButton___oBQEO:active { background-color: var(--colorWarning); } .app-UI-Button-___style-module__secondaryButton___pO2FA { background-color: var(--colorButtonSecondary); border: none; color: var(--colorTextMain); text-transform: none; font: var(--typographyBody2Font); } .app-UI-Button-___style-module__secondaryButton___pO2FA:hover { background-color: var(--colorButtonSecondaryHover); } .app-UI-Button-___style-module__secondaryButton___pO2FA:active { background-color: var(--colorButtonSecondaryHover); } .app-UI-Button-___style-module__secondaryButton___pO2FA:disabled { opacity: 1; background-color: var(--colorButtonSecondaryDisabled); } .app-UI-Button-___style-module__fullHoverButton___8wml2, .app-UI-Button-___style-module__fullHoverButtonBorderless___hKYM7 { border-radius: 4px; color: var(--colorTextPrimary); border-color: var(--colorDivider); transition: all 0.15s; } .app-UI-Button-___style-module__fullHoverButton___8wml2 i, .app-UI-Button-___style-module__fullHoverButtonBorderless___hKYM7 i { transition: all 0.15s; } .app-UI-Button-___style-module__fullHoverButton___8wml2:hover, .app-UI-Button-___style-module__fullHoverButtonBorderless___hKYM7:hover { border-color: transparent; background: var(--colorBgSecondaryHover); color: var(--colorTextMain); } .app-UI-Button-___style-module__fullHoverButton___8wml2:hover i, .app-UI-Button-___style-module__fullHoverButtonBorderless___hKYM7:hover i { color: var(--colorTextPrimary); } .app-UI-Button-___style-module__fullHoverButton___8wml2:disabled, .app-UI-Button-___style-module__fullHoverButtonBorderless___hKYM7:disabled { cursor: not-allowed; opacity: 0.6; } .app-UI-Button-___style-module__fullHoverButton___8wml2:disabled:hover i, .app-UI-Button-___style-module__fullHoverButtonBorderless___hKYM7:disabled:hover i { color: var(--colorTextDisabled); } .app-UI-Button-___style-module__fullHoverButtonBorderless___hKYM7 { border: none; } .app-UI-Button-___style-module__bordered___86UPW { color: var(--colorTextMain); border-color: var(--colorButtonBorder); } .app-UI-Button-___style-module__bordered___86UPW:hover { background-color: var(--colorTextMain); color: var(--colorBgPrimary); } .app-UI-Button-___style-module__bordered___86UPW:active { background-color: var(--colorTextMain); color: var(--colorBgPrimary); } .app-UI-Button-___style-module__gray___I8Uh3 { width: auto; color: var(--colorTextMain); border-color: transparent; background-color: var(--colorButtonBorder); transition: all 0.2s; } .app-UI-Button-___style-module__gray___I8Uh3:hover { background-color: var(--colorTextMain); color: var(--colorBgMain); } .app-UI-Button-___style-module__gray___I8Uh3:hover i { color: var(--colorBgMain); } .app-UI-Button-___style-module__gray___I8Uh3:active { background-color: var(--colorTextMain); color: var(--colorBgMain); } .app-UI-Button-___style-module__medium___8hWzW { height: 32px; line-height: 32px; font: var(--typographyCaps2Font); letter-spacing: var(--typographyCaps2Spacing); font-weight: normal; font-size: 12px; } .app-UI-Button-___style-module__compact___iMhxm { height: 26px; line-height: 26px; font: var(--typographyCaps2Font); font-weight: 400; letter-spacing: var(--typographyCaps2Spacing); font-size: 12px; text-transform: uppercase; } .app-UI-Button-___style-module__small___v-qpG { height: 24px; line-height: 24px; font: var(--typographyBody2Font); letter-spacing: var(--typographyBody2Spacing); text-transform: none; } .app-UI-Button-___style-module__small___v-qpG.app-UI-Button-___style-module__dropButton___V3scq { font: var(--typographyBody2Font); letter-spacing: var(--typographyBody2Spacing); } .app-UI-Button-___style-module__small___v-qpG.app-UI-Button-___style-module__accentBgButton___gv9PW, .app-UI-Button-___style-module__small___v-qpG.app-UI-Button-___style-module__accentButton___u12kU { font: var(--typographyBody2Font); letter-spacing: var(--typographyBody2Spacing); } @keyframes app-UI-Button-___style-module__loadingCircle___4opYr { to { transform: rotate(1turn); } } .app-UI-Button-___style-module__loaderWrapper___d6pwG { height: 14px; } .app-UI-Button-___style-module__loaderWrapper___d6pwG svg { width: 14px; height: 14px; fill: none; animation: app-UI-Button-___style-module__loadingCircle___4opYr 1s linear infinite; } .app-UI-Badge-___style-module__badge___ii2qZ { display: inline-flex; justify-content: center; align-items: center; padding: 3px 4px 1px; border-radius: 2px; margin: 0 4px 0 0; } .app-UI-Badge-___style-module__badge___ii2qZ span { text-transform: uppercase; color: var(--colorTextWhite); font: var(--typographyBody1Font); font-weight: bold; } .app-UI-Badge-___style-module__round___MXw8D { height: 14px; padding: 0 6px; border-radius: 7px; display: inline-flex; justify-content: center; align-items: center; margin: 0 0 0 4px; } .app-UI-Badge-___style-module__round___MXw8D span { margin-top: 2px; font-size: 10px; line-height: 12px; font-weight: bold; text-transform: uppercase; } .app-UI-Badge-___style-module__noMargin___rQJTH { margin: 0; } .app-UI-Badge-___style-module__green___6bfzf { background-color: var(--colorBuy); } .app-UI-Badge-___style-module__red___wjzt- { background-color: var(--colorSell); } .app-UI-Badge-___style-module__rounded___PXDwP { background-color: var(--colorError); } .app-UI-Badge-___style-module__default___jOOni { background-color: var(--colorBgPrimary); } .app-UI-Badge-___style-module__small___L22m1 { height: 16px; padding: 0 4px; border-radius: 3px; background: var(--colorGreen); color: var(--colorTextMain); font: var(--typographyBody1Font); font-size: 10px; display: flex; flex-direction: row; align-items: center; margin-left: 6px; } .app-UI-Badge-___style-module__small___L22m1 span { text-transform: none; color: var(--colorTextMain); font: var(--typographyBody1Font); font-size: 10px; } .app-UI-ConfirmationButtons-___style-module__label___jxSkZ { font-size: 14px; color: var(--colorTextPrimary); padding-left: 2px; } .app-UI-ConfirmationButtons-___style-module__relative___-5Cot { position: relative; } .app-UI-ConfirmationButtons-___style-module__buttons___2oYI- { position: absolute; top: 0; right: 0; z-index: 1000; } .app-UI-ConfirmationButtons-___style-module__hidden___XBYGS { visibility: hidden; } .app-UI-ConfirmationButtons-___style-module__textButtons___7yq-- { margin-right: 16px; } .app-UI-ConfirmationButtons-___style-module__textButtons___7yq-- button { padding: 0; } .app-UI-CategoryLabel-___styles-module__categoryLabel___vwWg6 { color: var(--colorTextMain); font-size: 16px; line-height: 19px; font-weight: bold; margin-left: 0.5rem; } .app-UI-QuotValue-___style-module__quot___T5tNM { display: flex; } .app-UI-QuotValue-___style-module__quot___T5tNM.app-UI-QuotValue-___style-module__isAdaptive___cB2vP .app-UI-QuotValue-___style-module__pipsWrapper___JxZT3 { margin-top: 1px; } .app-UI-QuotValue-___style-module__quot___T5tNM.app-UI-QuotValue-___style-module__isAdaptive___cB2vP .app-UI-QuotValue-___style-module__pipsWrapper___JxZT3 > div { font-size: 0.9em; } .app-UI-QuotValue-___style-module__quot___T5tNM.app-UI-QuotValue-___style-module__isAdaptive___cB2vP .app-UI-QuotValue-___style-module__priceWrapper___bKh3H > div { font-size: 0.9em; } .app-UI-QuotValue-___style-module__quot___T5tNM.app-UI-QuotValue-___style-module__isAdaptive___cB2vP .app-UI-QuotValue-___style-module__base___DChaH { font-size: 1em; line-height: 12px; height: auto; } .app-UI-QuotValue-___style-module__quot___T5tNM.app-UI-QuotValue-___style-module__isAdaptive___cB2vP .app-UI-QuotValue-___style-module__base___DChaH.app-UI-QuotValue-___style-module__singleBase___Du8E0 { font-size: 1.2em; line-height: 14px; font-weight: 400; height: auto; } .app-UI-QuotValue-___style-module__quot___T5tNM.app-UI-QuotValue-___style-module__isAdaptive___cB2vP .app-UI-QuotValue-___style-module__increased___RDfut { font-size: 1em; position: static; font-weight: 400; line-height: 12px; margin: 0; height: auto; } .app-UI-QuotValue-___style-module__quot___T5tNM.app-UI-QuotValue-___style-module__isAdaptive___cB2vP .app-UI-QuotValue-___style-module__decreased___0JK6e { position: static; font-size: 1.2em; font-weight: 400; line-height: 14px; height: auto; } .app-UI-QuotValue-___style-module__priceWrapper___bKh3H { display: inline-flex; align-items: flex-end; } .app-UI-QuotValue-___style-module__pipsWrapper___JxZT3 { display: flex; align-items: flex-end; } .app-UI-QuotValue-___style-module__pipsVal___hGtdS { color: var(--colorQuickSellText); font: var(--typographyDigit4Font); } .app-UI-QuotValue-___style-module__pipsText___ie0xG { position: relative; top: -2px; font: var(--typographyBody2Font); letter-spacing: var(--typographyBody2Spacing); color: var(--colorTextDisabled); margin: 0 4px; } .app-UI-QuotValue-___style-module__base___DChaH { color: var(--colorQuickSellText); font: var(--typographyDigit2Font); } .app-UI-QuotValue-___style-module__base___DChaH.app-UI-QuotValue-___style-module__singleBase___Du8E0 { font: var(--typographyDigit3Font); font-weight: 900; } .app-UI-QuotValue-___style-module__cryptoSmall___hr4OT { color: var(--colorQuickSellText); font: var(--typographyCaps3Font); align-self: flex-end; position: relative; top: -5px; } .app-UI-QuotValue-___style-module__cryptoBase___y8-Pk { color: var(--colorQuickSellText); font: var(--typographyDigit2Font); position: relative; top: -2px; } .app-UI-QuotValue-___style-module__increased___RDfut { color: var(--colorQuickSellText); font: var(--typographyDigit4Font); position: relative; line-height: 34px; } .app-UI-QuotValue-___style-module__decreased___0JK6e { position: relative; color: var(--colorQuickSellText); font: var(--typographyBody1Font); font-size: 14px; top: -18px; left: 2px; } .app-UI-QuotValue-___style-module__alignRight___OyXYA { text-align: right; justify-content: flex-end; } .app-UI-QuotValue-___style-module__alignRight___OyXYA .app-UI-QuotValue-___style-module__pipsWrapper___JxZT3 { flex-direction: row-reverse; } .app-UI-QuotValue-___style-module__compact___zd-Vr .app-UI-QuotValue-___style-module__priceWrapper___bKh3H { height: 20px; } .app-UI-QuotValue-___style-module__compact___zd-Vr .app-UI-QuotValue-___style-module__base___DChaH { font: var(--typographyBody1Font); font-size: 12px; display: flex; align-items: baseline; height: 12px; } .app-UI-QuotValue-___style-module__compact___zd-Vr .app-UI-QuotValue-___style-module__base___DChaH.app-UI-QuotValue-___style-module__singleBase___Du8E0 { font: var(--typographyDigit2Font); font-size: 20px; line-height: 16px; font-weight: 900; height: auto; } .app-UI-QuotValue-___style-module__compact___zd-Vr .app-UI-QuotValue-___style-module__increased___RDfut { font: var(--typographyDigit4Font); font-size: 20px; font-weight: 700; margin: 0 1px; display: flex; align-items: baseline; height: 16px; line-height: 16px; } .app-UI-QuotValue-___style-module__compact___zd-Vr .app-UI-QuotValue-___style-module__decreased___0JK6e { font: var(--typographyBody2Font); font-size: 14px; line-height: 1; top: -8px; left: 0; } .app-UI-QuotValue-___style-module__compact___zd-Vr .app-UI-QuotValue-___style-module__pipsVal___hGtdS { color: var(--colorTextMain); font: var(--typographyBody2Font); font-weight: 700; } .app-UI-QuotValue-___style-module__withPips___xGSBi { flex-direction: column; } .app-UI-QuotValue-___style-module__withPips___xGSBi.app-UI-QuotValue-___style-module__alignRight___OyXYA .app-UI-QuotValue-___style-module__priceWrapper___bKh3H { justify-content: flex-end; } .app-UI-QuotValue-___style-module__withPips___xGSBi .app-UI-QuotValue-___style-module__pipsWrapper___JxZT3 { margin-top: 2px; } .app-UI-QuotValue-___style-module__withPips___xGSBi .app-UI-QuotValue-___style-module__priceWrapper___bKh3H { position: relative; top: -8px; } .app-UI-QuotValue-___style-module__withPips___xGSBi .app-UI-QuotValue-___style-module__base___DChaH { color: var(--colorTextPrimary); font: var(--typographyBody2Font); font-weight: 400; } .app-UI-QuotValue-___style-module__withPips___xGSBi .app-UI-QuotValue-___style-module__increased___RDfut { color: var(--colorTextMain); font: var(--typographyBody2Font); font-weight: 400; top: 0; height: 12px; } .app-UI-QuotValue-___style-module__withPips___xGSBi .app-UI-QuotValue-___style-module__decreased___0JK6e { top: 0; color: var(--colorTextPrimary); font: var(--typographyBody2Font); height: 12px; font-weight: 400; } .app-components-Scrollbar-___style-module__container___Gyi1V { position: relative; height: 100%; display: flex!important; flex-direction: column!important; } .app-components-Scrollbar-___style-module__container___Gyi1V > * ::-webkit-scrollbar { display: none; } .app-components-Scrollbar-___style-module__container___Gyi1V > * { -ms-overflow-style: none; scrollbar-width: none; } .app-components-Scrollbar-___style-module__content___eh8DH { display: flex; flex-direction: column; flex: 1; } .app-components-Scrollbar-___style-module__small___lPV-R { --os-size: 8px !important; --os-padding-perpendicular: 2px !important; --os-padding-axis: 2px !important; --os-track-border-radius: 0 !important; --os-handle-interactive-area-offset: 4px !important; --os-handle-border-radius: 4px !important; --os-handle-bg: var(--colorTextDisabled) !important; --os-handle-bg-hover: var(--colorTextDisabled) !important; --os-handle-bg-active: var(--colorTextDisabled) !important; --os-handle-min-size: 32px !important; } .app-components-Scrollbar-___style-module__medium___IuMuB { --os-size: 8px !important; --os-padding-perpendicular: 2px !important; --os-padding-axis: 2px !important; --os-track-border-radius: 0 !important; --os-handle-interactive-area-offset: 4px !important; --os-handle-border-radius: 4px !important; --os-handle-bg: var(--colorTextDisabled) !important; --os-handle-bg-hover: var(--colorTextDisabled) !important; --os-handle-bg-active: var(--colorTextDisabled) !important; --os-handle-min-size: 32px !important; } .app-components-Scrollbar-___style-module__large___KrNY7 { --os-size: 20px !important; --os-padding-perpendicular: 6px !important; --os-padding-axis: 6px !important; --os-track-border-radius: 0 !important; --os-handle-interactive-area-offset: 8px !important; --os-handle-border-radius: 8px !important; --os-handle-bg: var(--colorTextDisabled) !important; --os-handle-bg-hover: var(--colorTextDisabled) !important; --os-handle-bg-active: var(--colorTextDisabled) !important; --os-handle-min-size: 100px !important; } .app-components-Copy-___style-module__copyIcon___KN5RT { cursor: pointer; color: var(--colorTextIcons); margin-left: 5px; transition: all 0.2s; } .app-components-Copy-___style-module__copyIcon___KN5RT:before { transition: all 0.2s; } .app-components-Copy-___style-module__copyIcon___KN5RT.app-components-Copy-___style-module__noMargin___TLGv- { margin-left: 0; } .app-components-Copy-___style-module__copyIcon___KN5RT:hover { color: var(--colorTextMain); } .app-components-Copy-___style-module__copyIcon___KN5RT.app-components-Copy-___style-module__copied___fJgLD { color: var(--colorTextMain); } .app-components-Copy-___style-module__copyLabel___qbfXi { cursor: pointer; color: var(--colorAccent); font: var(--typographyBody1Font); font-size: 14px; margin-left: 10px; } .app-components-Copy-___style-module__copyLabel___qbfXi.app-components-Copy-___style-module__noMargin___TLGv- { margin-left: 0; } .app-components-Copy-___style-module__copyLabel___qbfXi:hover { color: var(--colorTextMain); } .app-components-Copy-___style-module__popupContainer___Fin89 { max-width: 450px; color: var(--colorTextMain); font: var(--typographyBody2Font); padding-bottom: 16px; } .app-components-TruncatedCell-___style-module__tooltipValue___ql-AV { max-width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } .app-components-TruncatedCell-___style-module__tooltip___-Gr-d { max-width: 200px; color: var(--colorTextMain); font: var(--typographyBody1Font); word-wrap: break-word; } .app-components-TruncatedCell-___style-module__tdWithIcon___cU6cr { display: flex; flex-direction: row; align-items: center; height: 100%; } .app-components-TruncatedCell-___style-module__tdWithIcon___cU6cr i { font-size: 12px; margin-right: 6px; } .app-components-TruncatedCell-___style-module__tdWithIcon___cU6cr.app-components-TruncatedCell-___style-module__disabled___s2cQX { color: var(--colorTextDisabled); } .app-components-TruncatedCell-___style-module__tdWithIcon___cU6cr .app-components-TruncatedCell-___style-module__copy___0sf1d { visibility: hidden; pointer-events: none; } .app-components-TruncatedCell-___style-module__tdWithIcon___cU6cr:hover .app-components-TruncatedCell-___style-module__copy___0sf1d { visibility: visible; pointer-events: auto; } .app-components-TruncatedCell-___style-module__link___-QDi0 { color: var(--colorAccent); -webkit-text-decoration: underline var(--colorAccent20); text-decoration: underline var(--colorAccent20); transition: all 0.2s; white-space: nowrap; cursor: pointer; } .app-components-TruncatedCell-___style-module__link___-QDi0:hover { text-decoration-color: var(--colorAccent); } .app-components-Bar-___style-module__bar___Uq-Ri { width: 100%; height: 4px; overflow: hidden; background: var(--colorDivider); border-radius: 4px; } .app-components-Bar-___style-module__bar___Uq-Ri.app-components-Bar-___style-module__full___Zv-Kf { width: 109px; } .app-components-Bar-___style-module__barFiller___pQiwx { height: 100%; background: var(--colorGreen); border-radius: 4px; } .app-components-Bar-___style-module__barFiller___pQiwx.app-components-Bar-___style-module__red___Mi-Qh { background: var(--colorError); } .app-components-SessionMarker-___style-module__marker___rHf49 { display: flex; align-items: center; height: 100%; color: var(--colorBgPrimary); font: var(--typographyBody1Font); letter-spacing: var(--typographyBody1Spacing); position: relative; } .app-components-SessionMarker-___style-module__marker___rHf49 > div { color: var(--colorTextMain); } .app-components-SessionMarker-___style-module__marker___rHf49.app-components-SessionMarker-___style-module__circle___n8jkJ span { width: 8px; height: 8px; border-radius: 4px; } .app-components-SessionMarker-___style-module__marker___rHf49.app-components-SessionMarker-___style-module__circle___n8jkJ > div { font: var(--typographyBody2Font); } .app-components-SessionMarker-___style-module__marker___rHf49.app-components-SessionMarker-___style-module__bordered___slQ52 span { width: 12px; height: 12px; border: 2px solid var(--colorBgPrimary); border-radius: 6px; } .app-components-SessionMarker-___style-module__marker___rHf49.app-components-SessionMarker-___style-module__OFFLINE___Fh0q8 span { width: 12px; height: 12px; border: 2px solid var(--colorBgPrimary); border-radius: 6px; } .app-components-SessionMarker-___style-module__marker___rHf49.app-components-SessionMarker-___style-module__OFFLINE___Fh0q8 > span { background-color: var(--colorBgPrimary) } .app-components-SessionMarker-___style-module__marker___rHf49.app-components-SessionMarker-___style-module__OFFLINE___Fh0q8 > svg circle { stroke: var(--colorOffline); } .app-components-SessionMarker-___style-module__marker___rHf49.app-components-SessionMarker-___style-module__OFFLINE___Fh0q8 > svg path { fill: var(--colorOffline); } .app-components-SessionMarker-___style-module__marker___rHf49.app-components-SessionMarker-___style-module__OFFLINE___Fh0q8 > svg rect { stroke: var(--colorOffline); } .app-components-SessionMarker-___style-module__marker___rHf49.app-components-SessionMarker-___style-module__MAIN___pn57D > span { background-color: var(--colorGreen) } .app-components-SessionMarker-___style-module__marker___rHf49.app-components-SessionMarker-___style-module__MAIN___pn57D > svg circle { stroke: var(--colorGreen); } .app-components-SessionMarker-___style-module__marker___rHf49.app-components-SessionMarker-___style-module__MAIN___pn57D > svg rect { stroke: var(--colorGreen); } .app-components-SessionMarker-___style-module__marker___rHf49.app-components-SessionMarker-___style-module__PRE_MARKET___5KMzu > span { background-color: var(--colorPreMarket) } .app-components-SessionMarker-___style-module__marker___rHf49.app-components-SessionMarker-___style-module__PRE_MARKET___5KMzu > svg circle { stroke: var(--colorPreMarket); } .app-components-SessionMarker-___style-module__marker___rHf49.app-components-SessionMarker-___style-module__PRE_MARKET___5KMzu > svg rect { stroke: var(--colorPreMarket); } .app-components-SessionMarker-___style-module__marker___rHf49.app-components-SessionMarker-___style-module__AFTER_MARKET___guK2t > span { background-color: var(--colorAfterMarket) } .app-components-SessionMarker-___style-module__marker___rHf49.app-components-SessionMarker-___style-module__AFTER_MARKET___guK2t > svg circle { stroke: var(--colorAfterMarket); } .app-components-SessionMarker-___style-module__marker___rHf49.app-components-SessionMarker-___style-module__AFTER_MARKET___guK2t > svg rect { stroke: var(--colorAfterMarket); } .app-components-SessionMarker-___style-module__marker___rHf49 .app-components-SessionMarker-___style-module__hint___4x9Tn { position: absolute; display: none; z-index: 1000000; top: -5px; left: -5px; padding: 12px 10px; border-radius: 4px; background: var(--colorHintBg); width: 110px; } .app-components-SessionMarker-___style-module__marker___rHf49:hover .app-components-SessionMarker-___style-module__hint___4x9Tn { display: block; } .app-components-SessionMarker-___style-module__marker___rHf49.app-components-SessionMarker-___style-module__small___p9JRV.app-components-SessionMarker-___style-module__bordered___slQ52 span { width: 9px; height: 9px; border: 1px solid var(--colorBgPrimary); border-radius: 6px; } .app-components-SessionMarker-___style-module__sessionIcon___WTEmL { width: 100%; height: 100%; border-radius: 100%; } .app-components-SessionMarker-___style-module__sessionIcon___WTEmL .app-components-SessionMarker-___style-module__nextTradeDate___cn9zS { width: 4px; height: 4px; border-radius: 2px; position: absolute; left: calc(50% - 2px); top: calc(50% - 2px); background-color: var(--colorBgPrimary) } .app-components-SessionMarker-___style-module__sessionIcon___WTEmL.app-components-SessionMarker-___style-module__withLabel___bs-KZ { min-width: 8px; min-height: 8px; } .app-components-SessionMarker-___style-module__sessionIconCrescent___Ocod- { } .app-components-SessionMarker-___style-module__label___hUL-3 { font: var(--typographyErrorFont); letter-spacing: var(--typographyErrorSpacing); color: var(--colorTextPrimary); } .app-components-SessionMarker-___style-module__label___hUL-3.app-components-SessionMarker-___style-module__OFFLINE___Fh0q8 { color: var(--colorOffline); } .app-components-SessionMarker-___style-module__label___hUL-3.app-components-SessionMarker-___style-module__MAIN___pn57D { color: var(--colorGreen); } .app-components-SessionMarker-___style-module__label___hUL-3.app-components-SessionMarker-___style-module__PRE_MARKET___5KMzu { color: var(--colorPreMarket); } .app-components-SessionMarker-___style-module__label___hUL-3.app-components-SessionMarker-___style-module__AFTER_MARKET___guK2t { color: var(--colorAfterMarket); } .app-components-SessionMarker-___style-module__popup___FPPG- { background-color: var(--colorHintBg); position: relative; width: 104px; height: 46px; display: flex; flex-direction: column; border-radius: 3px; border: 1px solid var(--colorHintBorder); padding: 7px 10px; } .app-components-SessionMarker-___style-module__popup___FPPG-:after { content: ""; width: 12px; height: 12px; transform: rotate(-45deg); background: var(--colorHintBg); position: absolute; z-index: 1; bottom: -6px; left: calc(50% - 6px); border: solid var(--colorHintBorder); border-width: 0 0 1px 1px; } .app-components-SessionMarker-___style-module__popupType___vzJmV { font: var(--typographyCaptionFont); color: var(--colorTextPrimary); margin-bottom: 2px; } .app-components-SessionMarker-___style-module__main___Io0Hq { color: var(--colorGreen); } .app-components-SessionMarker-___style-module__offline___vr6Ae { color: var(--colorError); } .app-components-SessionMarker-___style-module__preMarket___YspM5 { color: var(--colorWarning); } .app-components-SessionMarker-___style-module__popupValue___01AHe { font: var(--typographyCaptionFont); color: var(--colorTextMain); } .app-UI-InstrumentCategory-___styles-module__category___fTKeR { display: flex; align-items: center; justify-content: center; font-size: 16px; width: 24px; height: 24px; min-width: 24px; min-height: 24px; border-radius: 2px; color: var(--colorTextInstrumentCategory); font: var(--typographyCaps3Font); letter-spacing: var(--typographyCaps3Spacing); } .app-UI-InstrumentCategory-___styles-module__container___yyKdq { position: relative; } .app-UI-InstrumentCategory-___styles-module__container___yyKdq.app-UI-InstrumentCategory-___styles-module__default___N4Ey2 { height: 24px; width: 24px; align-self: flex-start; } .app-UI-InstrumentCategory-___styles-module__container___yyKdq.app-UI-InstrumentCategory-___styles-module__default___N4Ey2 > svg { width: 24px; height: 24px; } .app-UI-InstrumentCategory-___styles-module__container___yyKdq.app-UI-InstrumentCategory-___styles-module__large___OhO08 { height: 40px; width: 40px; } .app-UI-InstrumentCategory-___styles-module__container___yyKdq.app-UI-InstrumentCategory-___styles-module__large___OhO08 > svg { width: 40px; height: 40px; } .app-UI-InstrumentCategory-___styles-module__container___yyKdq.app-UI-InstrumentCategory-___styles-module__big___u4VHL { height: 28px; width: 28px; } .app-UI-InstrumentCategory-___styles-module__container___yyKdq.app-UI-InstrumentCategory-___styles-module__big___u4VHL > svg { width: 28px; height: 28px; } .app-UI-InstrumentCategory-___styles-module__container___yyKdq.app-UI-InstrumentCategory-___styles-module__small___Q-t-F { height: 18px; width: 18px; } .app-UI-InstrumentCategory-___styles-module__container___yyKdq.app-UI-InstrumentCategory-___styles-module__small___Q-t-F > svg { width: 18px; height: 18px; } .app-UI-InstrumentCategory-___styles-module__container___yyKdq.app-UI-InstrumentCategory-___styles-module__sLarge___kiodv { height: 36px; width: 36px; } .app-UI-InstrumentCategory-___styles-module__container___yyKdq.app-UI-InstrumentCategory-___styles-module__sLarge___kiodv > svg { width: 36px; height: 36px; } .app-UI-InstrumentCategory-___styles-module__session___B2sAT { position: absolute; bottom: -4px; right: -4px; } .app-UI-InstrumentCategory-___styles-module__session___B2sAT.app-UI-InstrumentCategory-___styles-module__small___Q-t-F { bottom: -2px; right: -2px; } .app-UI-InstrumentCategory-___styles-module__type___FlLX- { position: absolute; bottom: -3px; right: -3px; box-shadow: 0 0 0 2px var(--colorBgPrimary); border-radius: 2px; } .app-UI-InstrumentCategory-___styles-module__popup___sT73- { background-color: var(--colorHintBg); position: relative; display: flex; flex-direction: column; border-radius: 3px; border: 1px solid var(--colorHintBorder); padding: 0 8px; color: var(--colorTextMain); font: var(--typographyBody2Font); max-height: 200px; } .app-UI-InstrumentCategory-___styles-module__popup___sT73- > div { height: 32px; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; } .app-UI-InstrumentCategory-___styles-module__popup___sT73- > div:not(:last-of-type) { border-bottom: 1px solid var(--colorDivider); } .app-UI-InstrumentCategory-___styles-module__popup___sT73- .app-UI-InstrumentCategory-___styles-module__popupCategory___HXBZZ > div { width: 16px; height: 16px; margin-right: 6px; } .app-UI-InstrumentCategory-___styles-module__popup___sT73- .app-UI-InstrumentCategory-___styles-module__popupCategory___HXBZZ > div > svg { width: 16px; height: 16px; } .app-UI-InstrumentCategory-___styles-module__popup___sT73- .app-UI-InstrumentCategory-___styles-module__popupSession___BxihE > span:last-of-type { margin-left: 4px; } .app-UI-InstrumentCategory-___styles-module__popup___sT73- .app-UI-InstrumentCategory-___styles-module__popupSession___BxihE > div:first-of-type { margin-right: 10px; margin-left: 4px; } .app-UI-InstrumentCategory-___styles-module__popup___sT73- .app-UI-InstrumentCategory-___styles-module__popupType___Lk3J5 > div div:first-of-type { margin-left: 3px; margin-right: 3px; } .app-UI-InstrumentCategory-___styles-module__popup___sT73- .app-UI-InstrumentCategory-___styles-module__closeOnly___PZOjC { display: flex; flex-direction: row; align-items: center; gap: 8px; margin-left: 2px; } .app-UI-InstrumentCategory-___styles-module__popup___sT73- .app-UI-InstrumentCategory-___styles-module__closeOnly___PZOjC i { color: var(--colorTextIcons); } .app-UI-InstrumentCategory-___styles-module__arrow___g0loq { margin-top: -1px; } .app-UI-InstrumentCategory-___styles-module__idea___kQiht{ display: flex; align-items: center; justify-content: center; font-size: 15px; padding-bottom: 2px; --colorInstumentBgFx: #1CAA66; --colorInstumentBgFu: #2294E7; --colorInstumentBgEq: #F8961E; --colorInstumentBgOp: #F35C2C; --colorInstumentBgBond: #9D3BC7; --colorInstumentBgMt: #EDB839; --colorInstumentBgCashForex: #77AE4D; --colorInstumentBgCFD: #D8D9E8; --colorInstumentTextMain: #FFFFFF; --colorInstumentTextSecondary: #12171A; --colorInstumentBgCrypto: linear-gradient(180deg, #D72883 0%, #A93EB2 100%), #D053C4; color: var(--colorInstumentTextSecondary); border-radius: 2px; } .app-UI-InstrumentCategory-___styles-module__idea___kQiht.app-UI-InstrumentCategory-___styles-module__FX___ctUaM{ color: var(--colorInstumentTextMain); background: var(--colorInstumentBgFx); } .app-UI-InstrumentCategory-___styles-module__idea___kQiht.app-UI-InstrumentCategory-___styles-module__FU___agtrE{ background: var(--colorInstumentBgFu); } .app-UI-InstrumentCategory-___styles-module__idea___kQiht.app-UI-InstrumentCategory-___styles-module__EQ___ic-iR{ background: var(--colorInstumentBgEq); } .app-UI-InstrumentCategory-___styles-module__idea___kQiht.app-UI-InstrumentCategory-___styles-module__OP___iBPp4{ background: var(--colorInstumentBgOp); } .app-UI-InstrumentCategory-___styles-module__idea___kQiht.app-UI-InstrumentCategory-___styles-module__BOND___QxPHY{ background: var(--colorInstumentBgBond); } .app-UI-InstrumentCategory-___styles-module__idea___kQiht.app-UI-InstrumentCategory-___styles-module__MT___wV6X0{ background: var(--colorInstumentBgMt); } .app-UI-InstrumentCategory-___styles-module__idea___kQiht.app-UI-InstrumentCategory-___styles-module__CFD___BK-CR{ background: var(--colorInstumentBgCFD); } .app-UI-InstrumentCategory-___styles-module__idea___kQiht.app-UI-InstrumentCategory-___styles-module__CASH___qCiL3.app-UI-InstrumentCategory-___styles-module__CURRENCY___yUyY5{ color: var(--colorInstumentTextMain); background: var(--colorInstumentBgCashForex); } .app-UI-InstrumentCategory-___styles-module__idea___kQiht.app-UI-InstrumentCategory-___styles-module__CASH___qCiL3.app-UI-InstrumentCategory-___styles-module__CRYPTO___NxGgJ{ color: var(--colorInstumentTextMain); background: var(--colorInstumentBgCrypto); } .app-components-UnityFormatters-___style-module__percent___m0bqi{ display:flex; flex-direction: row; align-items: center; justify-content: flex-end; } .app-components-UnityFormatters-___style-module__instrumentContainer___bcEOK { min-width: 150px; overflow: hidden; } .app-components-UnityFormatters-___style-module__instrumentContainer___bcEOK.app-components-UnityFormatters-___style-module__auto___Mg0qo{ min-width: auto; } .app-components-UnityFormatters-___style-module__instrumentName___Do40u { color: var(--colorTextMain); font: var(--typographyBody2Font); line-height: 1.1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; /*&.auto{*/ /* width: 100%;*/ /* white-space: nowrap;*/ /* overflow: hidden;*/ /* text-overflow: ellipsis;*/ /* !*max-width: 170px;*!*/ /*}*/ } .app-components-UnityFormatters-___style-module__secondName___ATLWG { color: var(--colorTextPrimary); font: var(--typographyCaps3Font); letter-spacing: var(--typographyCaps3Spacing); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: 400; line-height: 1; max-width: 170px; } .app-components-UnityFormatters-___style-module__fullName___wV4ga { margin-left: 0; color: var(--colorTextMain); background-color: var(--colorBgSecondary); } .app-components-UnityFormatters-___style-module__long-name___3KpV2 { font-size: 12px; display: block; max-width: 175px; letter-spacing: -0.5px; } .app-components-UnityFormatters-___style-module__trade-link-container___SY3ib a { font-size: 15px; line-height: 1; text-decoration: underline; margin-left: 5px; position: relative; top: -2px; } .app-components-UnityFormatters-___style-module__trade-link-container___SY3ib a:hover { text-decoration: none; } .app-components-UnityFormatters-___style-module__markup___W9zn- { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; } .app-components-UnityFormatters-___style-module__markup___W9zn- > span { display: inline-table; white-space: nowrap; } .app-components-UnityFormatters-___style-module__markup___W9zn- > span:first-of-type { min-width: 64px; margin-right: 4px; text-align: right; } .app-components-UnityFormatters-___style-module__link___k99Vr { color: var(--colorAccent); -webkit-text-decoration: underline var(--colorAccent20); text-decoration: underline var(--colorAccent20); transition: all 0.2s; white-space: nowrap; } .app-components-UnityFormatters-___style-module__link___k99Vr:hover { text-decoration-color: var(--colorAccent); } .app-components-WatchlistSpread-___styles-module__popupWrapper___BpCOt { padding: 10px; background-color: var(--colorWarningAccent); border-radius: 4px; display: flex; flex-direction: column; } .app-components-WatchlistSpread-___styles-module__popupWrapper___BpCOt span { font: var(--typographyBody2Font); color: var(--colorWarningBackground); } .app-components-WatchlistSpread-___styles-module__errorIcon___0XBzu { text-align: center; font-size: 12px; position: relative; } .app-components-WatchlistSpread-___styles-module__errorIcon___0XBzu.app-components-WatchlistSpread-___styles-module__sticky___ooblI { position: sticky; right: 184px; background-color: inherit; } .app-components-WatchlistSpread-___styles-module__errorIconFlex___5L9uK { text-align: center; font-size: 12px; width: 100%; height: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; position: relative; } .app-components-WatchlistSpread-___styles-module__errorIcon___0XBzu i, .app-components-WatchlistSpread-___styles-module__errorIconFlex___5L9uK i { color: var(--colorWarningAccent); opacity: 0; transition: all 0.3s; position: absolute; top: calc(50% - 6px); left: calc(50% - 6px); visibility: hidden; } .app-components-WatchlistSpread-___styles-module__errorIcon___0XBzu > *:not(i), .app-components-WatchlistSpread-___styles-module__errorIconFlex___5L9uK > *:not(i) { visibility: visible; opacity: 1; transition: all 0.2s; } .app-components-WatchlistSpread-___styles-module__errorIcon___0XBzu.app-components-WatchlistSpread-___styles-module__error___Ex8a3 i, .app-components-WatchlistSpread-___styles-module__errorIconFlex___5L9uK.app-components-WatchlistSpread-___styles-module__error___Ex8a3 i { opacity: 1; visibility: visible; } .app-components-WatchlistSpread-___styles-module__errorIcon___0XBzu.app-components-WatchlistSpread-___styles-module__error___Ex8a3 > *:not(i), .app-components-WatchlistSpread-___styles-module__errorIconFlex___5L9uK.app-components-WatchlistSpread-___styles-module__error___Ex8a3 > *:not(i) { visibility: hidden; opacity: 0; } .app-UI-InstrumentPrices-___style-module__pricesWrapper___GlUIz { display: flex; height: 84px; position: relative; margin: 12px 10px 0 10px; } .app-UI-InstrumentPrices-___style-module__pricesWrapper___GlUIz.app-UI-InstrumentPrices-___style-module__isAdaptive___IDq8z { height: 38px; } .app-UI-InstrumentPrices-___style-module__pricesWrapper___GlUIz.app-UI-InstrumentPrices-___style-module__isAdaptive___IDq8z .app-UI-InstrumentPrices-___style-module__ask___l4jkA, .app-UI-InstrumentPrices-___style-module__pricesWrapper___GlUIz.app-UI-InstrumentPrices-___style-module__isAdaptive___IDq8z .app-UI-InstrumentPrices-___style-module__bid___EEcmd { padding: 4px 6px; flex-direction: column; justify-content: space-between; } .app-UI-InstrumentPrices-___style-module__pricesWrapper___GlUIz.app-UI-InstrumentPrices-___style-module__isAdaptive___IDq8z .app-UI-InstrumentPrices-___style-module__ask___l4jkA .app-UI-InstrumentPrices-___style-module__text___Vz0lG, .app-UI-InstrumentPrices-___style-module__pricesWrapper___GlUIz.app-UI-InstrumentPrices-___style-module__isAdaptive___IDq8z .app-UI-InstrumentPrices-___style-module__bid___EEcmd .app-UI-InstrumentPrices-___style-module__text___Vz0lG { font-size: 0.75em; } .app-UI-InstrumentPrices-___style-module__pricesWrapper___GlUIz.app-UI-InstrumentPrices-___style-module__isAdaptive___IDq8z .app-UI-InstrumentPrices-___style-module__ask___l4jkA .app-UI-InstrumentPrices-___style-module__text___Vz0lG span:first-of-type, .app-UI-InstrumentPrices-___style-module__pricesWrapper___GlUIz.app-UI-InstrumentPrices-___style-module__isAdaptive___IDq8z .app-UI-InstrumentPrices-___style-module__bid___EEcmd .app-UI-InstrumentPrices-___style-module__text___Vz0lG span:first-of-type { font-size: 8px; } .app-UI-InstrumentPrices-___style-module__value___IgsCL > div > div { transition: all 0.2s; } .app-UI-InstrumentPrices-___style-module__value___IgsCL > div > div > div { transition: all 0.2s; } .app-UI-InstrumentPrices-___style-module__value___IgsCL.app-UI-InstrumentPrices-___style-module__valueTtlError___Xgb7Y > div > div { color: var(--colorWarningAccent); } .app-UI-InstrumentPrices-___style-module__value___IgsCL.app-UI-InstrumentPrices-___style-module__valueTtlError___Xgb7Y > div > div > div { color: var(--colorWarningAccent); } .app-UI-InstrumentPrices-___style-module__showPips___6Fmmo .app-UI-InstrumentPrices-___style-module__ask___l4jkA .app-UI-InstrumentPrices-___style-module__value___IgsCL, .app-UI-InstrumentPrices-___style-module__showPips___6Fmmo .app-UI-InstrumentPrices-___style-module__bid___EEcmd .app-UI-InstrumentPrices-___style-module__value___IgsCL { margin-top: 0; } .app-UI-InstrumentPrices-___style-module__quickTradeAvailable___Ur-D- .app-UI-InstrumentPrices-___style-module__bid___EEcmd { cursor: pointer; } .app-UI-InstrumentPrices-___style-module__quickTradeAvailable___Ur-D- .app-UI-InstrumentPrices-___style-module__bid___EEcmd:hover { background-color: var(--colorQuickSellBgHover); } .app-UI-InstrumentPrices-___style-module__quickTradeAvailable___Ur-D- .app-UI-InstrumentPrices-___style-module__bid___EEcmd:hover .app-UI-InstrumentPrices-___style-module__text___Vz0lG { color: var(--colorWhite); opacity: 0.7; } .app-UI-InstrumentPrices-___style-module__quickTradeAvailable___Ur-D- .app-UI-InstrumentPrices-___style-module__bid___EEcmd:hover .app-UI-InstrumentPrices-___style-module__value___IgsCL > div > div { color: var(--colorWhite); } .app-UI-InstrumentPrices-___style-module__quickTradeAvailable___Ur-D- .app-UI-InstrumentPrices-___style-module__bid___EEcmd:hover .app-UI-InstrumentPrices-___style-module__value___IgsCL > div > div > div { color: var(--colorWhite); } .app-UI-InstrumentPrices-___style-module__quickTradeAvailable___Ur-D- .app-UI-InstrumentPrices-___style-module__bid___EEcmd:hover .app-UI-InstrumentPrices-___style-module__arrow___g-1Uu { color: var(--colorTextIcons); } .app-UI-InstrumentPrices-___style-module__quickTradeAvailable___Ur-D- .app-UI-InstrumentPrices-___style-module__bid___EEcmd:active { background-color: var(--colorSellPressed); } .app-UI-InstrumentPrices-___style-module__quickTradeAvailable___Ur-D- .app-UI-InstrumentPrices-___style-module__ask___l4jkA { cursor: pointer; } .app-UI-InstrumentPrices-___style-module__quickTradeAvailable___Ur-D- .app-UI-InstrumentPrices-___style-module__ask___l4jkA:hover { background-color: var(--colorQuickBuyBgHover); } .app-UI-InstrumentPrices-___style-module__quickTradeAvailable___Ur-D- .app-UI-InstrumentPrices-___style-module__ask___l4jkA:hover .app-UI-InstrumentPrices-___style-module__text___Vz0lG { color: var(--colorWhite); opacity: 0.7; } .app-UI-InstrumentPrices-___style-module__quickTradeAvailable___Ur-D- .app-UI-InstrumentPrices-___style-module__ask___l4jkA:hover .app-UI-InstrumentPrices-___style-module__value___IgsCL > div > div { color: var(--colorWhite); } .app-UI-InstrumentPrices-___style-module__quickTradeAvailable___Ur-D- .app-UI-InstrumentPrices-___style-module__ask___l4jkA:hover .app-UI-InstrumentPrices-___style-module__value___IgsCL > div > div > div { color: var(--colorWhite); } .app-UI-InstrumentPrices-___style-module__quickTradeAvailable___Ur-D- .app-UI-InstrumentPrices-___style-module__ask___l4jkA:hover .app-UI-InstrumentPrices-___style-module__arrow___g-1Uu { color: var(--colorTextIcons); } .app-UI-InstrumentPrices-___style-module__quickTradeAvailable___Ur-D- .app-UI-InstrumentPrices-___style-module__ask___l4jkA:active { background-color: var(--colorQuickBuyBgHover); } .app-UI-InstrumentPrices-___style-module__ask___l4jkA, .app-UI-InstrumentPrices-___style-module__bid___EEcmd { width: 100%; display: flex; padding: 10px; flex-direction: column; justify-content: space-between; background-color: var(--colorQuickSellBg); flex-grow: 2; position: relative; max-width: 50%; } .app-UI-InstrumentPrices-___style-module__ask___l4jkA .app-UI-InstrumentPrices-___style-module__text___Vz0lG, .app-UI-InstrumentPrices-___style-module__bid___EEcmd .app-UI-InstrumentPrices-___style-module__text___Vz0lG { font: var(--typographyCaps3Font); letter-spacing: var(--typographyCaps3Spacing); text-transform: uppercase; color: var(--colorTextPrimary); } .app-UI-InstrumentPrices-___style-module__ask___l4jkA .app-UI-InstrumentPrices-___style-module__text___Vz0lG span:first-of-type, .app-UI-InstrumentPrices-___style-module__bid___EEcmd .app-UI-InstrumentPrices-___style-module__text___Vz0lG span:first-of-type { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(100% - 8px); } .app-UI-InstrumentPrices-___style-module__bid___EEcmd { border-top-left-radius: 4px; border-top-right-radius: 4px; } .app-UI-InstrumentPrices-___style-module__bid___EEcmd .app-UI-InstrumentPrices-___style-module__value___IgsCL { text-align: left; } .app-UI-InstrumentPrices-___style-module__bid___EEcmd .app-UI-InstrumentPrices-___style-module__text___Vz0lG { text-align: left; display: flex; flex-direction: row; align-items: flex-start; } .app-UI-InstrumentPrices-___style-module__ask___l4jkA { border-top-right-radius: 4px; border-top-left-radius: 4px; } .app-UI-InstrumentPrices-___style-module__ask___l4jkA .app-UI-InstrumentPrices-___style-module__value___IgsCL { text-align: right; } .app-UI-InstrumentPrices-___style-module__ask___l4jkA .app-UI-InstrumentPrices-___style-module__text___Vz0lG { text-align: right; display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-end; } .app-UI-InstrumentPrices-___style-module__spread___S-2W8 { position: absolute; width: 46px; height: 21px; left: calc(50% - 23px); top: 40px; background-color: var(--colorBgPrimary); color: var(--colorTextMain); border: 1px solid var(--colorQuickSellBg); display: flex; align-items: center; justify-content: center; border-radius: 28px; z-index: 1; font: var(--typographyCaptionFont); letter-spacing: var(--typographyBody1Spacing); text-align: center; } .app-UI-InstrumentPrices-___style-module__spread___S-2W8.app-UI-InstrumentPrices-___style-module__longSpread___k257T { font-size: 10px; } .app-UI-InstrumentPrices-___style-module__arrow___g-1Uu { /*margin-top: 1px;*/ font-size: 8px; } .app-UI-InstrumentPrices-___style-module__arrowAsk___gRu28 { margin-right: auto; } .app-UI-InstrumentPrices-___style-module__arrowBid___JzEnD { margin-left: auto; } .app-UI-InstrumentPrices-___style-module__arrowNegative___yPr1W { color: var(--colorSell); transform: rotate(180deg); } .app-UI-InstrumentPrices-___style-module__arrowPositive___gcQUV { color: var(--colorBuy); } .app-UI-InstrumentPrices-___style-module__loaderContainer___vO3EP { height: 20px; position: relative; color: var(--colorTextPrimary); } .app-UI-InstrumentPrices-___style-module__compact___D-lNp { height: 50px; margin: 0; } .app-UI-InstrumentPrices-___style-module__compact___D-lNp .app-UI-InstrumentPrices-___style-module__spread___S-2W8 { height: 16px; width: 48px; left: calc(50% - 24px); bottom: 0; border: none; top: auto; border-radius: 4px 4px 0px 0px; font: var(--typographyCaps3Font); letter-spacing: var(--typographyCaptionSpacing); background-color: var(--colorBgPrimary); color: var(--colorTextMain); } .app-UI-InstrumentPrices-___style-module__compact___D-lNp .app-UI-InstrumentPrices-___style-module__spread___S-2W8.app-UI-InstrumentPrices-___style-module__longSpread___k257T { font-size: 8px; } .app-UI-InstrumentPrices-___style-module__compact___D-lNp .app-UI-InstrumentPrices-___style-module__bid___EEcmd { border-bottom-left-radius: 0; } .app-UI-InstrumentPrices-___style-module__compact___D-lNp .app-UI-InstrumentPrices-___style-module__ask___l4jkA { border-bottom-right-radius: 0; } .app-UI-InstrumentPrices-___style-module__compact___D-lNp .app-UI-InstrumentPrices-___style-module__ask___l4jkA, .app-UI-InstrumentPrices-___style-module__compact___D-lNp .app-UI-InstrumentPrices-___style-module__bid___EEcmd { padding: 8px; } .app-UI-InstrumentPrices-___style-module__compact___D-lNp .app-UI-InstrumentPrices-___style-module__ask___l4jkA .app-UI-InstrumentPrices-___style-module__text___Vz0lG, .app-UI-InstrumentPrices-___style-module__compact___D-lNp .app-UI-InstrumentPrices-___style-module__bid___EEcmd .app-UI-InstrumentPrices-___style-module__text___Vz0lG { line-height: 1; } .app-UI-InstrumentPrices-___style-module__instrumentSession___B9zaG { position: absolute; top: 5px; left: calc(50% - 6px); z-index: 5; } .app-UI-InstrumentPrices-___style-module__popup___EiQun { background-color: var(--colorTradingHeaderBg); position: relative; top: -12px; left: 0; width: 104px; height: 46px; display: flex; flex-direction: column; border-radius: 3px; padding: 7px 10px; } .app-UI-InstrumentPrices-___style-module__popup___EiQun:after { content: ""; width: 12px; height: 12px; transform: rotate(-45deg); background: var(--colorTradingHeaderBg); position: absolute; z-index: -1; bottom: -6px; left: calc(50% - 6px); } .app-UI-InstrumentPrices-___style-module__popupType___iTkJN { font: var(--typographyCaptionFont); color: var(--colorTextPrimary); margin-bottom: 2px; } .app-UI-InstrumentPrices-___style-module__main___PnSjw { color: var(--colorGreen); } .app-UI-InstrumentPrices-___style-module__offline___SAeQh { color: var(--colorError); } .app-UI-InstrumentPrices-___style-module__preMarket___fT6Ws { color: var(--colorWarning); } .app-UI-InstrumentPrices-___style-module__popupValue___natNf { font: var(--typographyCaptionFont); color: var(--colorTextWhite); } .app-UI-InstrumentPrices-___style-module__divider___-2iOf { min-width: 2px; height: 100%; } .app-UI-InstrumentPrices-___style-module__sellDisabled___D0ZG7, .app-UI-InstrumentPrices-___style-module__disabled___bkuBz { pointer-events: none; opacity: 0.6; } .app-UI-InstrumentPrices-___style-module__withWarning___OPRRv { pointer-events: all; } .app-UI-InstrumentPrices-___style-module__buySelected___8UW68{ background: var(--colorBuySelected); } .app-UI-InstrumentPrices-___style-module__sellSelected___7W1QX{ background: var(--colorSellSelected); } .app-UI-InstrumentNameAndCategory-___styles-module__container___smo4E { display: flex; align-items: center; overflow: hidden; } .app-UI-InstrumentNameAndCategory-___styles-module__instrumentNameInvert___Pb7-z { display: flex; align-items: center; margin-left: 6px; font: var(--typographyCaps1Font); letter-spacing: var(--typographyCaps1Spacing); color: var(--colorTextMain); font-weight: 400; white-space: nowrap; } .app-UI-InstrumentNameAndCategory-___styles-module__instrumentNameInvert___Pb7-z i { color: var(--colorTextIcons); font-size: 14px; line-height: 14px; font-weight: 700; display: block; padding: 1px 5px 0 5px; cursor: pointer; } .app-UI-InstrumentNameAndCategory-___styles-module__instrumentNameInvert___Pb7-z i.app-UI-InstrumentNameAndCategory-___styles-module__inverted___I7VJp { color: var(--colorAccent); } .app-UI-InstrumentNameAndCategory-___styles-module__instrumentNameWrap___petgh { display: flex; flex-direction: row; align-items: center; width: 100%; } .app-UI-InstrumentNameAndCategory-___styles-module__tenor___A1uuD { color: var(--colorTextMain); font: var(--typographyCaps1Font); font-weight: 400; } .app-UI-InstrumentNameAndCategory-___styles-module__instrumentName___fMY8X { display: block; margin-left: 6px; font: var(--typographyCaps1Font); letter-spacing: var(--typographyCaps1Spacing); color: var(--colorTextMain); overflow: hidden; text-overflow: ellipsis; font-weight: 400; white-space: nowrap; } .app-UI-InstrumentNameAndCategory-___styles-module__secondInstrumentName___LL0w2 { color: var(--colorTextPrimary); font: var(--typographyCaps3Font); letter-spacing: var(--typographyCaps3Spacing); margin-left: 6px; white-space: nowrap; margin-top:-2px; text-overflow: ellipsis; overflow: hidden; font-weight: 400; /*line-height:10px;*/ } .app-UI-InstrumentNameAndCategory-___styles-module__doubleNames___nH2r6 { line-height: 12px; overflow: hidden; } .app-UI-InstrumentNameAndCategory-___styles-module__doubleNames___nH2r6 .app-UI-InstrumentNameAndCategory-___styles-module__instrumentNameInvert___Pb7-z, .app-UI-InstrumentNameAndCategory-___styles-module__doubleNames___nH2r6 .app-UI-InstrumentNameAndCategory-___styles-module__instrumentName___fMY8X { line-height: 12px; font: var(--typographyBody2Font); letter-spacing: var(--typographyBody2Spacing); font-weight: 400; margin-left: 6px; white-space: nowrap; } .app-UI-InstrumentNameAndCategory-___styles-module__doubleNames___nH2r6 .app-UI-InstrumentNameAndCategory-___styles-module__tenor___A1uuD { color: var(--colorTextMain); font: var(--typographyBody2Font); } .app-UI-InstrumentNameAndCategory-___styles-module__quoteAsset___bi6l5 { border: 1px solid var(--colorTextDisabled); color: var(--colorTextIcons); /*padding: 1px 1px;*/ border-radius: 2px; font: var(--typographySmallIconFont); letter-spacing: var(--typographyCaps3Spacing); margin-left: 5px; line-height: 8px; font-weight: 400; } @keyframes app-components-LoadingIndicator-___style-module__loadingCircle___8sUgo { to { transform: rotate(1turn); } } .app-components-LoadingIndicator-___style-module__loaderWrapper___piy-g { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: var(--colorBgPrimary); z-index: 999; } .app-components-LoadingIndicator-___style-module__loaderWrapper___piy-g.app-components-LoadingIndicator-___style-module__transparent___NcKM- { background: transparent; } .app-components-LoadingIndicator-___style-module__loaderWrapper___piy-g.app-components-LoadingIndicator-___style-module__small___rYUkS svg { width: 14px; height: 14px; } .app-components-LoadingIndicator-___style-module__loaderWrapper___piy-g svg { fill: none; animation: app-components-LoadingIndicator-___style-module__loadingCircle___8sUgo 1s linear infinite; } .app-UI-Form-SelectPopup-___style-module__popup___k-l7Z { background-color: var(--colorDropBg); position: relative; bottom: 0; left: 0; display: flex; flex-direction: column; padding: 4px 0; min-width: 100px; } .app-UI-Form-SelectPopup-___style-module__popup___k-l7Z.app-UI-Form-SelectPopup-___style-module__optionsLoading___16qdg { min-height: 38px; position: relative; } .app-UI-Form-SelectPopup-___style-module__popup___k-l7Z.app-UI-Form-SelectPopup-___style-module__SMALL___Lh1x1 { min-width: auto; } .app-UI-Form-SelectPopup-___style-module__popup___k-l7Z.app-UI-Form-SelectPopup-___style-module__SMALL___Lh1x1.app-UI-Form-SelectPopup-___style-module__optionsLoading___16qdg { min-height: 32px; position: relative; } .app-UI-Form-SelectPopup-___style-module__scrollContainer___WMjW- { max-height: inherit; display: flex; flex-direction: column; overflow: hidden; border-radius: var(--defaultDropBorderRadius); box-shadow: 0 10px 18px var(--colorDropShadow); } .app-UI-Form-SelectPopup-___style-module__selectOption___cEuam { color: var(--colorTextMain); padding: 8px; cursor: pointer; font: var(--typographyBody1Font); display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .app-UI-Form-SelectPopup-___style-module__selectOption___cEuam.app-UI-Form-SelectPopup-___style-module__active___lAbNG { color: var(--colorAccent); } .app-UI-Form-SelectPopup-___style-module__selectOption___cEuam:hover { background-color: var(--colorAccent20); color: var(--colorButtonAccentText); } .app-UI-Form-SelectPopup-___style-module__selectOption___cEuam.app-UI-Form-SelectPopup-___style-module__SMALL___Lh1x1 { padding: 2px 8px; } .app-UI-Form-SelectPopup-___style-module__selectOption___cEuam.app-UI-Form-SelectPopup-___style-module__emptyText___9lqjz { justify-content: center; cursor: default; } .app-UI-Form-SelectPopup-___style-module__selectOption___cEuam.app-UI-Form-SelectPopup-___style-module__emptyText___9lqjz:hover { background-color: transparent; color: var(--colorTextMain); } .app-UI-Form-SelectPopup-___style-module__selectOption___cEuam .app-UI-Form-SelectPopup-___style-module__withInfo___IOOmb { display: flex; flex-direction: column; pointer-events: none; } .app-UI-Form-SelectPopup-___style-module__selectOption___cEuam .app-UI-Form-SelectPopup-___style-module__withInfo___IOOmb > span:last-of-type { display: block; margin-top: 2px; color: var(--colorTextPrimary); } .app-UI-Form-SelectPopup-___style-module__selectOption___cEuam > div { pointer-events: none; } .app-UI-Form-SelectPopup-___style-module__selectOption___cEuam.app-UI-Form-SelectPopup-___style-module__optionWithInfo___CEkM6 { padding: 8px; height: auto!important; } .app-UI-Form-SelectPopup-___style-module__selectOption___cEuam.app-UI-Form-SelectPopup-___style-module__optionWithInfo___CEkM6:not(:last-of-type) { border-bottom: 1px solid var(--colorDivider); } .app-UI-Form-SelectPopup-___style-module__selectValue___TGYTO { color: var(--colorAccent); font-weight: 400; cursor: pointer; white-space: nowrap; } .app-UI-Form-SelectPopup-___style-module__selectValue___TGYTO.app-UI-Form-SelectPopup-___style-module__BIG___MVtjB { font: var(--typographyCaps1Font); } .app-UI-Form-SelectPopup-___style-module__selectValue___TGYTO.app-UI-Form-SelectPopup-___style-module__DEFAULT___zSOUq { font: var(--typographyBody2Font); line-height: 1; } .app-UI-Form-SelectPopup-___style-module__selectValue___TGYTO.app-UI-Form-SelectPopup-___style-module__disabled___2bRB0 { color: var(--colorTextMain); cursor: default; } .app-UI-Form-SelectPopup-___style-module__selectValue___TGYTO.app-UI-Form-SelectPopup-___style-module__adaptiveValue___zLbAg { font-size: 1em; } @keyframes app-UI-Form-SelectPopup-___style-module__twinkle___-uhL3 { 0% { border-color: var(--colorBgSecondary); } 50% { border-color: var(--colorInputBorderActive); } 100% { border-color: var(--colorBgSecondary); } } .app-UI-Form-SelectPopup-___style-module__popupContainer___7BgAl { width: 100%; } .app-UI-Form-SelectPopup-___style-module__popupContainer___7BgAl:focus .app-UI-Form-SelectPopup-___style-module__inlineLabelSelectPopupContainer___NvV25, .app-UI-Form-SelectPopup-___style-module__popupContainer___7BgAl.app-UI-Form-SelectPopup-___style-module__focused___lNmsC .app-UI-Form-SelectPopup-___style-module__inlineLabelSelectPopupContainer___NvV25 { border-color: var(--colorAccent); } .app-UI-Form-SelectPopup-___style-module__popupContainer___7BgAl:focus-visible { outline: none; } .app-UI-Form-SelectPopup-___style-module__popupContainer___7BgAl:focus-visible .app-UI-Form-SelectPopup-___style-module__inlineLabelSelectPopupContainer___NvV25 { border-color: var(--colorAccent); } .app-UI-Form-SelectPopup-___style-module__popupContainer___7BgAl.app-UI-Form-SelectPopup-___style-module__twinkle___-uhL3 .app-UI-Form-SelectPopup-___style-module__inlineLabelSelectPopupContainer___NvV25 { animation: 0.5s linear infinite app-UI-Form-SelectPopup-___style-module__twinkle___-uhL3; } .app-UI-Form-SelectPopup-___style-module__popupContainer___7BgAl > div:first-of-type { width: 100%; } .app-UI-Form-SelectPopup-___style-module__popupContainer___7BgAl.app-UI-Form-SelectPopup-___style-module__compact___bMX3M .app-UI-Form-SelectPopup-___style-module__inlineLabelSelectPopupContainer___NvV25 { height: 24px; padding: 8px; } .app-UI-Form-SelectPopup-___style-module__emptyOptions___-g96h { padding: 8px 0; text-align: center; color: var(--colorTextPrimary); font: var(--typographyBody1Font); } .app-UI-Form-SelectPopup-___style-module__inlineLabelSelectPopupContainer___NvV25 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 32px; padding: 8px; background-color: var(--colorInputBg); width: 100%; border-radius: 3px; border: 1px solid var(--colorInputBg); font: var(--typographyBody2Font); letter-spacing: var(--typographyBody2Spacing); color: var(--colorTextMain); } .app-UI-Form-SelectPopup-___style-module__inlineLabelSelectPopupContainer___NvV25 .app-UI-Form-SelectPopup-___style-module__label___415Gf { font: var(--typographyBody2Font); color: var(--colorTextPrimary); } .app-UI-Form-SelectPopup-___style-module__inlineLabelSelectPopupContainer___NvV25 .app-UI-Form-SelectPopup-___style-module__content___JvLsv { display: flex; flex-direction: row; align-items: center; } .app-UI-Form-SelectPopup-___style-module__inlineLabelSelectPopupContainer___NvV25 .app-UI-Form-SelectPopup-___style-module__content___JvLsv > div:first-of-type { color: var(--colorTextMain); } .app-UI-Form-SelectPopup-___style-module__inlineLabelSelectPopupContainer___NvV25 .app-UI-Form-SelectPopup-___style-module__content___JvLsv .app-UI-Form-SelectPopup-___style-module__icon___AWvQx { font: var(--typographySmallIconFont); color: var(--colorTextIcons); margin-left: 8px; } .app-UI-Form-SelectPopup-___style-module__inlineLabelSelectPopupContainer___NvV25.app-UI-Form-SelectPopup-___style-module__noLabel___hCQgl .app-UI-Form-SelectPopup-___style-module__content___JvLsv { justify-content: space-between; width: 100%; } .app-UI-Form-SelectPopup-___style-module__inlineLabelSelectPopupContainer___NvV25.app-UI-Form-SelectPopup-___style-module__noLabel___hCQgl .app-UI-Form-SelectPopup-___style-module__content___JvLsv > div:first-of-type { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .app-UI-Form-SelectPopup-___style-module__placeholder___tJbrF { color: var(--colorTextIcons)!important; } .app-UI-Form-SelectPopup-___style-module__inlineLabelContent___pxlHa { border: none; } .app-UI-Form-SelectPopup-___style-module__inlineLabelContent___pxlHa > div { padding: 0 10px; height: 32px; display: flex; flex-direction: row; align-items: center; font: var(--typographyBody2Font); } .app-UI-Form-SelectPopup-___style-module__okIcon___uC8ro { padding-left: 8px; font: var(--typographyBody2Font); } .app-UI-Form-SelectPopup-___style-module__tooltipContent___C-CUM { font: var(--typographyBody2Font); color: var(--colorTextMain); } .app-UI-Form-SelectPopup-___style-module__search___gjL8- { padding: 6px; background-color: var(--colorDropBgActive); padding-bottom: 2px; } .app-UI-Form-SelectPopup-___style-module__search___gjL8- i { color: var(--colorTextIcons); } .app-UI-InstrumentWithSelect-___styles-module__container___96HaC { display: flex; align-items: center; overflow: visible; min-height: 26px; } .app-UI-InstrumentWithSelect-___styles-module__container___96HaC.app-UI-InstrumentWithSelect-___styles-module__adaptiveContainer___2ee9f { min-height: 24px; } .app-UI-InstrumentWithSelect-___styles-module__content___RCojj.app-UI-InstrumentWithSelect-___styles-module__default___t4Eyp { font: var(--typographyBody1Font); } .app-UI-InstrumentWithSelect-___styles-module__content___RCojj.app-UI-InstrumentWithSelect-___styles-module__small___jYLhG { font: var(--typographyBody2Font); } .app-UI-InstrumentWithSelect-___styles-module__content___RCojj.app-UI-InstrumentWithSelect-___styles-module__big___cZhZx { } .app-UI-InstrumentWithSelect-___styles-module__content___RCojj.app-UI-InstrumentWithSelect-___styles-module__disabled___QbCs3 .app-UI-InstrumentWithSelect-___styles-module__instrumentNameInvert___3gPhn i { cursor: default; } .app-UI-InstrumentWithSelect-___styles-module__content___RCojj.app-UI-InstrumentWithSelect-___styles-module__isAdaptive___tkWLN { font-size: 1em; } .app-UI-InstrumentWithSelect-___styles-module__content___RCojj.app-UI-InstrumentWithSelect-___styles-module__isAdaptive___tkWLN .app-UI-InstrumentWithSelect-___styles-module__instrumentName___-GGbc { font-size: 1em; } .app-UI-InstrumentWithSelect-___styles-module__content___RCojj.app-UI-InstrumentWithSelect-___styles-module__isAdaptive___tkWLN .app-UI-InstrumentWithSelect-___styles-module__instrumentNameInvert___3gPhn { font-size: 1em; height: 12px; } .app-UI-InstrumentWithSelect-___styles-module__content___RCojj.app-UI-InstrumentWithSelect-___styles-module__isAdaptive___tkWLN .app-UI-InstrumentWithSelect-___styles-module__instrumentNameInvert___3gPhn i { font-size: 1em; } .app-UI-InstrumentWithSelect-___styles-module__content___RCojj.app-UI-InstrumentWithSelect-___styles-module__isAdaptive___tkWLN.app-UI-InstrumentWithSelect-___styles-module__doubleNames___oJIAw .app-UI-InstrumentWithSelect-___styles-module__instrumentNameInvert___3gPhn, .app-UI-InstrumentWithSelect-___styles-module__content___RCojj.app-UI-InstrumentWithSelect-___styles-module__isAdaptive___tkWLN.app-UI-InstrumentWithSelect-___styles-module__doubleNames___oJIAw .app-UI-InstrumentWithSelect-___styles-module__instrumentName___-GGbc { font-size: 1em; } .app-UI-InstrumentWithSelect-___styles-module__content___RCojj.app-UI-InstrumentWithSelect-___styles-module__isAdaptive___tkWLN .app-UI-InstrumentWithSelect-___styles-module__quoteAsset___NpH9H { font-size: 0.7em; } .app-UI-InstrumentWithSelect-___styles-module__content___RCojj.app-UI-InstrumentWithSelect-___styles-module__isAdaptive___tkWLN .app-UI-InstrumentWithSelect-___styles-module__dot___j0eg0 { font-size: 1em; } .app-UI-InstrumentWithSelect-___styles-module__truncatedName___n5vay { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .app-UI-InstrumentWithSelect-___styles-module__instrumentNameInvert___3gPhn { display: flex; align-items: center; margin-left: 6px; font: var(--typographyBody2Font); color: var(--colorTextMain); font-weight: 400; } .app-UI-InstrumentWithSelect-___styles-module__instrumentNameInvert___3gPhn.app-UI-InstrumentWithSelect-___styles-module__default___t4Eyp { font: var(--typographyBody2Font); height: 14px; } .app-UI-InstrumentWithSelect-___styles-module__instrumentNameInvert___3gPhn.app-UI-InstrumentWithSelect-___styles-module__big___cZhZx { font: var(--typographyCaps1Font); letter-spacing: var(--typographyCaps1Spacing); height: 16px; } .app-UI-InstrumentWithSelect-___styles-module__instrumentNameInvert___3gPhn i { color: var(--colorTextIcons); font-size: 12px; font-weight: 400; display: block; padding: 0 2px; cursor: pointer; } .app-UI-InstrumentWithSelect-___styles-module__instrumentNameInvert___3gPhn i.app-UI-InstrumentWithSelect-___styles-module__inverted___V9xlo { color: var(--colorAccent); } .app-UI-InstrumentWithSelect-___styles-module__instrumentNameWrap___M3RRH { display: flex; flex-direction: row; align-items: center; width: 100%; } .app-UI-InstrumentWithSelect-___styles-module__fullInstrumentName___MuOy8 { background-color: var(--colorBgMain); color: var(--colorTextMain); font: var(--typographyBody2Font); } .app-UI-InstrumentWithSelect-___styles-module__fullInstrumentName___MuOy8.app-UI-InstrumentWithSelect-___styles-module__default___t4Eyp { font: var(--typographyBody2Font); line-height: 1; } .app-UI-InstrumentWithSelect-___styles-module__fullInstrumentName___MuOy8.app-UI-InstrumentWithSelect-___styles-module__small___jYLhG { font: var(--typographyBody2Font); } .app-UI-InstrumentWithSelect-___styles-module__fullInstrumentName___MuOy8.app-UI-InstrumentWithSelect-___styles-module__big___cZhZx { font: var(--typographyCaps1Font); letter-spacing: var(--typographyCaps1Spacing); } .app-UI-InstrumentWithSelect-___styles-module__fullInstrumentName___MuOy8.app-UI-InstrumentWithSelect-___styles-module__adaptive___-BkfQ { font-size: 10px; } .app-UI-InstrumentWithSelect-___styles-module__fullPopupInstrumentName___oP2ES { background-color: var(--colorBgMain); color: var(--colorTextMain); font: var(--typographyBody2Font); padding: 12px; border-radius: var(--defaultDropBorderRadius); max-width: 150px; line-height: 16px; word-break: break-all; } .app-UI-InstrumentWithSelect-___styles-module__instrumentName___-GGbc { display: block; margin-left: 6px; font: var(--typographyCaps1Font); letter-spacing: var(--typographyCaps1Spacing); color: var(--colorTextMain); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 400; } .app-UI-InstrumentWithSelect-___styles-module__instrumentName___-GGbc.app-UI-InstrumentWithSelect-___styles-module__default___t4Eyp { font: var(--typographyBody2Font); line-height: 1; } .app-UI-InstrumentWithSelect-___styles-module__instrumentName___-GGbc.app-UI-InstrumentWithSelect-___styles-module__small___jYLhG { font: var(--typographyBody2Font); } .app-UI-InstrumentWithSelect-___styles-module__instrumentName___-GGbc.app-UI-InstrumentWithSelect-___styles-module__big___cZhZx { font: var(--typographyCaps1Font); letter-spacing: var(--typographyCaps1Spacing); } .app-UI-InstrumentWithSelect-___styles-module__secondInstrumentName___ftqxZ { color: var(--colorTextPrimary); font: var(--typographyCaps3Font); letter-spacing: var(--typographyCaps3Spacing); margin-left: 6px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: 400; /*line-height:10px;*/ } .app-UI-InstrumentWithSelect-___styles-module__fullName___sEk3T { margin-left: 0; color: var(--colorTextMain); background-color: var(--colorBgSecondary); } .app-UI-InstrumentWithSelect-___styles-module__streamSelectContainer___LES5z { margin-left: 6px; margin-top: 0px; } .app-UI-InstrumentWithSelect-___styles-module__doubleNames___oJIAw { overflow: hidden; } .app-UI-InstrumentWithSelect-___styles-module__doubleNames___oJIAw .app-UI-InstrumentWithSelect-___styles-module__instrumentNameInvert___3gPhn, .app-UI-InstrumentWithSelect-___styles-module__doubleNames___oJIAw .app-UI-InstrumentWithSelect-___styles-module__instrumentName___-GGbc { font: var(--typographyCaps1Font); font-weight: 400; margin-left: 6px; } .app-UI-InstrumentWithSelect-___styles-module__doubleNames___oJIAw .app-UI-InstrumentWithSelect-___styles-module__instrumentNameInvert___3gPhn.app-UI-InstrumentWithSelect-___styles-module__default___t4Eyp, .app-UI-InstrumentWithSelect-___styles-module__doubleNames___oJIAw .app-UI-InstrumentWithSelect-___styles-module__instrumentName___-GGbc.app-UI-InstrumentWithSelect-___styles-module__default___t4Eyp { font: var(--typographyBody2Font); line-height: 1; } .app-UI-InstrumentWithSelect-___styles-module__doubleNames___oJIAw .app-UI-InstrumentWithSelect-___styles-module__instrumentNameInvert___3gPhn.app-UI-InstrumentWithSelect-___styles-module__small___jYLhG, .app-UI-InstrumentWithSelect-___styles-module__doubleNames___oJIAw .app-UI-InstrumentWithSelect-___styles-module__instrumentName___-GGbc.app-UI-InstrumentWithSelect-___styles-module__small___jYLhG { font: var(--typographyBody2Font); } .app-UI-InstrumentWithSelect-___styles-module__doubleNames___oJIAw .app-UI-InstrumentWithSelect-___styles-module__instrumentNameInvert___3gPhn.app-UI-InstrumentWithSelect-___styles-module__big___cZhZx, .app-UI-InstrumentWithSelect-___styles-module__doubleNames___oJIAw .app-UI-InstrumentWithSelect-___styles-module__instrumentName___-GGbc.app-UI-InstrumentWithSelect-___styles-module__big___cZhZx { } .app-UI-InstrumentWithSelect-___styles-module__doubleNames___oJIAw.app-UI-InstrumentWithSelect-___styles-module__big___cZhZx .app-UI-InstrumentWithSelect-___styles-module__streamSelectContainer___LES5z { margin-top: 0; } .app-UI-InstrumentWithSelect-___styles-module__quoteAsset___NpH9H { border: 1px solid var(--colorTextDisabled); color: var(--colorTextIcons); /*padding: 1px 1px;*/ border-radius: 2px; font: var(--typographySmallIconFont); letter-spacing: var(--typographyCaps3Spacing); margin-left: 5px; line-height: 8px; font-weight: 400; } .app-UI-InstrumentWithSelect-___styles-module__dot___j0eg0 { color: var(--colorTextMain); font-weight: 400; } .app-UI-InstrumentWithSelect-___styles-module__dot___j0eg0.app-UI-InstrumentWithSelect-___styles-module__default___t4Eyp { font: var(--typographyBody2Font); line-height: 1; } .app-UI-InstrumentWithSelect-___styles-module__dot___j0eg0.app-UI-InstrumentWithSelect-___styles-module__small___jYLhG { font: var(--typographyBody2Font); } .app-UI-InstrumentWithSelect-___styles-module__dot___j0eg0.app-UI-InstrumentWithSelect-___styles-module__big___cZhZx { } .app-UI-InstrumentWithSelect-___styles-module__inline___91fXv { display: flex; flex-direction: row; align-items: center; } .app-UI-InstrumentWithSelect-___styles-module__streamSelect___g16HZ { font: var(--typographyCaps3Font) !important; } .app-UI-InstrumentWithSelect-___styles-module__tooltipIcon___CRokj { font-size: 12px; color: var(--colorTextPrimary); margin-left: 6px; } .app-UI-InstrumentWithSelect-___styles-module__tooltip___S0yw- { max-width: 230px; color: var(--colorTextMain); font: var(--typographyBody2Font); } .app-UI-InstrumentWithSelect-___styles-module__optionParamsContainer___LeEWC{ display: flex; flex-direction: row; align-items: center; max-width: 50%; } .app-UI-InstrumentWithSelect-___styles-module__optionCallPut___Q1ygG{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .app-UI-Form-Label-___style-module__label___9fz-1 { font: var(--typographyCaps3Font); letter-spacing: var(--typographyCaps3Spacing); color: var(--colorTextPrimary); text-transform: uppercase; margin-bottom: 4px; display: block; } .app-UI-Form-Label-___style-module__label___9fz-1.app-UI-Form-Label-___style-module__error___P0ZSA { color: var(--colorError); } .app-UI-Form-Label-___style-module__label___9fz-1.app-UI-Form-Label-___style-module__warning___R8-kF { color: var(--colorWarning); } .app-UI-Form-Label-___style-module__label___9fz-1.app-UI-Form-Label-___style-module__showError___k8Fmy { white-space: nowrap; } .app-UI-Form-Label-___style-module__label___9fz-1.app-UI-Form-Label-___style-module__disabled___GSRs6 { color: var(--colorTextDisabled); } .app-UI-Form-Label-___style-module__labelLeftMode___hf7ex { text-transform: none; font: var(--typographyBody1Font); letter-spacing: var(--typographyBody1Spacing); margin-bottom: 0; } .app-UI-Form-Label-___style-module__labelWrapper___CXDQQ { display: flex; justify-content: space-between; align-items: center; } .app-UI-Form-Label-___style-module__labelError___w437Q { margin-top: 0px; margin-bottom: 2px; padding-left: 8px; overflow: hidden; max-height: 14px; text-overflow: ellipsis; } .app-UI-Form-Label-___style-module__labelError___w437Q > div { margin-top: 0; } .app-UI-PhoneCountryFlag-___style-module__flag___w6QTu { display: block; width: 20px; height: 15px; } .app-UI-PhoneCountryFlag-___style-module__flagEmpty___HXskj { display: block; width: 20px; height: 15px; background-color: var(--colorBgAccent); } .app-UI-Form-Input-___style-module__inputOriginal___2oeAj { width: 100%; box-sizing: border-box; height: 100%; border-radius: 3px; font: var(--typographyBody1Font); letter-spacing: var(--typographyBody1Spacing); color: var(--colorTextMain); padding-left: 8px; outline: none; -webkit-outline:none; -moz-outline:none; -o-outline:none; } .app-UI-Form-Input-___style-module__inputOriginal___2oeAj::placeholder { color: var(--colorTextIcons); } .app-UI-Form-Input-___style-module__inputOriginal___2oeAj:focus-visible { outline: none; } .app-UI-Form-Input-___style-module__inputOriginal___2oeAj:placeholder-shown { text-overflow: ellipsis; } .app-UI-Form-Input-___style-module__inputOriginal___2oeAj input, .app-UI-Form-Input-___style-module__inputOriginalinput___AujgB { outline: none; } .app-UI-Form-Input-___style-module__inputOriginal___2oeAj input:focus-visible, .app-UI-Form-Input-___style-module__inputOriginalinput___AujgB:focus-visible { outline: none; } .app-UI-Form-Input-___style-module__inputOriginal___2oeAj input:placeholder-shown, .app-UI-Form-Input-___style-module__inputOriginalinput___AujgB:placeholder-shown { text-overflow: ellipsis; } .app-UI-Form-Input-___style-module__customSuffix___lgIET { font: var(--typographyBody2Font); color: var(--colorTextPrimary); } .app-UI-Form-Input-___style-module__input___MTEqk { width: 100%; box-sizing: border-box; max-height: 40px; height: 40px; background-color: var(--colorInputBg); border: 1px solid var(--colorInputBg); border-radius: 3px; font: var(--typographyBody1Font); letter-spacing: var(--typographyBody1Spacing); color: var(--colorTextMain); transition: all 0.1s; display: flex; flex-direction: row; } .app-UI-Form-Input-___style-module__input___MTEqk:hover { border: 1px solid var(--colorInputBorderHover); } .app-UI-Form-Input-___style-module__input___MTEqk:focus, .app-UI-Form-Input-___style-module__input___MTEqk.app-UI-Form-Input-___style-module__focused___S7J63 { border: 1px solid var(--colorInputBorderActive); } .app-UI-Form-Input-___style-module__inputAndLabelWrapper___mddpy { display: block; } .app-UI-Form-Input-___style-module__inputAndLabelWrapper___mddpy.app-UI-Form-Input-___style-module__withFloatingLabel___FJCr7 input { padding-top: 12px; } .app-UI-Form-Input-___style-module__inputAndLabelWrapper___mddpy.app-UI-Form-Input-___style-module__withFloatingLabel___FJCr7 .app-UI-Form-Input-___style-module__compact___KJFnO input, .app-UI-Form-Input-___style-module__inputAndLabelWrapper___mddpy.app-UI-Form-Input-___style-module__withFloatingLabel___FJCr7 .app-UI-Form-Input-___style-module__compact___KJFnO .app-UI-Form-Input-___style-module__contentEditable___Q5cra { padding-top: 10px; font-size: 10px; } .app-UI-Form-Input-___style-module__inputAndLabelWrapper___mddpy .app-UI-Form-Input-___style-module__floatingLabel___-UgJ9 { position: absolute; left: 8px; top: calc(50% - 8px); transition: all 0.15s; pointer-events: none; } .app-UI-Form-Input-___style-module__inputAndLabelWrapper___mddpy .app-UI-Form-Input-___style-module__floatingLabel___-UgJ9 label { font: var(--typographyBody2Font); text-transform: none; margin-bottom: 0; transition: all 0.15s; } .app-UI-Form-Input-___style-module__inputAndLabelWrapper___mddpy.app-UI-Form-Input-___style-module__labelFloat___i9xHU .app-UI-Form-Input-___style-module__floatingLabel___-UgJ9 { top: 4px; } .app-UI-Form-Input-___style-module__inputAndLabelWrapper___mddpy.app-UI-Form-Input-___style-module__labelFloat___i9xHU .app-UI-Form-Input-___style-module__floatingLabel___-UgJ9 label { font-size: 9px; } .app-UI-Form-Input-___style-module__inputAndLabelWrapper___mddpy.app-UI-Form-Input-___style-module__labelFloat___i9xHU .app-UI-Form-Input-___style-module__leftIcon___ux5a6 { padding-top: 12px; } .app-UI-Form-Input-___style-module__inputAndLabelWrapper___mddpy.app-UI-Form-Input-___style-module__labelFloat___i9xHU .app-UI-Form-Input-___style-module__compact___KJFnO .app-UI-Form-Input-___style-module__floatingLabel___-UgJ9 { top: 0; } .app-UI-Form-Input-___style-module__inputAndLabelWrapper___mddpy.app-UI-Form-Input-___style-module__labelFloat___i9xHU .app-UI-Form-Input-___style-module__compact___KJFnO .app-UI-Form-Input-___style-module__floatingLabel___-UgJ9 label { font-size: 8px; } .app-UI-Form-Input-___style-module__inputAndLabelWrapperRow___k3bxa { display: flex; flex-direction: row; } .app-UI-Form-Input-___style-module__inputAndLabelWrapperRow___k3bxa > div:first-of-type:not(:last-of-type) { padding-right: 8px; } .app-UI-Form-Input-___style-module__inputAndLabelWrapperRow___k3bxa .app-UI-Form-Input-___style-module__inputOuterWrapper___5yiS0 { flex: 1; margin-left: auto; max-width: 230px; } .app-UI-Form-Input-___style-module__iterable___Vu8qg { } .app-UI-Form-Input-___style-module__labelWrapper___hJj4x { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .app-UI-Form-Input-___style-module__labelWrapper___hJj4x > label { white-space: nowrap; } .app-UI-Form-Input-___style-module__labelWrapper___hJj4x > div { margin-top: 0px; margin-bottom: 3px; padding-left: 8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .app-UI-Form-Input-___style-module__inputOuterWrapper___5yiS0 { display: flex; position: relative; height: 100%; } .app-UI-Form-Input-___style-module__sideButton___4EfUJ { display: flex; align-items: center; justify-content: center; /*max-height: 40px;*/ /*height: 100%;*/ min-width: 22px; background-color: var(--colorBgSecondary); cursor: pointer; } .app-UI-Form-Input-___style-module__sideButton___4EfUJ i { font: var(--typographySmallIconFont); letter-spacing: var(--typographySmallIconSpacing); padding-top: 1px; } .app-UI-Form-Input-___style-module__sideButton___4EfUJ.app-UI-Form-Input-___style-module__passwordButton___9FlwR { padding-right: 4px; background-color: transparent; } .app-UI-Form-Input-___style-module__sideButton___4EfUJ.app-UI-Form-Input-___style-module__passwordButton___9FlwR i { padding-top: 0px; font-size: 16px; color: var(--colorTextIcons); font-weight: 400; } .app-UI-Form-Input-___style-module__leftButton___cvajb { border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-right: 1px solid var(--colorBgPrimary); } .app-UI-Form-Input-___style-module__rightButton___BF7rp { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-left: 1px solid var(--colorBgPrimary); } .app-UI-Form-Input-___style-module__rightButton___BF7rp i { color: var(--colorGreen); } .app-UI-Form-Input-___style-module__inputWrapper___HQocJ { flex: 1; display: flex; position: relative; flex-direction: row; align-items: center; } .app-UI-Form-Input-___style-module__inputWrapper___HQocJ.app-UI-Form-Input-___style-module__textCursor___s-jH5 { cursor: text; } .app-UI-Form-Input-___style-module__leftIcon___ux5a6 { padding-left: 8px; white-space: nowrap; } .app-UI-Form-Input-___style-module__leftIcon___ux5a6 i { display: block; } .app-UI-Form-Input-___style-module__inputWithLeftButton___db9-k { border-top-left-radius: 0; border-bottom-left-radius: 0; } .app-UI-Form-Input-___style-module__inputWithRightButton___bOUvq { border-top-right-radius: 0; border-bottom-right-radius: 0; } .app-UI-Form-Input-___style-module__iterableButtonsWrapper___il2n6 { height: 100%; display: flex; flex-direction: row; align-items: center; background-color: var(--colorInputBg); border: 1px solid var(--colorInputBg); border-left: none; padding-right: 4px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .app-UI-Form-Input-___style-module__inputIterableBtn___uv5FS { cursor: pointer; width: 22px; flex: 0 0 22px; height: 100%; font-weight: 300; display: flex; align-items: center; justify-content: center; -webkit-user-select: none; user-select: none; transition: all 0.2s; color: var(--colorTextPrimary); height: 24px; border-radius: 3px; } .app-UI-Form-Input-___style-module__inputIterableBtn___uv5FS:hover { background-color: var(--colorInputBorder); } .app-UI-Form-Input-___style-module__input___MTEqk.app-UI-Form-Input-___style-module__inputWarning___Gax4O { border: 1px solid var(--colorOrange); border-color: var(--colorOrange); } .app-UI-Form-Input-___style-module__input___MTEqk.app-UI-Form-Input-___style-module__inputWarning___Gax4O:hover { border-color: var(--colorOrange); border: 1px solid var(--colorOrange); } .app-UI-Form-Input-___style-module__input___MTEqk.app-UI-Form-Input-___style-module__inputWarning___Gax4O:focus { border-color: var(--colorOrange); border: 1px solid var(--colorOrange); } .app-UI-Form-Input-___style-module__inputInvalid___92SkZ { border: 1px solid var(--colorError); background-color: var(--colorBgSecondary); } .app-UI-Form-Input-___style-module__inputInvalid___92SkZ:hover { background-color: var(--colorBgSecondaryHover); border: 1px solid var(--colorInputBorderHover); } .app-UI-Form-Input-___style-module__inputInvalid___92SkZ:focus { border: 1px solid var(--colorError); } .app-UI-Form-Input-___style-module__inputDisabled___2DglU { background-color: var(--colorInputBg); cursor: not-allowed; } .app-UI-Form-Input-___style-module__inputDisabled___2DglU input, .app-UI-Form-Input-___style-module__inputDisabled___2DglU .app-UI-Form-Input-___style-module__contentEditable___Q5cra { color: var(--colorTextDisabled); border-color: transparent; } .app-UI-Form-Input-___style-module__inputDisabled___2DglU * { cursor: not-allowed; } .app-UI-Form-Input-___style-module__inputDisabled___2DglU:hover { background-color: var(--colorInputBg); } .app-UI-Form-Input-___style-module__small___NFPmw { height: 32px; } .app-UI-Form-Input-___style-module__small___NFPmw input, .app-UI-Form-Input-___style-module__small___NFPmw .app-UI-Form-Input-___style-module__contentEditable___Q5cra, .app-UI-Form-Input-___style-module__small___NFPmw .app-UI-Form-Input-___style-module__inputWidth___gxFhj { padding-left: 8px; padding-right: 8px; font: var(--typographyBody2Font); } .app-UI-Form-Input-___style-module__small___NFPmw .app-UI-Form-Input-___style-module__spin___cb93e { right: 5px; } .app-UI-Form-Input-___style-module__compact___KJFnO { height: 24px; } .app-UI-Form-Input-___style-module__compact___KJFnO .app-UI-Form-Input-___style-module__spin___cb93e { right: 5px; } .app-UI-Form-Input-___style-module__compact___KJFnO input, .app-UI-Form-Input-___style-module__compact___KJFnO .app-UI-Form-Input-___style-module__contentEditable___Q5cra, .app-UI-Form-Input-___style-module__compact___KJFnO .app-UI-Form-Input-___style-module__inputWidth___gxFhj { font: var(--typographyBody2Font); } .app-UI-Form-Input-___style-module__compact___KJFnO .app-UI-Form-Input-___style-module__inputWithIcon___M1FFj { padding-left: 28px; font-size: 12px; } .app-UI-Form-Input-___style-module__tiny___Xa-Xg { height: 22px; } .app-UI-Form-Input-___style-module__tiny___Xa-Xg .app-UI-Form-Input-___style-module__spin___cb93e { right: 2px; } .app-UI-Form-Input-___style-module__tiny___Xa-Xg input, .app-UI-Form-Input-___style-module__tiny___Xa-Xg .app-UI-Form-Input-___style-module__contentEditable___Q5cra, .app-UI-Form-Input-___style-module__tiny___Xa-Xg .app-UI-Form-Input-___style-module__inputWidth___gxFhj { font: var(--typographyBody2Font); } .app-UI-Form-Input-___style-module__auto___4Nzwn { height: 100%; } .app-UI-Form-Input-___style-module__auto___4Nzwn .app-UI-Form-Input-___style-module__spin___cb93e { right: 5px; } &.app-UI-Form-Input-___style-module__light___QabEd .app-UI-Form-Input-___style-module__input___MTEqk { background-color: var(--colorInputBg); border-color: var(--colorInputBg); } &.app-UI-Form-Input-___style-module__light___QabEd .app-UI-Form-Input-___style-module__input___MTEqk:hover { background-color: var(--colorInputBg); } &.app-UI-Form-Input-___style-module__light___QabEd .app-UI-Form-Input-___style-module__input___MTEqk:hover:not(.app-UI-Form-Input-___style-module__inputWarning___Gax4O) { border-color: var(--colorInputBorderHover); } &.app-UI-Form-Input-___style-module__light___QabEd .app-UI-Form-Input-___style-module__input___MTEqk.app-UI-Form-Input-___style-module__focused___S7J63 { background-color: var(--colorInputBg); } &.app-UI-Form-Input-___style-module__light___QabEd .app-UI-Form-Input-___style-module__input___MTEqk.app-UI-Form-Input-___style-module__focused___S7J63:not(.app-UI-Form-Input-___style-module__inputWarning___Gax4O) { border-color: var(--colorInputBorderActive); } .app-UI-Form-Input-___style-module__transparent___9-zM0.app-UI-Form-Input-___style-module__input___MTEqk { border-color: transparent; background-color: transparent; } .app-UI-Form-Input-___style-module__transparent___9-zM0.app-UI-Form-Input-___style-module__input___MTEqk:hover { background-color: transparent; } .app-UI-Form-Input-___style-module__transparent___9-zM0.app-UI-Form-Input-___style-module__input___MTEqk.app-UI-Form-Input-___style-module__focused___S7J63 { border-color: var(--colorInputBorderActive); border: 1px solid var(--colorInputBorderActive); } .app-UI-Form-Input-___style-module__partitions___sLQoj { font: var(--typographyCaps3Font); letter-spacing: var(--typographyCaps3Spacing); color: var(--colorTextPrimary); } .app-UI-Form-Input-___style-module__partitions___sLQoj.app-UI-Form-Input-___style-module__textRight___1cpuW { text-align: right; } .app-UI-Form-Input-___style-module__spin___cb93e { position: absolute; display: flex; flex-direction: column; top: 0; bottom: 0; right: 8px; padding: 8px 4px; justify-content: space-around; height: 100%; } .app-UI-Form-Input-___style-module__spin___cb93e.app-UI-Form-Input-___style-module__small___NFPmw { right: 4px; padding: 4px 4px; } .app-UI-Form-Input-___style-module__spin___cb93e.app-UI-Form-Input-___style-module__tiny___Xa-Xg { right: 2px; padding: 2px 2px; } .app-UI-Form-Input-___style-module__spin___cb93e.app-UI-Form-Input-___style-module__compact___KJFnO { right: 5px; padding: 1px; } .app-UI-Form-Input-___style-module__spin___cb93e > i { transition: all 0.1s; color: var(--colorTextIcons); cursor: pointer; font-size: 8px; } .app-UI-Form-Input-___style-module__spin___cb93e > i:hover { color: var(--colorTextMain); } .app-UI-Form-Input-___style-module__spin___cb93e.app-UI-Form-Input-___style-module__error___ca53Z > i { color: var(--colorError); } .app-UI-Form-Input-___style-module__submitButton___BViOD { position: absolute; display: flex; flex-direction: column; top: 0; bottom: 0; justify-content: center; right: 0; padding-right: 10px; padding-left: 4px; } .app-UI-Form-Input-___style-module__submitButton___BViOD:disabled { cursor: not-allowed; } .app-UI-Form-Input-___style-module__submitButton___BViOD:hover:not(:disabled) > i { color: var(--colorTextMain) } .app-UI-Form-Input-___style-module__submitButton___BViOD > i { color: var(--colorTextPrimary); font-size: 12px; transform: rotate(270deg); } .app-UI-Form-Input-___style-module__inlineLabelInputContainer___yWX5i { width: 100%; } .app-UI-Form-Input-___style-module__inlineLabelInputContainer___yWX5i > div > div > div > div > div:first-of-type { color: var(--colorTextPrimary); font: var(--typographyBody2Font); } .app-UI-Form-Input-___style-module__inlineLabelInputContainer___yWX5i > div > div > div > div > input { text-align: right; padding-right: 8px; font: var(--typographyBody2Font); } .app-UI-Form-Input-___style-module__inlineLabelInputContainer___yWX5i.app-UI-Form-Input-___style-module__withActions___Q9xNF > div > div > div:not(.app-UI-Form-Input-___style-module__iterable___Vu8qg) > div > input { padding-right: 24px; } .app-UI-Form-Input-___style-module__leverageInput___3z4jp { display: flex; flex-direction: row; align-items: flex-end; flex: 1; } .app-UI-Form-Input-___style-module__leverageInput___3z4jp > div:last-of-type { width: 108px; flex: 1; } .app-UI-Form-Input-___style-module__leverageInput___3z4jp > div:last-of-type > div > div > div:first-of-type > div { font-size: 12px; } .app-UI-Form-Input-___style-module__leverageInput___3z4jp > div:last-of-type > div > div > div > div { color: var(--colorTextPrimary) !important; } .app-UI-Form-Input-___style-module__leverageInput___3z4jp.app-UI-Form-Input-___style-module__withFraction___fDyKw > div:first-of-type input { padding-left: 20px; } .app-UI-Form-Input-___style-module__leverageInput___3z4jp.app-UI-Form-Input-___style-module__withFraction___fDyKw > div:first-of-type > div > div:last-of-type > div > div { font-size: 12px; top: 10px; line-height: 13px; } .app-UI-Form-Input-___style-module__leverageInput___3z4jp .app-UI-Form-Input-___style-module__prefix___KM74C { color: var(--colorTextMain); display: block; } .app-UI-Form-Input-___style-module__leverageInput___3z4jp.app-UI-Form-Input-___style-module__inputDisabled___2DglU .app-UI-Form-Input-___style-module__prefix___KM74C { color: var(--colorTextPrimary); display: block; } .app-UI-Form-Input-___style-module__leverageInput___3z4jp.app-UI-Form-Input-___style-module__inputDisabled___2DglU input { color: var(--colorTextPrimary); } .app-UI-Form-Input-___style-module__leverageInput___3z4jp.app-UI-Form-Input-___style-module__withHintPadding___XYE5p { padding-bottom: 12px; } .app-UI-Form-Input-___style-module__leverageHint___aFtbu { position: absolute; right: 0; top: 100%; font: var(--typographyBody2Font); font-size: 10px; color: var(--colorTextPrimary); } .app-UI-Form-Input-___style-module__leverageHint___aFtbu.app-UI-Form-Input-___style-module__withHintPadding___XYE5p { top: calc(100% - 10px); } .app-UI-Form-Input-___style-module__contentEditable___Q5cra { min-height: 20px; cursor: text; display: flex; flex-direction: column; justify-content: center; } .app-UI-Form-Input-___style-module__contentEditable___Q5cra > span { display: block; white-space: nowrap; overflow: hidden; height: 100%; line-height: 20px; pointer-events: none; } .app-UI-Form-Input-___style-module__contentEditable___Q5cra > span:after { content: attr(data-suffix); color: var(--colorTextPrimary); } .app-UI-Form-Input-___style-module__contentEditable___Q5cra > span.app-UI-Form-Input-___style-module__placeholder___vWmv1 { color: var(--colorTextPrimary); font: var(--typographyBody2Font); } .app-UI-Form-Input-___style-module__inputWidth___gxFhj { position: absolute; left: 0; z-index: -1; pointer-events: none; visibility: hidden; } .app-UI-Form-Input-___style-module__inputSizer___0fQ4S { display: flex; align-items: center; position: relative; overflow: hidden; font: var(--typographyBody2Font); } .app-UI-Form-Input-___style-module__inputSizer___0fQ4S:after, .app-UI-Form-Input-___style-module__inputSizer___0fQ4S input { width: auto; min-width: 1em; margin: 0; resize: none; background: none; appearance: none; border: none; } .app-UI-Form-Input-___style-module__inputSizer___0fQ4S input { position: absolute; left: 0; top: 0; width: 100%; outline: none; } .app-UI-Form-Input-___style-module__inputSizer___0fQ4S input:focus-visible { outline: none; } .app-UI-Form-Input-___style-module__inputSizer___0fQ4S:after { content: attr(data-value) ' '; visibility: hidden; white-space: pre-wrap; width: fit-content; padding-left: 8px; font: var(--typographyBody2Font); } .app-UI-Form-Input-___style-module__inputSizer___0fQ4S.app-UI-Form-Input-___style-module__withSpin___yqVY9 { max-width: calc(100% - 20px); } .app-UI-Form-Input-___style-module__inputSizer___0fQ4S.app-UI-Form-Input-___style-module__noValue___2MGBG input { position: relative; } .app-UI-Form-Input-___style-module__showSpin___SLTBG input{ padding-right: 20px; } .app-UI-Form-Textarea-___style-module__textarea___Rx-J7 { width: 100%; box-sizing: border-box; min-height: 40px; background-color: var(--colorBgSecondary); border: 1px solid var(--colorBgSecondary); border-radius: 3px; font: var(--typographyBody1Font); letter-spacing: var(--typographyBody1Spacing); color: var(--colorTextMain); padding: 10px; outline: none; /* Handle on hover */ } .app-UI-Form-Textarea-___style-module__textarea___Rx-J7:hover { background-color: var(--colorBgSecondaryHover); border: 1px solid var(--colorInputBorderHover); } .app-UI-Form-Textarea-___style-module__textarea___Rx-J7:hover::-webkit-resizer{ border-color: var(--colorBgSecondaryHover) var(--colorTextMain) var(--colorTextMain) var(--colorBgSecondaryHover); background-color: var(--colorBgSecondaryHover); } .app-UI-Form-Textarea-___style-module__textarea___Rx-J7:hover::-webkit-scrollbar-thumb { background: var(--colorTextDisabled); } .app-UI-Form-Textarea-___style-module__textarea___Rx-J7:hover::-webkit-scrollbar-track { background-color: var(--colorBgSecondaryHover); } .app-UI-Form-Textarea-___style-module__textarea___Rx-J7:focus { border: 1px solid var(--colorInputBorderActive); } .app-UI-Form-Textarea-___style-module__textarea___Rx-J7::-webkit-resizer{ width: 4px; border-width: 3px; border-style: solid; border-color: var(--colorBgSecondary) var(--colorTextMain) var(--colorTextMain) var(--colorBgSecondary); border-bottom-right-radius: 4px; background-color: var(--colorBgSecondary); } .app-UI-Form-Textarea-___style-module__textarea___Rx-J7::-webkit-scrollbar { width: 8px; display: block!important; } .app-UI-Form-Textarea-___style-module__textarea___Rx-J7::-webkit-scrollbar-track { background-color: var(--colorBgSecondary); } .app-UI-Form-Textarea-___style-module__textarea___Rx-J7::-webkit-scrollbar-thumb { background-color: var(--colorBgSecondary); border-radius: 8px; cursor: pointer; } .app-UI-Form-Textarea-___style-module__textarea___Rx-J7::placeholder { color: var(--colorTextIcons); } .app-UI-Form-Textarea-___style-module__textareaAndLabelWrapper___HFP1N { display: block; } .app-UI-Form-Textarea-___style-module__textareaAndLabelWrapper___HFP1N.app-UI-Form-Textarea-___style-module__autoWidth___QpY3H .app-UI-Form-Textarea-___style-module__textareaWrapper___MWHMc { flex: 1; margin-left: auto; max-width: unset; } .app-UI-Form-Textarea-___style-module__textareaAndLabelWrapper___HFP1N.app-UI-Form-Textarea-___style-module__fullHeight___tBa3z { height: 100%; } .app-UI-Form-Textarea-___style-module__textareaAndLabelWrapper___HFP1N.app-UI-Form-Textarea-___style-module__fullHeight___tBa3z .app-UI-Form-Textarea-___style-module__textareaWrapper___MWHMc { height: 100%; } .app-UI-Form-Textarea-___style-module__textareaAndLabelWrapper___HFP1N.app-UI-Form-Textarea-___style-module__fullHeight___tBa3z .app-UI-Form-Textarea-___style-module__textareaWrapper___MWHMc textarea { height: 100%; } .app-UI-Form-Textarea-___style-module__textareaAndLabelWrapperRow___QuSw5 { display: flex; flex-direction: row; align-items: flex-start; } .app-UI-Form-Textarea-___style-module__textareaAndLabelWrapperRow___QuSw5 label { line-height: 16px; margin: 0; margin-top: 8px; } .app-UI-Form-Textarea-___style-module__textareaAndLabelWrapperRow___QuSw5 .app-UI-Form-Textarea-___style-module__textareaWrapper___MWHMc { flex: 1; margin-left: auto; max-width: 264px; } .app-UI-Form-Textarea-___style-module__textareaWrapper___MWHMc { display: flex; position: relative; } .app-UI-Form-Textarea-___style-module__leftIcon___lQMGr { position: absolute; left: 10px; top: 13px; } .app-UI-Form-Textarea-___style-module__textareaWithIcon___whfpQ { padding-left: 40px; } .app-UI-Form-Textarea-___style-module__textareaIterableBtn___m6G8l { cursor: pointer; width: 20px; height: 40px; background-color: var(--colorBgSecondary); border: 1px solid var(--colorBgSecondary); border-radius: 3px; font: var(--typographyBody1Font); letter-spacing: var(--typographyBody1Spacing); color: var(--colorTextMain); display: flex; align-items: center; justify-content: center; } .app-UI-Form-Textarea-___style-module__textareaInvalid___TMYis { border: 1px solid var(--colorError); } .app-UI-Form-Textarea-___style-module__textareaWarning___01TWb { border: 1px solid var(--colorOrange); } .app-UI-Form-Textarea-___style-module__textareaUnresizable___cjant { resize: none; padding-bottom: 10px; } .app-UI-Form-Textarea-___style-module__textareaDisabled___SmGnJ { color: var(--colorTextDisabled); cursor: not-allowed; } .app-UI-Form-Textarea-___style-module__small___BNJX5 { min-height: 32px; height: 32px; padding: 8px 8px 0; font: var(--typographyBody2Font); } .app-UI-Form-Textarea-___style-module__small___BNJX5.app-UI-Form-Textarea-___style-module__autoHeight___Iypmi { height: auto; } .app-UI-Form-Textarea-___style-module__compact___h1Jxu { min-height: 26px; height: 26px; padding: 4px 8px 0; font: var(--typographyBody2Font); } .app-UI-Form-Textarea-___style-module__compact___h1Jxu.app-UI-Form-Textarea-___style-module__autoHeight___Iypmi { height: auto; } .app-UI-Form-Textarea-___style-module__light___YhfGz { background-color: var(--colorBgAccent); border-color: var(--colorBgAccent); } .app-UI-Form-Textarea-___style-module__light___YhfGz:hover { background-color: var(--colorBgAccentHover); border-color: var(--colorBgAccentHover); } .app-UI-Form-Textarea-___style-module__transparent___pFjLb { border-color: transparent; background-color: transparent; } .app-UI-Form-Textarea-___style-module__transparent___pFjLb:hover { border-color: var(--colorBgAccent); background-color: transparent; } .app-UI-Form-Textarea-___style-module__transparent___pFjLb:focus { background-color: var(--colorBgSecondary); border: 1px solid var(--colorInputBorderActive); } .app-UI-Form-Select-___style-module__clearIndicatorIcon___I4BNU { margin-top: 2px; margin-right: 4px; cursor: pointer; font-size: 10px; } @keyframes app-UI-Form-Select-___style-module__twinkl___CHWiN { 0% { border-color: var(--colorBgSecondary); } 50% { border-color: var(--colorInputBorderActive); } 100% { border-color: var(--colorBgSecondary); } } .app-UI-Form-Select-___style-module__inlineSelectContainer___EKCT1 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; } .app-UI-Form-Select-___style-module__inlineSelectContainer___EKCT1 > span { color: var(--colorTextPrimary); font-size: 12px; } .app-UI-Form-Select-___style-module__inlineSelectContainer___EKCT1 > div { justify-content: flex-end; } .app-UI-Form-Select-___style-module__inlineSelectContainer___EKCT1 > div > div { font-size: 12px !important; margin-right: 0 !important; } .app-UI-Form-Select-___style-module__inlineLabelInputContainer___VMW4l { width: 100%; } .app-UI-Form-Select-___style-module__inlineLabelInputContainer___VMW4l > div { width: 100%; } .app-UI-Form-Select-___style-module__inlineLabelInputContainer___VMW4l > div > div > div { flex-wrap: nowrap; flex-direction: row; padding-left: 8px; } .app-UI-Form-Select-___style-module__leftModeWrapper___SgJDl { display: flex; flex: 1; justify-content: space-between; } .app-UI-Form-Select-___style-module__leftModeWrapper___SgJDl > div:first-of-type:not(:last-of-type) { padding-right: 8px; } .app-UI-Form-Select-___style-module__leftModeWrapper___SgJDl .app-UI-Form-Select-___style-module__selectValue___Pwy9h { width: 100%; max-width: 264px; min-width: 0; } .app-UI-Form-Select-___style-module__leftModeWrapper___SgJDl .app-UI-Form-Select-___style-module__selectValue___Pwy9h.app-UI-Form-Select-___style-module__autoWidth___IClPt { max-width: unset; } .app-UI-Form-Select-___style-module__labelInside___SAG-y { position: relative; } .app-UI-Form-Select-___style-module__labelInside___SAG-y.app-UI-Form-Select-___style-module__labelInsideNoValue___vF5j9 > div:not(:last-of-type) { position: absolute; top: calc(50% - 7px); left: 10px; z-index: 1; pointer-events: none; } .app-UI-Form-Select-___style-module__labelInside___SAG-y.app-UI-Form-Select-___style-module__labelInsideNoValue___vF5j9 > div:not(:last-of-type) label { text-transform: lowercase; } .app-UI-Form-Select-___style-module__labelInside___SAG-y.app-UI-Form-Select-___style-module__labelInsideNoValue___vF5j9 > div:not(:last-of-type) label::first-letter { text-transform: capitalize; } .app-UI-Form-Select-___style-module__labelInside___SAG-y.app-UI-Form-Select-___style-module__labelInsideNoValue___vF5j9 > div:not(:last-of-type) label { font: var(--typographyBody2Font); } .app-UI-Form-Select-___style-module__labelInside___SAG-y > div:not(:last-of-type) { position: absolute; top: 3px; left: 10px; z-index: 1; pointer-events: none; transition: all 0.1s; } .app-UI-Form-Select-___style-module__labelInside___SAG-y > div:not(:last-of-type) label { transition: all 0.1s; text-transform: lowercase; } .app-UI-Form-Select-___style-module__labelInside___SAG-y > div:not(:last-of-type) label::first-letter { text-transform: capitalize; } .app-UI-Form-Select-___style-module__labelInside___SAG-y .app-UI-Form-Select-___style-module__placeholder___LTW4c, .app-UI-Form-Select-___style-module__labelInside___SAG-y .app-UI-Form-Select-___style-module__singleValue___yBNrg { margin-bottom: -12px; margin-left: 2px; font-size: 12px; } .app-UI-Form-Select-___style-module__disabled___aJLdd { cursor: not-allowed; } .app-UI-Form-Select-___style-module__selectHiddenValues___O-o3q { margin-top: 4px; padding: 0 !important; background-color: transparent !important; max-height: inherit; } .app-UI-Form-Select-___style-module__tooltipContainer___wC6R2 { display: flex; flex-direction: column; overflow: hidden; max-height: inherit; box-shadow: 0 4px 12px var(--colorDropShadow); } .app-UI-Form-Select-___style-module__tooltipContent___4jPqr { padding: 4px 8px; border-radius: var(--defaultDropBorderRadius); background-color: var(--colorDropBgActive); color: var(--colorTextMain); font: var(--typographyBody2Font); min-width: 108px; } .app-UI-Form-Select-___style-module__tooltipContent___4jPqr .app-UI-Form-Select-___style-module__valueRemoveButton___jYqOe { margin-left: 8px; margin-right: 4px; cursor: pointer; } .app-UI-Form-Select-___style-module__tooltipContent___4jPqr .app-UI-Form-Select-___style-module__valueRemoveButton___jYqOe i { color: var(--colorTextIcons); font-size: 10px; } .app-UI-Form-Select-___style-module__tooltipContent___4jPqr .app-UI-Form-Select-___style-module__valueRemoveButton___jYqOe i:hover { color: var(--colorTextMain); } .app-UI-Form-Select-___style-module__tooltipContent___4jPqr .app-UI-Form-Select-___style-module__valueRemoveButton___jYqOe.app-UI-Form-Select-___style-module__removeDisabled___kjGri { pointer-events: none; cursor: not-allowed; } .app-UI-Form-Select-___style-module__tooltipContent___4jPqr > div { display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 8px 0; } .app-UI-Form-Select-___style-module__truncatedTooltip___j6Bkp { color: var(--colorTextMain); font: var(--typographyBody2Font); } .app-UI-Form-Select-___style-module__popup___Nr58A { background-color: var(--colorDropBg); position: relative; bottom: 0; left: 0; display: flex; flex-direction: column; border-radius: var(--defaultDropBorderRadius); padding: 4px 0; min-width: 100px; } .app-UI-Form-Select-___style-module__popup___Nr58A.app-UI-Form-Select-___style-module__SMALL___N90r- { min-width: auto; } .app-UI-Form-Select-___style-module__popup___Nr58A.app-UI-Form-Select-___style-module__withSearch___Cx82E { border-top-left-radius: 0; border-top-right-radius: 0; } .app-UI-Form-Select-___style-module__scrollContainer___x5aZ- { /*height: 300px;*/ background-color: var(--colorDropBg); display: flex; flex-direction: column; overflow: hidden; box-shadow: 0 4px 12px var(--colorDropShadow); max-height: inherit; border-radius: var(--defaultDropBorderRadius); } .app-UI-Form-Select-___style-module__scrollContainer___x5aZ-:focus { outline: none; } .app-UI-Form-Select-___style-module__selectOption___uu-BE { color: var(--colorTextMain); padding: 8px; cursor: pointer; font: var(--typographyBody1Font); display: flex; min-height: 32px; flex-direction: row; justify-content: space-between; align-items: center; } .app-UI-Form-Select-___style-module__selectOption___uu-BE.app-UI-Form-Select-___style-module__active___H9d4j { color: var(--colorAccent); } .app-UI-Form-Select-___style-module__selectOption___uu-BE.app-UI-Form-Select-___style-module__isMultiOption___36DoQ.app-UI-Form-Select-___style-module__active___H9d4j { color: var(--colorTextMain); } .app-UI-Form-Select-___style-module__selectOption___uu-BE.app-UI-Form-Select-___style-module__isMultiOption___36DoQ.app-UI-Form-Select-___style-module__optionWithInfo___i1r94 > div:first-of-type { display: flex; flex-direction: row; align-items: center; } .app-UI-Form-Select-___style-module__selectOption___uu-BE.app-UI-Form-Select-___style-module__isMultiOption___36DoQ.app-UI-Form-Select-___style-module__optionWithInfo___i1r94 > div:first-of-type > div:last-of-type { display: flex; flex-direction: column; } .app-UI-Form-Select-___style-module__selectOption___uu-BE.app-UI-Form-Select-___style-module__isMultiOption___36DoQ.app-UI-Form-Select-___style-module__optionWithInfo___i1r94 > div:first-of-type > div:last-of-type > span:last-of-type { display: block; margin-top: 2px; color: var(--colorTextPrimary); } .app-UI-Form-Select-___style-module__selectOption___uu-BE:hover, .app-UI-Form-Select-___style-module__selectOption___uu-BE::selection, .app-UI-Form-Select-___style-module__selectOption___uu-BE:focus, .app-UI-Form-Select-___style-module__selectOption___uu-BE.app-UI-Form-Select-___style-module__isFocused___39VsE { outline: none; background-color: var(--colorAccent20); color: var(--colorTextMain); } .app-UI-Form-Select-___style-module__selectOption___uu-BE.app-UI-Form-Select-___style-module__SMALL___N90r- { padding: 2px 8px; } .app-UI-Form-Select-___style-module__selectOption___uu-BE > div { display: flex; flex-direction: row; align-items: center; } .app-UI-Form-Select-___style-module__selectOption___uu-BE > div > span { line-height: 15px; } .app-UI-Form-Select-___style-module__selectOption___uu-BE > div.app-UI-Form-Select-___style-module__withInfo___b3Rv9 { display: flex; flex-direction: column; align-items: flex-start; pointer-events: none; } .app-UI-Form-Select-___style-module__selectOption___uu-BE > div.app-UI-Form-Select-___style-module__withInfo___b3Rv9 > span:last-of-type { display: block; margin-top: 2px; color: var(--colorTextPrimary); } .app-UI-Form-Select-___style-module__selectOption___uu-BE > div { pointer-events: none; } .app-UI-Form-Select-___style-module__selectOption___uu-BE.app-UI-Form-Select-___style-module__optionWithInfo___i1r94 { padding: 8px; height: auto!important; } .app-UI-Form-Select-___style-module__selectOption___uu-BE.app-UI-Form-Select-___style-module__optionWithInfo___i1r94:not(:last-of-type) { border-bottom: 1px solid var(--colorDivider); } .app-UI-Form-Select-___style-module__selectValue___Pwy9h { font-weight: 400; cursor: pointer; white-space: nowrap; display: flex; flex-direction: row; align-items: center; justify-content: space-between; background-color: var(--colorInputBg); border: 1px solid var(--colorInputBg); border-radius: 3px; font: var(--typographyBody1Font); letter-spacing: var(--typographyBody1Spacing); color: var(--colorTextMain); padding-left: 8px; padding-right: 8px; width: 100%; } .app-UI-Form-Select-___style-module__selectValue___Pwy9h.app-UI-Form-Select-___style-module__twinkle___IlJPS { animation: 0.5s linear infinite app-UI-Form-Select-___style-module__twinkl___CHWiN; } .app-UI-Form-Select-___style-module__selectValue___Pwy9h.app-UI-Form-Select-___style-module__isMulti___EhCHh { padding-left: 2px; flex-direction: column; } .app-UI-Form-Select-___style-module__selectValue___Pwy9h.app-UI-Form-Select-___style-module__focused___erjzl, .app-UI-Form-Select-___style-module__selectValue___Pwy9h:focus-visible { border-color: var(--colorAccent); outline: none; } .app-UI-Form-Select-___style-module__selectValue___Pwy9h.app-UI-Form-Select-___style-module__selectInvalid___r5DYE { border-color: var(--colorError); } .app-UI-Form-Select-___style-module__selectValue___Pwy9h.app-UI-Form-Select-___style-module__selectWarning___lWwkw { border-color: var(--colorOrange); } .app-UI-Form-Select-___style-module__selectValue___Pwy9h.app-UI-Form-Select-___style-module__transparent___OIwcE { border-color: var(--colorBgAccent); background-color: transparent; } .app-UI-Form-Select-___style-module__selectValue___Pwy9h.app-UI-Form-Select-___style-module__transparent___OIwcE:hover { border-color: var(--colorBgAccent); background-color: transparent; } .app-UI-Form-Select-___style-module__selectValue___Pwy9h.app-UI-Form-Select-___style-module__light___PsJB6 { background-color: var(--colorInputBg); border-color: var(--colorInputBg); } .app-UI-Form-Select-___style-module__selectValue___Pwy9h.app-UI-Form-Select-___style-module__light___PsJB6:hover { background-color: var(--colorInputBg); border-color: var(--colorInputBorderHover); } .app-UI-Form-Select-___style-module__selectValue___Pwy9h.app-UI-Form-Select-___style-module__light___PsJB6:focus { background-color: var(--colorBgPrimary); border-color: var(--colorInputBorderActive); } .app-UI-Form-Select-___style-module__selectValue___Pwy9h.app-UI-Form-Select-___style-module__light___PsJB6.app-UI-Form-Select-___style-module__focused___erjzl, .app-UI-Form-Select-___style-module__selectValue___Pwy9h.app-UI-Form-Select-___style-module__light___PsJB6:focus-visible { border-color: var(--colorInputBorderActive); } .app-UI-Form-Select-___style-module__selectValue___Pwy9h span.app-UI-Form-Select-___style-module__singleValue___yBNrg { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 200px; } .app-UI-Form-Select-___style-module__selectValue___Pwy9h span.app-UI-Form-Select-___style-module__placeholder___LTW4c { color: var(--colorTextIcons); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .app-UI-Form-Select-___style-module__selectValue___Pwy9h .app-UI-Form-Select-___style-module__dropdownButton___EKtmO, .app-UI-Form-Select-___style-module__selectValue___Pwy9h .app-UI-Form-Select-___style-module__closeButton___5ZV4w { font: var(--typographySmallIconFont); color: var(--colorTextIcons); height: 16px; line-height: 8px; transition: all 0.2s; width: 12px; transition: color 0.1s; cursor: pointer; } .app-UI-Form-Select-___style-module__selectValue___Pwy9h .app-UI-Form-Select-___style-module__dropdownButton___EKtmO.app-UI-Form-Select-___style-module__closeButton___5ZV4w, .app-UI-Form-Select-___style-module__selectValue___Pwy9h .app-UI-Form-Select-___style-module__closeButton___5ZV4w.app-UI-Form-Select-___style-module__closeButton___5ZV4w { font-size: 10px; margin-right: 6px; } .app-UI-Form-Select-___style-module__selectValue___Pwy9h .app-UI-Form-Select-___style-module__dropdownButton___EKtmO.app-UI-Form-Select-___style-module__closeButton___5ZV4w:hover, .app-UI-Form-Select-___style-module__selectValue___Pwy9h .app-UI-Form-Select-___style-module__closeButton___5ZV4w.app-UI-Form-Select-___style-module__closeButton___5ZV4w:hover { color: var(--colorTextMain); } .app-UI-Form-Select-___style-module__selectValue___Pwy9h .app-UI-Form-Select-___style-module__actions___jDzz4 { display: flex; flex-direction: row; align-items: center; } .app-UI-Form-Select-___style-module__selectValue___Pwy9h .app-UI-Form-Select-___style-module__actions___jDzz4 > * { cursor: pointer; display: flex; flex-direction: row; align-items: center; justify-content: center; } .app-UI-Form-Select-___style-module__selectValue___Pwy9h .app-UI-Form-Select-___style-module__multiValueItem___6ndGy { margin: 2px 0; padding: 0 8px; color: var(--colorTextMain); font: var(--typographyBody2Font); display: flex; flex-direction: row; align-self: stretch; align-items: center; background: var(--colorBgAccent); border-radius: 3px; max-width: 108px; min-width: 42px; } .app-UI-Form-Select-___style-module__selectValue___Pwy9h .app-UI-Form-Select-___style-module__multiValueItem___6ndGy > div:first-of-type { max-width: calc(100% - 15px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .app-UI-Form-Select-___style-module__selectValue___Pwy9h .app-UI-Form-Select-___style-module__multiValueItem___6ndGy > div:first-of-type:first-of-type { pointer-events: auto; } .app-UI-Form-Select-___style-module__selectValue___Pwy9h .app-UI-Form-Select-___style-module__multiValueItem___6ndGy i { color: var(--colorTextIcons); font-size: 9px; margin-left: 6px; cursor: pointer; transition: color 0.1s; } .app-UI-Form-Select-___style-module__selectValue___Pwy9h .app-UI-Form-Select-___style-module__multiValueItem___6ndGy i:hover { color: var(--colorTextMain); } .app-UI-Form-Select-___style-module__selectValue___Pwy9h .app-UI-Form-Select-___style-module__multiValueItem___6ndGy .app-UI-Form-Select-___style-module__removeDisabled___kjGri { pointer-events: none; cursor: not-allowed; } .app-UI-Form-Select-___style-module__selectValue___Pwy9h .app-UI-Form-Select-___style-module__multiValueItem___6ndGy:not(:last-of-type) { margin-right: 2px; } .app-UI-Form-Select-___style-module__selectValue___Pwy9h .app-UI-Form-Select-___style-module__small___Q2Jp2 { height: auto; min-height: 32px; } .app-UI-Form-Select-___style-module__selectValue___Pwy9h .app-UI-Form-Select-___style-module__small___Q2Jp2 .app-UI-Form-Select-___style-module__multiValueItem___6ndGy { margin: 2px 0; } .app-UI-Form-Select-___style-module__selectValue___Pwy9h .app-UI-Form-Select-___style-module__small___Q2Jp2 .app-UI-Form-Select-___style-module__multiValueItem___6ndGy:not(:last-of-type) { margin-right: 2px; } .app-UI-Form-Select-___style-module__selectValue___Pwy9h .app-UI-Form-Select-___style-module__small___Q2Jp2 .app-UI-Form-Select-___style-module__hiddenValues___HtV6Q { margin: 2px 0; align-self: stretch; } .app-UI-Form-Select-___style-module__selectValue___Pwy9h.app-UI-Form-Select-___style-module__compact___JEPFh { height: auto; min-height: 24px; } .app-UI-Form-Select-___style-module__selectValue___Pwy9h.app-UI-Form-Select-___style-module__compact___JEPFh .app-UI-Form-Select-___style-module__multiValueItem___6ndGy { margin: 2px 0; } .app-UI-Form-Select-___style-module__selectValue___Pwy9h.app-UI-Form-Select-___style-module__compact___JEPFh .app-UI-Form-Select-___style-module__multiValueItem___6ndGy:not(:last-of-type) { margin-right: 2px; } .app-UI-Form-Select-___style-module__selectValue___Pwy9h.app-UI-Form-Select-___style-module__compact___JEPFh .app-UI-Form-Select-___style-module__hiddenValues___HtV6Q { margin: 2px 0; align-self: stretch; } .app-UI-Form-Select-___style-module__selectValue___Pwy9h.app-UI-Form-Select-___style-module__default___-V-zU { font: var(--typographyBody1Font); min-height: 40px; } .app-UI-Form-Select-___style-module__selectValue___Pwy9h.app-UI-Form-Select-___style-module__default___-V-zU:not(.app-UI-Form-Select-___style-module__multiBig___z9LDy) { max-height: 40px; } .app-UI-Form-Select-___style-module__selectValue___Pwy9h.app-UI-Form-Select-___style-module__small___Q2Jp2 { font: var(--typographyBody2Font); height: auto; min-height: 32px; } .app-UI-Form-Select-___style-module__selectValue___Pwy9h.app-UI-Form-Select-___style-module__small___Q2Jp2:not(.app-UI-Form-Select-___style-module__multiBig___z9LDy) { max-height: 32px; } .app-UI-Form-Select-___style-module__selectValue___Pwy9h.app-UI-Form-Select-___style-module__compact___JEPFh { font: var(--typographyBody2Font); height: auto; min-height: 24px; } .app-UI-Form-Select-___style-module__selectValue___Pwy9h.app-UI-Form-Select-___style-module__compact___JEPFh:not(.app-UI-Form-Select-___style-module__multiBig___z9LDy) { max-height: 24px; } .app-UI-Form-Select-___style-module__selectValue___Pwy9h.app-UI-Form-Select-___style-module__disabled___aJLdd { color: var(--colorTextDisabled); cursor: not-allowed; } .app-UI-Form-Select-___style-module__selectValue___Pwy9h.app-UI-Form-Select-___style-module__adaptiveValue___CgKYn { font-size: 1em; } .app-UI-Form-Select-___style-module__selectValue___Pwy9h.app-UI-Form-Select-___style-module__multiBig___z9LDy { height: 62px; align-items: flex-start; padding: 2px 4px; } .app-UI-Form-Select-___style-module__selectValue___Pwy9h.app-UI-Form-Select-___style-module__multiBig___z9LDy .app-UI-Form-Select-___style-module__placeholder___LTW4c { margin-top: 8px; margin-left: 4px; } .app-UI-Form-Select-___style-module__selectValue___Pwy9h.app-UI-Form-Select-___style-module__multiBig___z9LDy .app-UI-Form-Select-___style-module__multiValueItem___6ndGy { height: 24px; margin-right: 4px; } .app-UI-Form-Select-___style-module__selectValue___Pwy9h.app-UI-Form-Select-___style-module__multiBig___z9LDy .app-UI-Form-Select-___style-module__multiValueContainer___q6AeK { margin: 0; align-items: flex-start; flex-wrap: wrap; height: auto; } .app-UI-Form-Select-___style-module__selectValue___Pwy9h.app-UI-Form-Select-___style-module__multiBig___z9LDy .app-UI-Form-Select-___style-module__hiddenValues___HtV6Q { width: 24px; height: 24px; margin: 2px 0; } .app-UI-Form-Select-___style-module__emptyOptions___dnyxY { padding: 8px 0; text-align: center; color: var(--colorTextPrimary); font: var(--typographyBody1Font); min-height: 100px; display: flex; flex-direction: row; align-items: center; justify-content: center; } .app-UI-Form-Select-___style-module__multiValueWrapper___a28Od { display: flex; flex-direction: row; align-items: center; justify-content: space-between; flex: 1; align-self: stretch; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .app-UI-Form-Select-___style-module__multiValueContainer___q6AeK { display: flex; flex-direction: row; align-items: center; align-self: stretch; margin-right: 4px; flex: 1; width: 100%; min-width: 0; } .app-UI-Form-Select-___style-module__multiValueContainer___q6AeK .app-UI-Form-Select-___style-module__hiddenValues___HtV6Q { width: 24px; flex: 0 0 24px; display: flex; flex-direction: row; align-items: center; justify-content: center; color: var(--colorTextMain); font: var(--typographyBody2Font); background: var(--colorBgAccent); border-radius: 3px; margin: 2px 0; align-self: stretch; } .app-UI-Form-Select-___style-module__search___CTNVh { padding: 8px 8px 0; background-color: var(--colorDropBgActive); } .app-UI-Form-Select-___style-module__search___CTNVh i { color: var(--colorTextIcons); } .app-UI-Scroll-___style-module__scrollWrap___NrV6S { height: 100%; display: flex; flex-direction: row; max-width: 100%; position: relative; } .app-UI-Scroll-___style-module__scrollItems___WQaK- { display: flex; width: 100%; max-width: 100%; position: relative; overflow: hidden; } .app-UI-Scroll-___style-module__scrollItems___WQaK-.app-UI-Scroll-___style-module__sortableScroll___WMC3F { overflow: scroll; } .app-UI-Scroll-___style-module__scrollItems___WQaK-.app-UI-Scroll-___style-module__sortableScroll___WMC3F::-webkit-scrollbar { display: none; } .app-UI-Scroll-___style-module__scrollItems___WQaK-.app-UI-Scroll-___style-module__sortableScroll___WMC3F { -ms-overflow-style: none; scrollbar-width: none; } .app-UI-Scroll-___style-module__wrapper___jdUe1 { position: relative; z-index: 10000; } .app-UI-Scroll-___style-module__scrollButton___pN1DQ { background-color: var(--colorBgPrimary); width: 24px; height: 24px; font-size: 10px; color: var(--colorTextPrimary); letter-spacing: var(--typographyBody1Spacing); transition: all 0.2s; z-index: 10001; display: flex; justify-content: center; align-items: center; position: absolute; top: calc(50% - 12px); border-radius: 2px; box-shadow: 0 2px 9px 2px rgba(0, 0, 0, 0.2); } .app-UI-Scroll-___style-module__scrollButton___pN1DQ.app-UI-Scroll-___style-module__scrollButtonLeft___1uVbT { left: 4px; } .app-UI-Scroll-___style-module__scrollButton___pN1DQ.app-UI-Scroll-___style-module__scrollButtonLeft___1uVbT i { transform: rotate(90deg); } .app-UI-Scroll-___style-module__scrollButton___pN1DQ.app-UI-Scroll-___style-module__scrollButtonRight___CZGaM { right: 4px; } .app-UI-Scroll-___style-module__scrollButton___pN1DQ.app-UI-Scroll-___style-module__scrollButtonRight___CZGaM i { transform: rotate(-90deg); } .app-UI-Scroll-___style-module__scrollButton___pN1DQ:hover { cursor: pointer; color: var(--colorTextMain); } .app-UI-Scroll-___style-module__scrollButton___pN1DQ:disabled { cursor: not-allowed; } .app-UI-Form-Switchers-___style-module__switchersWrapper___Cjn-f { width: 100%; } .app-UI-Form-Switchers-___style-module__switchers___7afFA { width: 100%; height: 40px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; background-color: var(--colorInputBg); border-radius: 3px; padding-left: 14px; padding-right: 14px; } .app-UI-Form-Switchers-___style-module__switchersDisabled___RbksC { cursor: not-allowed; } .app-UI-Form-Switchers-___style-module__switchersDisabled___RbksC .app-UI-Form-Switchers-___style-module__switcher___L0VBb { cursor: not-allowed; } .app-UI-Form-Switchers-___style-module__switcher___L0VBb { white-space: nowrap; cursor: pointer; flex: 1; font: var(--typographyBody1Font); letter-spacing: var(--typographyBody1Spacing); color: var(--colorTextPrimary); background-color: var(--colorInputBg); display: flex; justify-content: center; height: 100%; padding: 11px 2px 0; min-width: 50px; } .app-UI-Form-Switchers-___style-module__switcher___L0VBb:hover { color: var(--colorTextMain); } .app-UI-Form-Switchers-___style-module__switcher___L0VBb:focus { outline: none; } @media (max-width: 1440px) { .app-UI-Form-Switchers-___style-module__switcher___L0VBb { min-width: auto; } } .app-UI-Form-Switchers-___style-module__switcherActive___ytIP1 div { width: 100%; height: 100%; color: var(--colorTextMain); border-bottom: 1px solid var(--colorSelectedState); } .app-UI-Form-Switchers-___style-module__switcherInvalid___F3xED { border: 1px solid var(--colorError); } .app-UI-Form-Switchers-___style-module__description___9uq9D { color: var(--colorTextPrimary); font: var(--typographyBody1Font); letter-spacing: var(--typographyBody1Spacing); margin-right: 5px; } .app-UI-Form-Switchers-___style-module__rightButton___oEozb { cursor: pointer; margin-left: 10px; } .app-UI-Form-Switchers-___style-module__rightButton___oEozb i { color: var(--colorTextIcons); font-size: 14px; line-height: 14px; width: 14px; display: flex; align-items: center; justify-content: center; } .app-UI-Form-SegmentControl-___style-module__switchersWrapper___cREdD { display: flex; flex-direction: row; max-width: 100%; width: 100%; background-color: var(--colorSegmentControlBg); border-radius: 3px; } .app-UI-Form-SegmentControl-___style-module__switchersWrapper___cREdD > div:first-of-type { width: 100%; } .app-UI-Form-SegmentControl-___style-module__switchersWrapper___cREdD.app-UI-Form-SegmentControl-___style-module__fitContent___-L9PS { width: fit-content; } .app-UI-Form-SegmentControl-___style-module__switchers___Tt70z { flex: 1; width: auto; display: flex; flex-direction: row; background-color: var(--colorSegmentControlBg); border-radius: 3px; height: 32px; } .app-UI-Form-SegmentControl-___style-module__switchers___Tt70z.app-UI-Form-SegmentControl-___style-module__fullWidth___61uXF { width: 100%; } .app-UI-Form-SegmentControl-___style-module__switchers___Tt70z.app-UI-Form-SegmentControl-___style-module__invalid___w1NyV { box-shadow: inset 0 0 0 1px var(--colorError); } .app-UI-Form-SegmentControl-___style-module__switchers___Tt70z.app-UI-Form-SegmentControl-___style-module__bordered___iMt89 { border: 1px solid var(--colorSegmentControlActiveBorder); } .app-UI-Form-SegmentControl-___style-module__switchers___Tt70z.app-UI-Form-SegmentControl-___style-module__NORMAL___WACnw { height: 32px; } .app-UI-Form-SegmentControl-___style-module__switchers___Tt70z.app-UI-Form-SegmentControl-___style-module__SMALL___ZwllZ, .app-UI-Form-SegmentControl-___style-module__switchers___Tt70z.app-UI-Form-SegmentControl-___style-module__COMPACT___18QHc { height: 24px; } .app-UI-Form-SegmentControl-___style-module__switchers___Tt70z.app-UI-Form-SegmentControl-___style-module__BIG___U678T { height: 40px; } .app-UI-Form-SegmentControl-___style-module__switchers___Tt70z.app-UI-Form-SegmentControl-___style-module__BIG___U678T button { font-size: 14px; } .app-UI-Form-SegmentControl-___style-module__switchers___Tt70z button { flex: 1; color: var(--colorSegmentControlDefaultText); font: var(--typographyBody1Font); font-size: 12px; transition: all 0.2s; padding: 0 4px; border-radius: 3px; } .app-UI-Form-SegmentControl-___style-module__switchers___Tt70z button:hover, .app-UI-Form-SegmentControl-___style-module__switchers___Tt70z button.app-UI-Form-SegmentControl-___style-module__switcherActive___T5CWu { background-color: var(--colorSegmentControlBackground); color: var(--colorSegmentControlText); } .app-UI-Form-SegmentControl-___style-module__switchers___Tt70z button:hover{ background-color: var(--colorSegmentControlBackgroundHover); } .app-UI-Form-SegmentControl-___style-module__switchers___Tt70z button .app-UI-Form-SegmentControl-___style-module__badge___p8-IU { width: 6px; height: 6px; border-radius: 3px; background-color: var(--colorPLMinus); position: absolute; top: -4px; right: -5px; } .app-UI-Form-SegmentControl-___style-module__switchers___Tt70z.app-UI-Form-SegmentControl-___style-module__noWrap___B-q0G button { white-space: nowrap; } .app-UI-Form-SegmentControl-___style-module__divider___UMFxQ { margin: 0 2px; width: 1px; height: 100%; background-color: var(--colorSegmentControlDivider); } .app-UI-Form-SegmentControl-___style-module__divider___UMFxQ.app-UI-Form-SegmentControl-___style-module__withoutMargin___3g-WO { margin: 0; } .app-UI-Form-SegmentControl-___style-module__switcherDisabled___GC0im{ color: var(--colorTextDisabled)!important; cursor: not-allowed; } .app-UI-Form-SegmentControl-___style-module__switcherDisabled___GC0im:hover{ color: var(--colorTextDisabled) !important; background-color: transparent!important; } .app-UI-Form-SegmentControl-___style-module__switcherDisabled___GC0im.app-UI-Form-SegmentControl-___style-module__switcherActive___T5CWu { background-color: var(--colorSegmentControlDisabledBg)!important; } .app-UI-Form-SegmentControl-___style-module__switcherDisabled___GC0im.app-UI-Form-SegmentControl-___style-module__switcherActive___T5CWu:hover{ color: var(--colorTextDisabled) !important; background-color: var(--colorSegmentControlDisabledBg)!important; } .app-UI-Form-ErrorMessage-___style-module__error___hml5E { display: block; margin-top: 4px; font: var(--typographyErrorFont); letter-spacing: var(--typographyErrorSpacing); color: var(--colorError); } .app-UI-Form-ErrorMessage-___style-module__warning___-NWQw { color: var(--colorWarning); } .app-UI-Form-Checkbox-___style-module__checkboxWrapper___D-2bJ { display: flex; width: 100%; position: relative; cursor: pointer; align-items: center; } .app-UI-Form-Checkbox-___style-module__checkboxWrapper___D-2bJ.app-UI-Form-Checkbox-___style-module__autoWidth___Mxq1N { width: fit-content; } .app-UI-Form-Checkbox-___style-module__checkbox___lJ-af { width: 16px; min-width: 16px; height: 16px; border: 1px solid var(--colorCheckboxBorder); border-radius: 2px; margin-right: 8px; display: flex; align-items: center; justify-content: center; } .app-UI-Form-Checkbox-___style-module__checkbox___lJ-af:hover { opacity: 0.5; background-color: var(--colorButtonAccentHover); } .app-UI-Form-Checkbox-___style-module__checkbox___lJ-af i { display: none; font-size: 12px; font-weight: 600; color: var(--colorCheckboxMarkColor); } .app-UI-Form-Checkbox-___style-module__checkbox___lJ-af.app-UI-Form-Checkbox-___style-module__partiallyChecked___9kv-6 { opacity: 1; border: 1px solid var(--colorButtonAccentPressed); background-color: var(--colorButtonAccent); } .app-UI-Form-Checkbox-___style-module__checkbox___lJ-af.app-UI-Form-Checkbox-___style-module__partiallyChecked___9kv-6 i { display: block; } .app-UI-Form-Checkbox-___style-module__checkbox___lJ-af.app-UI-Form-Checkbox-___style-module__partiallyChecked___9kv-6 i:before { content: "\e936"; } .app-UI-Form-Checkbox-___style-module__checkbox___lJ-af.app-UI-Form-Checkbox-___style-module__disabled___qyuBS { opacity: 0.6!important; cursor: not-allowed!important; } .app-UI-Form-Checkbox-___style-module__checkbox___lJ-af.app-UI-Form-Checkbox-___style-module__disabled___qyuBS:hover { opacity: 0.6; background-color: transparent; } .app-UI-Form-Checkbox-___style-module__switcher___Lows9 { position: relative; cursor: pointer; width: 36px; min-width: 36px; height: 18px; margin-right: 8px; border-radius: 11px; background: var(--colorSwitcherBg); } .app-UI-Form-Checkbox-___style-module__switcher___Lows9 i { display: none; } .app-UI-Form-Checkbox-___style-module__switcher___Lows9:after { transition: transform 0.3s; content: ''; display: block; position: absolute; width: 14px; height: 14px; border-radius: 50%; background: var(--colorSwitcherDotBg); top: 2px; left: 2px; } .app-UI-Form-Checkbox-___style-module__checkboxInvalid___W2ZxV { border: 1px solid var(--colorError); } .app-UI-Form-Checkbox-___style-module__checkboxVirtual___cmcF7 { display: none; } .app-UI-Form-Checkbox-___style-module__checkboxVirtual___cmcF7:disabled ~ .app-UI-Form-Checkbox-___style-module__checkbox___lJ-af { opacity: 0.14; cursor: not-allowed; } .app-UI-Form-Checkbox-___style-module__checkboxVirtual___cmcF7:disabled ~ .app-UI-Form-Checkbox-___style-module__switcher___Lows9 { opacity: 0.4; cursor: not-allowed; } .app-UI-Form-Checkbox-___style-module__checkboxVirtual___cmcF7.app-UI-Form-Checkbox-___style-module__uncontrolled___o-Zy2:disabled ~ .app-UI-Form-Checkbox-___style-module__checkbox___lJ-af { opacity: 1; cursor: pointer; } .app-UI-Form-Checkbox-___style-module__checkboxVirtual___cmcF7.app-UI-Form-Checkbox-___style-module__uncontrolled___o-Zy2:disabled ~ .app-UI-Form-Checkbox-___style-module__switcher___Lows9 { opacity: 1; cursor: pointer; } .app-UI-Form-Checkbox-___style-module__checkboxVirtual___cmcF7:checked ~ .app-UI-Form-Checkbox-___style-module__checkbox___lJ-af { opacity: 1; border: 1px solid var(--colorButtonAccentPressed); background-color: var(--colorButtonAccent); } .app-UI-Form-Checkbox-___style-module__checkboxVirtual___cmcF7:checked ~ .app-UI-Form-Checkbox-___style-module__checkbox___lJ-af.app-UI-Form-Checkbox-___style-module__round___9jxQ1 i { display: none; } .app-UI-Form-Checkbox-___style-module__checkboxVirtual___cmcF7:checked ~ .app-UI-Form-Checkbox-___style-module__checkbox___lJ-af.app-UI-Form-Checkbox-___style-module__round___9jxQ1:after { content: ''; background-color: var(--colorButtonAccentText); width: 8px; height: 8px; border-radius: 50%; display: block; will-change: transform; } .app-UI-Form-Checkbox-___style-module__checkboxVirtual___cmcF7:checked ~ .app-UI-Form-Checkbox-___style-module__checkbox___lJ-af i:before { content: "\e934"; } .app-UI-Form-Checkbox-___style-module__checkboxVirtual___cmcF7:checked ~ .app-UI-Form-Checkbox-___style-module__checkbox___lJ-af i { display: block; } .app-UI-Form-Checkbox-___style-module__checkboxVirtual___cmcF7:checked ~ .app-UI-Form-Checkbox-___style-module__checkbox___lJ-af > div { display: block; } .app-UI-Form-Checkbox-___style-module__checkboxVirtual___cmcF7:checked ~ .app-UI-Form-Checkbox-___style-module__switcher___Lows9 { background: var(--colorButtonAccent); } .app-UI-Form-Checkbox-___style-module__checkboxVirtual___cmcF7:checked ~ .app-UI-Form-Checkbox-___style-module__switcher___Lows9:after { background: var(--colorButtonAccentText); transform: translateX(18px); } .app-UI-Form-Checkbox-___style-module__checkboxLabel___N3CSf { font: var(--typographyBody2Font); letter-spacing: var(--typographyBody2Spacing); color: var(--colorTextMain); } .app-UI-Form-Checkbox-___style-module__checkboxLabel___N3CSf.app-UI-Form-Checkbox-___style-module__labelLeftMode___QmjeW { color: var(--colorTextPrimary); font: var(--typographyBody1Font); } .app-UI-Form-Checkbox-___style-module__round___9jxQ1 { border-radius: 8px; } .app-UI-Form-Checkbox-___style-module__round___9jxQ1 i { display: none; } .app-UI-Form-DatePicker-___style-module__clear___JVH9Z { position: absolute; bottom: 15px; right: 8px; color: var(--colorTextMain); font-size: 10px; cursor: pointer; } .app-UI-Form-DatePicker-___style-module__wrapper___QCYg0 { position: relative; } .app-UI-Form-DatePicker-___style-module__wrapper___QCYg0 > div { display: block !important; } .app-UI-Form-DatePicker-___style-module__wrapper___QCYg0 > div > div { display: flex; flex: 1; flex-direction: row; } .app-UI-Form-DatePicker-___style-module__fullWidth___UTLg9 > div > div > div { width: 100%; } .app-UI-Form-DatePicker-___style-module__datePickerWrapper___PFa-a { position: relative; } .app-UI-Form-DatePicker-___style-module__calendar___dnSUT { background-color: var(--colorDropBg) !important; border: none!important; border-radius: var(--defaultDropBorderRadius) !important; font-family: Lato, Arial, sans-serif !important; display: flex !important; flex-direction: row !important; height: 100%; } .app-UI-Form-DatePicker-___style-module__calendar___dnSUT.app-UI-Form-DatePicker-___style-module__withOptions___55N7J { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .app-UI-Form-DatePicker-___style-module__calendar___dnSUT.app-UI-Form-DatePicker-___style-module__withTime___1x3eN { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .app-UI-Form-DatePicker-___style-module__day___djr7u { border-radius: 3px !important; color: var(--colorTextMain) !important; } .app-UI-Form-DatePicker-___style-module__day___djr7u:hover { background-color: var(--colorAccent) !important; color: var(--colorBgPrimary) !important; } .react-datepicker__time-list::-webkit-resizer{ width: 4px; border-width: 3px; border-style: solid; border-bottom-right-radius: 4px; border-color: var(--colorDropBg) var(--colorTextMain) var(--colorTextMain) var(--colorDropBg); background-color: var(--colorDropBg); } .react-datepicker__time-list::-webkit-scrollbar { width: 8px; } .react-datepicker__time-list::-webkit-scrollbar-track { background-color: var(--colorDropBg); } .react-datepicker__time-list::-webkit-scrollbar-track:hover { background-color: var(--colorTextWhite); } .react-datepicker__time-list::-webkit-scrollbar-thumb { border-radius: 8px; cursor: pointer; background-color: #aaa; } .react-datepicker__time-list::-webkit-scrollbar-thumb:hover { background-color: #999; } .react-datepicker__header { background-color: var(--colorDropBg) !important; border-top-right-radius: var(--defaultDropBorderRadius) !important; border-top-left-radius: var(--defaultDropBorderRadius) !important; border-bottom: none !important; padding-bottom: 0 !important; } .react-datepicker__time-container .react-datepicker__time { background-color: var(--colorDropBg) !important; } .react-datepicker-time__header { padding-bottom: 4px!important; } .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle { border-bottom-color: var(--colorDropBg) !important; fill: var(--colorDropBg) !important; color: var(--colorDropBg) !important; stroke: var(--colorDropBg) !important; } .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::after { border-bottom-color: var(--colorDropBorder) !important; stroke: var(--colorDropBg) !important; } .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle { border-top-color: var(--colorDropBg) !important; fill: var(--colorDropBg) !important; color: var(--colorDropBg) !important; stroke: var(--colorDropBg) !important; } .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::after { border-top-color: var(--colorDropBg) !important; fill: var(--colorDropBg) !important; color: var(--colorDropBg) !important; stroke: var(--colorDropBg) !important; } .react-datepicker-popper { z-index: 100000 !important; } .react-datepicker__navigation--previous { border-right-color: var(--colorTextIcons) !important; } .react-datepicker__navigation--previous span { width: 100%; height: 100%; left: 0; top: 0; right: 0; } .react-datepicker__navigation--previous span:before { right: 10px; top: 11px; } .react-datepicker__navigation--next { border-left-color: var(--colorTextIcons) !important; } .react-datepicker__navigation--next span { width: 100%; height: 100%; left: 0; top: 0; right: 0; } .react-datepicker__navigation--next span:before { left: 10px; top: 11px; } .react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header { color: var(--colorTextMain) !important; font: var(--typographyBody1Font); } .react-datepicker__day, .react-datepicker__time-name { color: var(--colorTextMain) !important; } .react-datepicker__day-name { color: var(--colorTextPrimary) !important; } .react-datepicker__day--outside-month { color: var(--colorTextPrimary)!important; } .react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected { border-radius: 2px !important; background-color: var(--colorAccent) !important; color: var(--colorBgPrimary)!important; } .react-datepicker__day--keyboard-selected { background-color: transparent !important; color: var(--colorTextMain) !important; } .react-datepicker__day--today, .react-datepicker__month-text--today, .react-datepicker__quarter-text--today { color: var(--colorAccent)!important; font-weight: 400!important; } .datepicker__year-text--today, .react-datepicker__year-text--keyboard-selected { background-color: var(----colorDropBgHover) !important; color: var(--colorTextMain) !important; font-weight: 400!important; } .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range, .react-datepicker__month-text--selected, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--selected, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--selected, .react-datepicker__year-text--in-selecting-range, .react-datepicker__year-text--in-range { border-radius: 2px !important; background-color: var(--colorDropBgHover) !important; color: var(--colorTextWhite) !important; } .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover, .react-datepicker__month-text--selected:hover, .react-datepicker__month-text--in-selecting-range:hover, .react-datepicker__month-text--in-range:hover, .react-datepicker__quarter-text--selected:hover, .react-datepicker__quarter-text--in-selecting-range:hover, .react-datepicker__quarter-text--in-range:hover, .react-datepicker__year-text--selected:hover, .react-datepicker__year-text--in-selecting-range:hover, .react-datepicker__year-text--in-range:hover { background-color: var(--colorDropBgHover) !important; } .react-datepicker__day--selected { border-radius: 2px !important; background-color: var(--colorAccent) !important; color: var(--colorBgPrimary) !important; } .react-datepicker__day--selected:hover { background-color: var(--colorAccent) !important; } .react-datepicker__time-container { border-left: 1px solid var(--colorDivider) !important; } .react-datepicker__time-box ul.react-datepicker__time-list li { color: var(--colorTextMain) !important; } .react-datepicker__time-box ul.react-datepicker__time-list li:hover { background-color: var(--colorButtonBorder) !important; } .react-datepicker__day--disabled { color: var(--colorTextDisabled) !important; cursor: not-allowed !important; } .react-datepicker__day--in-range, .react-datepicker__day--in-selecting-range { position: relative !important; z-index: 1; border-radius: 0 !important; } .react-datepicker__day--in-range:after, .react-datepicker__day--in-selecting-range:after { content: ''; position: absolute; right: -3px; width: 4px; top: 0; bottom: 0; background-color: var(--colorDropBgHover) !important; z-index: 0; } .react-datepicker__day--in-range:before, .react-datepicker__day--in-selecting-range:before { content: ''; position: absolute; left: -3px; width: 4px; top: 0; bottom: 0; background-color: var(--colorDropBgHover) !important; z-index: 0; } .react-datepicker__day--range-start, .react-datepicker__day--selecting-range-start { background-color: var(--colorAccent) !important; border-radius: 3px !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; color: var(--colorBgPrimary)!important; } .react-datepicker__day--range-start:hover, .react-datepicker__day--selecting-range-start:hover { background-color: var(--colorAccent) !important; } .react-datepicker__day--range-start:before, .react-datepicker__day--selecting-range-start:before { content: none; } .react-datepicker__day--range-start:after, .react-datepicker__day--selecting-range-start:after { right: -4px; } .react-datepicker__day--range-end, .react-datepicker__day--selecting-range-end { background-color: var(--colorAccent) !important; border-radius: 3px !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; color: var(--colorBgPrimary)!important; } .react-datepicker__day--range-end:hover, .react-datepicker__day--selecting-range-end:hover { background-color: var(--colorAccent) !important; } .react-datepicker__day--range-end:after, .react-datepicker__day--selecting-range-end:after { content: none; } .react-datepicker__day--range-end:before, .react-datepicker__day--selecting-range-end:before { left: -4px; } .react-datepicker__day--range-end.react-datepicker__day--range-start, .react-datepicker__day--selecting-range-end.react-datepicker__day--range-start { border-radius: 3px !important; border-top-left-radius: 3px !important; border-bottom-left-radius: 3px !important; } .react-datepicker__quarter-text { width: 100px !important; height: 24px !important; color: var(--colorTextMain); justify-content: center !important; line-height: 24px !important; margin: 3px; } .react-datepicker__quarter-text:hover { background-color: var(--colorTextIcons) !important; } .react-datepicker__close-icon { font-family: 'icomoon' !important; speak: none !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; line-height: 1 !important; -webkit-font-smoothing: antialiased !important; height: 100% !important; max-height: 40px !important; bottom: 0 !important; top: auto !important; } .react-datepicker__close-icon::after { content: "\e930" !important; background-color: transparent !important; color: var(--colorTextMain) !important; height: 16px !important; width: 16px !important; padding: 2px !important; font-size: 10px !important; } .react-datepicker__quarter--selected { background-color: var(--colorAccent) !important; } .react-datepicker__quarter--selected:hover { background-color: var(--colorAccent) !important; } .react-datepicker__year { min-width: 180px; margin: 8px; } .react-datepicker__year-text { width: 56px !important; height: 24px !important; color: var(--colorTextMain); justify-content: center !important; line-height: 24px !important; margin: 3px; } .react-datepicker__year-text:hover { background-color: var(--colorTextIcons) !important; } .app-UI-Form-DatePicker-___style-module__smallTooltip___Q3qzL { padding: 8px; } .app-UI-Form-DatePicker-___style-module__tooltipContent___BN0a0 { font: var(--typographyBody2Font); color: var(--colorTextMain); } .app-UI-Form-DatePicker-___style-module__rangePickerInput___T2oJb { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 0 6px; height: 100%; cursor: pointer; } .app-UI-Form-DatePicker-___style-module__rangePickerInput___T2oJb .app-UI-Form-DatePicker-___style-module__value___z5sXh { font: var(--typographyBody1Font); line-height: 13px; color: var(--colorTextMain); flex: 1; } .app-UI-Form-DatePicker-___style-module__rangePickerInput___T2oJb .app-UI-Form-DatePicker-___style-module__value___z5sXh.app-UI-Form-DatePicker-___style-module__placeholder___g5LJ6 { color: var(--colorTextIcons); } .app-UI-Form-DatePicker-___style-module__rangePickerInput___T2oJb button { font: var(--typographySmallIconFont); color: var(--colorTextIcons); height: 16px; line-height: 8px; transition: all 0.2s; width: 12px; display: flex; align-items: center; justify-content: center; } .app-UI-Form-DatePicker-___style-module__rangePickerInput___T2oJb button.app-UI-Form-DatePicker-___style-module__icon___O-xNJ { font-size: 12px; margin-left: 4px; } .app-UI-Form-DatePicker-___style-module__rangePickerInput___T2oJb button:hover, .app-UI-Form-DatePicker-___style-module__rangePickerInput___T2oJb button.app-UI-Form-DatePicker-___style-module__isActive___Rf9jL { color: var(--colorTextMain); } .app-UI-Form-DatePicker-___style-module__rangePickerInput___T2oJb.app-UI-Form-DatePicker-___style-module__default___RrP3g { height: 40px; background-color: var(--colorInputBg); border: 1px solid var(--colorInputBg); border-radius: 3px; font: var(--typographyBody1Font); letter-spacing: var(--typographyBody1Spacing); color: var(--colorTextMain); padding-left: 10px; padding-right: 10px; width: 100%; } .app-UI-Form-DatePicker-___style-module__rangePickerInput___T2oJb.app-UI-Form-DatePicker-___style-module__SMALL___Gz928 { height: 32px; } .app-UI-Form-DatePicker-___style-module__rangePickerInput___T2oJb.app-UI-Form-DatePicker-___style-module__SMALL___Gz928 span:first-of-type { font: var(--typographyBody2Font); white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; } .app-UI-Form-DatePicker-___style-module__rangePickerInput___T2oJb.app-UI-Form-DatePicker-___style-module__COMPACT___mprb1 { font: var(--typographyBody2Font); height: 24px; } .app-UI-Form-DatePicker-___style-module__rangePickerInput___T2oJb.app-UI-Form-DatePicker-___style-module__COMPACT___mprb1 span:first-of-type { font: var(--typographyBody2Font); white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; } .app-UI-Form-DatePicker-___style-module__rangePickerInput___T2oJb.app-UI-Form-DatePicker-___style-module__disabled___EMbV0 { color: var(--colorTextDisabled); cursor: not-allowed; } .app-UI-Form-DatePicker-___style-module__header___SNlHB { display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 4px 10px; } .app-UI-Form-DatePicker-___style-module__header___SNlHB button { color: var(--colorTextIcons); transition: color 0.2s; } .app-UI-Form-DatePicker-___style-module__header___SNlHB button:hover { color: var(--colorTextMain); } .app-UI-Form-DatePicker-___style-module__header___SNlHB button:first-of-type { transform: rotate(90deg); } .app-UI-Form-DatePicker-___style-module__header___SNlHB button:last-of-type { transform: rotate(-90deg); } .app-UI-Form-DatePicker-___style-module__header___SNlHB button:disabled { color: var(--colorTextDisabled); cursor: not-allowed; } .app-UI-Form-DatePicker-___style-module__header___SNlHB .app-UI-Form-DatePicker-___style-module__selects___CuCtz { display: flex; flex-direction: row; align-items: center; } .app-UI-Form-DatePicker-___style-module__header___SNlHB .app-UI-Form-DatePicker-___style-module__selects___CuCtz > div { color: var(--colorTextMain); } .app-UI-Form-DatePicker-___style-module__header___SNlHB .app-UI-Form-DatePicker-___style-module__selects___CuCtz > div:first-of-type { margin-right: 4px; } .app-UI-Form-DatePicker-___style-module__container___8gbVY { display: flex; flex-direction: row; overflow: hidden; } .app-UI-Form-DatePicker-___style-module__container___8gbVY.app-UI-Form-DatePicker-___style-module__rangeContainer___YqPCN { box-shadow: 0 4px 12px var(--colorDropShadow); } .app-UI-Form-DatePicker-___style-module__shadow___GDO1- { box-shadow: 0 4px 12px var(--colorDropShadow); } .app-UI-Form-DatePicker-___style-module__periods___JZP3T { display: flex; flex-direction: column; align-items: flex-start; padding: 12px; background-color: var(--colorDropBg); border-top-left-radius: var(--defaultDropBorderRadius); border-bottom-left-radius: var(--defaultDropBorderRadius); font: var(--typographyBody2Font); min-width: 132px; } .app-UI-Form-DatePicker-___style-module__periods___JZP3T button { color: var(--colorTextPrimary); line-height: 16px; transition: all 0.2s; } .app-UI-Form-DatePicker-___style-module__periods___JZP3T button:not(:last-of-type) { margin-bottom: 8px; } .app-UI-Form-DatePicker-___style-module__periods___JZP3T button:hover, .app-UI-Form-DatePicker-___style-module__periods___JZP3T button.app-UI-Form-DatePicker-___style-module__active___cFbVY { color: var(--colorAccent); } .app-UI-Form-DatePicker-___style-module__timePicker___MlMRG { width: 82px; max-height: 262px; border-left: 1px solid var(--colorDivider); background-color: var(--colorDropBg); display: flex; flex-direction: column; } .app-UI-Form-DatePicker-___style-module__timePicker___MlMRG .app-UI-Form-DatePicker-___style-module__timeHeader___FXwsS { display: flex; flex-direction: row; justify-content: center; padding: 8px 4px; border-bottom: 1px solid var(--colorDivider); height: 34px; } .app-UI-Form-DatePicker-___style-module__timePicker___MlMRG .app-UI-Form-DatePicker-___style-module__timeHeader___FXwsS span { font: var(--typographyBody1Font); color: var(--colorTextMain); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .app-UI-Form-DatePicker-___style-module__timePicker___MlMRG .app-UI-Form-DatePicker-___style-module__timeList___0PxYy { min-height: 0; display: flex; flex-direction: column; } .app-UI-Form-DatePicker-___style-module__timePicker___MlMRG .app-UI-Form-DatePicker-___style-module__timeList___0PxYy .app-UI-Form-DatePicker-___style-module__timeItem___JbkyB { min-height: 28px; display: flex; flex-direction: row; align-items: center; justify-content: center; font: var(--typographyBody1Font); color: var(--colorTextMain); cursor: pointer; } .app-UI-Form-DatePicker-___style-module__timePicker___MlMRG .app-UI-Form-DatePicker-___style-module__timeList___0PxYy .app-UI-Form-DatePicker-___style-module__timeItem___JbkyB:hover { background-color: var(--colorDropBgHover); } .app-UI-Form-DatePicker-___style-module__timePicker___MlMRG .app-UI-Form-DatePicker-___style-module__timeList___0PxYy .app-UI-Form-DatePicker-___style-module__timeItem___JbkyB.app-UI-Form-DatePicker-___style-module__active___cFbVY { background-color: var(--colorAccent); color: var(--colorTextWhite) !important; font-weight: 700; } .app-UI-Form-DatePicker-___style-module__calendarIcon___-0u3t { display: flex; flex-direction: row; align-items: center; justify-content: center; height: 100%; width: 32px; color: var(--colorTextIcons); } .app-UI-Form-DatePicker-___style-module__clearIcon___Rc6uv { display: flex; flex-direction: row; align-items: center; justify-content: center; height: 100%; width: 26px; color: var(--colorTextIcons); font-size: 10px; cursor: pointer; } .app-UI-Form-DatePicker-___style-module__withToday___8u1gz { margin-bottom: 16px; } .app-UI-Form-DatePicker-___style-module__currentTime___fRz4Y { display: flex; flex-direction: row; justify-content: flex-end; font: var(--typographyBody2Font); color: var(--colorAccent); position: absolute; bottom: -16px; right: 0; } .app-UI-Form-DatePicker-___style-module__currentTime___fRz4Y .app-UI-Form-DatePicker-___style-module__action___kpczY { text-decoration: underline; text-decoration-style: dashed; text-decoration-color: var(--colorAccent); cursor: pointer; } .app-UI-Form-DatePicker-___style-module__currentTime___fRz4Y .app-UI-Form-DatePicker-___style-module__action___kpczY:not(:last-of-type) { margin-left: 4px; } .app-UI-Form-DatePicker-___style-module__currentTime___fRz4Y .app-UI-Form-DatePicker-___style-module__action___kpczY:hover { color: var(--colorTextMain); } .app-UI-Form-DatePicker-___style-module__labelLeftMode___L6evv { display: flex; flex-direction: row; align-items: center; } .app-UI-Form-DatePicker-___style-module__periodSection___aku0s { border-top: 1px solid var(--colorDivider); padding-top: 12px; margin-top: 12px; width: 100%; color: var(--colorTextPrimary); } .app-UI-Form-DatePicker-___style-module__periodSection___aku0s p { font: var(--typographyCaps3Font); text-transform: uppercase; margin-bottom: 8px; } .app-UI-Form-DatePicker-___style-module__periodSection___aku0s > div:not(:last-of-type) { margin-bottom: 8px; } .app-UI-Form-DatePicker-___style-module__valueLabel___KEvkZ { text-transform: capitalize; display: flex; align-items: center; } .app-UI-Form-DatePicker-___style-module__valueLabel___KEvkZ.app-UI-Form-DatePicker-___style-module__isEmpty___LnPJL { color: var(--colorTextPrimary); } .app-UI-Form-DatePicker-___style-module__valueLabel___KEvkZ i { margin-left: 8px; font-size: 8px; } .app-UI-Form-DatePicker-___style-module__dayArrow___ysUF9 { background-color: var(--colorInputBg); min-height: 0; display: flex; padding: 4px 6px; align-items: center; justify-content: center; cursor: pointer; color: var(--colorTextIcons); font-size: 12px; min-width: 24px; } .app-UI-Form-DatePicker-___style-module__dayArrow___ysUF9:not(.app-UI-Form-DatePicker-___style-module__arrowForward___qN9BK) { border-right: 1px solid var(--colorDivider); border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .app-UI-Form-DatePicker-___style-module__dayArrow___ysUF9.app-UI-Form-DatePicker-___style-module__arrowForward___qN9BK { border-left: 1px solid var(--colorDivider); border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .app-UI-Form-DatePicker-___style-module__dayArrow___ysUF9:hover { transition: all 0.2s; color: var(--colorTextMain); } .app-UI-Form-DatePicker-___style-module__noBorderRadius___ktpu2 { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .app-UI-Form-DatePicker-___style-module__controlTooltip___S1wr0 { font: var(--typographyBody1Font); color: var(--colorTextPrimary); max-width: 200px; } .app-UI-SlideInModal-___style-module__backdrop___zm7HB { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: var(--colorBackdrop); z-index: 11003; /* fix for footer zIndex */ display: flex; align-items: flex-end; overflow: hidden; } .app-UI-SlideInModal-___style-module__backdrop___zm7HB.app-UI-SlideInModal-___style-module__withPopup___-5omn { z-index: 100001; } .app-UI-SlideInModal-___style-module__backdrop___zm7HB.app-UI-SlideInModal-___style-module__noBackdrop___372AN { pointer-events: none; background-color: transparent; } .app-UI-SlideInModal-___style-module__backdrop___zm7HB .app-UI-SlideInModal-___style-module__modal___KHHOG { background-color: var(--colorBgAccent); border-radius: 3px; pointer-events: auto; } .app-UI-SlideInModal-___style-module__backdrop___zm7HB.app-UI-SlideInModal-___style-module__fromBottom___ybrTt .app-UI-SlideInModal-___style-module__modal___KHHOG { flex: 1; width: 100%; } .app-UI-SlideInModal-___style-module__backdrop___zm7HB.app-UI-SlideInModal-___style-module__fromRight___DOrPR { justify-content: flex-end; } .app-UI-SlideInModal-___style-module__backdrop___zm7HB.app-UI-SlideInModal-___style-module__fromRight___DOrPR .app-UI-SlideInModal-___style-module__modal___KHHOG { height: 100%; opacity: 1; } .app-UI-SlideInModal-___style-module__backdrop___zm7HB.app-UI-SlideInModal-___style-module__fromRight___DOrPR .app-UI-SlideInModal-___style-module__modal___KHHOG > div { height: 100%; } .app-pages-TradingPage-ChartWidget-Modals-___style-module__form___I5X4s { background-color: var(--colorBgPrimary); width: 240px; display: flex; flex-direction: column; height: 100%; } .app-pages-TradingPage-ChartWidget-Modals-___style-module__form___I5X4s > div:first-of-type { padding: 8px; flex: 1; } .app-pages-TradingPage-ChartWidget-Modals-___style-module__form___I5X4s > div:first-of-type h6 { font: var(--typographySubtitleFont); color: var(--colorTextMain); margin-bottom: 8px; } .app-pages-TradingPage-ChartWidget-Modals-___style-module__form___I5X4s .app-pages-TradingPage-ChartWidget-Modals-___style-module__footer___EtIvW { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; gap: 4px; padding: 4px; border-top: 1px solid var(--colorDivider); } .app-pages-TradingPage-ChartWidget-Modals-___style-module__form___I5X4s .app-pages-TradingPage-ChartWidget-Modals-___style-module__footer___EtIvW > button { font-weight: 400; } .app-pages-TradingPage-ChartWidget-Modals-___style-module__slidePriceAlert___mkKJQ { width: 300px; height: 100%; } .app-pages-TradingPage-ChartWidget-Modals-___style-module__slidePriceAlert___mkKJQ > div { height: 100%; display: flex; flex-direction: column; } .app-pages-TradingPage-ChartWidget-Modals-___style-module__slidePriceAlert___mkKJQ > div > div:last-of-type { flex: 1; display: flex; flex-direction: column; justify-content: space-between; } .app-pages-TradingPage-ChartWidget-Modals-___style-module__slidePriceAlert___mkKJQ > div > div:last-of-type > div:first-of-type { gap: 4px; } .app-components-Popup-___style-module__popup___QCD7O { top: 0; left: 0; width: 100%; z-index: 12000; height: 100%; display: flex; position: fixed; align-items: center; font-family: Lato; justify-content: space-around; background-color: rgba(var(--colorBgSecondary), 0.6); } .app-components-Popup-___style-module__popup___QCD7O.app-components-Popup-___style-module__not-portal___bljIQ{ position: absolute; } .app-components-Popup-___style-module__popup___QCD7O > div { overflow: unset; max-height: 100vh; } .app-components-Popup-___style-module__header-container___v8mjR { background: var(--colorDropBg); width: 100%; height: 32px; line-height: 32px; } .app-components-Popup-___style-module__content___ITjHS { background-color: var(--colorDropBg); width:100%; } .app-components-Popup-___style-module__column___B4LYN { display: flex; flex-grow: 1; justify-content: flex-start; flex-direction: column; flex-basis: 0; } .app-components-Popup-___style-module__column___B4LYN.app-components-Popup-___style-module__direction-column___4NayK { flex-direction: column; } .app-components-Popup-___style-module__column___B4LYN.app-components-Popup-___style-module__left-border___tIhJl { border-left: 1px solid var(--colorBgSecondary); } .app-components-Popup-___style-module__column___B4LYN.app-components-Popup-___style-module__right-border___s-dEm { border-right: 1px solid var(--colorBgSecondary); } .app-components-Popup-___style-module__column___B4LYN.app-components-Popup-___style-module__with-padding___R6GoI { padding: 10px; } .app-components-Popup-___style-module__column___B4LYN.app-components-Popup-___style-module__left-backslash___AcK0R { padding-left: 5px; } .app-components-Popup-___style-module__column___B4LYN.app-components-Popup-___style-module__right-backslash___vND3e { padding-right: 5px; } .app-components-Popup-___style-module__column___B4LYN.app-components-Popup-___style-module__half___584FW { flex-basis: 50%; } .app-components-Popup-___style-module__row___Xc1QT { display: flex; padding: 10px; border-bottom: 1px solid var(--colorBgSecondary); justify-content: center; padding-left: 10px; padding-right: 10px; } .app-components-Popup-___style-module__row___Xc1QT.app-components-Popup-___style-module__without-border___lR1FQ { border: none; } .app-components-Popup-___style-module__row___Xc1QT.app-components-Popup-___style-module__without-height-padding___PBexy { padding-top: 0; padding-bottom: 0; } .app-components-Popup-___style-module__row___Xc1QT.app-components-Popup-___style-module__without-padding___pauKB { padding: 0; } .app-components-Popup-___style-module__row___Xc1QT.app-components-Popup-___style-module__with-down-backslash___cs6Ju { margin-bottom: 10px; } .app-components-Popup-___style-module__row___Xc1QT:last-of-type { border-bottom: 0; } .app-components-Popup-___style-module__header-text___6v0WM { text-align: left; flex: 1; font: var(--typographyBody1Font); line-height: 32px; color: var(--colorTextMain); padding-left: 10px; white-space: nowrap; } .app-components-Popup-___style-module__background-transparent___O6KDX { background-color: transparent!important; } .app-containers-ContextModal-___style-module__footer___3FEm0 { border-top: 1px solid var(--colorDivider); display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 10px 0; } .app-containers-ContextModal-___style-module__footer___3FEm0 > * { margin: 0 6px; } .app-components-PriceAlert-___style-module__priceAlert___olbi5 { padding: 12px 0 0; background-color: var(--colorBgPrimary); } .app-components-PriceAlert-___style-module__alertHeader___-pjQ1 { display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin: 0 16px; padding-bottom: 6px; } .app-components-PriceAlert-___style-module__alertHeader___-pjQ1 > div:last-of-type { font: var(--typographyBody1Font); color: var(--colorTextMain); } .app-components-PriceAlert-___style-module__alertHeader___-pjQ1 .app-components-PriceAlert-___style-module__preloader___iO-9y { height: 16px; width: 64px; background: var(--colorDropBg); border-radius: 3px; text-align: right; } .app-components-PriceAlert-___style-module__newAlert___dWeN- { padding: 0; } .app-components-PriceAlert-___style-module__newAlert___dWeN- > div:first-of-type { border-top: 1px solid var(--colorDivider); margin: 0 16px 0; padding-top: 12px; } .app-components-PriceAlert-___style-module__newAlert___dWeN- button { text-transform: uppercase; } .app-components-PriceAlert-___style-module__newAlert___dWeN- .app-components-PriceAlert-___style-module__alertFooter___DVMT1 { margin-top: 16px; border-top: 1px solid var(--colorDivider); display: flex; flex-direction: row; justify-content: flex-end; align-items: center; gap: 4px; padding: 4px; } .app-components-PriceAlert-___style-module__direction___P5vq2 { display: flex; align-items: center; flex-direction: row; justify-content: center; font-size: 8px; } .app-components-PriceAlert-___style-module__direction___P5vq2.app-components-PriceAlert-___style-module__directionUp___wV2F- { color: var(--colorPLPlus); } .app-components-PriceAlert-___style-module__direction___P5vq2.app-components-PriceAlert-___style-module__directionDown___v2kfB { color: var(--colorPLMinus); } .app-components-PriceAlert-___style-module__divider___i2G8S { width: 100%; height: 1px; background-color: var(--colorDivider); } .app-components-PriceAlert-___style-module__headerDivider___AUxvZ { height: 16px; margin: auto 8px; width: 1px; background-color: var(--colorDivider); } .app-components-PriceAlert-___style-module__alertsList___xIkDY { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 4px; padding: 0 16px 8px; } .app-components-PriceAlert-___style-module__alertsList___xIkDY .app-components-PriceAlert-___style-module__badge___PrNxT { height: 24px; padding: 4px 8px; border-radius: 3px; background-color: var(--colorChipsBg); display: flex; flex-direction: row; align-items: center; color: var(--colorTextMain); font: var(--typographyBody2Font); } .app-components-PriceAlert-___style-module__alertsList___xIkDY .app-components-PriceAlert-___style-module__badge___PrNxT > :first-child { margin-right: 8px; } .app-components-PriceAlert-___style-module__alertsList___xIkDY .app-components-PriceAlert-___style-module__badge___PrNxT button { font-size: 9px; color: var(--colorTextIcons); margin-left: 8px; } .app-components-PriceAlert-___style-module__alertsList___xIkDY .app-components-PriceAlert-___style-module__badge___PrNxT button:hover { color: var(--colorTextMain); } .app-components-PriceAlert-___style-module__addAlert___agvxI { height: 24px; width: 24px; display: flex; flex-direction: row; align-items: center; justify-content: center; color: var(--colorTextIcons); font-size: 16px; transition: all 0.2s; } .app-components-PriceAlert-___style-module__addAlert___agvxI:hover { color: var(--colorTextMain); } .app-components-PriceAlert-___style-module__backdrop___UbLVX { background-color: rgba(0, 0, 0, 0.4); } .app-pages-TradingPage-ChartWidget-___style-module__overview___AV6hK { height: 100%; display: flex; flex-direction: column; font-family: Lato; /*min-width: 450px;*/ overflow: hidden; } .app-pages-TradingPage-ChartWidget-___style-module__headerTitle___w8LLB { font: var(--typographyBody2Font); color: var(--colorTextMain); } .app-pages-TradingPage-ChartWidget-___style-module__label___vkwJB { margin-right: 10px; } .app-pages-TradingPage-ChartWidget-___style-module__market-status___VF01H { margin-right: 10px; } .app-pages-TradingPage-ChartWidget-___style-module__left-box___5mPzz, .app-pages-TradingPage-ChartWidget-___style-module__right-box___uCmz4, .app-pages-TradingPage-ChartWidget-___style-module__filter-box___mPGS4 { display: flex; align-items: center; justify-content: space-between; } .app-pages-TradingPage-ChartWidget-___style-module__filter-box___mPGS4 { flex-grow: 2; justify-content: flex-start; flex-wrap: wrap; } .app-pages-TradingPage-ChartWidget-___style-module__indicator-select___EyEwS { width: 120px; margin-left: 20px; margin-top: 10px; } .app-pages-TradingPage-ChartWidget-___style-module__btn-box___UdV-G { color: var(--colorTextMain); margin-top: 10px; } .app-pages-TradingPage-ChartWidget-___style-module__data-error___ylNTD { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; color: var(--colorTextPrimary); text-align: center; padding: 0 40px; position: absolute; z-index: 100; top: 0; left: 0; background-color: var(--colorBgPrimary); } .app-pages-TradingPage-ChartWidget-___style-module__no-data___Jl5El { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10px; text-align: center; } .app-pages-TradingPage-ChartWidget-___style-module__no-data___Jl5El p { margin-top: 16px; color: var(--colorTextPrimary); font: var(--typographyBody1Font); } .app-pages-TradingPage-ChartWidget-___style-module__no-data-wrapper___3TbOp { width: 72px; height: 72px; border-radius: 36px; border: 2px solid var(--colorWindowBorder); display: flex; flex-direction: row; align-items: center; justify-content: center; } .app-pages-TradingPage-ChartWidget-___style-module__no-data-wrapper___3TbOp svg { fill: none; } .app-pages-TradingPage-ChartWidget-___style-module__graphic___G70Yy { flex: 1; overflow: hidden; border-top: 1px solid var(--colorDivider); display: flex; flex-direction: column; position: relative; } .app-pages-TradingPage-ChartWidget-___style-module__graphic___G70Yy .react-stockcharts-y-axis .tick text, .app-pages-TradingPage-ChartWidget-___style-module__graphic___G70Yy .react-stockcharts-x-axis .tick text { font-size: 12px; color: var(--colorTextPrimary); font-family: Lato; } .app-pages-TradingPage-ChartWidget-___style-module__graphic___G70Yy .react-stockcharts-x-axis-second .tick text { transform: translateY(-20px); } .app-pages-TradingPage-ChartWidget-___style-module__graphic___G70Yy .react-stockcharts-crosshair line { stroke-width: 1.5; opacity: 1; } .app-pages-TradingPage-ChartWidget-___style-module__graphic___G70Yy .react-stockcharts-coordinate-x { transform: translateY(-6px); } .app-pages-TradingPage-ChartWidget-___style-module__graphic___G70Yy .react-stockcharts-coordinate-y { transform: translateX(-6px); } .app-pages-TradingPage-ChartWidget-___style-module__instrument-info___-NMbA { display: flex; flex: 1; } .app-pages-TradingPage-ChartWidget-___style-module__instrument-info--narrow___HZHzl { flex-direction: column; } .app-pages-TradingPage-ChartWidget-___style-module__row___yHh18 { display: flex; justify-content: flex-start; border-bottom: 1px solid var(--colorDivider); padding-top: 10px; padding-bottom: 10px; padding-left: 10px; min-height: 43px; } .app-pages-TradingPage-ChartWidget-___style-module__instrument___A7mHa { display: flex; } .app-pages-TradingPage-ChartWidget-___style-module__instrument___A7mHa .app-pages-TradingPage-ChartWidget-___style-module__label___vkwJB { margin-right: 10px; } .app-pages-TradingPage-ChartWidget-___style-module__instrument___A7mHa .app-pages-TradingPage-ChartWidget-___style-module__text___HfKTJ { color: var(--colorTextMain); padding-right: 20px; } .app-pages-TradingPage-ChartWidget-___style-module__instrument___A7mHa .app-pages-TradingPage-ChartWidget-___style-module__text___HfKTJ .app-pages-TradingPage-ChartWidget-___style-module__name___OG6id { margin-bottom: 3px; font-size: 16px; } .app-pages-TradingPage-ChartWidget-___style-module__instrument___A7mHa .app-pages-TradingPage-ChartWidget-___style-module__text___HfKTJ .app-pages-TradingPage-ChartWidget-___style-module__code___fsKlc { color: var(--colorTextPrimary); font-size: 14px; } .app-pages-TradingPage-ChartWidget-___style-module__market-status___VF01H .app-pages-TradingPage-ChartWidget-___style-module__top-text___h5WQ- { margin-bottom: 3px; font-size: 16px; } .app-pages-TradingPage-ChartWidget-___style-module__market-status___VF01H .app-pages-TradingPage-ChartWidget-___style-module__bottom___KEH-c { display: flex; font-size: 14px; align-items: center; } .app-pages-TradingPage-ChartWidget-___style-module__market-status___VF01H .app-pages-TradingPage-ChartWidget-___style-module__bottom___KEH-c .app-pages-TradingPage-ChartWidget-___style-module__text___HfKTJ { color: var(--colorTextPrimary); margin-right: 4px; } .app-pages-TradingPage-ChartWidget-___style-module__market-status___VF01H .app-pages-TradingPage-ChartWidget-___style-module__bottom___KEH-c .app-pages-TradingPage-ChartWidget-___style-module__circle___Dy1Q- { width: 6px; height: 6px; border-radius: 50%; position: relative; top: 1px; } .app-pages-TradingPage-ChartWidget-___style-module__market-status___VF01H .app-pages-TradingPage-ChartWidget-___style-module__bottom___KEH-c .app-pages-TradingPage-ChartWidget-___style-module__circle___Dy1Q-.app-pages-TradingPage-ChartWidget-___style-module___positive___DsOes { background: var(--colorGreen) !important; } .app-pages-TradingPage-ChartWidget-___style-module__market-status___VF01H .app-pages-TradingPage-ChartWidget-___style-module__bottom___KEH-c .app-pages-TradingPage-ChartWidget-___style-module__circle___Dy1Q-.app-pages-TradingPage-ChartWidget-___style-module___negative___jEarR { background: var(--colorError) !important; } .app-pages-TradingPage-ChartWidget-___style-module__button___5k2TQ { padding: 6px 10px 7px 10px; text-align: center; } .app-pages-TradingPage-ChartWidget-___style-module__interval-select-wrapper___st8qs { font-size: 12px; margin: 0px 10px 5px; display: flex; justify-content: space-between; } .app-pages-TradingPage-ChartWidget-___style-module__interval-select-label___J-T7b { padding-right: 10px; color: var(--colorTextMain); font-size: 13px; margin-top: 10px; } .app-pages-TradingPage-ChartWidget-___style-module__interval-selector___jHn1e { font-size: 12px; width: 110px; margin-top: 10px; } .app-pages-TradingPage-ChartWidget-___style-module__interval-select-wrapper___st8qs .app-pages-TradingPage-ChartWidget-___style-module__Select-placeholder___KRHou { line-height: 19px; } .app-pages-TradingPage-ChartWidget-___style-module__interval-select___iU-UG .app-pages-TradingPage-ChartWidget-___style-module__Select-control___D6LcN { height: 20px; } .app-pages-TradingPage-ChartWidget-___style-module__interval-select___iU-UG .app-pages-TradingPage-ChartWidget-___style-module__Select-input___SwQAp { height: 18px; } .app-pages-TradingPage-ChartWidget-___style-module__interval-select___iU-UG .app-pages-TradingPage-ChartWidget-___style-module__Select-value___qVmDR { line-height: 18px !important; } .app-pages-TradingPage-ChartWidget-___style-module__interval-select___iU-UG .app-pages-TradingPage-ChartWidget-___style-module__Select-arrow___GskG6 { top: 3px; } .app-pages-TradingPage-ChartWidget-___style-module__loader-style___d9Mxr { position: relative; height: 100%; } .app-pages-TradingPage-ChartWidget-___style-module__loader-style___d9Mxr > div { background: transparent; } .app-pages-TradingPage-ChartWidget-___style-module__timeframe-selector___PIAUO { margin: 3px 0 0 5px; min-width: 100px; font-size: 13px; } .app-pages-TradingPage-ChartWidget-___style-module__settingsButton___XbBdx { color: var(--colorTextIcons); cursor: pointer; font-size: 14px; display: flex; flex-direction: row; height: 100%; align-items: center; justify-content: center; } .app-pages-TradingPage-ChartWidget-___style-module__settingsButton___XbBdx.app-pages-TradingPage-ChartWidget-___style-module__active___LcEjv { color: var(--colorTextMain); } .app-pages-TradingPage-ChartWidget-___style-module__settingsButton___XbBdx:hover i { color: var(--colorTextMain); } .app-pages-TradingPage-ChartWidget-___style-module__dropdown___4k5i9 { padding: 4px 0; width: 212px; background-color: var(--colorDropBg); border-radius: var(--defaultDropBorderRadius); overflow: hidden; max-height: 100%; display: flex; flex-direction: column; } .app-pages-TradingPage-ChartWidget-___style-module__dropdown___4k5i9 .app-pages-TradingPage-ChartWidget-___style-module__header___b9pJd { padding: 8px 8px 0; font: var(--typographyCaps3Font); color: var(--colorTextPrimary); text-transform: uppercase; letter-spacing: 0.4px; } .app-pages-TradingPage-ChartWidget-___style-module__dropdown___4k5i9 .app-pages-TradingPage-ChartWidget-___style-module__dropRow___h5p4C { padding: 4px 8px 8px; } .app-pages-TradingPage-ChartWidget-___style-module__dropdown___4k5i9 .app-pages-TradingPage-ChartWidget-___style-module__dropRow___h5p4C:not(:last-of-type) { border-bottom: 1px solid var(--colorDivider); } .app-pages-TradingPage-ChartWidget-___style-module__dropdownWrapper___rNuSF { max-height: calc(100% - 32px)!important; display: flex; flex-direction: column; } .app-pages-TradingPage-ChartWidget-___style-module__dropdownWrapper___rNuSF > div { display: flex; flex-direction: column; max-height: 100%; flex: 1; min-height: 0; } .app-pages-TradingPage-ChartWidget-___style-module__settingItem___GCPJH { height: 32px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; color: var(--colorTextMain); font: var(--typographyBody1Font); cursor: pointer; padding: 0 8px; } /*text-transform: capitalize;*/ .app-pages-TradingPage-ChartWidget-___style-module__settingItem___GCPJH i { font-size: 16px; color: var(--colorTextIcons); } .app-pages-TradingPage-ChartWidget-___style-module__settingItem___GCPJH:hover { background: var(--colorDropBgHover); } .app-pages-TradingPage-ChartWidget-___style-module__tradesPopup___LzqJh { position: absolute; background-color: var(--colorDropBg); box-shadow: 0px 10px 18px var(--colorDropShadow); border-radius: 3px; border-radius: var(--defaultDropBorderRadius); padding: 4px 0; z-index: 100; top: 68px; left: 52px; flex-direction: column; text-align: left; min-width: 100px; max-width: calc(100% - 52px); overflow: hidden; display: flex; } .app-pages-TradingPage-ChartWidget-___style-module__tradesPopup___LzqJh > div { flex: 1; min-height: 0; } .app-pages-TradingPage-ChartWidget-___style-module__tradesPopup___LzqJh table { background-color: var(--colorDropBg); } .app-pages-TradingPage-ChartWidget-___style-module__tradesPopup___LzqJh table tr > th { background-color: var(--colorDropBg); border-bottom-color: var(--colorDivider); } .app-pages-TradingPage-ChartWidget-___style-module__tradesPopup___LzqJh table tr > td { background-color: var(--colorDropBg); } .app-pages-TradingPage-ChartWidget-___style-module__tradesPopup___LzqJh h6 { font: var(--typographySubtitleFont); color: var(--colorTextMain); text-align: left; margin-bottom: 16px; } .app-pages-TradingPage-ChartWidget-___style-module__tradesPopup___LzqJh > div > div i { color: var(--colorTextIcons); font-size: 14px; cursor: pointer; } .app-pages-TradingPage-ChartWidget-___style-module__actionPopup___yeSXu { position: absolute; background-color: var(--colorDropBg); border-radius: var(--defaultDropBorderRadius); padding: 4px 0; overflow: hidden; z-index: 100; display: flex; flex-direction: column; text-align: left; min-width: 100px; } .app-pages-TradingPage-ChartWidget-___style-module__actionPopup___yeSXu button { font: var(--typographyBody1Font); color: var(--colorTextMain); text-align: left; padding: 8px; white-space: nowrap; } .app-pages-TradingPage-ChartWidget-___style-module__actionPopup___yeSXu button:not(:last-of-type) { border-bottom: 1px solid var(--colorDivider); } .app-pages-TradingPage-ChartWidget-___style-module__actionPopup___yeSXu button:hover { background-color: var(--colorAccent20); } .app-pages-TradingPage-ChartWidget-___style-module__empty___oL032 { height: 100%; display: flex; flex-direction: column; flex: 1; align-items: center; justify-content: center; gap: 16px; } .app-pages-TradingPage-ChartWidget-___style-module__empty___oL032 span { text-align: center; color: var(--colorTextPrimary); font: var(--typographyBody1Font); max-width: 212px; } .app-pages-TradingPage-ChartWidget-LightChart-___style-module__lightChartNoData___TQTzf { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10px; text-align: center; z-index: 10; background-color: var(--colorBgPrimary); color: var(--colorTextPrimary); font: var(--typographyBody1Font); } .app-pages-TradingPage-ChartWidget-LightChart-___style-module__legend___vuqE9 { position: absolute; z-index: 2; font: var(--typographyBody1Font); padding: 8px 0 0 8px; } .app-pages-TradingPage-ChartWidget-LightChart-___style-module__legend___vuqE9 span { margin-right: 4px; } .app-pages-TradingPage-ChartWidget-LightChart-___style-module__legend___vuqE9.app-pages-TradingPage-ChartWidget-LightChart-___style-module__smallLegend___CK8ou { display: flex; flex-direction: row; flex-wrap: wrap; margin-right: 60px; font-size: 12px; } .app-UI-Table-___style-module__tableWrapper___M5Mk- { flex: 1; } .app-UI-Table-___style-module__table___7PhgF { width: 100%; background: var(--colorTableBg); border-collapse: separate; } .app-UI-Table-___style-module__th___ZXY1B { height: 32px; background: var(--colorTableBg); text-transform: uppercase; font: var(--typographyCaps3Font); color: var(--colorTextIcons); } .app-UI-Table-___style-module__transparentHeader___cv2fg .app-UI-Table-___style-module__th___ZXY1B { background-color: transparent; } .app-UI-Table-___style-module__td___5n6fd { background: var(--colorTableBg); } .app-UI-Table-___style-module__noWrap___WQgNa { white-space: nowrap; } .app-UI-Table-___style-module__th___ZXY1B, .app-UI-Table-___style-module__td___5n6fd { text-align: left; font: var(--typographyBody1Font); letter-spacing: var(--typographyBody1Spacing); color: var(--colorTextMain); border-bottom: 1px solid var(--colorBgAccent); padding: 2px 8px; height: 32px; } .app-UI-Table-___style-module__th___ZXY1B.app-UI-Table-___style-module__hasPrevCells___H9Shn, .app-UI-Table-___style-module__td___5n6fd.app-UI-Table-___style-module__hasPrevCells___H9Shn { padding-left: 5px; } .app-UI-Table-___style-module__th___ZXY1B.app-UI-Table-___style-module__alignRight___qofz4, .app-UI-Table-___style-module__td___5n6fd.app-UI-Table-___style-module__alignRight___qofz4 { text-align: right; } .app-UI-Table-___style-module__th___ZXY1B.app-UI-Table-___style-module__alignLeft___zkION, .app-UI-Table-___style-module__td___5n6fd.app-UI-Table-___style-module__alignLeft___zkION { text-align: left; } .app-UI-Table-___style-module__noHover___J6djx { } .app-UI-Table-___style-module__tr___jLWMy:not(.app-UI-Table-___style-module__noHover___J6djx):hover td { background: var(--colorBgAccentHover); } .app-UI-Table-___style-module__tr___jLWMy:not(.app-UI-Table-___style-module__noHover___J6djx):hover table th { background: var(--colorBgAccentHover); } .app-UI-Table-___style-module__stickyHeaderTable___oOnQV { overflow: auto; width: 100%; } .app-UI-Table-___style-module__stickyHeaderTable___oOnQV > thead th { position: sticky; top: 0; z-index: 2; } .app-UI-Table-___style-module__stickyFirstColumn___XsGQU > thead > tr > th:first-child, .app-UI-Table-___style-module__stickyFirstColumn___XsGQU > tbody > tr > td:first-child { position: sticky; z-index: 1061; left: 0; border-right: 1px solid var(--colorBgAccent); } .app-UI-Table-___style-module__stickyFirstColumn___XsGQU > thead > tr > th:first-child { top: 0; z-index: 1062; } .app-UI-Table-___style-module__stickyFirstColumn___XsGQU tr > th:first-child { z-index: 1061; } .app-UI-Table-___style-module__stickyLastColumn___xmEDX tr > th:last-child, .app-UI-Table-___style-module__stickyLastColumn___xmEDX tr > td:last-child { position: sticky; z-index: 1; right: 0; border-left: 1px solid var(--colorBgAccent); } .app-UI-Table-___style-module__stickyLastColumn___xmEDX tr > th:last-child { z-index: 1061; } .app-UI-Table-___style-module__compact___O--e0 th { padding: 0 8px; height: 32px; font-size: 10px; color: var(--colorTextPrimary); } .app-UI-Table-___style-module__compact___O--e0 td { text-align: left; padding: 0 8px; height: 32px; white-space: nowrap; } .app-UI-Table-___style-module__small___KitFC th { padding: 2px 4px; height: 32px; } .app-UI-Table-___style-module__small___KitFC td { text-align: left; padding: 2px 4px; height: 32px; white-space: nowrap; } .app-UI-Table-___style-module__selectable___35HkU tr:hover td { background-color: var(--colorBgAccentHover); } .app-UI-Table-___style-module__fixed___XetrU { table-layout: fixed; width: auto; } .app-UI-Table-___style-module__selected___WHFgb td { background-color: var(--colorBgAccent); } .app-UI-Table-___style-module__noBorder___56mPo th, .app-UI-Table-___style-module__noBorder___56mPo td { border-width: 0; } tr.app-UI-Table-___style-module__alignTop___oZgzX > td { vertical-align: top; } .app-components-StopSpectateButton-___style-module__stopSpectateButton___oSJ91 { position: absolute; bottom: 12px; right: 12px; z-index: 20001; display: flex; flex-direction: row; align-items: center; height: 34px; border-radius: 3px; color: var(--colorWhite); box-shadow: 0px 6px 12px 0px var(--colorDropShadow); font: var(--typographyBody1Font); } .app-components-StopSpectateButton-___style-module__stopSpectateButton___oSJ91 > div { align-self: stretch; display: flex; flex-direction: row; align-items: center; } .app-components-StopSpectateButton-___style-module__stopSpectateButton___oSJ91 > div:first-of-type { background: var(--colorGreenAdmin); border-radius: 3px 0 0 3px; padding: 0 12px; font: var(--typographySubtitleFont); } .app-components-StopSpectateButton-___style-module__stopSpectateButton___oSJ91 > div:last-of-type { border-radius: 0 3px 3px 0; } .app-components-StopSpectateButton-___style-module__stopSpectateButton___oSJ91 .app-components-StopSpectateButton-___style-module__loadSettings___08fa4 { padding: 0 12px; background: var(--colorDropBg); cursor: pointer; color: var(--colorTextMain); } .app-components-StopSpectateButton-___style-module__stopSpectateButton___oSJ91 .app-components-StopSpectateButton-___style-module__loadSettings___08fa4 i { color: var(--colorTextMain); margin-right: 8px; } .app-components-StopSpectateButton-___style-module__stopSpectateButton___oSJ91 .app-components-StopSpectateButton-___style-module__saveSettings___rIASc { padding: 0 12px; background: var(--colorAccent); cursor: pointer; } .app-components-StopSpectateButton-___style-module__stopSpectateButton___oSJ91 .app-components-StopSpectateButton-___style-module__saveSettings___rIASc.app-components-StopSpectateButton-___style-module__isDisabled___fV2ld { background: var(--colorButtonAccentDisabled); color: var(--colorTextDisabled); cursor: not-allowed; } .app-components-StopSpectateButton-___style-module__stopSpectateButton___oSJ91 .app-components-StopSpectateButton-___style-module__exitSpace___XIBV3 { background: var(--colorError); padding: 0 12px; font: var(--typographyBody1Font); cursor: pointer; } .app-components-StopSpectateButton-___style-module__stop___uPlqg { width: 10px; height: 10px; background: var(--colorWhite); margin-right: 10px; } .app-components-StopSpectateButton-___style-module__settings___BPfCp { width: 352px; height: 100%; background: var(--colorBgPrimary); display: flex; flex-direction: column; box-shadow: 0 10px 18px var(--colorDropShadow); } .app-components-StopSpectateButton-___style-module__settings___BPfCp .app-components-StopSpectateButton-___style-module__header___PmnS9 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 0 12px; height: 40px; color: var(--colorTextMain); background-color: var(--colorBgSecondary); } .app-components-StopSpectateButton-___style-module__settings___BPfCp .app-components-StopSpectateButton-___style-module__header___PmnS9 .app-components-StopSpectateButton-___style-module__iconBack___YxVpQ { cursor: pointer; margin-right: 12px; transition: all 0.2s; color: var(--colorTextPrimary); font-size: 12px; } .app-components-StopSpectateButton-___style-module__settings___BPfCp .app-components-StopSpectateButton-___style-module__header___PmnS9 .app-components-StopSpectateButton-___style-module__iconBack___YxVpQ:hover { color: var(--colorTextMain); } .app-components-StopSpectateButton-___style-module__settings___BPfCp .app-components-StopSpectateButton-___style-module__header___PmnS9 span { font: var(--typographyBody1Font); color: var(--colorTextMain); } .app-components-StopSpectateButton-___style-module__settings___BPfCp .app-components-StopSpectateButton-___style-module__header___PmnS9 .app-components-StopSpectateButton-___style-module__closeButton___-swZq { font-size: 12px; color: var(--colorTextIcons); width: 12px; height: 12px; } .app-components-StopSpectateButton-___style-module__settings___BPfCp .app-components-StopSpectateButton-___style-module__header___PmnS9 .app-components-StopSpectateButton-___style-module__closeButton___-swZq:hover { color: var(--colorTextMain); } .app-components-StopSpectateButton-___style-module__settings___BPfCp .app-components-StopSpectateButton-___style-module__content___VQfiA { flex: 1; padding: 16px 0; } .app-components-StopSpectateButton-___style-module__settings___BPfCp .app-components-StopSpectateButton-___style-module__content___VQfiA span { color: var(--colorTextMain); font: var(--typographyBody1Font); } .app-components-StopSpectateButton-___style-module__settings___BPfCp .app-components-StopSpectateButton-___style-module__content___VQfiA button { text-decoration: underline; text-decoration-style: dashed; padding: 0; } .app-components-StopSpectateButton-___style-module__settings___BPfCp .app-components-StopSpectateButton-___style-module__tableContainer___1Hwa6 { padding: 16px 0; position: relative; display: flex; flex-direction: row; justify-content: center; } .app-components-StopSpectateButton-___style-module__settings___BPfCp .app-components-StopSpectateButton-___style-module__tableContainer___1Hwa6 span { color: var(--colorTextPrimary); } .app-components-StopSpectateButton-___style-module__settings___BPfCp .app-components-StopSpectateButton-___style-module__tableContainer___1Hwa6 tr td { cursor: pointer; } .app-components-StopSpectateButton-___style-module__settings___BPfCp .app-components-StopSpectateButton-___style-module__actions___r36kH { padding: 8px; border-top: 1px solid var(--colorDivider); display: flex; flex-direction: row; justify-content: flex-end; } .app-components-StopSpectateButton-___style-module__backdrop___mgEhb { background: transparent; z-index: 21002; } .app-components-StopSpectateButton-___style-module__confirm___EsnCZ { width: 352px; } .app-components-Clock-___style-module__clock___taL-t { color: var(--colorTextMain); position: relative; font: var(--typographyBody2Font); white-space: nowrap; } .app-components-Clock-___style-module__clock___taL-t .app-components-Clock-___style-module__seconds___R1jox { color: var(--colorTextMain); opacity: 0.5; } .app-components-NetworkState-___style-module__container___hqOup { display: flex; flex-direction: row; align-items: center; } .app-components-NetworkState-___style-module__indicator___19f0f { width: 10px; height: 10px; border-radius: 5px; margin-right: 6px; } .app-components-NetworkState-___style-module__indicator___19f0f.app-components-NetworkState-___style-module__stable___fIbbG { background-color: var(--colorGreen); } .app-components-NetworkState-___style-module__indicator___19f0f.app-components-NetworkState-___style-module__no___eQENR { background-color: var(--colorError); } .app-components-NetworkState-___style-module__indicator___19f0f.app-components-NetworkState-___style-module__pending___Kle9s { background-color: var(--colorWarning); } .app-components-NetworkState-___style-module__connectionInfo___N9J8Z { font: var(--typographyBody1Font); color: var(--colorTextMain); } .app-components-WorldTimePicker-___style-module__container___rvi5E { position: relative; display: flex; flex-direction: row; } .app-components-WorldTimePicker-___style-module__container___rvi5E .app-components-WorldTimePicker-___style-module__searchContainer___Tz3vE { width: 136px; margin-left: 6px; } .app-components-WorldTimePicker-___style-module__container___rvi5E > button { font: var(--typographyBody1Font); line-height: 15px; white-space: nowrap; } .app-components-WorldTimePicker-___style-module__container___rvi5E .app-components-WorldTimePicker-___style-module__timezones___-p7my { height: 240px; } .app-components-WorldTimePicker-___style-module__container___rvi5E .app-components-WorldTimePicker-___style-module__timezones___-p7my .app-components-WorldTimePicker-___style-module__timezoneItem___n2cRi { height: 32px; padding: 0 10px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; color: var(--colorTextMain); font: var(--typographyBody1Font); cursor: pointer; } .app-components-WorldTimePicker-___style-module__container___rvi5E .app-components-WorldTimePicker-___style-module__timezones___-p7my .app-components-WorldTimePicker-___style-module__timezoneItem___n2cRi > span:first-of-type { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .app-components-WorldTimePicker-___style-module__container___rvi5E .app-components-WorldTimePicker-___style-module__timezones___-p7my .app-components-WorldTimePicker-___style-module__timezoneItem___n2cRi > span:last-of-type { color: var(--colorTextPrimary); margin-left: 24px; margin-right: 10px; white-space: nowrap; } .app-components-WorldTimePicker-___style-module__container___rvi5E .app-components-WorldTimePicker-___style-module__timezones___-p7my .app-components-WorldTimePicker-___style-module__timezoneItem___n2cRi > span:last-of-type > span:first-of-type { margin-left: 4px; } .app-components-WorldTimePicker-___style-module__container___rvi5E .app-components-WorldTimePicker-___style-module__timezones___-p7my .app-components-WorldTimePicker-___style-module__timezoneItem___n2cRi:hover { background-color: var(--colorDropBgHover); color: var(--colorTextWhite); } .app-components-WorldTimePicker-___style-module__container___rvi5E .app-components-WorldTimePicker-___style-module__timezones___-p7my .app-components-WorldTimePicker-___style-module__timezoneItem___n2cRi:hover span { color: var(--colorTextWhite); } .app-components-WorldTimePicker-___style-module__dropdown___aXxlE { position: absolute; bottom: calc(100% + 4px); left: 0; background-color: var(--colorDropBg); border-radius: var(--defaultDropBorderRadius); overflow: hidden; box-shadow: 0 7px 16px rgba(0, 0, 0, 0.06), 0 2px 6px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.05); min-width: 380px; } .app-components-WorldTimePicker-___style-module__dropdown___aXxlE.app-components-WorldTimePicker-___style-module__onBottom___jaxys { bottom: unset; top: calc(100% + 4px); } .app-components-WorldTimePicker-___style-module__divider___UXlc- { background-color: var(--colorDivider); height: 1px; width: 100%; } .app-components-WorldTimePicker-___style-module__item___eJJIk { height: 32px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 0 10px; } .app-components-WorldTimePicker-___style-module__item___eJJIk .app-components-WorldTimePicker-___style-module__info___3Y3PE, .app-components-WorldTimePicker-___style-module__item___eJJIk .app-components-WorldTimePicker-___style-module__actions___-ItrG { display: flex; flex-direction: row; align-items: center; } .app-components-WorldTimePicker-___style-module__item___eJJIk .app-components-WorldTimePicker-___style-module__actions___-ItrG > i { font-size: 12px; margin-right: 8px; color: var(--colorTextPrimary); cursor: pointer; } .app-components-WorldTimePicker-___style-module__item___eJJIk .app-components-WorldTimePicker-___style-module__actions___-ItrG > div > label > div:first-of-type { margin-right: 0; } .app-components-WorldTimePicker-___style-module__item___eJJIk:first-of-type { border-radius: 3px 3px 0 0; } .app-components-WorldTimePicker-___style-module__item___eJJIk:last-of-type { border-radius: 0 0 3px 3px; } .app-components-WorldTimePicker-___style-module__name___sVfse { color: var(--colorTextMain); font: var(--typographyBody1Font); text-transform: uppercase; line-height: 15px; margin-right: 6px; white-space: nowrap; } .app-components-WorldTimePicker-___style-module__sortable___MopeU { z-index: 21002; } .app-components-WorldTimePicker-___style-module__clearIcon___Hapbn { padding-right: 6px; display: flex; flex-direction: row; align-items: center; justify-content: center; color: var(--colorTextIcons); font-size: 8px; cursor: pointer; } .app-components-WorldTimePicker-___style-module__clearIcon___Hapbn:hover { color: var(--colorTextMain); } .app-components-ZoomDetector-___style-module__warning___2UcUs{ width: 24px; height: 24px; display:flex; flex-direction: row; align-items: center; justify-content: center; background: var(--colorAlertWarningBg); color: var(--colorTextAlertWarning); margin-right: 8px; cursor: pointer; } .app-components-ZoomDetector-___style-module__warningMessage___qPItL{ width: 300px; padding: 12px; background: var(--colorAlertWarningBg); color: var(--colorTextAlertWarning); font: var(--typographyBody1Font); } .app-components-ZoomDetector-___style-module__title___x7aJx{ font: var(--typographySubtitleFont); margin-bottom: 4px; display: flex; flex-direction: row; align-items: center; } .app-components-ZoomDetector-___style-module__message___io1lw{ font: var(--typographyBody1Font); padding-left: 24px; } .app-pages-TradingPage-TileBoard-Footer-___style-module__boardFooter___jB9sa { height: 24px; width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: space-between; background-color: var(--colorBgPrimary); z-index: 11000; /*fix for version selector and grid scroll in admin trading settings*/ } .app-pages-TradingPage-TileBoard-Footer-___style-module__fps___jXkqy { margin-left: 20px; padding: 0 10px; color: var(--colorTextMain); position: relative; font: var(--typographyBody2Font); white-space: nowrap; } .app-pages-TradingPage-TileBoard-Footer-___style-module__testEnvironment___m4nqG { /*background-color: var(--colorPreMarket);*/ background-color: var(--colorPreMarket); white-space: nowrap; } .app-pages-TradingPage-TileBoard-Footer-___style-module__testEnvironment___m4nqG .app-pages-TradingPage-TileBoard-Footer-___style-module__timezone___XuQ9- > .app-pages-TradingPage-TileBoard-Footer-___style-module__name___LfmDl { color: var(--colorTradingHeaderBg); opacity: 1 !important; } .app-pages-TradingPage-TileBoard-Footer-___style-module__testEnvironmentText___zDpJB, .app-pages-TradingPage-TileBoard-Footer-___style-module__testEnvironmentText___zDpJB > span { color: var(--colorTradingHeaderBg) !important; opacity: 1 !important; } .app-pages-TradingPage-TileBoard-Footer-___style-module__testWorldTimeButton___FZyKL { color: var(--colorTradingHeaderBg); } .app-pages-TradingPage-TileBoard-Footer-___style-module__testWorldTimeButton___FZyKL i { color: var(--colorTradingHeaderBg); } .app-pages-TradingPage-TileBoard-Footer-___style-module__testWorldTimeButton___FZyKL:hover { color: var(--colorTextMain) !important; } .app-pages-TradingPage-TileBoard-Footer-___style-module__stageEnvironment___U0pWE { margin-right: 15px; font: var(--typographyBody2Font); font-weight: bold; color: var(--colorTradingHeaderBg); } .app-pages-TradingPage-TileBoard-Footer-___style-module__worldTimeContainer___m8cgv, .app-pages-TradingPage-TileBoard-Footer-___style-module__infoContainer___o5Q0l { display: flex; flex-direction: row; align-items: center; padding: 0 12px; position: relative; } .app-pages-TradingPage-TileBoard-Footer-___style-module__worldTimeContainer___m8cgv { flex: 1; min-width: 0; } .app-pages-TradingPage-TileBoard-Footer-___style-module__worldTimeContainerSmall___1XbNv { min-width: 0; } .app-pages-TradingPage-TileBoard-Footer-___style-module__timezones___ef8ir { display: flex; flex-direction: row; align-items: center; max-width: calc(100% - 160px); } .app-pages-TradingPage-TileBoard-Footer-___style-module__divider___43AVz { width: 20px; } .app-pages-TradingPage-TileBoard-Footer-___style-module__timezone___XuQ9- { display: flex; flex-direction: row; align-items: center; height: 20px; padding: 0 0 0 6px; margin-right: 6px; border-radius: 3px; cursor: grab; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ user-select: none; } .app-pages-TradingPage-TileBoard-Footer-___style-module__timezone___XuQ9- .app-pages-TradingPage-TileBoard-Footer-___style-module__closeIcon___e59Yu { visibility: hidden; width: 20px; height: 20px; display: flex; flex-direction: row; align-items: center; justify-content: center; cursor: pointer; font-size: 8px; color: var(--colorTextIcons); } .app-pages-TradingPage-TileBoard-Footer-___style-module__timezone___XuQ9- .app-pages-TradingPage-TileBoard-Footer-___style-module__closeIcon___e59Yu:hover { color: var(--colorTextMain); } .app-pages-TradingPage-TileBoard-Footer-___style-module__timezone___XuQ9-:hover { background-color: var(--colorBgSecondaryHover); } .app-pages-TradingPage-TileBoard-Footer-___style-module__timezone___XuQ9-:hover .app-pages-TradingPage-TileBoard-Footer-___style-module__closeIcon___e59Yu { visibility: visible; } .app-pages-TradingPage-TileBoard-Footer-___style-module__timezone___XuQ9-:last-of-type { margin-right: 0; } .app-pages-TradingPage-TileBoard-Footer-___style-module__timezone___XuQ9- .app-pages-TradingPage-TileBoard-Footer-___style-module__name___LfmDl { color: var(--colorTextMain); font: var(--typographyBody2Font); text-transform: uppercase; margin-right: 6px; white-space: nowrap; } .app-pages-TradingPage-TileBoard-Footer-___style-module__timezone___XuQ9-.app-pages-TradingPage-TileBoard-Footer-___style-module__tzTestEnv___InFNH:hover { background-color: transparent; } .app-pages-TradingPage-TileBoard-Footer-___style-module__timezone___XuQ9-.app-pages-TradingPage-TileBoard-Footer-___style-module__tzTestEnv___InFNH:hover .app-pages-TradingPage-TileBoard-Footer-___style-module__closeIcon___e59Yu { color: var(--colorTradingHeaderBg); } .app-pages-TradingPage-TileBoard-Footer-___style-module__timeError___1RdA8 { background-color: var(--colorSellPressed); border-radius: 3px; width: 308px; padding: 12px; position: absolute; right: 2px; bottom: 26px; box-shadow: var(--colorDropShadow); z-index: 100000; } .app-pages-TradingPage-TileBoard-Footer-___style-module__timeError___1RdA8 .app-pages-TradingPage-TileBoard-Footer-___style-module__descriptionHeader___p2QV9 { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .app-pages-TradingPage-TileBoard-Footer-___style-module__timeError___1RdA8 .app-pages-TradingPage-TileBoard-Footer-___style-module__descriptionHeader___p2QV9 i { cursor: pointer; color: var(--colorTextIcons); font-size: 12px; transition: all 0.2s; } .app-pages-TradingPage-TileBoard-Footer-___style-module__timeError___1RdA8 .app-pages-TradingPage-TileBoard-Footer-___style-module__descriptionHeader___p2QV9 i:hover { color: var(--colorTextMain); } .app-pages-TradingPage-TileBoard-Footer-___style-module__timeError___1RdA8 .app-pages-TradingPage-TileBoard-Footer-___style-module__descriptionHeader___p2QV9 h6 { font: var(--typographySubtitleFont); font-size: 14px; color: var(--colorTextWhite); margin-bottom: 0; } .app-pages-TradingPage-TileBoard-Footer-___style-module__timeError___1RdA8 .app-pages-TradingPage-TileBoard-Footer-___style-module__descriptionHeader___p2QV9 { margin-bottom: 6px; } .app-pages-TradingPage-TileBoard-Footer-___style-module__timeError___1RdA8 span { font: var(--typographyBody2Font); color: var(--colorTextWhite50); } .app-pages-TradingPage-TileBoard-Footer-___style-module__timeError___1RdA8 .app-pages-TradingPage-TileBoard-Footer-___style-module__divider___43AVz { width: 100%; height: 1px; margin: 12px 0; background-color: var(--colorTextWhite); opacity: 0.1; } .app-pages-TradingPage-TileBoard-Footer-___style-module__timeError___1RdA8 .app-pages-TradingPage-TileBoard-Footer-___style-module__row___qfhGm { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .app-pages-TradingPage-TileBoard-Footer-___style-module__timeError___1RdA8 .app-pages-TradingPage-TileBoard-Footer-___style-module__row___qfhGm:not(:last-of-type) { margin-bottom: 8px; } .app-pages-TradingPage-TileBoard-Footer-___style-module__timeError___1RdA8 .app-pages-TradingPage-TileBoard-Footer-___style-module__row___qfhGm span { font: var(--typographyBody2Font); color: var(--colorTextWhite); } .app-pages-TradingPage-TileBoard-Footer-___style-module__timeError___1RdA8 .app-pages-TradingPage-TileBoard-Footer-___style-module__row___qfhGm span span { opacity: 1; } .app-pages-TradingPage-TileBoard-Footer-___style-module__clock___Nz4PI { height: 24px; display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 0 12px; margin: 0 -12px; cursor: pointer; } .app-pages-TradingPage-TileBoard-Footer-___style-module__clock___Nz4PI.app-pages-TradingPage-TileBoard-Footer-___style-module__error___39dvt { background-color: var(--colorSellPressed); } .app-pages-TradingPage-TileBoard-Footer-___style-module__clock___Nz4PI.app-pages-TradingPage-TileBoard-Footer-___style-module__error___39dvt > span { color: var(--colorTextWhite)!important; } .app-pages-TradingPage-TileBoard-Footer-___style-module__clock___Nz4PI.app-pages-TradingPage-TileBoard-Footer-___style-module__error___39dvt > span span { color: var(--colorTextWhite)!important; } .app-pages-TradingPage-TileBoard-Footer-___style-module__worldTimeError___fQAFI { font: var(--typographyBody2Font); color: var(--colorTextPrimary); padding: 0 12px; } .app-pages-TradingPage-TileBoard-Footer-___style-module__sortableItem___XsOzi { z-index: 10002; background-color: var(--colorBgSecondaryHover); } @keyframes app-pages-TradingPage-TileBoard-Footer-___style-module__glowing___HQ3Kv { to { color: var(--colorWarning); } } .app-pages-TradingPage-TileBoard-Footer-___style-module__interactWarning___kbehx { color: var(--colorTextMain); font: var(--typographyCaps2Font); text-transform: uppercase; animation: app-pages-TradingPage-TileBoard-Footer-___style-module__glowing___HQ3Kv 1s infinite ease-in-out; white-space: nowrap; } .app-pages-TradingPage-TileBoard-Footer-___style-module__interactWarning___kbehx > div { white-space: nowrap; margin-top: 2px; } .app-pages-TradingPage-TileBoard-Footer-___style-module__floatingChatButton___l2mBc { font-size: 16px; color: var(--colorTextIcons); height: 16px; margin: 0 16px; transition: all 0.2s; position: relative; } .app-pages-TradingPage-TileBoard-Footer-___style-module__floatingChatButton___l2mBc i { margin-right: 0; } .app-pages-TradingPage-TileBoard-Footer-___style-module__floatingChatButton___l2mBc:hover, .app-pages-TradingPage-TileBoard-Footer-___style-module__floatingChatButton___l2mBc.app-pages-TradingPage-TileBoard-Footer-___style-module__active___tJL32 { color: var(--colorTextMain); } .app-pages-TradingPage-TileBoard-Footer-___style-module__floatingChatButton___l2mBc .app-pages-TradingPage-TileBoard-Footer-___style-module__badge___EiBfj { position: absolute; width: 8px; height: 8px; border-radius: 4px; background-color: var(--colorError); top: -2px; right: -4px; } .app-pages-DealerDashboard-___styles-module__interval-selector___sDt2L { min-width: 140px; } .app-pages-DealerDashboard-___styles-module__interval-selector___sDt2L > div > div { background-color: transparent!important; border-color: var(--colorBgAccent)!important; } .app-pages-DealerDashboard-___styles-module__interval-label___QexOE { font: var(--typographyCaps3Font); letter-spacing: var(--typographyCaps3Spacing); color: var(--colorTextPrimary); margin-bottom: 2px; text-transform: uppercase; } .app-pages-DealerDashboard-___styles-module__interval-volume___34ELr { font: var(--typographyBody1Font); letter-spacing: var(--typographyCaps1Spacing); color: var(--colorTextPrimary); } .app-pages-DealerDashboard-___styles-module__amount___NARrV { color: var(--colorTextMain); font-size: 34px; } .app-pages-DealerDashboard-___styles-module__chart___nEKKY { min-height: 320px; } .app-pages-DealerDashboard-___styles-module__label___1aQ51 { font: var(--typographyBody2Font); letter-spacing: var(--typographyCaps2Spacing); color: var(--colorTextMain); text-transform: uppercase; } .app-pages-DealerDashboard-___styles-module__container___Lw-Hm { background: var(--colorBgPrimary); box-sizing: border-box; box-shadow: 0 0 2px var(--colorWindowBoxShadow); border-radius: 4px; align-self: stretch; } .app-pages-DealerDashboard-___styles-module__border-top___99KgY { border-top: 1px solid var(--colorDivider); } .app-pages-DealerDashboard-___styles-module__top-groups___tilHR { font: var(--typographyBody1Font); letter-spacing: var(--typographyErrorSpacing); color: var(--colorTextPrimary); text-transform: uppercase; } .app-pages-DealerDashboard-___styles-module__top-label___khxIs { font: var(--typographyCaps1Font); letter-spacing: var(--typographyCaps1Spacing); color: var(--colorTextMain); } .app-pages-DealerDashboard-___styles-module__top-value___CoCH- { font: var(--typographyBody1Font); letter-spacing: var(--typographyBody1Spacing); color: var(--colorTextPrimary); } .app-pages-DealerDashboard-___styles-module__user___aCozx { color: var(--colorAccent); } .app-pages-DealerDashboard-___styles-module__activity___N-RKO { border-right: 1px solid var(--colorDivider); margin-right: 16px; } .app-pages-DealerDashboard-___styles-module__activity___N-RKO:last-child { margin-right: 0px; border-right: none; } .app-pages-DealerDashboard-___styles-module__activity___N-RKO > div:first-child { margin-bottom: 8px; color: var(--colorTextPrimary); text-transform: uppercase; font: var(--typographyBody1Font); letter-spacing: var(--typographyErrorSpacing); } .app-pages-DealerDashboard-___styles-module__activity___N-RKO > div:last-child { color: var(--colorTextMain); font-size: 34px; } .app-pages-DealerDashboard-___styles-module__activity___N-RKO div.app-pages-DealerDashboard-___styles-module__plain___9RANR { color: var(--colorTextDisabled); } .app-pages-DealerDashboard-___styles-module__fund___lKXSO > div:first-child { margin-bottom: 8px; color: var(--colorTextPrimary); text-transform: uppercase; font: var(--typographyBody1Font); letter-spacing: var(--typographyErrorSpacing); } .app-pages-DealerDashboard-___styles-module__fund___lKXSO > div:last-child { color: var(--colorTextMain); font-size: 34px; } @media (max-width: 1450px) { .app-pages-DealerDashboard-___styles-module__amount___NARrV { color: var(--colorTextMain); font-size: 24px; } .app-pages-DealerDashboard-___styles-module__fund___lKXSO > div:first-child { font-size: 10px; } .app-pages-DealerDashboard-___styles-module__fund___lKXSO > div:last-child { font-size: 24px; } .app-pages-DealerDashboard-___styles-module__activity___N-RKO > div:last-child { font-size: 24px; } .app-pages-DealerDashboard-___styles-module__activity___N-RKO > div:first-child { font-size: 10px; } .app-pages-DealerDashboard-___styles-module__top-groups___tilHR { font-size: 10px; } } .app-pages-DealerDashboard-___styles-module__received___eO4Qw { width: 15px; background-color: var(--colorGreen); margin-right: 10px; min-height: 1px; } .app-pages-DealerDashboard-___styles-module__withdraw___AFfDY { min-height: 1px; width: 15px; background-color: var(--colorError); } .app-pages-DealerDashboard-___styles-module__stop-out___seImY { color: var(--colorTextMain); font: var(--typographySubtitleFont); letter-spacing: var(--typographySubtitleSpacing); border-top: 1px solid var(--colorDivider); padding-top: 12px; padding-bottom: 12px; } .app-pages-DealerDashboard-___styles-module__stop-out___seImY:first-of-type { border-top: none; } .app-pages-DealerDashboard-___styles-module__gray___ZM-rZ { color: var(--colorTextPrimary); font: var(--typographyBody1Font); letter-spacing: var(--typographyBody1Spacing); } .app-pages-DealerDashboard-___styles-module__name___iBT12 { color: var(--colorAccent); } .app-pages-DealerDashboard-___styles-module__block___g-L4P > div { margin-right: 8px; } .app-pages-DealerDashboard-___styles-module__block___g-L4P > div:last-child { margin-right: 0; } .app-pages-DealerDashboard-___styles-module__block___g-L4P.app-pages-DealerDashboard-___styles-module__mh0___G7l3i { min-height: 0; flex: 1; } .app-pages-DealerDashboard-___styles-module__h2___YC88o { font: var(--typographyCaps1Font); letter-spacing: var(--typographyCaps1Spacing); color: var(--colorTextMain); font-weight: 400; margin-left: 4px; } .app-pages-DealerDashboard-___styles-module__green___Fh3cP { color: var(--colorGreen); } .app-pages-DealerDashboard-___styles-module__red___7hhyd { color: var(--colorError); } .app-pages-DealerDashboard-___styles-module__reportModal___PASoo { width: 300px; height: 100%; background-color: var(--colorBgPrimary); border-top-left-radius: 3px; border-bottom-left-radius: 3px; display: flex; flex-direction: column; justify-content: space-between; position: relative; } .app-pages-DealerDashboard-___styles-module__reportModal___PASoo .app-pages-DealerDashboard-___styles-module__header___M12X2 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 12px 16px; margin-bottom: 16px; border-bottom: 1px solid var(--colorDivider); } .app-pages-DealerDashboard-___styles-module__reportModal___PASoo .app-pages-DealerDashboard-___styles-module__header___M12X2 h6 { font: var(--typographyDigit1Font); color: var(--colorTextMain); margin-bottom: 0; } .app-pages-DealerDashboard-___styles-module__reportModal___PASoo .app-pages-DealerDashboard-___styles-module__header___M12X2 .app-pages-DealerDashboard-___styles-module__closeButton___NgRv5 { font-size: 14px; color: var(--colorTextIcons); width: 14px; height: 14px; } .app-pages-DealerDashboard-___styles-module__reportModal___PASoo .app-pages-DealerDashboard-___styles-module__header___M12X2 .app-pages-DealerDashboard-___styles-module__closeButton___NgRv5:hover { color: var(--colorTextMain); } .app-pages-DealerDashboard-___styles-module__reportModal___PASoo .app-pages-DealerDashboard-___styles-module__content___KQWJJ { padding: 0 16px; } .app-pages-DealerDashboard-___styles-module__onboardingContent___RXwEg h6 { font: var(--typographySubtitleFont); color: var(--colorTextMain); margin-bottom: 8px; } .app-pages-DealerDashboard-___styles-module__onboardingContent___RXwEg > span:first-of-type { font: var(--typographyBody2Font); color: var(--colorTextPrimary); } .app-pages-DealerDashboard-___styles-module__onboardingContent___RXwEg .app-pages-DealerDashboard-___styles-module__options___xdY-a { margin: 8px 0 16px; padding-bottom: 16px; border-bottom: 1px solid var(--colorDivider); } .app-pages-DealerDashboard-___styles-module__onboardingContent___RXwEg .app-pages-DealerDashboard-___styles-module__options___xdY-a > div { border-radius: 6px; background-color: var(--colorBgAccent); padding: 8px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; cursor: pointer; } .app-pages-DealerDashboard-___styles-module__onboardingContent___RXwEg .app-pages-DealerDashboard-___styles-module__options___xdY-a > div:not(:last-of-type) { margin-bottom: 8px; } .app-pages-DealerDashboard-___styles-module__onboardingContent___RXwEg .app-pages-DealerDashboard-___styles-module__options___xdY-a > div label > div { margin-right: 0; } .app-pages-DealerDashboard-___styles-module__onboardingContent___RXwEg .app-pages-DealerDashboard-___styles-module__options___xdY-a > div > div:first-of-type { margin-right: 12px; } .app-pages-DealerDashboard-___styles-module__onboardingContent___RXwEg .app-pages-DealerDashboard-___styles-module__options___xdY-a > div p { font: var(--typographyBody1Font); color: var(--colorTextMain); margin-bottom: 0; } .app-pages-DealerDashboard-___styles-module__onboardingContent___RXwEg .app-pages-DealerDashboard-___styles-module__options___xdY-a > div span { font: var(--typographyBody2Font); color: var(--colorTextPrimary); } .app-pages-DealerDashboard-___styles-module__link___SJTuF { color: var(--colorAccent); margin-top: 16px; font: var(--typographyBody1Font); cursor: pointer; } .app-pages-DealerDashboard-___styles-module__link___SJTuF:hover { color: var(--colorTextMain); } .app-pages-DealerDashboard-___styles-module__backdrop___pYeyb { background-color: transparent; } .app-pages-DealerDashboard-___styles-module__modalContainer___QBHiv { box-shadow: -12px 0 44px rgba(0, 0, 0, 0.3); } .app-pages-DealerDashboard-___styles-module__dropdown___tDXDq{ background-color: var(--colorDropBgActive); color: var(--colorTextPrimary); font: var(--typographyBody1Font); border-radius: var(--defaultDropBorderRadius); width: 340px; } .app-pages-DealerDashboard-___styles-module__dropdown___tDXDq p { color: var(--colorTextMain); font: var(--typographySubtitleFont); } .app-pages-DealerDashboard-___styles-module__dropdown___tDXDq ul{ list-style-type: disc; margin-left: 24px; } .app-pages-DealerDashboard-___styles-module__dropdown___tDXDq ul li{ font: var(--typographyBody1Font); margin-bottom: 8px; } .app-pages-DealerDashboard-___styles-module__dropdownContent___PJqOp{ padding: 8px; border-bottom: 1px solid var(--colorDivider); } .app-components-SortArrows-___style-module__sort-arrows___PnsZY { display: flex; justify-content: flex-end; align-items: center; color: var(--colorTextMain); cursor: pointer; text-align: right; } .app-components-SortArrows-___style-module__sort-arrows___PnsZY.app-components-SortArrows-___style-module__left___XwB5d { justify-content: flex-start; text-align: left; } .app-components-SortArrows-___style-module__sort-arrows___PnsZY.app-components-SortArrows-___style-module__center___72T-d { justify-content: center; text-align: center; } .app-components-SortArrows-___style-module__sort-arrows___PnsZY > :first-child { margin-right: 5px; } .app-components-SortArrows-___style-module__sort-arrows___PnsZY > :last-child { margin-right: 0; } .app-components-SortArrows-___style-module__label___OX7c8 { font: var(--typographyBody1Font); color: var(--colorTextPrimary); } .app-components-SortArrows-___style-module__label___OX7c8.app-components-SortArrows-___style-module__small___-ux6L{ font-size: 10px; } .app-components-SortArrows-___style-module__label___OX7c8 { white-space: nowrap; } .app-components-SortArrows-___style-module__label___OX7c8.app-components-SortArrows-___style-module__wrap___XPwDo { white-space: normal; } .app-components-SortArrows-___style-module__arrows___G2m5Y { display: flex; flex-direction: column; font-size: 6px; } .app-components-SortArrows-___style-module__hidden___qxdhN { color: var(--colorTextPrimary); } .app-containers-Grid-components-Filters-___style-module__gridFilters___wCbcR { background-color: var(--colorDropBg); padding: 16px 16px 20px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); border-radius: var(--defaultDropBorderRadius); min-width: 280px; max-width: 880px; } .app-containers-Grid-components-Filters-___style-module__gridFilters___wCbcR .app-containers-Grid-components-Filters-___style-module__gridFilter___VzlOn:not(:last-of-type) { margin-bottom: 8px; } .app-containers-Grid-components-Filters-___style-module__gridFilters___wCbcR .app-containers-Grid-components-Filters-___style-module__gridFilter___VzlOn.app-containers-Grid-components-Filters-___style-module__topBar___IoJ9h { display: flex; flex-direction: row; padding-bottom: 16px; border-bottom: 1px solid var(--colorDivider); margin-bottom: 16px; } .app-containers-Grid-components-Filters-___style-module__gridFilters___wCbcR .app-containers-Grid-components-Filters-___style-module__gridFilter___VzlOn.app-containers-Grid-components-Filters-___style-module__topBar___IoJ9h > *:not(:last-of-type) { margin-right: 16px; } .app-containers-Grid-components-Filters-___style-module__gridFilters___wCbcR .app-containers-Grid-components-Filters-___style-module__gridFilter___VzlOn.app-containers-Grid-components-Filters-___style-module__topBar___IoJ9h > * { min-width: 200px; } .app-containers-Grid-components-Filters-___style-module__gridFilters___wCbcR .app-containers-Grid-components-Filters-___style-module__columnsRow___RjN-X { display: flex; flex-direction: row; } .app-containers-Grid-components-Filters-___style-module__gridFilters___wCbcR .app-containers-Grid-components-Filters-___style-module__columnsRow___RjN-X .app-containers-Grid-components-Filters-___style-module__column___x1AZU { display: flex; flex-direction: column; flex: 0 0 200px; min-width: 200px; margin-bottom: 16px; } .app-containers-Grid-components-Filters-___style-module__gridFilters___wCbcR .app-containers-Grid-components-Filters-___style-module__columnsRow___RjN-X .app-containers-Grid-components-Filters-___style-module__column___x1AZU:not(:last-of-type) { margin-right: 16px; } .app-containers-Grid-components-Filters-___style-module__filtersButton___mJkht { position: relative; margin-left: 1px; } .app-containers-Grid-components-Filters-___style-module__filtersButton___mJkht button { background-color: var(--colorBgAccent); border-top-left-radius: 0; border-bottom-left-radius: 0; } .app-containers-Grid-components-Filters-___style-module__filtersButton___mJkht.app-containers-Grid-components-Filters-___style-module__popupOpened___foDkO button { color: var(--colorTextPrimary); } .app-containers-Grid-components-Filters-___style-module__filtersButton___mJkht .app-containers-Grid-components-Filters-___style-module__filtersBadge___mDK3w { width: 12px; height: 12px; border-radius: 6px; font-size: 5px; color: var(--colorTextWhite); background-color: var(--colorAdminWarning); line-height: 13px; text-align: center; cursor: pointer; position: absolute; top: -6px; right: -6px; z-index: 1; } .app-containers-Grid-components-Filters-___style-module__filtersButton___mJkht .app-containers-Grid-components-Filters-___style-module__filtersBadge___mDK3w.app-containers-Grid-components-Filters-___style-module__defaultFiltersBadge___RM6xv { background-color: var(--colorGreen); font-size: 9px; cursor: default; } .app-containers-Grid-components-Filters-___style-module__filtersSettingsButton___z54Cn button { border-top-right-radius: 0; border-bottom-right-radius: 0; background-color: var(--colorBgAccent); } .app-containers-Grid-components-Filters-___style-module__filtersSettingsButton___z54Cn button i { padding-right: 0; color: var(--colorTextMain); } .app-containers-Grid-components-Filters-___style-module__filtersSettingsButton___z54Cn.app-containers-Grid-components-Filters-___style-module__settingsOpened___d-xAe button i { color: var(--colorTextPrimary); } .app-containers-Grid-components-Filters-___style-module__filterSettingsPopup___oldbZ { background-color: var(--colorDropBg); padding: 4px 0; min-width: 220px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); border-radius: var(--defaultDropBorderRadius); } .app-containers-Grid-components-Filters-___style-module__filterSettingsPopup___oldbZ .app-containers-Grid-components-Filters-___style-module__settingsTitle___g9wbR { color: var(--colorTextPrimary); font: var(--typographyCaps3Font); letter-spacing: var(--typographyCaps3Spacing); text-transform: uppercase; padding: 10px 8px; } .app-containers-Grid-components-Filters-___style-module__filterSetting___A4-jB { height: 32px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 0 8px; color: var(--colorTextMain); font: var(--typographyBody1Font); } .app-containers-Grid-components-Filters-___style-module__filterSetting___A4-jB i { color: var(--colorTextPrimary); font-size: 11px; margin-right: 6px; cursor: pointer; } .app-containers-Grid-components-Filters-___style-module__filterSetting___A4-jB label { margin-left: 8px; } .app-containers-Grid-components-Filters-___style-module__filterSetting___A4-jB label div { margin-right: 0; } .app-containers-Grid-components-Filters-___style-module__fastFilters___x1bqq { flex: 1; margin: 16px 16px 16px 8px; min-width: 0; } .app-containers-Grid-components-Filters-___style-module__fastFilters___x1bqq > div > div { align-items: center; } .app-containers-Grid-components-Filters-___style-module__fastFilters___x1bqq .app-containers-Grid-components-Filters-___style-module__fastFilter___6r-dt > * { min-width: 160px !important; } .app-containers-Grid-components-Filters-___style-module__fastFilters___x1bqq .app-containers-Grid-components-Filters-___style-module__fastFilter___6r-dt:not(:last-of-type) { margin-right: 8px; } .app-containers-Grid-___style-module__pagination___Qw1yC { display: flex; flex-direction: column; } .app-containers-Grid-___style-module__grid-container___-KU8R { position: relative; flex: 1; display: flex; flex-direction: column; overflow: hidden; flex-grow: 2; background-color: var(--colorBgPrimary); width: 100%; } .app-containers-Grid-___style-module__grid-container___-KU8R:not(.app-containers-Grid-___style-module__no-border___waCsv) { border-left: 1px solid var(--colorDivider); border-bottom: 1px solid var(--colorDivider); border-right: 1px solid var(--colorDivider); } .app-containers-Grid-___style-module__grid-container___-KU8R:not(.app-containers-Grid-___style-module__no-margin___ATj75) { margin: 0 8px 8px; width: calc(100% - 16px); } .app-containers-Grid-___style-module__sortable___Zm1a5 { z-index: 100001!important; } .app-containers-Grid-___style-module__filters-container___wzEdR { display: flex; flex-direction: row; justify-content: space-between; padding: 0 16px 16px; position: relative; z-index: 10550; align-items: flex-end; background-color: var(--colorBgPrimary); } .app-containers-Grid-___style-module__filters-filter-wrapper___BXitM { margin-right: 16px; margin-bottom: 8px; } .app-containers-Grid-___style-module__filters___dNfH0 { margin: 16px 0; display: flex; flex-direction: row; flex-wrap: nowrap; } .app-containers-Grid-___style-module__additional-buttons___U4w-R { display: flex; flex-wrap: wrap; flex: 1; justify-content: flex-end } .app-containers-Grid-___style-module__table-wrapper___KYKtn { flex: 1; display: flex; flex-direction: column; overflow: hidden; padding: 0 16px; background-color: var(--colorBgPrimary); } .app-containers-Grid-___style-module__table-wrapper___KYKtn.app-containers-Grid-___style-module__noTablePadding___duDJQ{ padding: 0; } .app-containers-Grid-___style-module__scroll-wrapper___mNe2A { width: 100%; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; position: relative; flex-grow: 2; } .app-containers-Grid-___style-module__scroll-wrapper___mNe2A > div { width: 100%; } .app-containers-Grid-___style-module__scrollbar-container___iCAvA { min-width: 100%; } .app-containers-Grid-___style-module__headerTable___ladO2 { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: space-between; min-height: 52px; } .app-containers-Grid-___style-module__table-container___cfVWc { overflow: auto; flex: 1; } .app-containers-Grid-___style-module__pagination-wrapper___Lseds { margin-top: auto; height: 55px; } .app-containers-Grid-___style-module__skeleton-loader___7qVgL { margin: 6px 0; height: calc(100% - 12px); background: var(--colorBgSecondary); border-radius: 3px; } .app-containers-Grid-___style-module__pagination-container___KOH2z { display: flex; flex-direction: row; align-items: center; justify-content: center; list-style: none; } .app-containers-Grid-___style-module__pagination-page___PdzNC { font-size: 16px; margin: 0 5px; color: var(--colorTextPrimary); min-width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; line-height: 16px; } .app-containers-Grid-___style-module__pagination-active___QyoSJ { background: var(--colorTextPrimary); color: var(--colorTextWhite); border-radius: 15px; } .app-containers-Grid-___style-module__pagination-btns___bh-rN { color: var(--colorTextPrimary); cursor: pointer; } .app-containers-Grid-___style-module__pagination-disabled___LBF6B { color: var(--colorBgSecondary); } .app-containers-Grid-___style-module__pagination-no-outline___7fKJV { cursor: pointer; outline: none; } .app-containers-Grid-___style-module__footer___PJaDd { background-color: var(--colorBgPrimary); display: flex; flex-direction: row; align-items: center; justify-content: space-between; color: var(--colorTextPrimary); padding: 0px 0px 0px 20px; height: 52px; } .app-containers-Grid-___style-module__footer___PJaDd > div { width: 310px; display: flex; justify-content: flex-start; } .app-containers-Grid-___style-module__footer___PJaDd > div:last-child { justify-content: flex-end; } .app-containers-Grid-___style-module__footer___PJaDd .app-containers-Grid-___style-module__paginate___i2iw8 { justify-content: center; flex-grow: 2; } .app-containers-Grid-___style-module__footer-xls___lzJEo { margin-right: 20px; } .app-containers-Grid-___style-module__th___yn5rz { height: 52px; } .app-containers-Grid-___style-module__th___yn5rz:first-child { padding-left: 20px; } .app-containers-Grid-___style-module__emptyLine___mYeNr { height: 52px; } .app-containers-Grid-___style-module__header-main___wORn1 { flex-grow: 2; height: 52px; } .app-containers-Grid-___style-module__header-right___Bu6CS, .app-containers-Grid-___style-module__header-left___Y10Ks { color: var(--colorTextWhite50); background: var(--colorBgSecondary); font-size: 14px; z-index: 3; } .app-containers-Grid-___style-module__left___p1F1-, .app-containers-Grid-___style-module__right___i2m3p { flex-grow: 1; } .app-containers-Grid-___style-module__main___V3JZO { flex-grow: 2; overflow: hidden; position: relative; } .app-containers-Grid-___style-module__main___V3JZO:before, .app-containers-Grid-___style-module__main___V3JZO:after { content: ''; display: block; position: absolute; top: 0px; height: 100%; z-index: 1; } .app-containers-Grid-___style-module__main___V3JZO.app-containers-Grid-___style-module__left___p1F1-:before { width: 100px; left: 0; background: linear-gradient(to right, var(--colorBgSecondary), transparent); } .app-containers-Grid-___style-module__main___V3JZO.app-containers-Grid-___style-module__right___i2m3p:after { width: 100px; background: linear-gradient(to left, var(--colorBgSecondary), transparent); right: 0; } table .app-containers-Grid-___style-module__hovered___ANK31, table .app-containers-Grid-___style-module__hovered___ANK31 td { background: var(--colorBgPrimary); } .app-containers-Grid-___style-module__scrollContainer___5xMIz { position: relative; overflow: hidden; height: 100%; } .app-containers-Grid-___style-module__scrollContainer___5xMIz:before, .app-containers-Grid-___style-module__scrollContainer___5xMIz:after { content: ''; display: block; position: absolute; left: 0px; width: 100%; z-index: 1; } .app-containers-Grid-___style-module__scrollContainer___5xMIz.app-containers-Grid-___style-module__top___9SPuz:before { height: 50px; top: 0; background: linear-gradient(to bottom, var(--colorBgSecondary), transparent); } .app-containers-Grid-___style-module__scrollContainer___5xMIz.app-containers-Grid-___style-module__bottom___Ebri-:after { height: 50px; background: linear-gradient(to top, var(--colorBgSecondary), transparent); bottom: 0; } .app-containers-Grid-___style-module__transparent___l3b2p .app-containers-Grid-___style-module__filters-container___wzEdR { background-color: transparent; } .app-containers-Grid-___style-module__transparent___l3b2p .app-containers-Grid-___style-module__controls-row___lvdie { background-color: transparent; } .app-containers-Grid-___style-module__scroll-table___RiFfg tr th { z-index: 1000; } .app-containers-Grid-___style-module__scroll-table___RiFfg tr th.app-containers-Grid-___style-module__fixed___db7Xu { z-index: 1050; } .app-containers-Grid-___style-module__scroll-table___RiFfg tr td, .app-containers-Grid-___style-module__scroll-table___RiFfg tr th { text-align: right; } .app-containers-Grid-___style-module__scroll-table___RiFfg tr td.app-containers-Grid-___style-module__alignLeft___aec-i, .app-containers-Grid-___style-module__scroll-table___RiFfg tr th.app-containers-Grid-___style-module__alignLeft___aec-i { text-align: left; } .app-containers-Grid-___style-module__scroll-table___RiFfg tr td.app-containers-Grid-___style-module__alignRight___I4uMx, .app-containers-Grid-___style-module__scroll-table___RiFfg tr th.app-containers-Grid-___style-module__alignRight___I4uMx { text-align: right; } .app-containers-Grid-___style-module__scroll-table___RiFfg tr td.app-containers-Grid-___style-module__alignCenter___xDSJX, .app-containers-Grid-___style-module__scroll-table___RiFfg tr th.app-containers-Grid-___style-module__alignCenter___xDSJX { text-align: center; } .app-containers-Grid-___style-module__scroll-table___RiFfg.app-containers-Grid-___style-module__columnDragged___zr8ye tr th { -webkit-user-select: none; user-select: none; } .app-containers-Grid-___style-module__scroll-table___RiFfg tr td.app-containers-Grid-___style-module__pullLeft___nS-JS { text-align: left; } .app-containers-Grid-___style-module__controls-row___lvdie { display: flex; flex-direction: row; padding: 0 16px; background-color: var(--colorBgPrimary);; justify-content: flex-start; align-items: center; z-index: 10600; } .app-containers-Grid-___style-module__controls-row___lvdie > div { align-items: center; display: flex; } .app-containers-Grid-___style-module__controls-row___lvdie > div > button:not(:last-of-type) { margin-right: 10px; } @media (min-height: 600px) and (max-height: 1050px) and (max-width: 1380px) { .app-containers-Grid-___style-module__controls-row___lvdie { z-index: unset } } .app-containers-Grid-___style-module__controls-btn___dLxW6 { margin: 10px 0; white-space: nowrap; } .app-containers-Grid-___style-module__filter-number-of-records-selector___SkWFk { min-width: 100px; margin: 0 10px; } .app-containers-Grid-___style-module__zIndex___TEFN2 { z-index: 2000; } tr.app-containers-Grid-___style-module__alignLeft___aec-i > td { text-align: left; } tr.app-containers-Grid-___style-module__alignRight___I4uMx > td { text-align: right; } tr.app-containers-Grid-___style-module__alignCenter___xDSJX > td { text-align: center; } td.app-containers-Grid-___style-module__no-padding___M9yKm { padding: 0 !important; position: static !important; } .app-containers-Grid-___style-module__row___yUH9E { display: flex; justify-content: flex-start; align-items: center; margin-left: 0; gap: 8px; } .app-containers-Grid-___style-module__control-row___8cpRb { display: flex; justify-content: flex-end; align-items: center; margin-right: 8px; max-width: 72px; } .app-containers-Grid-___style-module__additionalRow___rhsFI > td { border-right: none!important; } .app-containers-Grid-___style-module__reset-to-default___1tOO9 { color: var(--colorTextIcons); margin-right: 10px; font-size: 14px; cursor: pointer; margin-top: 10px; } .app-containers-Grid-___style-module__reset-to-default___1tOO9:hover { color: var(--colorTextMain); } .app-containers-Grid-___style-module__icon___KSQzG { color: var(--colorTextIcons); cursor: pointer; transition: all .2s; font-size: 14px; } .app-containers-Grid-___style-module__icon___KSQzG:hover { color: var(--colorTextMain); } .app-containers-Grid-___style-module__separator___lZFg9 { display: block; width: 1px; flex: 0 0 1px; background: var(--colorDivider); margin: 0 8px; height: 16px; } .app-containers-Grid-___style-module__checkbox___m-tLw { margin-right: 5px; } .app-containers-Grid-___style-module__checkbox___m-tLw > div { height: 16px; } .app-containers-Grid-___style-module__row-checkbox___JeYDq { /*margin-right: auto !important;*/ margin-bottom: 2px; margin-left: -5px; } .app-containers-Grid-___style-module__row-checkbox___JeYDq > div { height: 16px; margin-right: 0 !important; } .app-containers-Grid-___style-module__row-chevron___cnf2k { font-size: 13px; transition: transform 0.2s; transform: rotate(-90deg); color: var(--colorTextIcons); } .app-containers-Grid-___style-module__row-chevron_expanded___lp7i3 { transform: rotate(0deg); } .app-containers-Grid-___style-module__xlsContainer___56X27 { border-radius: var(--defaultDropBorderRadius); background-color: var(--colorDropBg); min-width: 240px; display: flex; flex-direction: column; max-width: 300px; } .app-containers-Grid-___style-module__xlsContainer___56X27:not(:last-of-type) { margin-bottom: 8px; } .app-containers-Grid-___style-module__xlsContainer___56X27 span { font: var(--typographyBody2Font); color: var(--colorTextMain); } .app-containers-Grid-___style-module__xlsContainer___56X27 .app-containers-Grid-___style-module__additionalInfo___kGSYv { border-top: 1px solid var(--colorDivider); } .app-containers-Grid-___style-module__xlsContainer___56X27 .app-containers-Grid-___style-module__additionalInfo___kGSYv .app-containers-Grid-___style-module__infoFooter___s0CJd { display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 4px; } .app-containers-Grid-___style-module__xlsContainer___56X27 .app-containers-Grid-___style-module__additionalInfo___kGSYv .app-containers-Grid-___style-module__infoFooter___s0CJd.app-containers-Grid-___style-module__withBorder___xkFWg { border-top: 1px solid var(--colorDivider); } .app-containers-Grid-___style-module__xlsContainer___56X27 .app-containers-Grid-___style-module__additionalInfo___kGSYv .app-containers-Grid-___style-module__downloadAllBtn___wgsk- { text-align: center; color: var(--colorAccent); cursor: pointer; transition: all 0.2s; font-size: 12px; width: auto; } .app-containers-Grid-___style-module__xlsContainer___56X27 .app-containers-Grid-___style-module__additionalInfo___kGSYv .app-containers-Grid-___style-module__downloadAllBtn___wgsk-:hover { color: var(--colorTextMain); } .app-containers-Grid-___style-module__xlsContainer___56X27 .app-containers-Grid-___style-module__additionalInfo___kGSYv .app-containers-Grid-___style-module__downloadAllBtn___wgsk-:disabled { color: var(--colorTextDisabled) } .app-containers-Grid-___style-module__xlsContainer___56X27 .app-containers-Grid-___style-module__part___RTcRM { display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 4px 8px; height: 32px; color: var(--colorTextPrimary); } .app-containers-Grid-___style-module__xlsContainer___56X27 .app-containers-Grid-___style-module__part___RTcRM span { font: var(--typographyBody2Font); color: var(--colorTextPrimary); margin-right: 4px; } .app-containers-Grid-___style-module__xlsContainer___56X27 .app-containers-Grid-___style-module__xlsHeading___o9VvE { display: flex; flex-direction: row; align-items: center; padding: 8px; cursor: pointer; height: 32px; } .app-containers-Grid-___style-module__xlsContainer___56X27 .app-containers-Grid-___style-module__xlsHeading___o9VvE i { color: var(--colorTextIcons); font-size: 10px; transform: rotate(-90deg); transition: all 0.2s; } .app-containers-Grid-___style-module__xlsContainer___56X27 .app-containers-Grid-___style-module__xlsHeading___o9VvE.app-containers-Grid-___style-module__headingOpened___HQSIU i { transform: rotate(0); } .app-containers-Grid-___style-module__xlsContainer___56X27 .app-containers-Grid-___style-module__xlsHeading___o9VvE > span:first-of-type { margin-left: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .app-containers-Grid-___style-module__xlsContainer___56X27 .app-containers-Grid-___style-module__xlsHeading___o9VvE span:last-of-type { color: var(--colorTextPrimary); } .app-containers-Grid-___style-module__xlsContainer___56X27 .app-containers-Grid-___style-module__cancelBtn___yys6A { cursor: pointer; color: var(--colorPLMinus); font: var(--typographyBody2Font); transition: all 0.2s; } .app-containers-Grid-___style-module__xlsContainer___56X27 .app-containers-Grid-___style-module__cancelBtn___yys6A:hover { color: var(--colorTextMain); } .app-containers-Grid-___style-module__xlsContainer___56X27 .app-containers-Grid-___style-module__statusIcon___FuBIS { margin-left: 8px; } .app-containers-Grid-___style-module__xlsContainer___56X27 .app-containers-Grid-___style-module__statusIcon___FuBIS i { color: var(--colorPLPlus); font-size: 14px; } .app-containers-Grid-___style-module__stickyRight___GH47F { right: 0; position: sticky; z-index: 1000; border-left: 1px solid var(--colorBgAccent); } td.app-containers-Grid-___style-module__stickyRight___GH47F > div > * { opacity: 0; transition: none!important; } tr:hover td.app-containers-Grid-___style-module__stickyRight___GH47F { pointer-events: auto; } tr:hover td.app-containers-Grid-___style-module__stickyRight___GH47F > div > * { opacity: 1; transition: none!important; } .app-containers-Grid-___style-module__stickyLeft___nKF5e { left: 0; position: sticky; z-index: 1000; border-right: 1px solid var(--colorBgAccent); } .app-containers-Grid-___style-module__gridActionsColumn___7M1ap { display: flex; flex-direction: row; justify-content: flex-end; } .app-containers-Grid-___style-module__fuckingStickyRow___uag8k > td{ position: sticky; bottom: 0; } .app-containers-Grid-___style-module__stickyBorder___9DdXa td{ border-top: 2px solid var(--colorBgAccent); } .app-containers-Grid-components-GridColumnsSettings-___style-module__columns-settings___oUD9Z { color: var(--colorTextIcons); cursor: pointer; font-size: 14px; white-space: nowrap; transition: all .2s; } .app-containers-Grid-components-GridColumnsSettings-___style-module__columns-settings___oUD9Z:hover, .app-containers-Grid-components-GridColumnsSettings-___style-module__columns-settings___oUD9Z.app-containers-Grid-components-GridColumnsSettings-___style-module__active___tL8bw { color: var(--colorTextMain); } .app-containers-Grid-components-GridColumnsSettings-___style-module__container___Bg7NZ { text-align: right; display: flex; flex-direction: column; box-shadow: 0 4px 12px var(--colorDropShadow); max-height: inherit; } .app-containers-Grid-components-GridColumnsSettings-___style-module__list___YAAiL { min-width: 208px; max-width: calc(100% - 1px); cursor: default; display: flex; flex-direction: column; overflow: hidden; max-height: calc(100vh - 80px); border-top-left-radius: var(--defaultDropBorderRadius); border-top-right-radius: var(--defaultDropBorderRadius); padding: 4px 0; background: var(--colorDropBg); } .app-containers-Grid-components-GridColumnsSettings-___style-module__reorder-hadnler___Q2Ixn { cursor: pointer; height: 20px; width: 20px; margin-left: auto; position: relative; display: flex; flex-direction: column; justify-content: center; } .app-containers-Grid-components-GridColumnsSettings-___style-module__reorder-hadnler___Q2Ixn:before { height: 3px; display: block; content: ""; border-top: 1px solid var(--colorBgAccent); border-bottom: 1px solid var(--colorBgAccent); } .app-containers-Grid-components-GridColumnsSettings-___style-module__reorder-hadnler___Q2Ixn:after { height: 2px; display: block; content: ""; border-bottom: 1px solid var(--colorBgAccent); } .app-containers-Grid-components-GridColumnsSettings-___style-module__sort-item-container___mZqZq { } .app-containers-Grid-components-GridColumnsSettings-___style-module__sort-item___Rwf7T { z-index: 20000; cursor: pointer; padding: 0 8px; display: flex; align-items: center; justify-content: space-between; color: var(--colorTextMain); font-weight: 400; min-height: 34px; height: 34px; } .app-containers-Grid-components-GridColumnsSettings-___style-module__sort-item___Rwf7T > div { width: 100%; } .app-containers-Grid-components-GridColumnsSettings-___style-module__sort-item___Rwf7T label { flex-direction: row-reverse; } .app-containers-Grid-components-GridColumnsSettings-___style-module__sort-item___Rwf7T label div:first-of-type { margin-right: 0; margin-left: 12px; } .app-containers-Grid-components-GridColumnsSettings-___style-module__sort-item___Rwf7T label div:last-of-type { margin-right: auto; color: var(--colorTextMain); text-align: left; } .app-containers-Grid-components-GridColumnsSettings-___style-module__sort-item___Rwf7T label { cursor: pointer; } .app-containers-Grid-components-GridColumnsSettings-___style-module__sectionTitleWrapper___Fn4Fe { border-top: 1px solid var(--colorDivider); border-bottom: 1px solid var(--colorDivider); } .app-containers-Grid-components-GridColumnsSettings-___style-module__sectionTitleWrapper___Fn4Fe.app-containers-Grid-components-GridColumnsSettings-___style-module__noBottomBorder___8FrXn { border-bottom: none; } .app-containers-Grid-components-GridColumnsSettings-___style-module__section-title___5hnip { display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 0 8px; min-height: 34px; height: 34px; background: var(--colorDropBg); color: var(--colorTextIcons); cursor: pointer; } .app-containers-Grid-components-GridColumnsSettings-___style-module__section-title___5hnip .app-containers-Grid-components-GridColumnsSettings-___style-module__toggle___11Vvs { padding-right: 5px; padding-left: 5px; margin-left: -5px; display: flex; flex-direction: row; align-items: center; height: 100%; color: var(--colorTextIcons); } .app-containers-Grid-components-GridColumnsSettings-___style-module__section-title___5hnip .app-containers-Grid-components-GridColumnsSettings-___style-module__toggle___11Vvs:hover { color: var(--colorTextMain); } .app-containers-Grid-components-GridColumnsSettings-___style-module__section-title___5hnip .app-containers-Grid-components-GridColumnsSettings-___style-module__toggle___11Vvs i { display: inline-block; transform: rotate(-90deg); transition: all 0.2s; font-size: 8px; } .app-containers-Grid-components-GridColumnsSettings-___style-module__section-title___5hnip .app-containers-Grid-components-GridColumnsSettings-___style-module__toggle___11Vvs.app-containers-Grid-components-GridColumnsSettings-___style-module__opened___CbugE i { transform: rotate(0deg); } .app-containers-Grid-components-GridColumnsSettings-___style-module__section-title___5hnip label { flex-direction: row-reverse; } .app-containers-Grid-components-GridColumnsSettings-___style-module__section-title___5hnip label div:first-of-type { margin-right: 0; margin-left: 12px; } .app-containers-Grid-components-GridColumnsSettings-___style-module__section-title___5hnip label div:last-of-type { margin-right: auto; color: var(--colorTextMain); } .app-containers-Grid-components-GridColumnsSettings-___style-module__section-label___qwo4X { flex-grow: 2; } .app-containers-Grid-components-GridColumnsSettings-___style-module__list-footer___3loG8 { display: flex; align-items: center; justify-content: center; background: var(--colorDropBg); padding: 8px; border-top: 1px solid var(--colorDivider); border-bottom-left-radius: var(--defaultDropBorderRadius); border-bottom-right-radius: var(--defaultDropBorderRadius); } .app-containers-Grid-components-GridColumnsSettings-___style-module__list-footer___3loG8 button { color: var(--colorTextMain); text-transform: uppercase; } .app-containers-Grid-components-GridFooter-___style-module__paginationWrapper___4K3N6 { height: 24px; font: var(--typographyBody2Font); } .app-containers-Grid-components-GridFooter-___style-module__paginationContainer___r1oir { display: flex; flex-direction: row; align-items: center; justify-content: center; list-style: none; } .app-containers-Grid-components-GridFooter-___style-module__paginationPage___T6ym- { font: var(--typographyBody2Font); margin: 0 4px; color: var(--colorTextPrimary); min-width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; line-height: 16px; border-radius: 2px; transition: all 0.2s ease; padding: 0 2px; } .app-containers-Grid-components-GridFooter-___style-module__paginationPage___T6ym- a { width: 100%; height: 100%; line-height: 24px; text-align: center; } .app-containers-Grid-components-GridFooter-___style-module__paginationPage___T6ym-:hover { background: var(--colorSegmentControlActiveBorder); } .app-containers-Grid-components-GridFooter-___style-module__paginationActive___eeWpT { background: var(--colorSegmentControlActiveBorder); color: var(--colorTextMain); } .app-containers-Grid-components-GridFooter-___style-module__paginationBtns___L9jts { color: var(--colorTextPrimary); cursor: pointer; font-size: 12px; line-height: 12px; } .app-containers-Grid-components-GridFooter-___style-module__paginationBtns___L9jts:first-of-type { margin-right: 4px; } .app-containers-Grid-components-GridFooter-___style-module__paginationBtns___L9jts:last-of-type { margin-left: 4px; } .app-containers-Grid-components-GridFooter-___style-module__paginationDisabled___C9c5v { color: var(--colorTextDisabled); } .app-containers-Grid-components-GridFooter-___style-module__paginationNoOutline___J5Chz { cursor: pointer; outline: none; } .app-containers-Grid-components-GridFooter-___style-module__footer___eX3Zk { background-color: var(--colorBgPrimary); display: flex; flex-direction: row; align-items: center; justify-content: space-between; color: var(--colorTextPrimary); padding: 16px 0; margin: 0 16px; border-top: 1px solid var(--colorDivider); } .app-containers-Grid-components-GridFooter-___style-module__footer___eX3Zk .app-containers-Grid-components-GridFooter-___style-module__filter-number-of-records-selector___zin9h { min-width: 62px; margin: 0 8px; } .app-containers-Grid-components-GridFooter-___style-module__footer___eX3Zk .app-containers-Grid-components-GridFooter-___style-module__paginate___llHWf { justify-content: center; } .app-containers-Grid-components-GridFooter-___style-module__footer___eX3Zk .app-containers-Grid-components-GridFooter-___style-module__actions___PWw2S { display: flex; flex-direction: row; align-items: center; } .app-containers-Grid-components-GridFooter-___style-module__footer___eX3Zk .app-containers-Grid-components-GridFooter-___style-module__actions___PWw2S > div { display: flex; justify-content: flex-start; align-items: center; } .app-containers-Grid-components-GridFooter-___style-module__footer___eX3Zk .app-containers-Grid-components-GridFooter-___style-module__actions___PWw2S > div:last-child { justify-content: flex-end; } .app-containers-Grid-components-GridFooter-___style-module__resultsCount___IEp8I { font: var(--typographyBody2Font); color: var(--colorTextPrimary); } .app-containers-Grid-components-RefreshSettings-___style-module__filtersSettingsButton___nEqbb button { background-color: var(--colorBgAccent); border-top-right-radius: 0; border-bottom-right-radius: 0; } .app-containers-Grid-components-RefreshSettings-___style-module__filtersSettingsButton___nEqbb button i { font-size: 16px; padding-right: 0; color: var(--colorTextIcons); } .app-containers-Grid-components-RefreshSettings-___style-module__filtersSettingsButton___nEqbb button:hover i { padding-right: 0; color: var(--colorTextIcons); } .app-containers-Grid-components-RefreshSettings-___style-module__filtersSettingsButton___nEqbb.app-containers-Grid-components-RefreshSettings-___style-module__settingsOpened___XA5TC button i { color: var(--colorTextIcons); } .app-containers-Grid-components-RefreshSettings-___style-module__filterSettingsPopup___FtyC6 { background-color: var(--colorDropBg); padding: 8px; width: 160px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); border-radius: var(--defaultDropBorderRadius); display: flex; flex-direction: column; gap: 8px; } .app-containers-Grid-components-RefreshSettings-___style-module__filterSettingsPopup___FtyC6 .app-containers-Grid-components-RefreshSettings-___style-module__settingsTitle___rwDNQ { color: var(--colorTextPrimary); font: var(--typographyCaps3Font); letter-spacing: var(--typographyCaps3Spacing); text-transform: uppercase; } .app-containers-Grid-components-RefreshSettings-___style-module__refreshButton___aue7n { border-left: 1px solid var(--colorDivider); background-color: var(--colorBgAccent); border-top-left-radius: 0; border-bottom-left-radius: 0; margin-right: 4px; padding: 0 8px; width: auto; } .app-containers-Grid-components-RefreshSettings-___style-module__refreshButton___aue7n:hover { border-left-color: transparent; } .app-containers-Grid-containers-___style-module__form___u6QdF { width: 400px; margin: 10px; } .app-containers-Grid-containers-___style-module__formInput___fUaeG { margin: 0 0 10px 0; display: block; } .app-containers-Grid-containers-___style-module__formFooter___7gziE { display: flex; flex-direction: row; margin-top: 10px; } .app-containers-Grid-containers-___style-module__formFooter___7gziE button { flex: 1; } .app-containers-Grid-containers-___style-module__formFooter___7gziE button:first-child { margin-right: 5px; } .app-containers-Grid-containers-___style-module__formFooter___7gziE button:last-child { margin-left: 5px; } .app-containers-Grid-containers-___style-module__top-panel-portal___a7daM { margin-left: auto; margin-right: 15px; display: flex; flex-direction: row; } .app-containers-Grid-containers-___style-module__top-panel-portal___a7daM button { margin: 0 5px; } .app-containers-Grid-containers-___style-module__container___J1QPE { overflow: hidden; display: flex; flex-grow: 2; flex-direction: column; margin: 0 10px 10px; border-left: 1px solid var(--colorDivider); border-bottom: 1px solid var(--colorDivider); border-right: 1px solid var(--colorDivider); } .app-containers-Grid-containers-___style-module__container___J1QPE table thead tr th { z-index: 10; } .app-containers-Grid-containers-___style-module__link___KvUiM { cursor: pointer; font: var(--typographyBody2Font); letter-spacing: var(--typographyBody2Spacing); color: var(--colorTextMain); } .app-containers-Grid-containers-___style-module__link___KvUiM:not(:last-of-type) { margin-right: 16px; } .app-containers-Grid-containers-___style-module__link___KvUiM.app-containers-Grid-containers-___style-module__accent___ZYaaf { color: var(--colorAccent); } .app-containers-Grid-containers-___style-module__link___KvUiM.app-containers-Grid-containers-___style-module__red___75ZHJ { margin-right: 16px; color: var(--colorAdminWarning); } .app-containers-Grid-containers-___style-module__newPreset___oA2bn { cursor: pointer; display: flex; flex-direction: row; align-items: center; color: var(--colorTextPrimary); font: var(--typographyBody2Font); padding: 0 8px; transition: all 0.2s; } .app-containers-Grid-containers-___style-module__newPreset___oA2bn i { margin-right: 8px; font-size: 16px; } .app-containers-Grid-containers-___style-module__newPreset___oA2bn:hover { color: var(--colorTextMain); } .app-containers-Grid-containers-___style-module__presetNameInput___Vva4y { padding: 0 8px; max-width: 156px; } .app-containers-Grid-containers-___style-module__presetNameInput___Vva4y .app-containers-Grid-containers-___style-module__closeInput___nvGtZ { display: flex; flex-direction: row; align-items: center; margin-right: 8px; font-size: 10px; color: var(--colorTextPrimary); cursor: pointer; } .app-components-RejectOrderModal-___style-module__form___fT-Xo { padding: 10px; width: 400px; } .app-components-RejectOrderModal-___style-module__warning___jZM7J { font: var(--typographyBody2Font); color: var(--colorTextMain); margin: 4px 0 10px; } .app-components-RejectOrderModal-___style-module__footer___hKLVb { margin-top: 16px; display: flex; flex-direction: row; justify-content: flex-end; } .app-components-RejectOrderModal-___style-module__footer___hKLVb button { max-width: 150px; } .app-components-RejectOrderModal-___style-module__noWrap___YhfIg { white-space: nowrap; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__searchContainer___gY36S { position: relative; width: 100%; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__searchContainer___gY36S.app-entitySelectors-InstrumentsRootAndTenors-___style-module__labelLeftMode___7eqpq { display: flex; flex-direction: row; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__wrapper___M5efF { box-shadow: 0 4px 12px var(--colorDropShadow); } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__searchResults___Ue9V0 { overflow: hidden; display: flex; flex-direction: row; background: var(--colorDropBg); z-index: 10000; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__searchResults___Ue9V0 .app-entitySelectors-InstrumentsRootAndTenors-___style-module__searchFilter___ZGvKL { padding: 8px; border-right: 1px solid var(--colorDivider); flex: 0 0 200px; width: 200px; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__searchResults___Ue9V0 .app-entitySelectors-InstrumentsRootAndTenors-___style-module__searchFilter___ZGvKL > div:not(:last-of-type) { margin-bottom: 8px; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__categories___IN-2V { display: inline-flex; align-items: center; flex-direction: row; border-bottom: 1px solid var(--colorDivider); width: 100%; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__categories-container___iSCYb { overflow: hidden; min-height: 40px; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__category-tab___xmmQI { padding: 12px 0; margin-left: 16px; font-size: 13px; line-height: 16px; color: var(--colorTextPrimary); white-space: nowrap; margin-bottom: -1px; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__category-tab___xmmQI.app-entitySelectors-InstrumentsRootAndTenors-___style-module__active___6b-B3 { color: var(--colorTextMain); border-bottom: 1px solid #D23236; line-height: 15px; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__category-tab___xmmQI:hover { color: var(--colorTextMain); } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__category-tab___xmmQI:last-of-type { margin-right: 20px; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__instrumentRow___STnMp { padding: 6px 10px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; color: var(--colorTextMain); height: 30px; min-height: 30px; border-bottom: 1px solid var(--colorDivider); } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__instrumentRow___STnMp.app-entitySelectors-InstrumentsRootAndTenors-___style-module__withShowMore___zzKR4 { padding: 6px 10px 6px 0; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__instrumentRow___STnMp.app-entitySelectors-InstrumentsRootAndTenors-___style-module__isDoubleName___jAbgk { padding: 2px 10px; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__instrumentRow___STnMp > div { min-width: auto; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__instrumentRow___STnMp > div:first-of-type { min-width: 0; overflow: hidden; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__instrumentRow___STnMp > div span { line-height: 1; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__instrumentRow___STnMp > div > div:first-of-type { min-width: auto; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__instrumentRow___STnMp.app-entitySelectors-InstrumentsRootAndTenors-___style-module__nestedInstrument___Ak06h { padding-left: 42px; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__instrumentRow___STnMp.app-entitySelectors-InstrumentsRootAndTenors-___style-module__nestedInstrument___Ak06h.app-entitySelectors-InstrumentsRootAndTenors-___style-module__nestedActive___t8sOk { background: var(--colorDropBgHover); color: var(--colorTextWhite); } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__instrumentRow___STnMp.app-entitySelectors-InstrumentsRootAndTenors-___style-module__nestedInstrument___Ak06h.app-entitySelectors-InstrumentsRootAndTenors-___style-module__nestedActive___t8sOk .app-entitySelectors-InstrumentsRootAndTenors-___style-module__rowInfo___YFnKf button { color: var(--colorTextMain); text-decoration: underline; text-decoration-style: dashed; text-decoration-color: var(--colorTextMain); } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__instrumentRow___STnMp:hover { background: var(--colorDropBgHover); color: var(--colorTextWhite); } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__instrumentRow___STnMp:hover .app-entitySelectors-InstrumentsRootAndTenors-___style-module__instrument-info___GAvqZ { color: var(--colorTextWhite50); } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__instrumentRow___STnMp:hover .app-entitySelectors-InstrumentsRootAndTenors-___style-module__closeIcon___gxuUx { display: block; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__instrumentRow___STnMp:hover .app-entitySelectors-InstrumentsRootAndTenors-___style-module__okIcon___eJkIh { display: none; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__instrumentRow___STnMp:hover .app-entitySelectors-InstrumentsRootAndTenors-___style-module__rowInfo___YFnKf button { color: var(--colorTextMain); text-decoration: underline; text-decoration-style: dashed; text-decoration-color: var(--colorTextMain); } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__instrumentRow___STnMp.app-entitySelectors-InstrumentsRootAndTenors-___style-module__activeSingleItem___3dpxQ { background: var(--colorDropBgHover); color: var(--colorTextWhite); } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__selectedItem___4Dpjh { padding: 6px 6px; flex: 1; min-width: 0; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__instrumentInfo___0W7ub { color: var(--colorTextPrimary); font-size: 10px; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__showMore___x6WG0 { color: var(--colorTextPrimary); font-size: 10px; transition: all 0.15s; cursor: pointer; width: 24px; flex-basis: 24px; display: flex; flex-direction: row; align-items: center; justify-content: center; height: 30px; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__showMore___x6WG0:hover { color: var(--colorTextMain); } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__showMore___x6WG0 i { transition: all 0.15s; display: block; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__showMore___x6WG0.app-entitySelectors-InstrumentsRootAndTenors-___style-module__opened___rxs4w i { transform: rotate(90deg); } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__divider___CZHKR { width: 100%; height: 1px; background: var(--colorDivider); display: block; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__verticalDivider___B5oYW { width: 1px; height: 100%; background: var(--colorDivider); display: block; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__icon___PWsJi { margin: 0 8px 0 12px; font-size: 10px; cursor: pointer; color: var(--colorError); display: flex; align-items: center; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__acceptIcon___uI7dV { margin: 0 4px 0 12px; font-size: 12px; cursor: pointer; color: var(--colorTextMain); display: flex; align-items: center; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__acceptIcon___uI7dV .app-entitySelectors-InstrumentsRootAndTenors-___style-module__closeIcon___gxuUx { display: none; color: var(--colorError); } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__add___igO0U { color: var(--colorTextIcons); } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__infoRow___605xH { display: flex; flex-direction: row; align-items: center; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__noData___dpZO6 { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; padding: 12px 0; font: var(--typographyBody1Font); line-height: 16px; color: var(--colorTextPrimary); } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__instrumentName___XpPJ9 { max-width: 160px; overflow: hidden; margin-right: 4px; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__instrumentName___XpPJ9 span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__fullInstrumentName___mLbRc { background-color: var(--colorDropBgHover); padding-right: 5px; color: var(--colorTextWhite); } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__selectedInstruments___1zv0H { border-left: 1px solid var(--colorDivider); display: flex; flex-direction: column; flex: 0 0 300px; width: 300px; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__search___u-FPr { padding: 8px 8px; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__clearButton___r5tOy { position: absolute; bottom: calc(50% - 16px); right: 10px; color: var(--colorTextPrimary); font-size: 10px; cursor: pointer; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__clearButton___r5tOy.app-entitySelectors-InstrumentsRootAndTenors-___style-module__SMALL___e8Jdg { bottom: calc(50% - 15px); } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__clearButton___r5tOy.app-entitySelectors-InstrumentsRootAndTenors-___style-module__COMPACT___GZPSV { bottom: calc(50% - 15px); } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__clearButton___r5tOy.app-entitySelectors-InstrumentsRootAndTenors-___style-module__disabledClear___sue79 { color: var(--colorTextDisabled); } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__clearButton___r5tOy.app-entitySelectors-InstrumentsRootAndTenors-___style-module__noLabel___A2or6 { bottom: calc(50% - 7px); } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__clearButton___r5tOy.app-entitySelectors-InstrumentsRootAndTenors-___style-module__noLabel___A2or6.app-entitySelectors-InstrumentsRootAndTenors-___style-module__SMALL___e8Jdg { bottom: calc(50% - 7px); } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__clearButton___r5tOy.app-entitySelectors-InstrumentsRootAndTenors-___style-module__noLabel___A2or6.app-entitySelectors-InstrumentsRootAndTenors-___style-module__COMPACT___GZPSV { bottom: calc(50% - 7px); } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__checkbox___9qPcd { margin-left: 8px; padding: 10px 0 10px 8px; border-left: 1px solid var(--colorDivider); } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__disabled___0vX1U input { color: var(--colorTextDisabled); } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__inputWrapper___rKbIn input { white-space: nowrap; text-overflow: ellipsis; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__inputWrapper___rKbIn.app-entitySelectors-InstrumentsRootAndTenors-___style-module__isClearable___GX7GZ input { padding-right: 24px; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__inputWrapper___rKbIn.app-entitySelectors-InstrumentsRootAndTenors-___style-module__withValue___gBNKI input::placeholder { color: var(--colorTextMain); } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__unavailable___Ics0q { height: 30px; display: flex; flex-direction: row; align-items: center; padding: 0 10px; font: var(--typographyBody2Font); color: var(--colorTextPrimary); } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__unavailable___Ics0q > div { margin-left: auto; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__instrumentsList___f0TLf { flex: 0 0 300px; width: 300px; display: flex; flex-direction: column; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__instrumentsList___f0TLf.app-entitySelectors-InstrumentsRootAndTenors-___style-module__singleInstrumentsList___IyOQn { flex: 0 0 400px; width: 400px; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__pickedInstrumentsList___Y-wjs { flex: 0 0 300px; width: 300px; display: flex; flex-direction: column; overflow: hidden; height: 100%; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__selectedHeader___BU3Hr { display: flex; flex-direction: row; align-items: center; justify-content: space-between; font: var(--typographyBody2Font); padding: 0 8px 8px; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__selectedHeader___BU3Hr.app-entitySelectors-InstrumentsRootAndTenors-___style-module__headerAboveInput___k5fm2 { padding: 8px 8px 0; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__selectedHeader___BU3Hr span { color: var(--colorTextMain); } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__selectedHeader___BU3Hr button { color: var(--colorAccent); text-decoration: underline; text-decoration-style: dashed; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__selectedHeader___BU3Hr button.app-entitySelectors-InstrumentsRootAndTenors-___style-module__disabled___0vX1U { color: var(--colorButtonAccentDisabled); cursor: not-allowed; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__placeholder___DoqKl { height: 30px; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__arrange___ULgNb { font-size: 12px; padding-left: 2px; padding-right: 2px; color: var(--colorTextDisabled); height: 24px; display: flex; flex-direction: row; align-items: center; justify-content: center; cursor: pointer; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__accentHover___kX-UD:hover td { background: var(--colorDropBgHover)!important; } .app-entitySelectors-InstrumentsRootAndTenors-___style-module__accentHover___kX-UD:hover table th { background: var(--colorDropBgHover)!important; } .app-entitySelectors-CountrySelector-___styles-module__flag-option___ZlVr2 { display: flex; flex-direction: row; justify-content: flex-start; color: inherit; } .app-entitySelectors-CountrySelector-___styles-module__flag-option___ZlVr2 span:first-of-type { min-width: 20px; height: 15px; margin-right: 4px; margin-left: 0; margin-top: 0; } .app-entitySelectors-CountrySelector-___styles-module__flag-option___ZlVr2 span:last-of-type { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 0; } .app-entitySelectors-CountrySelector-___styles-module__flag-option___ZlVr2 > * { margin-right: 5px; } .app-components-Order-___style-module__container___kUCJO { color: var(--colorTextMain); display: flex; padding: 20px 16px; flex-direction: column; width: 1050px; height: 100%; overflow: hidden; z-index: 1; position: relative; } .app-components-Order-___style-module__label___UEldF { font:var(--typographyBody1Font); letter-spacing: var(--typographyBody1Spacing); color: var(--colorTextPrimary); margin-right: 8px; } .app-components-Order-___style-module__value___-utuX { font:var(--typographyBody1Font); letter-spacing: var(--typographyBody1Spacing); color: var(--colorTextMain); } .app-components-Order-___style-module__value___-utuX i { margin-right: 6px; } .app-components-Order-___style-module__link___6U0BG { color: var(--colorAccent); text-decoration: underline; } .app-components-Order-___style-module__orderButton___PhBjI { color: var(--colorTextMain); font: var(--typographyBody1Font); letter-spacing: var(--typographyBody1Spacing); -webkit-text-decoration: underline dashed var(--colorTextWhite50); text-decoration: underline dashed var(--colorTextWhite50); } .app-components-Order-___style-module__header___AnnOl { display: flex; flex-direction: row; align-items: center; margin-bottom: 12px; } .app-components-Order-___style-module__header___AnnOl > div { display: flex; flex-direction: row; margin-right: 16px; } .app-components-Order-___style-module__header___AnnOl > div:first-of-type { font-size: 17px; font-weight: 700; } .app-components-Order-___style-module__partial___PtAco { color: var(--colorWarning); } .app-components-Order-___style-module__filled___yHnnf { color: var(--colorBuy); } .app-components-Order-___style-module__cancelled___ClopC { color: var(--colorError); } .app-components-Order-___style-module__closeButton___CmcH- { margin-left: auto; color: var(--colorTextIcons); font-size: 16px; transition: all 0.2s; } .app-components-Order-___style-module__closeButton___CmcH-:hover { color: var(--colorTextMain); } .app-components-Order-___style-module__content___aroSL { padding: 20px 16px 16px; background-color: var(--colorBgInfo); margin-bottom: 16px; width: fit-content; } .app-components-Order-___style-module__valueRow___Huwne { display: flex; flex-direction: row; gap: 8px; } .app-components-Order-___style-module__valueRow___Huwne :first-child { font:var(--typographyBody1Font); letter-spacing: var(--typographyBody1Spacing); color: var(--colorTextPrimary); } .app-components-Order-___style-module__valueRow___Huwne :last-child { font:var(--typographyBody1Font); letter-spacing: var(--typographyBody1Spacing); color: var(--colorTextMain); } .app-components-Order-___style-module__valueRow___Huwne :last-child i { margin-right: 6px; } .app-components-Order-___style-module__divider___rhmN7 { margin: 16px 0; width: 100%; height: 1px; background-color: var(--colorDivider); } .app-components-Order-___style-module__columns___KjzB2 { display: flex; flex-direction: row; flex-wrap: nowrap; } .app-components-Order-___style-module__column___9BMQX:not(:last-of-type) { margin-right: 40px; } .app-components-Order-___style-module__column___9BMQX > div:not(:last-of-type) { margin-bottom: 12px; } .app-components-Order-___style-module__column___9BMQX:first-of-type > div > div:first-of-type { width: 122px; } .app-components-Order-___style-module__column___9BMQX:nth-of-type(2) > div > div:first-of-type { width: 122px; } .app-components-Order-___style-module__column___9BMQX:nth-of-type(3) > div > div:first-of-type { width: 122px; } .app-components-Order-___style-module__executions___AasbX { display: flex; overflow: hidden; margin: 0 -16px; } .app-components-Order-___style-module__executionFormatter___BP0P5 { text-align: left; } .app-components-Order-___style-module__executionFormatter___BP0P5 > div:first-of-type { font: var(--typographyBody1Font); color: var(--colorTextMain); } .app-components-Order-___style-module__executionFormatter___BP0P5 > div:not(:first-of-type) { font: var(--typographyBody2Font); color: var(--colorTextPrimary); } .app-components-Order-___style-module__orderStatus___giati { display: flex; flex-direction: row; height: fit-content; align-items: center; } .app-components-Order-___style-module__orderStatus___giati:before { content: ''; position: relative; left: 0; top: -1px; margin-right: 8px; width: 8px; height: 8px; border-radius: 4px; background-color: var(--colorTextIcons); } .app-components-Order-___style-module__orderStatus___giati.app-components-Order-___style-module__orderCancelled___W-WMc { color: var(--colorTextIcons)!important; } .app-components-Order-___style-module__orderStatus___giati.app-components-Order-___style-module__orderCancelled___W-WMc:before { background-color: var(--colorTextIcons); } .app-components-Order-___style-module__orderStatus___giati.app-components-Order-___style-module__orderNew___TFTAo { color: var(--colorTextMain)!important; } .app-components-Order-___style-module__orderStatus___giati.app-components-Order-___style-module__orderNew___TFTAo:before { background-color: var(--colorTextMain); } .app-components-Order-___style-module__orderStatus___giati.app-components-Order-___style-module__orderFilled___97B2a { color: var(--colorGreen)!important; } .app-components-Order-___style-module__orderStatus___giati.app-components-Order-___style-module__orderFilled___97B2a:before { background-color: var(--colorGreen); } .app-components-Order-___style-module__orderStatus___giati.app-components-Order-___style-module__orderRejected___S9R9i { color: var(--colorError)!important; } .app-components-Order-___style-module__orderStatus___giati.app-components-Order-___style-module__orderRejected___S9R9i:before { background-color: var(--colorError); } .app-components-Order-___style-module__orderStatus___giati.app-components-Order-___style-module__orderPartiallyFilled___MY-Vs { color: var(--colorOrange)!important; } .app-components-Order-___style-module__orderStatus___giati.app-components-Order-___style-module__orderPartiallyFilled___MY-Vs:before { background-color: var(--colorOrange); } .app-components-Order-___style-module__orderStatus___giati.app-components-Order-___style-module__orderReplaced___r1gdW { color: var(--colorViolet)!important; } .app-components-Order-___style-module__orderStatus___giati.app-components-Order-___style-module__orderReplaced___r1gdW:before { background-color: var(--colorViolet); } .app-components-Order-___style-module__rejected___N9rZc{ display: flex; flex-direction: row; height: fit-content; align-items: center; color: var(--colorError)!important; } .app-components-Order-___style-module__rejected___N9rZc:before { content: ''; position: relative; left: 0; top: -1px; width: 8px; height: 8px; border-radius: 4px; background-color: var(--colorError); } .app-pages-TradingPage-TicketWidget-___style-module__ticketHeader___Eqjgl { display: flex; flex-direction: row; align-items: center; padding-left: 8px; width: 100%; } .app-pages-TradingPage-TicketWidget-___style-module__ticketHeader___Eqjgl > div:first-of-type { max-width: calc(100% - 20px); } .app-pages-TradingPage-TicketWidget-___style-module__ticketHeader___Eqjgl .app-pages-TradingPage-TicketWidget-___style-module__headerTitle___7iCXy { font: var(--typographyBody2Font); color: var(--colorTextMain); height: 26px; line-height: 26px; } .app-pages-TradingPage-TicketWidget-___style-module__ticketIcon___XmF9C { margin-right: 5px; } .app-pages-TradingPage-TicketWidget-___style-module__form-container___MEz9f { flex: 1; overflow: hidden; height: 100%; } .app-pages-TradingPage-TicketWidget-___style-module__loader___MqzWL { position: absolute; width: 100%; height: 100%; } .app-pages-TradingPage-TicketWidget-___style-module__tooltip___tcPgw { padding: 10px 5px; margin: 0 10px 0 10px; display: flex; flex-direction: row; align-items: center; border-radius: var(--defaultDropBorderRadius); } .app-pages-TradingPage-TicketWidget-___style-module__tooltip___tcPgw.app-pages-TradingPage-TicketWidget-___style-module__small___gEzri { padding: 5px 5px; } .app-pages-TradingPage-TicketWidget-___style-module__tooltip___tcPgw.app-pages-TradingPage-TicketWidget-___style-module__session___krKNP { justify-content: center; margin-bottom: 5px; color: var(--colorError); } .app-pages-TradingPage-TicketWidget-___style-module__tooltip-error___s7Osp { background: var(--colorError); } .app-pages-TradingPage-TicketWidget-___style-module__tooltip-text___QpDkG { font-size: 12px; font-weight: 600; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: left; color: var(--colorTextMain); padding-left: 7px; } .app-pages-TradingPage-TicketWidget-___style-module__loading___gPY8U { height: 100%; width: 100%; position: relative; } .app-pages-TradingPage-TicketWidget-___style-module__icon___TyqiT { font-size: 32px; } .app-pages-TradingPage-TicketWidget-___style-module__no-data___lUt-6 { width: 100%; height: 100%; padding: 30px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--colorTextMain); } .app-pages-TradingPage-TicketWidget-___style-module__no-data___lUt-6 p { text-align: center; } .app-pages-TradingPage-TicketWidget-___style-module__expected-price___VMBEA ::placeholder { color: var(--colorTextMain); opacity: 1; } .app-pages-TradingPage-TicketWidget-___style-module__slippage-price-wrapper___u1N41 { color: var(--colorTextPrimary); padding: 4px 0 0 0; text-align: center; font-size: 10px; } .app-pages-TradingPage-TicketWidget-___style-module__slippage-price-value___nl6C5 { display: inline-block; color: var(--colorTextMain); } .app-pages-TradingPage-TicketWidget-___style-module__amountContainer___mta-d { width: 100%; } .app-pages-TradingPage-TicketWidget-___style-module__row___cnImj { display: flex; padding: 4px 12px 0 12px; } .app-pages-TradingPage-TicketWidget-___style-module__row___cnImj:first-of-type { padding-top: 12px; } .app-pages-TradingPage-TicketWidget-___style-module__row___cnImj.app-pages-TradingPage-TicketWidget-___style-module__comment___vEr3i { padding: 0 8px 8px; } .app-pages-TradingPage-TicketWidget-___style-module__row___cnImj.app-pages-TradingPage-TicketWidget-___style-module__comment___vEr3i > div { width: 100%; } .app-pages-TradingPage-TicketWidget-___style-module__commentWrapper___FJpj9 { padding: 8px 0; margin: 0 10px; } .app-pages-TradingPage-TicketWidget-___style-module__dividerCut___AQ398 { margin: 0 10px; } .app-pages-TradingPage-TicketWidget-___style-module__column___B3oVE { display: flex; flex-grow: 1; flex-basis: 0; flex-direction: column; margin-left: 2px; } .app-pages-TradingPage-TicketWidget-___style-module__column___B3oVE:first-child { margin-left: 0; } .app-pages-TradingPage-TicketWidget-___style-module__streamTopSelector___INQs0 { margin-left: auto; min-width: 140px; } .app-pages-TradingPage-TicketWidget-___style-module__separator___YL7R- { width: 100%; height: 1px; background: var(--colorDivider); margin: 10px 0; } .app-pages-TradingPage-TicketWidget-___style-module__labelPadded___dnUMk > div > div > div:first-of-type > div > div { padding-right: 10px; } .app-pages-TradingPage-TicketWidget-___style-module__leftPadded___dr1QH > div > div > div:first-of-type { padding-left: 8px; } .app-pages-TradingPage-TicketWidget-___style-module__sltp___Rtl-e { text-transform: uppercase; color: var(--colorTextPrimary); font: var(--typographyCaps3Font); letter-spacing: var(--typographyCaptionSpacing); } .app-pages-TradingPage-TicketWidget-___style-module__stopLoss___IAx23 { color: var(--colorPLMinus); margin-left: 5px; } .app-pages-TradingPage-TicketWidget-___style-module__takeProfit___4x8dA { color: var(--colorPLPlus); margin-left: 5px; } .app-pages-TradingPage-TicketWidget-___style-module__no-data___lUt-6 { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10px; text-align: center; } .app-pages-TradingPage-TicketWidget-___style-module__no-data___lUt-6 p { margin-top: 16px; color: var(--colorTextPrimary); font: var(--typographyBody1Font); } .app-pages-TradingPage-TicketWidget-___style-module__no-data-wrapper___MkWgi { width: 72px; height: 72px; border-radius: 36px; border: 2px solid var(--colorWindowBorder); display: flex; flex-direction: row; align-items: center; justify-content: center; } .app-pages-TradingPage-TicketWidget-___style-module__no-data-wrapper___MkWgi svg { fill: none; } .app-pages-TradingPage-TicketWidget-___style-module__trailingInput___Hn2R0 { border-radius: 3px; border: 1px solid var(--colorInputBg); } .app-pages-TradingPage-TicketWidget-___style-module__trailingInput___Hn2R0.app-pages-TradingPage-TicketWidget-___style-module__trailingInputActive___lM446 { border: 1px solid var(--colorAccent); } .app-pages-TradingPage-TicketWidget-___style-module__trailingInput___Hn2R0 > div { max-height: 38px; overflow: hidden; } .app-pages-TradingPage-TicketWidget-___style-module__trailingInput___Hn2R0 input:first-child { border: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } .app-pages-TradingPage-TicketWidget-___style-module__trailingInput___Hn2R0 .uiSelect__control { border: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .app-pages-TradingPage-TicketWidget-___style-module__trailingInput___Hn2R0 .uiSelect__single-value { color: var(--colorTextPrimary) !important; } .app-pages-TradingPage-TicketWidget-___style-module__hint___rKOcr { background: var(--colorBgMain); color: var(--colorTextMain); font: var(--typographyCaptionFont); letter-spacing: var(--typographyCaptionSpacing); padding: 14px; padding-top: 8px; border-radius: 3px; width: 200px; } .app-pages-TradingPage-TicketWidget-___style-module__checkBoxRow___LHRRR > div, .app-pages-TradingPage-TicketWidget-___style-module__executeOnExpiration___d6NMY > div { width: 100%; border-bottom: 1px solid var(--colorDivider); padding-bottom: 8px; margin-top: 4px; } .app-pages-TradingPage-TicketWidget-___style-module__checkBoxRow___LHRRR > div label, .app-pages-TradingPage-TicketWidget-___style-module__executeOnExpiration___d6NMY > div label { width: 100%; display: flex; flex-direction: row-reverse; justify-content: space-between; } .app-pages-TradingPage-TicketWidget-___style-module__checkBoxRow___LHRRR > div label > div:first-of-type, .app-pages-TradingPage-TicketWidget-___style-module__executeOnExpiration___d6NMY > div label > div:first-of-type { margin-right: 0; } .app-pages-TradingPage-TicketWidget-___style-module__checkBoxRow___LHRRR > div label > div:last-of-type, .app-pages-TradingPage-TicketWidget-___style-module__executeOnExpiration___d6NMY > div label > div:last-of-type { font-size: 12px; } .app-pages-TradingPage-TicketWidget-___style-module__checkBoxRow___LHRRR.app-pages-TradingPage-TicketWidget-___style-module__executeOnExpiration___d6NMY > div, .app-pages-TradingPage-TicketWidget-___style-module__executeOnExpiration___d6NMY.app-pages-TradingPage-TicketWidget-___style-module__executeOnExpiration___d6NMY > div { width: 100%; border-bottom: none; padding-bottom: 4px; margin-top: 4px; } .app-pages-TradingPage-TicketWidget-___style-module__scrollContainer___MjcQK { height: calc(100% - 56px); } .app-pages-TradingPage-TicketWidget-___style-module__buttonsContainer___pbNJa { padding-bottom: 12px; position: relative; } .app-pages-TradingPage-TicketWidget-___style-module__buttonsContainer___pbNJa > div{ transition: all 0.5s; } .app-pages-TradingPage-TicketWidget-___style-module__buttonContent___2enb5 { display: flex; flex-direction: column; } .app-pages-TradingPage-TicketWidget-___style-module__buttonContent___2enb5 > span { height: 16px; display: flex; align-items: center; justify-content: center; font-size: 12px; } .app-pages-TradingPage-TicketWidget-___style-module__buttonContent___2enb5 > span.app-pages-TradingPage-TicketWidget-___style-module__buttonInfo___QMcUD { font-size: 10px; font-weight: 400; white-space: nowrap; } .app-pages-TradingPage-TicketWidget-___style-module__buttonContent___2enb5 > span.app-pages-TradingPage-TicketWidget-___style-module__buttonInfo___QMcUD span { margin-left: 2px; } .app-pages-TradingPage-TicketWidget-___style-module__labelAction___e22DP { transition: all 0.2s; cursor: pointer; display: flex; align-items: center; } .app-pages-TradingPage-TicketWidget-___style-module__labelAction___e22DP i { margin-left: 4px; font-size: 16px; } .app-pages-TradingPage-TicketWidget-___style-module__labelAction___e22DP:hover { color: var(--colorTextMain); } .app-pages-TradingPage-TicketWidget-___style-module__ticketPrices___WSqKi { padding: 4px 12px; transition: all 0.2s; } .app-pages-TradingPage-TicketWidget-___style-module__ticketPrices___WSqKi.app-pages-TradingPage-TicketWidget-___style-module__withShadow___qZSXJ { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } .app-pages-TradingPage-TicketWidget-___style-module__sticky___jowQt { position: sticky; top: 0; z-index: 1; background: var(--colorBgPrimary); } .app-pages-TradingPage-TicketWidget-___style-module__stickyPrice___BhZox { position: sticky; top: calc(38px); } .app-pages-TradingPage-TicketWidget-___style-module__stickyPrice___BhZox.app-pages-TradingPage-TicketWidget-___style-module__withRange___DUtSV { top: calc(38px + 16px); } .app-pages-TradingPage-TicketWidget-___style-module__stickyPrice___BhZox { z-index: 1; background: var(--colorBgPrimary); } .app-pages-TradingPage-TicketWidget-___style-module__stickyPrice___BhZox.app-pages-TradingPage-TicketWidget-___style-module__withInfo___KEjx- { top: calc(87px); } .app-pages-TradingPage-TicketWidget-___style-module__stickyPrice___BhZox.app-pages-TradingPage-TicketWidget-___style-module__withInfo___KEjx-.app-pages-TradingPage-TicketWidget-___style-module__withRange___DUtSV { top: calc(87px + 16px); } .app-pages-TradingPage-TicketWidget-___style-module__stickyDayRange___ERwa9 { position: sticky; top: 38px; z-index: 1; background: var(--colorBgPrimary); padding: 0 12px; } .app-pages-TradingPage-TicketWidget-___style-module__stickyDayRange___ERwa9.app-pages-TradingPage-TicketWidget-___style-module__withInfo___KEjx- { top: 87px; } .app-pages-TradingPage-TicketWidget-___style-module__ticketDefault___WHk0q { font-size: 12px; } .app-pages-TradingPage-TicketWidget-___style-module__ticketSmall___2wLxR { font-size: 11px; } .app-pages-TradingPage-TicketWidget-___style-module__ticketSmall___2wLxR .app-pages-TradingPage-TicketWidget-___style-module__scrollContainer___MjcQK { height: calc(100% - 50px); } .app-pages-TradingPage-TicketWidget-___style-module__ticketSmall___2wLxR .app-pages-TradingPage-TicketWidget-___style-module__row___cnImj { padding: 4px 6px 0 6px; } .app-pages-TradingPage-TicketWidget-___style-module__ticketSmall___2wLxR .app-pages-TradingPage-TicketWidget-___style-module__row___cnImj:first-of-type { padding-top: 12px; } .app-pages-TradingPage-TicketWidget-___style-module__ticketSmall___2wLxR .app-pages-TradingPage-TicketWidget-___style-module__ticketPrices___WSqKi { font-size: 12px; padding: 4px 6px; } .app-pages-TradingPage-TicketWidget-___style-module__ticketSmall___2wLxR .app-pages-TradingPage-TicketWidget-___style-module__stickyPrice___BhZox { top: calc(38px); } .app-pages-TradingPage-TicketWidget-___style-module__ticketSmall___2wLxR .app-pages-TradingPage-TicketWidget-___style-module__stickyPrice___BhZox.app-pages-TradingPage-TicketWidget-___style-module__withRange___DUtSV { top: calc(38px + 16px); } .app-pages-TradingPage-TicketWidget-___style-module__ticketSmall___2wLxR .app-pages-TradingPage-TicketWidget-___style-module__stickyPrice___BhZox.app-pages-TradingPage-TicketWidget-___style-module__withInfo___KEjx- { top: calc(83px); } .app-pages-TradingPage-TicketWidget-___style-module__ticketSmall___2wLxR .app-pages-TradingPage-TicketWidget-___style-module__stickyPrice___BhZox.app-pages-TradingPage-TicketWidget-___style-module__withInfo___KEjx-.app-pages-TradingPage-TicketWidget-___style-module__withRange___DUtSV { top: calc(83px + 16px); } .app-pages-TradingPage-TicketWidget-___style-module__ticketSmall___2wLxR .app-pages-TradingPage-TicketWidget-___style-module__stickyDayRange___ERwa9 { top: 38px; padding: 0 6px; } .app-pages-TradingPage-TicketWidget-___style-module__ticketSmall___2wLxR .app-pages-TradingPage-TicketWidget-___style-module__stickyDayRange___ERwa9.app-pages-TradingPage-TicketWidget-___style-module__withInfo___KEjx- { top: 83px; } .app-pages-TradingPage-TicketWidget-___style-module__ticketSmall___2wLxR .app-pages-TradingPage-TicketWidget-___style-module__buttonsContainer___pbNJa button { padding: 0 4px } .app-pages-TradingPage-TicketWidget-___style-module__ticketSmall___2wLxR .app-pages-TradingPage-TicketWidget-___style-module__buttonContent___2enb5 > span { font-size: 10px; } .app-pages-TradingPage-TicketWidget-___style-module__ticketSmall___2wLxR .app-pages-TradingPage-TicketWidget-___style-module__buttonContent___2enb5 > span.app-pages-TradingPage-TicketWidget-___style-module__buttonInfo___QMcUD { font-size: 9px; white-space: nowrap; } .app-pages-TradingPage-TicketWidget-___style-module__ticketSmall___2wLxR .app-pages-TradingPage-TicketWidget-___style-module__buttonContent___2enb5 > span.app-pages-TradingPage-TicketWidget-___style-module__buttonInfo___QMcUD span { margin-left: 1px; } .app-pages-TradingPage-TicketWidget-___style-module__activationPriceLabel___4h4bG { display: flex; flex-direction: row; } .app-pages-TradingPage-TicketWidget-___style-module__trailingColumn___qtHyR > div > div { display: flex; flex-direction: column; } .app-pages-TradingPage-TicketWidget-___style-module__trailingColumn___qtHyR > div > div > div:last-of-type { margin-top: 4px; width: 100%; margin-left: 0; } .app-pages-TradingPage-TicketWidget-___style-module__dropdown___gAM0B { width: 256px; background-color: var(--colorDropBg); border-radius: var(--defaultDropBorderRadius); padding: 4px 0; overflow: hidden; box-shadow: 0px 10px 18px var(--colorDropShadow); } .app-pages-TradingPage-TicketWidget-___style-module__dropdown___gAM0B .app-pages-TradingPage-TicketWidget-___style-module__header___jcCcV { padding: 8px 8px 0; font: var(--typographyCaps3Font); color: var(--colorTextPrimary); text-transform: uppercase; letter-spacing: 0.4px; } .app-pages-TradingPage-TicketWidget-___style-module__dropdown___gAM0B .app-pages-TradingPage-TicketWidget-___style-module__dropRow___GGvGe { padding: 4px 8px 8px; } .app-pages-TradingPage-TicketWidget-___style-module__dropdown___gAM0B .app-pages-TradingPage-TicketWidget-___style-module__dropRow___GGvGe:not(:last-of-type) { border-bottom: 1px solid var(--colorDivider); } .app-pages-TradingPage-TicketWidget-___style-module__settingsButton___k0Azn { color: var(--colorTextIcons); cursor: pointer; font-size: 14px; display: flex; flex-direction: row; height: 100%; align-items: center; justify-content: center; } .app-pages-TradingPage-TicketWidget-___style-module__settingsButton___k0Azn.app-pages-TradingPage-TicketWidget-___style-module__active___ht1bL { color: var(--colorTextMain); } .app-pages-TradingPage-TicketWidget-___style-module__settingsButton___k0Azn:hover i { color: var(--colorTextMain); } .app-pages-TradingPage-TicketWidget-___style-module__twinkling___dxlns > div > div:first-child{ animation: app-pages-TradingPage-TicketWidget-___style-module__sell___cvBGt 1s ease-in infinite; } .app-pages-TradingPage-TicketWidget-___style-module__twinkling___dxlns > div > div:last-child{ animation: app-pages-TradingPage-TicketWidget-___style-module__buy___Hn70V 1s ease-in infinite; } @keyframes app-pages-TradingPage-TicketWidget-___style-module__buy___Hn70V { 50% {background-color: var(--colorBuySelected)} } @keyframes app-pages-TradingPage-TicketWidget-___style-module__sell___cvBGt { 50% {background-color: var(--colorSellSelected)} } .app-pages-TradingPage-TicketWidget-___style-module__btnFullWidth___Imiod{ overflow: hidden; width: 100%; } .app-pages-TradingPage-TicketWidget-___style-module__btnZeroWidth___QJFU2{ overflow: hidden; width: 0; } .app-pages-TradingPage-TicketWidget-___style-module__sltpWarning___TQD-y { position: absolute; bottom: 100%; left: 10px; right: 10px; font: var(--typographyBody2Font); color: var(--colorPreMarket); font-size: 11px; display: flex; flex-direction: row; align-items: center; padding: 8px 0; border-top: 1px solid var(--colorDivider); background: var(--colorBgPrimary); } .app-pages-TradingPage-TicketWidget-___style-module__sltpWarning___TQD-y i { font-size: 14px; margin-right: 8px; } .app-pages-TradingPage-TicketWidget-___style-module__closeOnlyMode___o7Yx5 { margin: 12px 12px; padding-bottom: 12px; border-bottom: 1px solid var(--colorDivider); } .app-pages-TradingPage-TicketWidget-___style-module__closeOnlyMode___o7Yx5 > div:first-of-type { color: var(--colorTextMain); font: var(--typographyBody1Font); margin-bottom: 4px; display: flex; flex-direction: row; align-items: center; gap: 8px; } .app-pages-TradingPage-TicketWidget-___style-module__closeOnlyMode___o7Yx5 > div:first-of-type i { font-size: 14px; } .app-pages-TradingPage-TicketWidget-___style-module__closeOnlyMode___o7Yx5 > div:first-of-type span { line-height: 13px; } .app-pages-TradingPage-TicketWidget-___style-module__closeOnlyMode___o7Yx5 > div:last-of-type { font: var(--typographyBody2Font); color: var(--colorTextPrimary); font-size: 10px; } .app-pages-TradingPage-TicketWidget-___style-module__sltpSlideModal___CF3xi { height: 100%; display: flex; flex-direction: column; min-height: 0; } .app-pages-TradingPage-TicketWidget-___style-module__sltpSlideModal___CF3xi form > div { width: 100%; } .app-pages-TradingPage-TicketWidget-___style-module__sltpContainer___UY3fi { height: auto; max-height: calc(100% - 48px); display: flex; flex-direction: column; } .app-pages-TradingPage-TicketWidget-___style-module__sltpContainer___UY3fi > div { display: flex; flex-direction: column; min-height: 0; } .app-pages-TradingPage-TicketWidget-___style-module__disabledIcon___L1RhR { text-align: center; margin: 28px 0; } .app-pages-TradingPage-TicketWidget-___style-module__disabledIcon___L1RhR i { font-size: 64px; } .app-pages-TradingPage-TicketWidget-___style-module__disabledHeader___OUbKb{ padding: 0 16px; font: var(--typographySubtitleFont); margin-bottom: 8px; } .app-pages-TradingPage-TicketWidget-___style-module__disabledText___8UIVZ{ padding: 0 16px; font: var(--typographyBody2Font); } .app-pages-TradingPage-TicketWidget-___style-module__disabledButton___mHEst{ padding: 24px 16px; } .app-containers-Chat-ChatCounter-___style-module__indicator___UPPfu { width: 6px; height: 6px; background-image: linear-gradient(to bottom, var(--colorAdminWarning), var(--colorAdminWarning)); border-radius: 50%; position: absolute; top: 2px; right: 2px; overflow: hidden; color: transparent; } .app-containers-Chat-ChatAvatar-___style-module__chatAvatar___Groyx { width: 24px; flex: 0 0 24px; height: 24px; display: flex; flex-direction: row; align-items: center; justify-content: center; border-radius: 12px; background-color: var(--colorGreen); font: var(--typographyBody1Font); font-size: 11px; text-transform: uppercase; color: var(--colorTextWhite); position: relative; } .app-containers-Chat-ChatAvatar-___style-module__chatAvatar___Groyx.app-containers-Chat-ChatAvatar-___style-module__counter___s-Kma { background-color: var(--colorAccent); border: 1px solid var(--colorBgPrimary); position: absolute; left: 4px; box-sizing: content-box; border-radius: 13px; } .app-containers-Chat-ChatAvatar-___style-module__chatAvatar___Groyx img { border-radius: 50%; width: 100%; height: 100%; } .app-containers-Chat-ChatAvatar-___style-module__chatAvatar___Groyx.app-containers-Chat-ChatAvatar-___style-module__big___pds1q { width: 40px; flex: 0 0 40px; height: 40px; border-radius: 20px; font-size: 17px; line-height: 100%; } .app-containers-Chat-ChatAvatar-___style-module__chatAvatar___Groyx.app-containers-Chat-ChatAvatar-___style-module__big___pds1q img { border-radius: 50%; } .app-containers-Chat-ChatAvatar-___style-module__chatAvatar___Groyx .app-containers-Chat-ChatAvatar-___style-module__instrument___Q9rrA { position: absolute; bottom: -9px; right: -6px; width: 18px; height: 18px; border: 2px solid var(--colorBgPrimary); border-radius: 4px; } .app-containers-Chat-ChatAvatar-___style-module__chatAvatar___Groyx .app-containers-Chat-ChatAvatar-___style-module__instrument___Q9rrA > div { height: 14px; } .app-containers-Chat-ChatAvatar-___style-module__chatAvatar___Groyx .app-containers-Chat-ChatAvatar-___style-module__instrument___Q9rrA > div > svg { width: 14px; height: 14px; } .app-containers-Chat-ChatAvatar-___style-module__chatAvatar___Groyx.app-containers-Chat-ChatAvatar-___style-module__noPic___imkWK { border-radius: 4px; background-color: transparent; } .app-containers-Chat-ChatAvatar-___style-module__chatAvatar___Groyx.app-containers-Chat-ChatAvatar-___style-module__noPic___imkWK .app-containers-Chat-ChatAvatar-___style-module__instrument___Q9rrA { position: static; width: 24px; height: 24px; border: none; } .app-containers-Chat-ChatAvatar-___style-module__chatAvatar___Groyx.app-containers-Chat-ChatAvatar-___style-module__noPic___imkWK .app-containers-Chat-ChatAvatar-___style-module__instrument___Q9rrA > div { height: 24px; } .app-containers-Chat-ChatAvatar-___style-module__chatAvatar___Groyx.app-containers-Chat-ChatAvatar-___style-module__noPic___imkWK .app-containers-Chat-ChatAvatar-___style-module__instrument___Q9rrA > div > svg { width: 24px; height: 24px; } .app-containers-Chat-ChatAvatar-___style-module__chatAvatar___Groyx .app-containers-Chat-ChatAvatar-___style-module__badge___Mt9PR { position: absolute; right: -4px; bottom: -2px; width: 10px; height: 10px; border-radius: 5px; background-color: var(--colorAdminWarning); } .app-containers-Chat-Chat-___style-module__chat___LP0EO, .app-containers-Chat-Chat-___style-module__empty___oGn1T { height: 100%; display: flex; flex-direction: column; } .app-containers-Chat-Chat-___style-module__chat___LP0EO .app-containers-Chat-Chat-___style-module__empty___oGn1T, .app-containers-Chat-Chat-___style-module__empty___oGn1T .app-containers-Chat-Chat-___style-module__empty___oGn1T { width: 250px !important; } .app-containers-Chat-Chat-___style-module__chat___LP0EO.app-containers-Chat-Chat-___style-module__dealer___1QgSM, .app-containers-Chat-Chat-___style-module__empty___oGn1T.app-containers-Chat-Chat-___style-module__dealer___1QgSM { background: var(--colorBgPrimary); border-left: 1px solid var(--colorDivider); } .app-containers-Chat-Chat-___style-module__chat___LP0EO.app-containers-Chat-Chat-___style-module__dealer___1QgSM .app-containers-Chat-Chat-___style-module__orders___QVnE0, .app-containers-Chat-Chat-___style-module__empty___oGn1T.app-containers-Chat-Chat-___style-module__dealer___1QgSM .app-containers-Chat-Chat-___style-module__orders___QVnE0 { border-bottom: none; } .app-containers-Chat-Chat-___style-module__chat___LP0EO.app-containers-Chat-Chat-___style-module__dealer___1QgSM .app-containers-Chat-Chat-___style-module__orders___QVnE0 table, .app-containers-Chat-Chat-___style-module__empty___oGn1T.app-containers-Chat-Chat-___style-module__dealer___1QgSM .app-containers-Chat-Chat-___style-module__orders___QVnE0 table { margin-bottom: 0; } .app-containers-Chat-Chat-___style-module__chat___LP0EO.app-containers-Chat-Chat-___style-module__dealer___1QgSM textarea, .app-containers-Chat-Chat-___style-module__empty___oGn1T.app-containers-Chat-Chat-___style-module__dealer___1QgSM textarea { background-color: transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; border-top: 1px solid var(--colorDivider); border-bottom: 1px solid var(--colorDivider); } .app-containers-Chat-Chat-___style-module__chat___LP0EO.app-containers-Chat-Chat-___style-module__dealer___1QgSM textarea:focus, .app-containers-Chat-Chat-___style-module__empty___oGn1T.app-containers-Chat-Chat-___style-module__dealer___1QgSM textarea:focus { border: 1px solid var(--colorAccent); } .app-containers-Chat-Chat-___style-module__chat___LP0EO .app-containers-Chat-Chat-___style-module__topic___HAo-k, .app-containers-Chat-Chat-___style-module__empty___oGn1T .app-containers-Chat-Chat-___style-module__topic___HAo-k { padding: 8px; border-bottom: 1px solid var(--colorDivider); color: var(--colorTextMain); font: var(--typographyBody1Font); } .app-containers-Chat-Chat-___style-module__chat___LP0EO .app-containers-Chat-Chat-___style-module__topic___HAo-k > span:first-of-type, .app-containers-Chat-Chat-___style-module__empty___oGn1T .app-containers-Chat-Chat-___style-module__topic___HAo-k > span:first-of-type { font-size: 10px; color: var(--colorTextPrimary); text-transform: uppercase; padding-right: 32px; } .app-containers-Chat-Chat-___style-module__empty___oGn1T { width: 100%; } .app-containers-Chat-Chat-___style-module__chat___LP0EO { flex-grow: 2; overflow: hidden; } .app-containers-Chat-Chat-___style-module__chat___LP0EO, .app-containers-Chat-Chat-___style-module__chat___LP0EO:after, .app-containers-Chat-Chat-___style-module__chat___LP0EO:before, .app-containers-Chat-Chat-___style-module__chat___LP0EO *, .app-containers-Chat-Chat-___style-module__chat___LP0EO *:after, .app-containers-Chat-Chat-___style-module__chat___LP0EO *:before { -webkit-user-select: text; user-select: text; } .app-containers-Chat-Chat-___style-module__empty___oGn1T { display: flex; align-items: center; color:var(--colorTextPrimary); justify-content: center; position: relative; } .app-containers-Chat-Chat-___style-module__chat-title___9rfPt { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .app-containers-Chat-Chat-___style-module__icon-title___2bKbs { width: calc(100% - 150px); } .app-containers-Chat-Chat-___style-module__icon-title___2bKbs, .app-containers-Chat-Chat-___style-module__btns___2isZB { display: flex; flex-direction: row; align-items: center; } .app-containers-Chat-Chat-___style-module__btns___2isZB > button:first-child { margin-right: 10px; } .app-containers-Chat-Chat-___style-module__icon___sSTgW { min-width: 36px; height: 36px; border-radius: 50%; margin-right: 10px; background: var(--colorDivider); color: var(--colorTextMain); font-size: 18px; padding: 7px 0 0 9px; } .app-containers-Chat-Chat-___style-module__title-container___eoBWy { flex-grow: 2; overflow: hidden; } .app-containers-Chat-Chat-___style-module__title___6V8vP { width: 100%; color: var(--colorTextMain); font-size: 18px; font-weight: 600; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .app-containers-Chat-Chat-___style-module__chat-header___kzeOg { padding: 15px 20px; border-bottom: 1px solid var(--colorDivider); display: flex; flex-direction: column; overflow: hidden; min-height: 56px; } .app-containers-Chat-Chat-___style-module__chat-members-wrap___wgMS1 { overflow: hidden; max-height: 120px; min-height: 50px; width: 100%; flex-grow: 2; display: flex; flex-direction: column; } .app-containers-Chat-Chat-___style-module__chat-members___qrP5t { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; margin-top: 15px; } .app-containers-Chat-Chat-___style-module__chat-members___qrP5t .app-containers-Chat-Chat-___style-module__chat-member___MM-Fr { border-radius: 12px; color:var(--colorTextWhite50); font-weight: 600; font-size: 14px; line-height: 14px; background: var(--colorDivider); height: 24px; display: flex; align-items: center; padding: 0 7px; margin-right: 5px; margin-bottom: 5px; } .app-containers-Chat-Chat-___style-module__chat-members___qrP5t .app-containers-Chat-Chat-___style-module__chat-member___MM-Fr.app-containers-Chat-Chat-___style-module__online___XtNYc:before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--colorPLPlus); margin-right: 5px; } .app-containers-Chat-Chat-___style-module__chat-members___qrP5t .app-containers-Chat-Chat-___style-module__chat-member___MM-Fr > i { color: var(--colorTextWhite50); margin-left: 8px; font-size: 9px; line-height: 9px; font-weight: 400; cursor: pointer; } .app-containers-Chat-Chat-___style-module__chat-members___qrP5t .app-containers-Chat-Chat-___style-module__add-member___Df8vI { border: 1px solid var(--colorDivider); background: transparent; cursor: pointer; } .app-containers-Chat-Chat-___style-module__chat-members___qrP5t .app-containers-Chat-Chat-___style-module__add-member___Df8vI:hover { background: var(--colorDivider); } .app-containers-Chat-Chat-___style-module__user-chat___HwECa .app-containers-Chat-Chat-___style-module__chat-members___qrP5t { margin-top: 5px; } .app-containers-Chat-Chat-___style-module__user-chat___HwECa .app-containers-Chat-Chat-___style-module__chat-header___kzeOg { padding: 10px 10px 5px; } .app-containers-Chat-Chat-___style-module__user-chat___HwECa .app-containers-Chat-Chat-___style-module__chat-body___pZYQg { width: 100%; } .app-containers-Chat-Chat-___style-module__chat-body___pZYQg { display: flex; flex-direction: column; min-width: calc(100% - 100px); } .app-containers-Chat-Chat-___style-module__chat-body___pZYQg.app-containers-Chat-Chat-___style-module__inner___NhZ5S { width: 50%; position: relative; border-left: 1px solid var(--colorDivider); background-color: var(--colorChatBg); } .app-containers-Chat-Chat-___style-module__chat-body___pZYQg.app-containers-Chat-Chat-___style-module__full___z3fBE { width: 100%; } .app-containers-Chat-Chat-___style-module__mode-btn___zdyOg { position: absolute; top: calc(50% - 10px); left: -10px; width: 20px; height: 20px; border-radius: 50%; background: var(--colorAccent); color: var(--colorTextMain); font-size: 10px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; z-index: 1000; } .app-containers-Chat-Chat-___style-module__manager-mode___BNHQm .app-containers-Chat-Chat-___style-module__chat-body___pZYQg { min-width: 50%; } .app-containers-Chat-Chat-___style-module__manager-mode___BNHQm .app-containers-Chat-Chat-___style-module__chat-body___pZYQg.app-containers-Chat-Chat-___style-module__inner___NhZ5S { width: 50%; } .app-containers-Chat-Chat-___style-module__manager-mode___BNHQm .app-containers-Chat-Chat-___style-module__mode-btn___zdyOg { padding-right: 0px; padding-left: 1px; } .app-containers-Chat-Chat-___style-module__messages___Pn8Wz { flex-grow: 1; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; } .app-containers-Chat-Chat-___style-module__messages-wrap___YvPqH { padding: 4px 12px 0; display: flex; flex-direction: column; justify-content: flex-end; flex: 1; } .app-containers-Chat-Chat-___style-module__messages-wrap___YvPqH .app-containers-Chat-Chat-___style-module__section___Eq-X- .app-containers-Chat-Chat-___style-module__sectionTitle___4ybqY { color: var(--colorTextPrimary); font: var(--typographyBody2Font); text-align: center; margin-bottom: 8px; width: 100%; } .app-containers-Chat-Chat-___style-module__user-chat___HwECa .app-containers-Chat-Chat-___style-module__send-message___sN6kk { padding: 16px; } .app-containers-Chat-Chat-___style-module__message___nm658 { margin-bottom: 8px; display: flex; flex-direction: row; align-items: flex-start; } .app-containers-Chat-Chat-___style-module__message___nm658.app-containers-Chat-Chat-___style-module__full___z3fBE .app-containers-Chat-Chat-___style-module__message-body___gVSwv { max-width: calc(100% - 60px); } .app-containers-Chat-Chat-___style-module__message___nm658.app-containers-Chat-Chat-___style-module__outbox___bCxsf { justify-content: flex-end; } .app-containers-Chat-Chat-___style-module__message___nm658.app-containers-Chat-Chat-___style-module__outbox___bCxsf .app-containers-Chat-Chat-___style-module__user-pic___pyp6C, .app-containers-Chat-Chat-___style-module__message___nm658.app-containers-Chat-Chat-___style-module__outbox___bCxsf .app-containers-Chat-Chat-___style-module__user___9bjZK { display: none; } .app-containers-Chat-Chat-___style-module__message___nm658.app-containers-Chat-Chat-___style-module__outbox___bCxsf .app-containers-Chat-Chat-___style-module__message-body___gVSwv { border-top-left-radius: 6px; border-bottom-right-radius: 0; background: var(--colorBubbleOutgoingBg); } .app-containers-Chat-Chat-___style-module__message___nm658.app-containers-Chat-Chat-___style-module__outbox___bCxsf .app-containers-Chat-Chat-___style-module__text___mZGfS { color: var(--colorTextMain); } .app-containers-Chat-Chat-___style-module__message___nm658 .app-containers-Chat-Chat-___style-module__message-body___gVSwv { position: relative; max-width: calc(100% - 62px); padding: 8px; background: var(--colorBubbleIncomingBg); border-radius: 6px; border-top-left-radius: 0; } .app-containers-Chat-Chat-___style-module__message___nm658 a { text-decoration: underline; } .app-containers-Chat-Chat-___style-module__user___9bjZK { display: flex; flex-direction: row; align-items: center; justify-content: space-between; color: var(--colorTextDigit); font-size: 11px; margin-bottom: 4px; } .app-containers-Chat-Chat-___style-module__name___wf-W6 { flex-grow: 2; } .app-containers-Chat-Chat-___style-module__user-id___2nHdx { margin-left: 10px; } .app-containers-Chat-Chat-___style-module__text___mZGfS { color: var(--colorTextMain); font-size: 12px; line-height: 17px; } .app-containers-Chat-Chat-___style-module__date___tEzpi { color: var(--colorTextPrimary); font-size: 12px; position: absolute; right: 7px; white-space: nowrap; } .app-containers-Chat-Chat-___style-module__date___tEzpi i { margin-left: 4px; color: var(--colorTextPrimary); font-size: 10px; } .app-containers-Chat-Chat-___style-module__date___tEzpi i.app-containers-Chat-Chat-___style-module__iconRead___uaNe1 { font-size: 12px; } .app-containers-Chat-Chat-___style-module__hidden-date___x61ru { margin-left: 5px; visibility: hidden; } .app-containers-Chat-Chat-___style-module__hidden-date___x61ru i { margin-left: 4px; color: var(--colorTextPrimary); font-size: 10px; } .app-containers-Chat-Chat-___style-module__hidden-date___x61ru i.app-containers-Chat-Chat-___style-module__iconRead___uaNe1 { font-size: 12px; } .app-containers-Chat-Chat-___style-module__user-pic___pyp6C { margin-right: 8px; position: relative; } .app-containers-Chat-Chat-___style-module__user-pic___pyp6C.app-containers-Chat-Chat-___style-module__online___XtNYc:before { content: ''; width: 13px; height: 13px; border-radius: 50%; background: var(--colorBgPrimary); position: absolute; bottom: 0px; right: 0px; } .app-containers-Chat-Chat-___style-module__user-pic___pyp6C.app-containers-Chat-Chat-___style-module__online___XtNYc:after { content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--colorGreen); position: absolute; bottom: 3px; right: 3px; } .app-containers-Chat-Chat-___style-module__back___IzfDV { color: var(--colorTextMain); margin-right: 5px; cursor: pointer; } .app-containers-Chat-Chat-___style-module__break___KeSZo { word-wrap: break-word; white-space: pre-wrap; } .app-containers-Chat-Chat-___style-module__order-form-wrapper___54X4k { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(var(--colorBgSecondary), 0.5); } .app-containers-Chat-Chat-___style-module__order-form___eJ6G8 { margin: 23px; width: 100%; border: 1px solid var(--colorBgSecondary); background: var(--colorBgSecondary); } .app-containers-Chat-Chat-___style-module__order-form___eJ6G8 .app-containers-Chat-Chat-___style-module__fields___vtQt2 { padding: 10px 0; } .app-containers-Chat-Chat-___style-module__order-form___eJ6G8 > .app-containers-Chat-Chat-___style-module__fields___vtQt2 > div { margin: 10px; } .app-containers-Chat-Chat-___style-module__order-form-header___boxbh { color:var(--colorTextWhite); font-size: 16px; font-weight: 600; display: flex; align-items: center; justify-content: center; position: relative; height: 30px; background:var(--colorBgSecondary); } .app-containers-Chat-Chat-___style-module__order-form-header___boxbh > i { position: absolute; right: 10px; color: var(--colorTextWhite50); cursor: pointer; font-size: 12px; } button.app-containers-Chat-Chat-___style-module__order-btn___sZgWe { margin-left: 0px; margin-right: 10px; font-size: 26px; } .app-containers-Chat-Chat-___style-module__chats-container___X3cGx { display: flex; flex-direction: row; overflow: hidden; height: 100%; flex-grow: 2; } .app-containers-Chat-Chat-___style-module__chats-container___X3cGx.app-containers-Chat-Chat-___style-module__overflow___Cybhy { overflow: auto; } .app-containers-Chat-Chat-___style-module__link-order-modal___VKVJ0 { display: flex; flex-direction: column; height: 500px; width: 900px; overflow: hidden; } .app-containers-Chat-Chat-___style-module__link-order-modal___VKVJ0 .app-containers-Chat-Chat-___style-module__body___yTHXj { position: relative; overflow: hidden; flex-grow: 2; display: flex; flex-direction: column; } .app-containers-Chat-Chat-___style-module__link-order-modal___VKVJ0 .app-containers-Chat-Chat-___style-module__footer___wsDO4 { padding: 10px; min-height: 50px; border-top: 1px solid var(--colorDivider); display: flex; align-items: center; justify-content: center; } .app-containers-Chat-Chat-___style-module__link-order-modal___VKVJ0 .app-containers-Chat-Chat-___style-module__footer___wsDO4 > button { margin: 10px; } .app-containers-Chat-Chat-___style-module__orders___QVnE0 { max-height: 120px; border-bottom: 1px solid var(--colorDivider); } .app-containers-Chat-Chat-___style-module__orders___QVnE0 table { margin-bottom: 10px; } .app-containers-Chat-Chat-___style-module__orders___QVnE0 table th { white-space: nowrap; } .app-containers-Chat-Chat-___style-module__orders___QVnE0 table td { white-space: nowrap; } .app-containers-Chat-Chat-___style-module__members-list___6U6rL { min-width: 300px; } .app-containers-Chat-Chat-___style-module__user-actions___n-ZAv { display: flex; } .app-containers-Chat-Chat-___style-module__user-actions___n-ZAv > button { margin-right: 5px; } .app-containers-Chat-Chat-___style-module__filters___r1Ijb > div { display: flex; padding: 10px; justify-content: space-between; } .app-containers-Chat-Chat-___style-module__filters___r1Ijb > div > div { margin-right: 10px; } .app-containers-Chat-Chat-___style-module__filters___r1Ijb > div > div:last-child { margin-right: 0; } .app-containers-Chat-Chat-___style-module__unlink-order-modal___--Jcl { padding: 10px; color: var(--colorTextWhite); width: 350px; } .app-containers-Chat-Chat-___style-module__unlink-order-modal___--Jcl .app-containers-Chat-Chat-___style-module__body___yTHXj { margin-bottom: 10px; } .app-containers-Chat-Chat-___style-module__unlink-order-modal___--Jcl button { white-space: nowrap; } .app-containers-Chat-Chat-___style-module__unlink-order-modal___--Jcl .app-containers-Chat-Chat-___style-module__footer___wsDO4 { margin: 10px 0; column-gap: 10px; display: grid; grid-template-columns: auto auto; } .app-containers-Chat-Chat-___style-module__dealer-actions___KHxT9 { display: flex; } .app-containers-Chat-Chat-___style-module__dealer-actions___KHxT9 > button { margin-right: 5px; } .app-containers-Chat-Chat-___style-module__link-filters-block___uCtMU { min-width: 160px; } .app-containers-Chat-Chat-___style-module__chatTitle___BWOto { display: flex; flex-direction: row; align-items: center; font-size: 16px; line-height: 18px; } .app-containers-Chat-Chat-___style-module__chatTitle___BWOto .app-containers-Chat-Chat-___style-module__chatIcon___38As2 { min-width: 18px; height: 18px; margin-right: 12px; color: var(--colorTextPrimary); font-size: 18px; } .app-containers-Chat-Chat-___style-module__chatTitle___BWOto .app-containers-Chat-Chat-___style-module__orderChatIcon___m7-bV { margin-right: 12px; padding: 0; margin-left: 0; } .app-containers-Chat-Chat-___style-module__popup___oI-V8 { background-color: var(--colorDropBg); color: var(--colorTextMain); border-radius: 3px; padding: 12px; width: 240px; box-shadow: 0 10px 18px var(--colorDropShadow); } .app-containers-Chat-Chat-___style-module__popup___oI-V8 .app-containers-Chat-Chat-___style-module__title___6V8vP { font: var(--typographyBody1Font); margin-bottom: 12px; } .app-containers-Chat-Chat-ChatHeader-___style-module__chatsHeader___uj7Rx { display: flex; flex-direction: row; justify-content: space-between; align-items: center; color: var(--colorTextMain); font: var(--typographyCodesFont); padding: 12px; border-bottom: 1px solid var(--colorDivider); } .app-containers-Chat-Chat-ChatHeader-___style-module__chatsHeader___uj7Rx .app-containers-Chat-Chat-ChatHeader-___style-module__chatsHeaderIcon___ZV1Mc { display: flex; flex-direction: row; align-items: center; } .app-containers-Chat-Chat-ChatHeader-___style-module__chatsHeader___uj7Rx .app-containers-Chat-Chat-ChatHeader-___style-module__chatsHeaderIcon___ZV1Mc .app-containers-Chat-Chat-ChatHeader-___style-module__goBack___gTOA3 { cursor: pointer; margin-right: 12px; display: flex; flex-direction: row; align-items: center; justify-content: center; font-size: 13px; color: var(--colorTextPrimary); transition: all 0.2s; } .app-containers-Chat-Chat-ChatHeader-___style-module__chatsHeader___uj7Rx .app-containers-Chat-Chat-ChatHeader-___style-module__chatsHeaderIcon___ZV1Mc .app-containers-Chat-Chat-ChatHeader-___style-module__goBack___gTOA3:hover { color: var(--colorTextMain); } .app-containers-Chat-Chat-ChatHeader-___style-module__chatsHeader___uj7Rx .app-containers-Chat-Chat-ChatHeader-___style-module__chatHeaderActions___hC9My { display: flex; flex-direction: row; align-items: center; } .app-containers-Chat-Chat-ChatHeader-___style-module__chatsHeader___uj7Rx .app-containers-Chat-Chat-ChatHeader-___style-module__newChatButton___ewitk { color: var(--colorTextPrimary); transition: all 0.2s; display: flex; flex-direction: row; } .app-containers-Chat-Chat-ChatHeader-___style-module__chatsHeader___uj7Rx .app-containers-Chat-Chat-ChatHeader-___style-module__newChatButton___ewitk i { color: var(--colorTextPrimary); font-size: 14px; transition: all 0.2s; margin-right: 6px; } .app-containers-Chat-Chat-ChatHeader-___style-module__chatsHeader___uj7Rx .app-containers-Chat-Chat-ChatHeader-___style-module__newChatButton___ewitk:hover { color: var(--colorTextMain); } .app-containers-Chat-Chat-ChatHeader-___style-module__chatsHeader___uj7Rx .app-containers-Chat-Chat-ChatHeader-___style-module__newChatButton___ewitk:hover i { color: var(--colorTextMain); } .app-containers-Chat-Chat-ChatHeader-___style-module__buttonClose___5kOSb { color: var(--colorTextPrimary); margin-left: 16px; height: 16px; } .app-containers-Chat-Chat-ChatHeader-___style-module__buttonClose___5kOSb i { cursor: pointer; font-size: 13px; transition: all 0.2s; } .app-containers-Chat-Chat-ChatHeader-___style-module__buttonClose___5kOSb:hover { color: var(--colorTextMain); } .app-containers-Chat-Chat-ChatHeader-___style-module__buttonClose___5kOSb:hover i { color: var(--colorTextMain); } .app-containers-Chat-Chat-ClientChatOrder-___style-module__ordersList___-CDzA { margin: 12px 12px 0 12px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25); max-height: calc(100% - 200px); border-radius: 4px; } .app-containers-Chat-Chat-ClientChatOrder-___style-module__clientOrder___nMckN { background-color: var(--colorOrderChatBg); } .app-containers-Chat-Chat-ClientChatOrder-___style-module__clientOrder___nMckN:first-of-type { border-top-left-radius: 4px; border-top-right-radius: 4px; } .app-containers-Chat-Chat-ClientChatOrder-___style-module__clientOrder___nMckN:not(:first-of-type) { border-radius: 0; } .app-containers-Chat-Chat-ClientChatOrder-___style-module__clientOrder___nMckN:last-of-type { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .app-containers-Chat-Chat-ClientChatOrder-___style-module__clientOrder___nMckN .app-containers-Chat-Chat-ClientChatOrder-___style-module__orderContent___TPpiu { padding: 0 8px 8px; } .app-containers-Chat-Chat-ClientChatOrder-___style-module__clientOrder___nMckN .app-containers-Chat-Chat-ClientChatOrder-___style-module__orderContent___TPpiu.app-containers-Chat-Chat-ClientChatOrder-___style-module__noBorder___BqpN- { border-top: none; } .app-containers-Chat-Chat-ClientChatOrder-___style-module__clientOrder___nMckN.app-containers-Chat-Chat-ClientChatOrder-___style-module__singleOrder___rraSO { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .app-containers-Chat-Chat-ClientChatOrder-___style-module__clientOrder___nMckN.app-containers-Chat-Chat-ClientChatOrder-___style-module__singleOrder___rraSO .app-containers-Chat-Chat-ClientChatOrder-___style-module__orderFooter___YvFvK { border-top: 1px solid var(--colorDivider); } .app-containers-Chat-Chat-ClientChatOrder-___style-module__clientOrder___nMckN .app-containers-Chat-Chat-ClientChatOrder-___style-module__orderFooter___YvFvK { display: flex; flex-direction: row; align-items: center; justify-content: center; height: 36px; } .app-containers-Chat-Chat-ClientChatOrder-___style-module__clientOrder___nMckN .app-containers-Chat-Chat-ClientChatOrder-___style-module__orderFooter___YvFvK button { color: var(--colorError); text-transform: uppercase; font-size: 10px; width: 160px; } .app-containers-Chat-Chat-ClientChatOrder-___style-module__clientOrder___nMckN .app-containers-Chat-Chat-ClientChatOrder-___style-module__orderFooter___YvFvK button:hover { color: var(--colorTextMain); } .app-containers-Chat-Chat-ClientChatOrder-___style-module__clientOrder___nMckN .app-containers-Chat-Chat-ClientChatOrder-___style-module__orderRow___63dh- { font: var(--typographyBody2Font); display: flex; flex-direction: row; justify-content: space-between; color: var(--colorTextPrimary); } .app-containers-Chat-Chat-ClientChatOrder-___style-module__clientOrder___nMckN .app-containers-Chat-Chat-ClientChatOrder-___style-module__orderRow___63dh-:not(:last-of-type) { margin-bottom: 6px; } .app-containers-Chat-Chat-ClientChatOrder-___style-module__clientOrder___nMckN .app-containers-Chat-Chat-ClientChatOrder-___style-module__orderRow___63dh- .app-containers-Chat-Chat-ClientChatOrder-___style-module__rowCancelButton___n8oUy button { height: 14px; text-transform: uppercase; padding: 0; margin: 0; font-size: 10px; color: var(--colorPLMinus); } .app-containers-Chat-Chat-ClientChatOrder-___style-module__instrument___8xkJd { width: 100%; padding: 8px; display: flex; flex-direction: row; align-items: center; font: var(--typographyBody1Font); font-size: 14px; color: var(--colorTextMain); background-color: var(--colorOrderChatBg); } .app-containers-Chat-Chat-ClientChatOrder-___style-module__instrument___8xkJd > span { margin-left: 8px; line-height: 18px; } .app-containers-Chat-Chat-ClientChatOrder-___style-module__instrument___8xkJd .app-containers-Chat-Chat-ClientChatOrder-___style-module__status___5YuvX { color: var(--colorAccent); font-size: 12px; margin-left: auto; } .app-containers-Chat-Chat-ClientChatOrder-___style-module__instrument___8xkJd .app-containers-Chat-Chat-ClientChatOrder-___style-module__status___5YuvX.app-containers-Chat-Chat-ClientChatOrder-___style-module__rejected___wiAjf { color: var(--colorTextPrimary); } .app-containers-Chat-Chat-ClientChatOrder-___style-module__instrument___8xkJd > i { font-size: 8px; height: 8px; color: var(--colorTextIcons); margin-left: 6px; transition: all 0.2s; } .app-containers-Chat-Chat-ClientChatOrder-___style-module__instrument___8xkJd > i.app-containers-Chat-Chat-ClientChatOrder-___style-module__expanded___us8JQ { transform: rotate(180deg); } .app-containers-Chat-Chat-ClientChatOrder-___style-module__instrument___8xkJd.app-containers-Chat-Chat-ClientChatOrder-___style-module__instrumentSingleOrder___-5zaG { border-top-left-radius: 4px; border-top-right-radius: 4px; } .app-containers-Chat-Chat-ClientChatOrder-___style-module__expandableDivider___1QzwZ:last-of-type { display: none; } .app-containers-Chat-Chat-ClientChatOrder-___style-module__hidden___UDFU5 { display: none; } .app-containers-Chat-Chat-Input-___style-module__userWarning___7tbSI { color: var(--colorWarning); position: absolute; bottom: calc(100% + 4px); left: 4px; font: var(--typographyBody2Font); } .app-containers-Chat-Chat-Input-___style-module__sendMessage___k2E3m { position: relative; } .app-containers-Chat-Chat-Input-___style-module__sendMessage___k2E3m textarea { padding-right: 44px; resize: none; } .app-containers-Chat-Chat-Input-___style-module__sendMessage___k2E3m textarea::placeholder { color: var(--colorTextIcons); opacity: 1; padding-top: 2px; } .app-containers-Chat-Chat-Input-___style-module__sendMessage___k2E3m textarea::-ms-input-placeholder { color: var(--colorTextIcons); } .app-containers-Chat-Chat-Input-___style-module__sendMessage___k2E3m button { display: flex; justify-content: center; align-items: center; cursor: pointer; color: var(--colorTextIcons); font-size: 20px; border: none; width: 40px; height: 40px; position: absolute; bottom: 0; right: 0; transition: all 0.15s; } .app-containers-Chat-Chat-Input-___style-module__sendMessage___k2E3m button:active, .app-containers-Chat-Chat-Input-___style-module__sendMessage___k2E3m button:focus, .app-containers-Chat-Chat-Input-___style-module__sendMessage___k2E3m button:hover { color: var(--colorTextMain); } .app-containers-Chat-Chat-Input-___style-module__sendMessage___k2E3m button:disabled { color: var(--colorTextDisabled); } .app-containers-Chat-ChatsList-___style-module__addTopic___L-afz { display: flex; flex-direction: row; align-items: center; border-bottom: 1px solid var(--colorDivider); padding: 20px; } .app-containers-Chat-ChatsList-___style-module__emptyList___5aJGI { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font: var(--typographyCodesFont); color: var(--colorTextMain); margin: 16px 0; } .app-containers-Chat-ChatsList-___style-module__chatList___wFjcN { display: flex; flex-grow: 2; overflow: hidden; height: 100%; } .app-containers-Chat-ChatsList-___style-module__chatList___wFjcN .scrollbar-container { width: 100%; } .app-containers-Chat-ChatsList-___style-module__chat___Bcavd { cursor: pointer; padding: 12px; display: flex; flex-direction: row; align-items: flex-start; border-bottom: 1px solid var(--colorDivider); } .app-containers-Chat-ChatsList-___style-module__chat___Bcavd:hover, .app-containers-Chat-ChatsList-___style-module__chat___Bcavd.app-containers-Chat-ChatsList-___style-module__active___8Ks1D { background: var(--colorDivider); } .app-containers-Chat-ChatsList-___style-module__chatIcon___wAnLI { min-width: 18px; height: 18px; margin-right: 12px; color: var(--colorTextPrimary); font-size: 18px; } .app-containers-Chat-ChatsList-___style-module__chatBody___SoAQr { flex-grow: 2; overflow: hidden; } .app-containers-Chat-ChatsList-___style-module__chatTitleWrapper___7Bjo4 { display: flex; flex-direction: row; max-width: 100%; overflow: hidden; } .app-containers-Chat-ChatsList-___style-module__chatTitleWrapper___7Bjo4 span { color: var(--colorTextPrimary); font: var(--typographyBody2Font); margin-left: 8px; line-height: 18px; } .app-containers-Chat-ChatsList-___style-module__chatTitle___Y4pGE { color: var(--colorTextMain); font-size: 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 100%; margin-bottom: 6px; } .app-containers-Chat-ChatsList-___style-module__chatMessageContainer___uEGYc { flex-grow: 2; overflow: hidden; max-width: calc(100% - 50px); } .app-containers-Chat-ChatsList-___style-module__chatMessage___SZF-s { max-width: 100%; color: var(--colorTextPrimary); font: var(--typographyBody2Font); } .app-containers-Chat-ChatsList-___style-module__chatMessage___SZF-s .app-containers-Chat-ChatsList-___style-module__author___Klftw { color: var(--colorTextMain); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 4px; } .app-containers-Chat-ChatsList-___style-module__titleDate___YUuUf { display: flex; flex-direction: row; justify-content: space-between; } .app-containers-Chat-ChatsList-___style-module__date___AkRmj { font: var(--typographyBody2Font); color: var(--colorTextPrimary); margin-left: 10px; white-space: nowrap; } .app-containers-Chat-ChatsList-___style-module__date___AkRmj i { margin-right: 4px; font-size: 11px; } .app-containers-Chat-ChatsList-___style-module__date___AkRmj i.app-containers-Chat-ChatsList-___style-module__double___VQcF0 { font-size: 13px; } .app-containers-Chat-ChatsList-___style-module__text___Wkf0- { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .app-containers-Chat-ChatsList-___style-module__messages___7zz2D { display: flex; align-items: flex-end; justify-content: space-between; } .app-containers-Chat-ChatsList-___style-module__badge___vHTYf { color: var(--colorTextMain); background: var(--colorError); font-size: 14px; line-height: 14px; height: 20px; display: flex; align-items: center; justify-content: center; padding: 0 5px; border-radius: 10px; min-width: 20px; } .app-containers-Chat-ChatsList-___style-module__read___lvs2h { color: var(--colorTextMain); } .app-containers-Chat-ChatsList-___style-module__orderChatIcon___2l6wu { margin-right: 12px; padding: 0; margin-left: 0; } .app-containers-Chat-ChatsList-___style-module__separator___rwFC6 { margin: 0 3px; } .app-containers-Chat-ChatsList-___style-module__filter___RMCQr { padding: 0; border-bottom: 1px solid var(--colorDivider); background-color: var(--colorChatBg); } .app-containers-Chat-ChatsList-___style-module__filter___RMCQr i { color: var(--colorTextIcons); font-size: 16px; } .app-containers-Chat-ChatsList-___style-module__filter___RMCQr input::placeholder { color: var(--colorTextIcons); opacity: 1; } .app-containers-Chat-ChatsList-___style-module__filter___RMCQr input::-ms-input-placeholder { color: var(--colorTextIcons); } .app-containers-AccountChat-___style-module__chatContainer___y8UPT { position: relative; } .app-containers-AccountChat-___style-module__icon___q1R4Z { position: relative; cursor: pointer; padding: 5px; border-radius: 2px; transition: color 0.2s ease-in; color: var(--colorHeaderIcon); margin-bottom: -2px; } .app-containers-AccountChat-___style-module__icon___q1R4Z:hover { color: var(--colorHeaderIconHover); } .app-containers-AccountChat-___style-module__icon___q1R4Z:active { color: var(--colorHeaderIconSelected); } .app-containers-AccountChat-___style-module__container___Io6cI { position: absolute; top: 30px; left: -306px; width: 400px; height: 600px; z-index: 12000; overflow: hidden; display: flex; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; box-shadow: 0px 10px 18px var(--colorDropShadow); } .app-containers-AccountChat-___style-module__container___Io6cI > div { flex: 1; background-color: var(--colorDropBg); } .app-containers-AccountChat-___style-module__chats___-flKG { width: 100%; display: flex; height: 100%; flex-direction: column; overflow: hidden; } .app-containers-AccountChat-___style-module__chats___-flKG.app-containers-AccountChat-___style-module__activeChat___Rx6yQ { flex-direction: unset; } .app-containers-AccountChat-___style-module__content___JFGBR { display: flex; flex-grow: 2; overflow: hidden; } .app-containers-AccountChat-___style-module__chatIcon___9zLDD { margin-right: 5px; } .app-containers-AccountChat-___style-module__footer___Bn00X { padding: 16px; } .app-containers-AccountChat-___style-module__footer___Bn00X button { color: var(--colorTextMain); } .app-containers-AccountChat-___style-module__newChat___-waGy { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 16px; } .app-containers-AccountChat-___style-module__newChat___-waGy button { color: var(--colorTextMain); } .app-containers-AccountChat-___style-module__newChat___-waGy button:disabled { opacity: 0.5; } .app-containers-AccountChat-___style-module__newChat___-waGy input, .app-containers-AccountChat-___style-module__newChat___-waGy textarea { background-color: var(--colorBgSecondary); } .app-containers-AccountChat-___style-module__newChat___-waGy input::placeholder, .app-containers-AccountChat-___style-module__newChat___-waGy textarea::placeholder { color: var(--colorTextIcons); opacity: 1; } .app-containers-AccountChat-___style-module__newChat___-waGy input::-ms-input-placeholder, .app-containers-AccountChat-___style-module__newChat___-waGy textarea::-ms-input-placeholder { color: var(--colorTextIcons); } .app-containers-AccountChat-___style-module__newChatField___6gakE { width: 100%; padding-bottom: 20px; } .app-containers-AccountChat-___style-module__newChatField___6gakE.app-containers-AccountChat-___style-module__textarea___pDlhv { flex-grow: 2; } .app-containers-AccountChat-___style-module__newChatField___6gakE.app-containers-AccountChat-___style-module__textarea___pDlhv textarea { height: 200px; width: 100%; } .app-containers-AccountChat-___style-module__newChatField___6gakE.app-containers-AccountChat-___style-module__btns___pUOEI { padding-bottom: 0; display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .app-containers-AccountChat-___style-module__newChatField___6gakE.app-containers-AccountChat-___style-module__btns___pUOEI .app-containers-AccountChat-___style-module__full___98vq2 { flex-grow: 2; margin-left: 20px; } .app-containers-AccountChat-___style-module__chatsContainer___orYTP { width: 358px; height: 100%; background-color: var(--colorChatBg); box-shadow: -12px 0 44px rgba(0, 0, 0, 0.3); border-radius: 0 3px 3px 0; } .app-containers-AccountChat-___style-module__chatsContainer___orYTP > div { height: 100%; display: flex; flex-direction: column; } .app-containers-AccountChat-___style-module__backdrop___M89Jb { background-color: transparent; } .app-containers-AccountChat-___style-module__filter___oaRB- { padding: 0; border-bottom: 1px solid var(--colorDivider); } .app-containers-AccountChat-___style-module__filter___oaRB- i { color: var(--colorTextIcons); font-size: 16px; } .app-containers-AccountChat-___style-module__filter___oaRB- input { background-color: var(--colorChatBg); } .app-containers-AccountChat-___style-module__filter___oaRB- input::placeholder { color: var(--colorTextIcons); opacity: 1; } .app-containers-AccountChat-___style-module__filter___oaRB- input::-ms-input-placeholder { color: var(--colorTextIcons); } .app-containers-AccountChat-___style-module__newChatContainer___rIIvC { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .app-containers-AccountChat-___style-module__newChatContainer___rIIvC .app-containers-AccountChat-___style-module__chatsContent___9HSuI input { background-color: var(--colorChatBg); } .app-containers-AccountChat-___style-module__messageInput___vYaBh { border-top: 1px solid var(--colorDivider); background-color: var(--colorChatBg); } .app-containers-AccountChat-___style-module__messageInput___vYaBh .app-containers-AccountChat-___style-module__sendIcon___nBwyb { width: 40px; height: 40px; display: flex; flex-direction: row; align-items: center; justify-content: center; font-size: 16px; color: var(--colorTextPrimary); transition: all 0.2s; } .app-containers-AccountChat-___style-module__messageInput___vYaBh .app-containers-AccountChat-___style-module__sendIcon___nBwyb:hover { color: var(--colorTextMain); } .app-containers-AccountChat-___style-module__messageInput___vYaBh .app-containers-AccountChat-___style-module__sendIcon___nBwyb:disabled { cursor: not-allowed; color: var(--colorTextPrimary); } .app-pages-TradingPage-PositionsAndOrdersWidget-OrderEditModal-___style-module__wrapper___--Umz { background: var(--colorTableBg); width: 320px; padding: 0 16px; } .app-pages-TradingPage-PositionsAndOrdersWidget-OrderEditModal-___style-module__infoRow___jAN93 { min-height: 16px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-bottom: 8px; } .app-pages-TradingPage-PositionsAndOrdersWidget-OrderEditModal-___style-module__infoRow___jAN93:last-of-type { margin-bottom: 12px; } .app-pages-TradingPage-PositionsAndOrdersWidget-OrderEditModal-___style-module__infoRow___jAN93 span { font: var(--typographyBody1Font); color: var(--colorTextMain); } .app-pages-TradingPage-PositionsAndOrdersWidget-OrderEditModal-___style-module__infoRow___jAN93 span.app-pages-TradingPage-PositionsAndOrdersWidget-OrderEditModal-___style-module__buy___2qIEx { color: var(--colorGreen); } .app-pages-TradingPage-PositionsAndOrdersWidget-OrderEditModal-___style-module__infoRow___jAN93 span.app-pages-TradingPage-PositionsAndOrdersWidget-OrderEditModal-___style-module__sell___K-Th1 { color: var(--colorError) } .app-pages-TradingPage-PositionsAndOrdersWidget-OrderEditModal-___style-module__infoRow___jAN93 span:first-of-type { color: var(--colorTextPrimary); white-space: nowrap; padding-right: 4px; } .app-pages-TradingPage-PositionsAndOrdersWidget-OrderEditModal-___style-module__infoRow___jAN93 span:last-of-type { text-align: right; } .app-pages-TradingPage-PositionsAndOrdersWidget-OrderEditModal-___style-module__instrumentCategory___8TLin { padding: 12px 0 18px; display: flex; align-items: center; justify-content: flex-start; } .app-pages-TradingPage-PositionsAndOrdersWidget-OrderEditModal-___style-module__formInputsWrapper___kYyNL { padding-top: 8px; } .app-pages-TradingPage-PositionsAndOrdersWidget-OrderEditModal-___style-module__formInputsWrapper___kYyNL .app-pages-TradingPage-PositionsAndOrdersWidget-OrderEditModal-___style-module__inputWrapper___SiPGO { margin-bottom: 12px; } .app-pages-TradingPage-PositionsAndOrdersWidget-OrderEditModal-___style-module__formInputsWrapper___kYyNL .app-pages-TradingPage-PositionsAndOrdersWidget-OrderEditModal-___style-module__inputWrapper___SiPGO > div > div > div { flex: 1; } .app-pages-TradingPage-PositionsAndOrdersWidget-OrderEditModal-___style-module__formInputsWrapper___kYyNL .app-pages-TradingPage-PositionsAndOrdersWidget-OrderEditModal-___style-module__buttons___CgT9l { display: flex; flex-direction: row; align-items: center; margin-top: 12px; padding-bottom: 12px; } .app-pages-TradingPage-PositionsAndOrdersWidget-OrderEditModal-___style-module__formInputsWrapper___kYyNL .app-pages-TradingPage-PositionsAndOrdersWidget-OrderEditModal-___style-module__buttons___CgT9l button:first-of-type { margin-right: 4px; } .app-pages-TradingPage-PositionsAndOrdersWidget-OrderEditModal-___style-module__formInputsWrapper___kYyNL .app-pages-TradingPage-PositionsAndOrdersWidget-OrderEditModal-___style-module__buttons___CgT9l button:last-of-type { margin-left: 4px; } .app-pages-TradingPage-PositionsAndOrdersWidget-OrderEditModal-___style-module__formInputsWrapper___kYyNL .app-pages-TradingPage-PositionsAndOrdersWidget-OrderEditModal-___style-module__divider___Gttat { margin: 4px 0; height: 1px; width: 100%; background-color: var(--colorDivider); } .app-pages-TradingPage-PositionsAndOrdersWidget-OrderEditModal-___style-module__dividerFull___8C496 { margin: 4px -16px; height: 1px; background-color: var(--colorDivider); } .app-pages-TradingPage-PositionsAndOrdersWidget-OrderEditModal-___style-module__footer___3ztJg button { font: var(--typographyBody1Font); color: var(--colorTextMain); opacity: 0.4; transition: all 0.2s; margin-left: 0; margin-right: 0; } .app-pages-TradingPage-PositionsAndOrdersWidget-OrderEditModal-___style-module__footer___3ztJg button:hover { opacity: 1; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__positions___zwNhO { width: 100%; display: flex; flex-direction: column; height: 100%; position: relative; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__positions___zwNhO table tr:hover > td { background-color: var(--colorBgAccentHover); } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__positions___zwNhO table tr:hover > td.app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__positionActions___kRmRg button { visibility: visible; opacity: 1; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__positions___zwNhO table tr:hover > td .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__metaMaskIcon___HDDTq { visibility: visible; pointer-events: all; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__positions___zwNhO table tr td, .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__positions___zwNhO table tr th { height: 28px; border-bottom: 1px solid var(--colorDivider); font: var(--typographyBody2Font); text-align: right; padding: 2px 6px; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__positions___zwNhO table tr td.app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__positionActions___kRmRg button { transition: all 0.2s; visibility: hidden; opacity: 0; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__positions___zwNhO table thead { z-index: 10000; position: relative; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__positions___zwNhO .max-width { max-width: 320px; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__positions-container___mO0ft { flex: 1; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__inner-table___IuT8W { padding: 0; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__container___AvYBR { height: 100%; overflow: hidden; display: block; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__order-button___fiDNB { min-width: 0; margin-right: 10px; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__no-data___RahzX { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10px; text-align: center; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__no-data___RahzX p { margin-top: 16px; color: var(--colorTextPrimary); font: var(--typographyBody1Font); } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__no-data-wrapper___QQ3-- { width: 72px; height: 72px; border-radius: 36px; border: 2px solid var(--colorWindowBorder); display: flex; flex-direction: row; align-items: center; justify-content: center; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__no-data-wrapper___QQ3-- svg { fill: none; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__row___rL0TN { width: 100%; display: flex; padding: 6px 10px; border-bottom: 1px solid var(--colorDivider); align-items: center; cursor: pointer; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__row___rL0TN .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module___active___fI0Na { background-color: var(--colorDivider); } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__instrumentRow___0Y7Vf td { padding: 2px !important; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__row-group___2s4kx { z-index: 9999; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__orders___09-lH { min-width: 1550px; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__orders___09-lH .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__cell___z776v, .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__orders___09-lH .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__header___qpVYW { display: table-cell; padding: 0px; font-size: 15px } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__cell___z776v { color: var(--colorTextWhite); } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__cell___z776v, .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__header___qpVYW { display: flex; flex-grow: 1.3; flex-basis: 0; justify-content: flex-end; align-items: center; padding: 0 5px; vertical-align: middle; overflow: hidden; text-align: left; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__cell___z776v:first-child, .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__header___qpVYW:first-child { justify-content: flex-start; flex-grow: 2; min-width: 250px; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__cell___z776v:last-child, .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__header___qpVYW:last-child { padding-right: 0; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__cell___z776v.app-pages-TradingPage-PositionsAndOrdersWidget-___style-module___instrument___wCyC3, .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__header___qpVYW.app-pages-TradingPage-PositionsAndOrdersWidget-___style-module___instrument___wCyC3 { flex-grow: 2; justify-content: flex-start; text-align: left; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__order-instrument-cell___2Bi9z { flex-grow: 4 !important; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__order-instrument-name___jpE09 { flex-grow: 2; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__cell___z776v.app-pages-TradingPage-PositionsAndOrdersWidget-___style-module___stop___y5f7E, .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__header___qpVYW.app-pages-TradingPage-PositionsAndOrdersWidget-___style-module___stop___y5f7E, .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__cell___z776v.app-pages-TradingPage-PositionsAndOrdersWidget-___style-module___limit___xukPC, .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__header___qpVYW.app-pages-TradingPage-PositionsAndOrdersWidget-___style-module___limit___xukPC { justify-content: center; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__cell___z776v.app-pages-TradingPage-PositionsAndOrdersWidget-___style-module___stop___y5f7E, .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__header___qpVYW.app-pages-TradingPage-PositionsAndOrdersWidget-___style-module___stop___y5f7E { padding-left: 30px; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__cell___z776v.app-pages-TradingPage-PositionsAndOrdersWidget-___style-module___limit___xukPC, .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__header___qpVYW.app-pages-TradingPage-PositionsAndOrdersWidget-___style-module___limit___xukPC { padding-right: 30px; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__cell___z776v.app-pages-TradingPage-PositionsAndOrdersWidget-___style-module___buttonfirst___USzoJ, .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__header___qpVYW.app-pages-TradingPage-PositionsAndOrdersWidget-___style-module___buttonfirst___USzoJ { padding-right: 0px; flex-grow: 1; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__header___qpVYW.app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__grow___dE8Kp, .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__cell___z776v.app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__grow___dE8Kp { flex-grow: 1.8; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__cell___z776v.app-pages-TradingPage-PositionsAndOrdersWidget-___style-module___buttonfirst___USzoJ .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__gui-button___hvvLZ, .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__header___qpVYW.app-pages-TradingPage-PositionsAndOrdersWidget-___style-module___buttonfirst___USzoJ .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__gui-button___hvvLZ { flex-grow: 1; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__cell___z776v.app-pages-TradingPage-PositionsAndOrdersWidget-___style-module___last___FL-Ow, .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__header___qpVYW.app-pages-TradingPage-PositionsAndOrdersWidget-___style-module___last___FL-Ow { flex-grow: 0.3; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__cell-cell___frWqR, .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__header-cell___NL8sl { color: var(--colorTextWhite); } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__header-wrap___R1UZK { color: var(--colorTextPrimary); font-size: 14px; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__child-cell___OovHn { padding: 0; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__plus-minus___LDtbl { color: var(--colorTextWhite); cursor: pointer; margin-right: 3px; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__meta-value___HpE3V, .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__simple-value___b1Yq9 { font-size: 14px; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__meta-value___HpE3V.app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__small___eZmvc, .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__simple-value___b1Yq9.app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__small___eZmvc { font-size: 12px; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__meta-value___HpE3V.app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__negative___W1jmY { color: var(--colorError); } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__meta-value___HpE3V.app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__positive___FEzQH { color: var(--colorGreen); } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__category___-x5qr, .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__position___bjAP0 { width: 100%; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__category-group___tUKdG { display: flex; align-items: center; justify-content: space-between; position: sticky; left: 0; padding-left: 5px; padding-right: 10px; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__noPadding___BNYhe { padding: 0 !important; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__noPadding___BNYhe > td { padding: 0; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__category-padding___cwFMJ { /*padding-left:5px!important;*/ } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__category-actions___FyLRT { position: sticky; right: 0; border-left: 1px solid var(--colorDivider); padding: 2px 4px; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__category-actions___FyLRT > div { min-height: 24px; display: flex; flex-direction: row; align-items: center; width: 100%; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__close-button___Gro1T button { font-weight: 400; white-space: nowrap; text-align: center; text-transform: uppercase; height: 100%; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__deals-container___cxmAn { position: sticky; left: 0; min-width: 810px; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__instrument___EB5re { display: flex; align-items: center; position: relative; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__metaMaskWrapper___FRJ5Y { margin-left: auto; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__metaMaskWrapper___FRJ5Y .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__metaMaskIcon___HDDTq { visibility: hidden; pointer-events: none; } div.app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__with-icons___L-b-N { justify-content: space-between; /*width:320px;*/ } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__instrument-expand-wrapper___RhVoj { display: flex; align-items: center; overflow: hidden; flex: 1; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__instrument-expand-wrapper___RhVoj .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__metaMaskIcon___HDDTq { margin-left: 8px; margin-right: 8px; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__instrument-expand-wrapper___RhVoj button:first-of-type { color: var(--colorTextIcons); font-size: 16px; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__sltpIndicator___jirVL{ width: 12px; display: flex; flex-direction: row; align-items:center; justify-content: space-between; font-size: 10px; margin-right: 4px; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__instrument-container___SsIjq { position: relative; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__instrument-text___dWMId { font: var(--typographyBody2Font); } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__instrument-name___sHim5 { max-width: 180px; margin-right: 4px; overflow: hidden; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__instrument-name___sHim5:hover .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__instrument-name-hover___iIFX5 { display: flex !important; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__instrument-name___sHim5.app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__no-id___iJRzV:hover { left: 10px; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__instrument-name-hover___iIFX5 { display: none; overflow: visible; opacity: 1; background: var(--colorBgAccent); white-space: nowrap; transition: opacity 0.2s; position: absolute; top: 1px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; padding-left: 4px; align-items: center; height: 100%; padding-right: 4px; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__instrument-name-unhover___CtsYR { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 2px 4px; margin-top: 2px; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__instrument-count___eZFTl { color: var(--colorTextIcons); font-size: 16px; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__position___bjAP0 .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__instrument___EB5re { padding-left: 5px; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__position___bjAP0 .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__plus-minus___LDtbl { margin-right: 5px; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__position___bjAP0 .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__instrument-label___pADAg { margin-right: 5px; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__position___bjAP0 .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__text___uqHKq { font-size: 14px; margin-right: 5px; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__position___bjAP0 .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__deals-count___Zn1x0 { color: var(--colorTextIcons); font-size: 14px; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__button-add___5s2MJ { padding: 6px 0; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__button-close___BhFQl { padding: 6px 10px; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__button-info___1BUxt { padding: 6px 0; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__instrument-category___t2eU5 { position: relative; margin-right: 4px; margin-left: 4px; /*padding-right: 8px;*/ } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__instrument-category___t2eU5 > div { gap: 2px; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__instrument-category___t2eU5.app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__ocoStart___9-3Sd:before { content: ''; position: absolute; right: 100%; top: calc(50% - 1px); height: calc(50% + 6px); min-width: 4px; border-top-left-radius: 2px; border-top: 2px solid var(--colorTextPrimary); border-left: 2px solid var(--colorTextPrimary); } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__instrument-category___t2eU5.app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__ocoStart___9-3Sd:after { content: ''; position: absolute; left: 18px; top: calc(50% - 1px); height: calc(50% + 6px); min-width: 4px; border-top-right-radius: 2px; border-top: 2px solid var(--colorTextPrimary); border-right: 2px solid var(--colorTextPrimary); } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__instrument-category___t2eU5.app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__ocoEnd___4Jx3w:before { content: ''; position: absolute; right: 100%; top: -5px; height: calc(50% + 7px); min-width: 4px; border-bottom-left-radius: 2px; border-bottom: 2px solid var(--colorTextPrimary); border-left: 2px solid var(--colorTextPrimary); } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__instrument-category___t2eU5.app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__ocoEnd___4Jx3w:after { content: ''; position: absolute; left: 18px; top: -5px; height: calc(50% + 7px); min-width: 4px; border-bottom-right-radius: 2px; border-bottom: 2px solid var(--colorTextPrimary); border-right: 2px solid var(--colorTextPrimary); } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__orders-button-container___qaGXa { display: flex; flex-direction: row; justify-content: flex-end; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__orders-button-container___qaGXa > button { margin-left: 10px; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__orders-button-container___qaGXa > button:first-child { margin-left: 0; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__orders-button-wrapper___O28hm { min-width: 260px; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__unread___0S-nK { /*min-width:20px;*/ padding: 2px 6px 0; height: 20px; background: var(--colorPLMinus); border-radius: 20px; margin-left: 2px; display: inline-flex; align-items: center; justify-content: center; font-size: 13px; color: var(--colorTextWhite); } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__compactRow___WZw64 td { padding: 4px 10px; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__category-row___LSapV { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__header-title___j3dZf { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__flex-row___IQUqn { display: flex; flex-direction: row; height: 100%; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__maxWidth___k3owP { max-width: calc(100% - 56px); } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__text-right___y2n-U { text-align: right; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__order-status-cell___7VBgE { min-width: 125px; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__order-date-cell___Sv5ZD { min-width: 100px; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__order-price-cell___k5889 { padding-left: 15px !important; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__order-amount-cell___mhykI { overflow: visible; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__sticky___S8-cz { position: sticky; top: 0; background: var(--colorDivider); } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__widgets-icons___IeR-S { display: flex; align-items: center; justify-content: flex-end; padding-right: 12px; /*margin-left: 20px;*/ } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__widgets-icons___IeR-S button { font-weight: 400; white-space: nowrap; text-align: center; text-transform: uppercase; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__position-actions___ZG-H5 button { min-width: 80px; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__widgets-icon___Gbl3j { margin-right: 10px; color: var(--colorTextIcons); font-size: 18px; cursor: pointer; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__widgets-icon___Gbl3j:last-child { margin-right: 0; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__scrollContainer___-J1Zb { flex: 1; overflow: hidden; width: 100%; height: 100%; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__scrollContainer___-J1Zb.app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__withAveragePrice___JBjMy { height: calc(100% - 36px); display: flex; flex-direction: column; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__scrollContainer___-J1Zb table tr td, .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__scrollContainer___-J1Zb table tr th { height: 28px; border-bottom: 1px solid var(--colorDivider); } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__table-wrapper___tPy5Q { position: relative; height: 100%; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__thCheckbox___pSpxm { width: 24px; margin-right: 10px; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__trCheckbox___m8rZs { margin-right: 4px; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__right___V7tEp { display: flex; justify-content: flex-end; width: 100%; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__to-left___4Hxmi { position: absolute; left: 0; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__to-right___hd1t6 { position: absolute; right: 0; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__table-wrap___-zqjn table td, .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__table-wrap___-zqjn table th { border-top: 1px solid var(--colorDivider); border-bottom: 1px solid var(--colorDivider); } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__border___mjgcA { border-left: 1px solid var(--colorDivider); } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__asset-filter___lKmKv { z-index: 2; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__asset-filter___lKmKv > div { width: 120px; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__background___pZR63 { } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__expander___Vc9-- { color: var(--colorTextIcons); } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__fixRight___at5S8 { position: sticky; right: 0; border-left: 1px solid var(--colorDivider); } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__oco-start___jAKb5, .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__oco-end___W8Qho { position: absolute; height: calc(50% + 1px); min-width: 5px; left: 1px; border-left: 1px solid var(--colorOCOGroup); } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__oco-start___jAKb5.app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__isRecentOrder___hfB1J, .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__oco-end___W8Qho.app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__isRecentOrder___hfB1J { left: 36px; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__oco-start___jAKb5 { top: 50%; border-top: 1px solid var(--colorOCOGroup); } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__oco-end___W8Qho { border-bottom: 1px solid var(--colorOCOGroup); bottom: 50%; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__close-all___J4IxS { cursor: pointer; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__close-all___J4IxS.app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__disabled___A5O3a { opacity: 0.5; pointer-events: none; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__rejected___xKeso td { background: var(--colorErrorAccent); } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__partiallyFilled___xT4Ec td { background: var(--colorWarningAccent); } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__textCommon___JBRhC { color: var(--colorAccent); } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__textError___Zhr6o { color: var(--colorError); } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__textWarning___wt1Px { color: var(--colorWarning); } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__detailedPnL___FYqLG { position: relative; cursor: pointer; padding: 0 6px; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__detailedPnLTable___Qx1L3 { border: 1px solid var(--colorDivider); box-shadow: 0 0 2px var(--colorAccent); border-bottom: none; border-radius: 3px; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__popup___yWSy1 { background-color: var(--colorHintBg); border: 1px solid var(--colorHintBorder); position: relative; bottom: 0; left: 0; display: flex; flex-direction: column; border-radius: 3px; padding: 10px; height: 70px; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__popup___yWSy1 button { color: var(--colorTextMain); border-color: var(--colorButtonBorder); } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__popup-text___EmcOG { font: var(--typographyBody2Font); color: var(--colorTextMain); margin-bottom: 10px; text-align: center; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__loader___wpeYY { position: relative; height: 100%; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__stopLoss___LH-g8 { color: var(--colorPLMinus); display: flex; flex-direction: row; align-items: center; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__takeProfit___EyGfv { color: var(--colorPLPlus); display: flex; flex-direction: row; align-items: center; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__closedTradesLoading___7zM49 { position: absolute; height: 100%; left: 0; top: 0; right: 0; bottom: 0; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__inputInvalid___OygNp > div > div > div input { border-color: var(--colorError) !important; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__inputInvalid___OygNp > div > div > div div:last-of-type { cursor: not-allowed; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__inputInvalid___OygNp > div > div > div div:last-of-type i { color: var(--colorTextDisabled); } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__tabsActions___hTC-G { display: flex; flex-direction: row; align-items: center; margin-left: 10px; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__selected___BbU5a td { z-index: 100020 !important; position: sticky; top: 28px; bottom: 0; background: var(--colorBgAccent); } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__closedTradesWrapper___3je4C { height: calc(100% - 36px) !important; min-height: 0; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__online___CfwXt{ width: 10px; height: 10px; border-radius:50%; background: var(--colorGreen); } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__offline___mwaQC{ font-size: 12px; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__stopLossPrice___S89ns{ color: var(--colorPLMinus) !important; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__takeProfitPrice___ED3ue{ color: var(--colorPLPlus) !important; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__isApproachingTooltip___LPMT9{ white-space: pre; padding: 12px; background: var(--colorBgMain); color: var(--colorTextMain); } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__sortableItem___VHYca { z-index: 10001!important; } .app-pages-TradingPage-PositionsAndOrdersWidget-___style-module__appStatus___E7t9Q { display: flex; flex-direction: row!important; text-align: left!important; gap: 16px!important; } .app-containers-ExecutionSidePage-___style-module__container___hiAYx { width: 464px; display: flex; flex-flow: column; flex: 1; height: 100%; background-color: var(--colorBgPrimary); } .app-containers-ExecutionSidePage-___style-module__container___hiAYx .app-containers-ExecutionSidePage-___style-module__header___D8TuW { display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 16px 16px 8px; color: var(--colorTextMain); } .app-containers-ExecutionSidePage-___style-module__container___hiAYx .app-containers-ExecutionSidePage-___style-module__header___D8TuW > span { font-size: 17px; font-weight: 700; } .app-containers-ExecutionSidePage-___style-module__container___hiAYx .app-containers-ExecutionSidePage-___style-module__header___D8TuW .app-containers-ExecutionSidePage-___style-module__closeButton___YOZne { margin-left: auto; color: var(--colorTextIcons); font-size: 16px; transition: all 0.2s; } .app-containers-ExecutionSidePage-___style-module__container___hiAYx .app-containers-ExecutionSidePage-___style-module__header___D8TuW .app-containers-ExecutionSidePage-___style-module__closeButton___YOZne:hover { color: var(--colorTextMain); } .app-containers-ExecutionSidePage-___style-module__container___hiAYx .app-containers-ExecutionSidePage-___style-module__orderStatus___eKN8h { margin: 8px; padding: 8px; background-color: var(--colorBgInfo); border-radius: 3px; } .app-containers-ExecutionSidePage-___style-module__container___hiAYx .app-containers-ExecutionSidePage-___style-module__orderStatus___eKN8h > div { display: flex; flex-direction: row; gap: 8px; } .app-containers-ExecutionSidePage-___style-module__container___hiAYx .app-containers-ExecutionSidePage-___style-module__orderStatus___eKN8h > div:not(:last-of-type) { margin-bottom: 8px; } .app-containers-ExecutionSidePage-___style-module__container___hiAYx .app-containers-ExecutionSidePage-___style-module__orderStatus___eKN8h > div > span:first-of-type { flex: 0 0 160px; color: var(--colorTextPrimary); font: var(--typographyBody1Font); } .app-containers-ExecutionSidePage-___style-module__container___hiAYx .app-containers-ExecutionSidePage-___style-module__orderStatus___eKN8h > div > span:last-of-type { color: var(--colorTextMain); font: var(--typographyBody1Font); } .app-containers-ExecutionSidePage-___style-module__container___hiAYx .app-containers-ExecutionSidePage-___style-module__orderStatus___eKN8h .app-containers-ExecutionSidePage-___style-module__orderStatusWrap___tcjoO { display: flex; flex-direction: row; height: fit-content; align-items: center; } .app-containers-ExecutionSidePage-___style-module__container___hiAYx .app-containers-ExecutionSidePage-___style-module__orderStatus___eKN8h .app-containers-ExecutionSidePage-___style-module__orderStatusWrap___tcjoO:before { content: ''; position: relative; left: 0; top: -1px; margin-right: 8px; width: 8px; height: 8px; border-radius: 4px; background-color: var(--colorTextIcons); } .app-containers-ExecutionSidePage-___style-module__container___hiAYx .app-containers-ExecutionSidePage-___style-module__orderStatus___eKN8h .app-containers-ExecutionSidePage-___style-module__orderStatusWrap___tcjoO.app-containers-ExecutionSidePage-___style-module__orderCancelled___gjafD { color: var(--colorTextIcons); } .app-containers-ExecutionSidePage-___style-module__container___hiAYx .app-containers-ExecutionSidePage-___style-module__orderStatus___eKN8h .app-containers-ExecutionSidePage-___style-module__orderStatusWrap___tcjoO.app-containers-ExecutionSidePage-___style-module__orderCancelled___gjafD:before { background-color: var(--colorTextIcons); } .app-containers-ExecutionSidePage-___style-module__container___hiAYx .app-containers-ExecutionSidePage-___style-module__orderStatus___eKN8h .app-containers-ExecutionSidePage-___style-module__orderStatusWrap___tcjoO.app-containers-ExecutionSidePage-___style-module__orderNew___w3Dqc { color: var(--colorTextMain); } .app-containers-ExecutionSidePage-___style-module__container___hiAYx .app-containers-ExecutionSidePage-___style-module__orderStatus___eKN8h .app-containers-ExecutionSidePage-___style-module__orderStatusWrap___tcjoO.app-containers-ExecutionSidePage-___style-module__orderNew___w3Dqc:before { background-color: var(--colorTextMain); } .app-containers-ExecutionSidePage-___style-module__container___hiAYx .app-containers-ExecutionSidePage-___style-module__orderStatus___eKN8h .app-containers-ExecutionSidePage-___style-module__orderStatusWrap___tcjoO.app-containers-ExecutionSidePage-___style-module__orderFilled___HoJJX { color: var(--colorGreen); } .app-containers-ExecutionSidePage-___style-module__container___hiAYx .app-containers-ExecutionSidePage-___style-module__orderStatus___eKN8h .app-containers-ExecutionSidePage-___style-module__orderStatusWrap___tcjoO.app-containers-ExecutionSidePage-___style-module__orderFilled___HoJJX:before { background-color: var(--colorGreen); } .app-containers-ExecutionSidePage-___style-module__container___hiAYx .app-containers-ExecutionSidePage-___style-module__orderStatus___eKN8h .app-containers-ExecutionSidePage-___style-module__orderStatusWrap___tcjoO.app-containers-ExecutionSidePage-___style-module__orderRejected___hry1u { color: var(--colorError); } .app-containers-ExecutionSidePage-___style-module__container___hiAYx .app-containers-ExecutionSidePage-___style-module__orderStatus___eKN8h .app-containers-ExecutionSidePage-___style-module__orderStatusWrap___tcjoO.app-containers-ExecutionSidePage-___style-module__orderRejected___hry1u:before { background-color: var(--colorError); } .app-containers-ExecutionSidePage-___style-module__container___hiAYx .app-containers-ExecutionSidePage-___style-module__orderStatus___eKN8h .app-containers-ExecutionSidePage-___style-module__orderStatusWrap___tcjoO.app-containers-ExecutionSidePage-___style-module__orderPartiallyFilled___GU-DB { color: var(--colorOrange); } .app-containers-ExecutionSidePage-___style-module__container___hiAYx .app-containers-ExecutionSidePage-___style-module__orderStatus___eKN8h .app-containers-ExecutionSidePage-___style-module__orderStatusWrap___tcjoO.app-containers-ExecutionSidePage-___style-module__orderPartiallyFilled___GU-DB:before { background-color: var(--colorOrange); } .app-containers-ExecutionSidePage-___style-module__container___hiAYx .app-containers-ExecutionSidePage-___style-module__orderStatus___eKN8h .app-containers-ExecutionSidePage-___style-module__orderStatusWrap___tcjoO.app-containers-ExecutionSidePage-___style-module__orderReplaced___zRN9U { color: var(--colorViolet); } .app-containers-ExecutionSidePage-___style-module__container___hiAYx .app-containers-ExecutionSidePage-___style-module__orderStatus___eKN8h .app-containers-ExecutionSidePage-___style-module__orderStatusWrap___tcjoO.app-containers-ExecutionSidePage-___style-module__orderReplaced___zRN9U:before { background-color: var(--colorViolet); } .app-containers-ExecutionSidePage-___style-module__container___hiAYx .app-containers-ExecutionSidePage-___style-module__executionContent___GoXc5 { padding: 4px 16px 16px; } .app-containers-ExecutionSidePage-___style-module__container___hiAYx .app-containers-ExecutionSidePage-___style-module__executionContent___GoXc5 > div { display: flex; flex-direction: row; gap: 16px; } .app-containers-ExecutionSidePage-___style-module__container___hiAYx .app-containers-ExecutionSidePage-___style-module__executionContent___GoXc5 > div:not(:last-of-type) { margin-bottom: 12px; } .app-containers-ExecutionSidePage-___style-module__container___hiAYx .app-containers-ExecutionSidePage-___style-module__executionContent___GoXc5 > div > span:first-of-type { flex: 0 0 160px; color: var(--colorTextPrimary); font: var(--typographyBody1Font); } .app-containers-ExecutionSidePage-___style-module__container___hiAYx .app-containers-ExecutionSidePage-___style-module__executionContent___GoXc5 > div > span:last-of-type { color: var(--colorTextMain); font: var(--typographyBody1Font); } .app-containers-ExecutionSidePage-___style-module__linkButton___5LBj5 { width: auto; margin: 0; background-color: transparent; cursor: pointer; display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 0; margin-left: auto; -webkit-text-decoration: underline dashed var(--colorTextWhite50); text-decoration: underline dashed var(--colorTextWhite50); margin-left: 0; } .app-containers-ExecutionSidePage-___style-module__linkButton___5LBj5 i { color: var(--colorTextIcons); font-size: 14px; transition: all 0.2s; } .app-containers-ExecutionSidePage-___style-module__linkButton___5LBj5:hover i { color: var(--colorTextMain); } .app-containers-ExecutionSidePage-___style-module__loadingIndicator___SVADk { background: var(--colorDropShadow)!important; } .app-containers-ExecutionSidePage-___style-module__sidePageLink___CEsI1 { color: var(--colorTextMain); -webkit-text-decoration: underline dashed var(--colorTextWhite50); text-decoration: underline dashed var(--colorTextWhite50); cursor: pointer; } .app-containers-ExecutionSidePage-___style-module__gridOrderStatus___X2tiK { font: var(--typographyBody1Font); font-size: 11px; color: var(--colorTextDigit); } .app-components-CommentBlock-___styles-module__comment___-2N33 { max-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .app-components-CommentBlock-___styles-module__wrap___qCD6h { display: flex; flex-direction: column; flex: 1; max-height: 300px; } .app-components-CommentBlock-___styles-module__container___Xf3ng { max-width: 200px; color: var(--colorTextMain); word-break: break-word; } .app-UI-Popup-___style-module__portal___PA7Wd { position: absolute; z-index: 100000; } .app-UI-Popup-___style-module__portal___PA7Wd.app-UI-Popup-___style-module__overflowVisible___wQIcL { overflow: visible; } .app-UI-Popup-___style-module__portal___PA7Wd > div { max-height: inherit; } .app-UI-Popup-___style-module__hidden___3VX5C { visibility: hidden; } .app-UI-Popup-___style-module__noPointerEvents___bqiOL { pointer-events: none; } .app-UI-Popup-___style-module__popupBackdrop___1XVp4 { position: absolute; z-index: 99999; top: 0; right: 0; bottom: 0; left: 0; } .app-UI-Popup-___style-module__errorPopupContainer___4QIie { padding: 10px; background-color: var(--colorError); border-radius: var(--defaultDropBorderRadius); } .app-UI-Popup-___style-module__errorPopupContainer___4QIie.app-UI-Popup-___style-module__warning___RSMOZ { background-color: var(--colorWarning); } .app-UI-Popup-___style-module__errorPopupContainer___4QIie.app-UI-Popup-___style-module__warning___RSMOZ .app-UI-Popup-___style-module__content___D93Yy { color: var(--colorTextBlack); } .app-UI-Popup-___style-module__content___D93Yy { font: var(--typographyBody1Font); color: var(--colorTextMain); display: flex; flex-direction: row; align-items: center; } .app-UI-Popup-___style-module__content___D93Yy i { margin-left: 16px; font-size: 10px; cursor: pointer; } .app-UI-Popup-___style-module__arrow___ZkIq9 path { fill: var(--colorError); } .app-UI-Popup-___style-module__arrow___ZkIq9.app-UI-Popup-___style-module__warning___RSMOZ path { fill: var(--colorWarning); } .app-UI-Popup-___style-module__arrowDropBg___PkcWP path { fill: var(--colorDropBg); } .app-UI-Popup-___style-module__arrowDropBgActive___YGFNv path { fill: var(--colorDropBgActive); } .app-UI-Popup-___style-module__arrowAccent___9vJG7 path { fill: var(--colorAccent); } .app-UI-Popup-___style-module__arrowBlue___lKGU- path { fill: var(--colorBlue); } .app-UI-Popup-___style-module__arrowHint___VPWst path { fill: var(--colorHintBg); } .app-UI-Popup-___style-module__arrowError___3faDY path { fill: var(--colorError); } .app-UI-Popup-___style-module__arrowWarning___DHFbg path { fill: var(--colorWarning); } .app-UI-Popup-___style-module__arrowWarningAccent___AmCW6 path { fill: var(--colorWarningAccent); } .app-UI-Popup-___style-module__arrowWhite___NhntT path { fill: var(--colorWhite); } .app-UI-Popup-___style-module__tooltip___D6FA- { border-radius: var(--defaultDropBorderRadius); background-color: var(--colorHintBg); padding: 12px; } .app-UI-Popup-___style-module__tooltip___D6FA-.app-UI-Popup-___style-module__small___FK-42 { padding: 6px; font: var(--typographyBody2Font); } .app-UI-Popup-___style-module__tooltipArrow___-IA2T path { fill: var(--colorHintBg); } .app-components-ReloadOrdersStates-___styles-module__dropdown___3VRBG{ background-color: var(--colorDropBgActive); color: var(--colorTextPrimary); font: var(--typographyDigit2Font); font-weight: bold; width: 340px; } .app-components-ReloadOrdersStates-___styles-module__dropdown___3VRBG p { color: var(--colorTextMain); font: var(--typographySubtitleFont); } .app-components-ReloadOrdersStates-___styles-module__dropdownContent___MJZOw{ padding: 8px; border-bottom: 1px solid var(--colorDivider); } .app-containers-Chat-Chat-LinkOrders-___style-module__tableContainer___b1WBo > div:first-of-type { min-height: 75vh; max-height: 75vh; background-color: var(--colorBgPrimary); } .app-containers-Chat-Chat-LinkOrders-___style-module__tableContainer___b1WBo.app-containers-Chat-Chat-LinkOrders-___style-module__sidePage___tF2o2 > div:first-of-type { min-height: 75vh; max-height: calc(100vh - 40px); background-color: var(--colorBgPrimary); } .app-containers-Chat-ClientProfileList-___style-module__membersList___YBW9A { flex-grow: 1; width: 320px; height: 100%; display: flex; flex-direction: column; position: relative; } .app-containers-Chat-ClientProfileList-___style-module__membersList___YBW9A.app-containers-Chat-ClientProfileList-___style-module__autoWidth___iYrdA { width: auto; } .app-containers-Chat-ClientProfileList-___style-module__search___Jzk2f { border-bottom: 1px solid var(--colorDivider); } .app-containers-Chat-ClientProfileList-___style-module__search___Jzk2f i { color: var(--colorTextIcons); } .app-containers-Chat-ClientProfileList-___style-module__members___4wMaL { flex-grow: 2; overflow: hidden; height: 100%; } .app-containers-Chat-ClientProfileList-___style-module__member___p4MWb { display: flex; flex-direction: row; align-items: center; padding: 8px; border-bottom: 1px solid var(--colorDivider); cursor: pointer; } .app-containers-Chat-ClientProfileList-___style-module__member___p4MWb label > div { border-color: var(--colorTextIcons); } .app-containers-Chat-ClientProfileList-___style-module__member___p4MWb:hover { background: var(--colorDropBgHover); } .app-containers-Chat-ClientProfileList-___style-module__name___lNRcu { font: var(--typographyBody2Font); color: var(--colorTextMain); margin-left: 4px; } .app-containers-Chat-ClientProfileList-___style-module__empty___N2G8t { padding: 16px 8px; text-align: center; font: var(--typographyBody1Font); color: var(--colorTextPrimary); } .app-containers-Chat-ClientProfileList-___style-module__selectedMembers___BLr-A { max-height: calc(50% - 52px); } .app-containers-Chat-ClientProfileList-___style-module__selectedMembersList___5-XZ2 { padding: 4px; display: flex; flex-direction: row; flex-wrap: wrap; gap: 4px; border-bottom: 1px solid var(--colorDivider); position: relative; } .app-containers-Chat-ClientProfileList-___style-module__selectedMembersList___5-XZ2 .app-containers-Chat-ClientProfileList-___style-module__selectedMember___jMPMg { color: var(--colorTextMain); font: var(--typographyBody1Font); padding: 4px 8px; background-color: var(--colorBgAccent); border-radius: 3px; } .app-containers-Chat-ClientProfileList-___style-module__selectedMembersList___5-XZ2 .app-containers-Chat-ClientProfileList-___style-module__selectedMember___jMPMg i { cursor: pointer; color: var(--colorTextIcons); font-size: 10px; margin-left: 8px; } .app-containers-Chat-ClientProfileList-___style-module__addMembers___8dEHv { padding: 8px; border-top: 1px solid var(--colorDivider); display: flex; flex-direction: row; justify-content: flex-end; } .app-containers-Chat-ClientProfileList-___style-module__addMembers___8dEHv button { min-width: 132px; width: auto; } .app-containers-Chat-DealerChatsList-CreateChat-___style-module__createInternalChat___9ojnV { width: 320px; height: 100%; overflow: hidden; display: flex; flex-direction: column; } .app-containers-Chat-DealerChatsList-CreateChat-___style-module__createInternalChat___9ojnV.app-containers-Chat-DealerChatsList-CreateChat-___style-module__autoWidth___0UJIm { width: auto; } .app-containers-Chat-DealerChatsList-CreateChat-___style-module__createInternalChat___9ojnV .app-containers-Chat-DealerChatsList-CreateChat-___style-module__container___sHvou { flex: 1; overflow: hidden; } .app-containers-Chat-DealerChatsList-CreateChat-___style-module__createInternalChat___9ojnV .app-containers-Chat-DealerChatsList-CreateChat-___style-module__input___8LNRh { border-bottom: 1px solid var(--colorDivider); } .app-containers-Chat-DealerChatsList-CreateChat-___style-module__createInternalChat___9ojnV .app-containers-Chat-DealerChatsList-CreateChat-___style-module__input___8LNRh i { color: var(--colorTextIcons); } .app-pages-AccountsPage-___style-module__actions___w5nnB { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; } .app-pages-AccountsPage-___style-module__link___Hlx2a { text-decoration: underline; } .app-pages-AccountsPage-___style-module__asset-filter___5USUo { min-width: 200px; } .app-pages-AccountsPage-___style-module__brokerage-report-form___4sRDs > div { margin: 10px; } .app-pages-AccountsPage-___style-module__accountForm___hbOdN { width: 484px; height: 100%; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; position: relative; } .app-pages-AccountsPage-___style-module__accountFormWrapper___C6DaB { flex-grow: 2; overflow: hidden; display: flex; flex-direction: column; } .app-pages-AccountsPage-___style-module__accountFormWrapper___C6DaB .app-pages-AccountsPage-___style-module__accountFormScrollbar___VGzxC { padding: 16px 16px 0; } .app-pages-AccountsPage-___style-module__row___jeHne { margin: 8px 0; } .app-pages-AccountsPage-___style-module__sidePageButton___uiOEh { border-top: 1px solid var(--colorDivider); padding: 8px; display: flex; align-items: center; justify-content: flex-end; white-space: nowrap; gap: 8px; } .app-pages-AccountsPage-___style-module__limitBtns___O3M1B { padding: 10px; display: flex; align-items: center; justify-content: flex-end; white-space: nowrap; } .app-pages-AccountsPage-___style-module__limitBtns___O3M1B button:first-child { margin-right: 8px; } .app-pages-AccountsPage-___style-module__limitListItem___SoW7M { display: flex; align-items: center; margin-bottom: 8px; justify-content: flex-start; color: var(--colorTextMain); font: var(--typographyBody1Font); } .app-pages-AccountsPage-___style-module__limitListItem___SoW7M > div:first-of-type { color: var(--colorTextPrimary); flex: 0 0 190px; max-width: 190px; } .app-pages-AccountsPage-___style-module__limitListItem___SoW7M > div:last-of-type { margin-left: auto; } .app-pages-AccountsPage-___style-module__limitListItem___SoW7M .app-pages-AccountsPage-___style-module__deleteButton___aC-W1 { cursor: pointer; color: var(--colorError); margin-left: auto; transition: all 0.2s; text-decoration: none; } .app-pages-AccountsPage-___style-module__limitListItem___SoW7M .app-pages-AccountsPage-___style-module__deleteButton___aC-W1:hover { color: var(--colorTextMain); } .app-pages-AccountsPage-___style-module__editGroup___2E-0M { display: flex; align-items: center; flex-direction: row; justify-content: flex-start; width: 100%; } .app-pages-AccountsPage-___style-module__editGroup___2E-0M i { color: var(--colorAccent); font-size: 12px; cursor: pointer; } .app-pages-AccountsPage-___style-module__editGroup___2E-0M > div { flex-grow: 2; min-width: 150px; } .app-pages-AccountsPage-___style-module__btnRow___bfLbO { display: flex; align-items: center; flex-direction: row; justify-content: flex-end; padding: 8px; white-space: nowrap; border-top: 1px solid var(--colorDivider); } .app-pages-AccountsPage-___style-module__btnRow___bfLbO > button { width: auto; margin: 0; font-weight: 400; } .app-pages-AccountsPage-___style-module__btnRow___bfLbO > button:last-of-type { margin-left: 8px; } .app-pages-AccountsPage-___style-module__limits___-9wnD { padding: 20px 20px 0; } .app-pages-AccountsPage-___style-module__limits___-9wnD > div > div { margin-bottom: 10px; } .app-pages-AccountsPage-___style-module__errorOverlay___W26PQ { width: 100%; height: calc(100% - 60px); position: absolute; top: 60px; left: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #111; color: var(--colorTextMain); } .app-pages-AccountsPage-___style-module__membersPopup___cKAtt { box-shadow: 0px 4px 12px var(--colorDropShadow); } .app-pages-AccountsPage-___style-module__membersWrapper___JqxsQ { min-width: 200px; min-height: 52px; background-color: var(--colorDropBgActive); border-radius: 3px; overflow: hidden; position: relative; padding: 4px 0; } .app-pages-AccountsPage-___style-module__membersWrapper___JqxsQ p { color: var(--colorTextPrimary); padding: 4px 8px; text-transform: uppercase; font-size: 10px; } .app-pages-AccountsPage-___style-module__sectionHeader___7tNDb { font: var(--typographyBody1Font); color: var(--colorTextMain); padding: 6px; } .app-pages-AccountsPage-___style-module__sectionRow___h--BB { padding: 8px; font: var(--typographyBody1Font); color: var(--colorTextMain); display: flex; flex-direction: row; transition: all 0.2s; cursor: pointer; min-height: 32px; align-items: center; } .app-pages-AccountsPage-___style-module__sectionRow___h--BB i { color: var(--colorGreen); margin-bottom: 2px; margin-right: 8px; } .app-pages-AccountsPage-___style-module__sectionRow___h--BB:hover { color: var(--colorAccent) } .app-pages-AccountsPage-___style-module__empty___ecKcZ { font: var(--typographyBody2Font); color: var(--colorTextMain); padding: 16px 8px; display: flex; justify-content: center; align-items: center; } .app-pages-AccountsPage-___style-module__datePickerContainer___ZadpN { width: fit-content; margin-bottom: 12px; } .app-pages-AccountsPage-___style-module__datePickerWrapper___0DBrO > div:last-child { max-width: 150px; } .app-pages-AccountsPage-___style-module__switcherWrapper___ZzkuE { display: flex; justify-content: space-between; align-items: center; } .app-pages-AccountsPage-___style-module__switcherWrapper___ZzkuE > div:first-child { text-transform: none; font: var(--typographyBody1Font); letter-spacing: var(--typographyBody1Spacing); color: var(--colorTextPrimary); width: 128px; flex: auto; margin: 0; } .app-pages-AccountsPage-___style-module__switcherWrapper___ZzkuE > div:last-child { /*width: 264px !important;*/ /*flex: auto !important;*/ } .app-pages-AccountsPage-___style-module__checkboxWrapper___hree7 { display: flex; justify-content: flex-start; align-items: center; padding: 4px 0; } .app-pages-AccountsPage-___style-module__checkboxWrapper___hree7 > div:first-child { text-transform: none; font: var(--typographyBody1Font); letter-spacing: var(--typographyBody1Spacing); color: var(--colorTextPrimary); width: 170px; flex: 0 0 170px; margin: 0; margin-right: 16px; } .app-pages-AccountsPage-___style-module__checkboxWrapper___hree7 > div:last-child { /*width: 264px !important;*/ /*flex: auto !important;*/ } .app-pages-AccountsPage-___style-module__marginCredit___X-cnA { display: flex; column-gap: 8px; } .app-pages-AccountsPage-___style-module__marginCredit___X-cnA > div { flex: 1; } .app-pages-AccountsPage-___style-module__accountInfoModal___iirrg { padding: 20px 16px; flex: 1; } .app-pages-AccountsPage-___style-module__accountInfoSidePageForm___PD5Su { height: 100%; width: 484px; } .app-pages-AccountsPage-___style-module__accountInfoSidePageForm___PD5Su > div { height: 100%; display: flex; flex-direction: column; } .app-pages-AccountsPage-___style-module__divider___IPLxX { height: 1px; width: 100%; background-color: var(--colorDivider); margin: 16px 0; } .app-pages-AccountsPage-___style-module__dividerSmall___vvCQc { height: 1px; width: 100%; background-color: var(--colorDivider); margin: 12px 0; } .app-pages-AccountsPage-___style-module__marginCredit___X-cnA { display: flex; flex-direction: row; align-items: center; } .app-pages-AccountsPage-___style-module__marginCredit___X-cnA > div:first-of-type { text-transform: none; font: var(--typographyBody1Font); letter-spacing: var(--typographyBody1Spacing); color: var(--colorTextPrimary); min-width: 114px; } .app-pages-AccountsPage-___style-module__marginCredit___X-cnA > div:last-of-type > div:last-of-type { width: 142px !important; } .app-pages-AccountsPage-___style-module__limitsTitle___Fh5z5 { font: var(--typographyBody1Font); color: var(--colorTextPrimary); font-size: 14px; } .app-pages-AccountsPage-___style-module__limitButton___IgT14 { cursor: pointer; font: var(--typographyBody1Font); color: var(--colorTextDigit); transition: all 0.2s; width: auto; padding: 0; } .app-pages-AccountsPage-___style-module__limitButton___IgT14:first-of-type { margin-right: 16px; } .app-pages-AccountsPage-___style-module__limitButton___IgT14:last-of-type { color: var(--colorAccent); } .app-pages-AccountsPage-___style-module__limitButton___IgT14:hover { color: var(--colorTextMain); } .app-pages-AccountsPage-___style-module__limitRowActions___WUsqi { display: flex; flex-direction: row; justify-content: flex-end; gap: 16px; } .app-pages-AccountsPage-___style-module__limitRowActions___WUsqi .app-pages-AccountsPage-___style-module__iconButton___Wpzwc { font: var(--typographyBody1Font); height: 32px; color: var(--colorTextPrimary); transition: all 0.2s; } .app-pages-AccountsPage-___style-module__limitRowActions___WUsqi .app-pages-AccountsPage-___style-module__iconButton___Wpzwc.app-pages-AccountsPage-___style-module__blue___858bM { color: var(--colorAccent) } .app-pages-AccountsPage-___style-module__limitRowActions___WUsqi .app-pages-AccountsPage-___style-module__iconButton___Wpzwc:disabled { pointer-events: none; color: var(--colorTextDisabled); } .app-pages-AccountsPage-___style-module__limitRowActions___WUsqi .app-pages-AccountsPage-___style-module__iconButton___Wpzwc:hover { color: var(--colorTextMain); } .app-pages-AccountsPage-___style-module__limitRowActions___WUsqi { width: 100%; display: flex; justify-content: flex-end; } .app-pages-AccountsPage-___style-module__limitsHeader___0AbMy { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: 8px; } .app-pages-AccountsPage-___style-module__limitsHeader___0AbMy > div:first-of-type { font: var(--typographySubtitleFont); color: var(--colorTextMain); } .app-pages-AccountsPage-___style-module__borderTop___rxlG7 { border-top: 1px solid var(--colorDivider); padding-top: 4px; } .app-pages-AccountsPage-___style-module__importAccountLimits___O7uSv { width: 316px; background-color: var(--colorDropBgActive); border-radius: var(--defaultDropBorderRadius); box-shadow: 0px 4px 12px var(--colorDropShadow); } .app-pages-AccountsPage-___style-module__importAccountLimits___O7uSv form .app-pages-AccountsPage-___style-module__dropzone___3pHiz { background-color: transparent; } .app-pages-AccountsPage-___style-module__importAccountLimits___O7uSv form .app-pages-AccountsPage-___style-module__title___7tb7w { color: var(--colorTextPrimary); margin: 4px 0; text-transform: uppercase; font-size: 10px; } .app-pages-AccountsPage-___style-module__importAccountLimits___O7uSv form > div:first-of-type { padding: 8px 8px 0; } .app-pages-AccountsPage-___style-module__importAccountLimits___O7uSv form > div:last-of-type { padding: 4px; border-top: 1px solid var(--colorDivider); } .app-pages-AccountsPage-___style-module__opened___pGd8f { opacity: 1!important; } .app-pages-AccountsPage-___style-module__sectionTitle___zlfsE { font: var(--typographySubtitleFont); color: var(--colorTextMain); margin: 0 0 12px; } .app-pages-AccountsPage-___style-module__segment___bq4AY { display: flex; flex-direction: row; align-items: center; } .app-pages-AccountsPage-___style-module__segment___bq4AY > div:first-of-type { flex: 0 0 188px; } .app-pages-AccountsPage-___style-module__removeButton___JyZth { color: var(--colorError); } .app-pages-AccountsPage-___style-module__closeAccountButton___OvcG5 { color: var(--colorError); text-decoration: none; margin-right: auto!important; padding: 0 8px!important; font-size: 15px!important; } .app-pages-AccountsPage-___style-module__description___wKSdm{ max-width: 400px; white-space: pre-wrap; word-wrap: break-word; } .app-pages-AccountsPage-___style-module__title___7tb7w { font: var(--typographySubtitleFont); font-weight: 600; color: var(--colorTextMain); margin-bottom: 8px; } .app-pages-AccountsPage-___style-module__externalIds___IZVEw { border-top: 1px solid var(--colorDivider); padding-top: 12px; } .app-pages-AccountsPage-___style-module__externalIdContainer___uUdtR { margin: 12px 0; border-bottom: 1px solid var(--colorDivider); } .app-pages-AccountsPage-___style-module__underline___sxRTx { -webkit-text-decoration: underline dashed!important; text-decoration: underline dashed!important; text-decoration-color: var(--colorTextPrimary); } .app-pages-AccountsPage-___style-module__closeModal___4KTz2 { width: 320px; } .app-pages-AccountsPage-___style-module__closeModal___4KTz2 > div:first-of-type { padding: 16px; } .app-pages-AccountsPage-___style-module__closeModal___4KTz2 > div:first-of-type h6 { font: var(--typographyBody1Font); color: var(--colorTextMain); margin-bottom: 16px; } .app-pages-AccountsPage-___style-module__closeModal___4KTz2 > div:last-of-type { padding: 8px; gap: 8px; display: flex; justify-content: flex-end; border-top: 1px solid var(--colorDivider); } .app-containers-Chat-DealerChat-___style-module__dealerHeader___F8v4g { padding: 8px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--colorDivider); } .app-containers-Chat-DealerChat-___style-module__dealerHeader___F8v4g .app-containers-Chat-DealerChat-___style-module__info___5Quga { display: flex; flex-direction: row; align-items: center; font: var(--typographyBody1Font); color: var(--colorTextMain); font-size: 14px; } .app-containers-Chat-DealerChat-___style-module__dealerHeader___F8v4g .app-containers-Chat-DealerChat-___style-module__info___5Quga > * { margin-right: 8px; } .app-containers-Chat-DealerChat-___style-module__dealerHeader___F8v4g .app-containers-Chat-DealerChat-___style-module__info___5Quga > div:last-of-type { color: var(--colorAccent); } .app-containers-Chat-DealerChat-___style-module__dealerHeader___F8v4g .app-containers-Chat-DealerChat-___style-module__info___5Quga > div:first-of-type { color: var(--colorTextMain); } .app-containers-Chat-DealerChat-___style-module__dealerHeader___F8v4g .app-containers-Chat-DealerChat-___style-module__headerActions___4pIdv { display: flex; flex-direction: row; } .app-containers-Chat-DealerChat-___style-module__dealerHeader___F8v4g .app-containers-Chat-DealerChat-___style-module__headerActions___4pIdv > *:not(:last-child) { margin-right: 8px; } .app-containers-Chat-DealerChat-___style-module__dealerHeader___F8v4g .app-containers-Chat-DealerChat-___style-module__headerActions___4pIdv button { white-space: nowrap; } .app-containers-Chat-DealerChat-___style-module__dealerHeader___F8v4g .app-containers-Chat-DealerChat-___style-module__headerActions___4pIdv button i { font-size: 16px; color: var(--colorGreenAdmin); margin-bottom: 2px; transition: all 0.2s; } .app-containers-Chat-DealerChat-___style-module__dealerHeader___F8v4g .app-containers-Chat-DealerChat-___style-module__headerActions___4pIdv button.app-containers-Chat-DealerChat-___style-module__viewButton___ZTI9z, .app-containers-Chat-DealerChat-___style-module__dealerHeader___F8v4g .app-containers-Chat-DealerChat-___style-module__headerActions___4pIdv button.app-containers-Chat-DealerChat-___style-module__floatingChatButton___YisyL { font-size: 14px; padding: 0; width: auto; color: var(--colorGreenAdmin); } .app-containers-Chat-DealerChat-___style-module__dealerHeader___F8v4g .app-containers-Chat-DealerChat-___style-module__headerActions___4pIdv button.app-containers-Chat-DealerChat-___style-module__viewButton___ZTI9z.app-containers-Chat-DealerChat-___style-module__floatingChatButton___YisyL, .app-containers-Chat-DealerChat-___style-module__dealerHeader___F8v4g .app-containers-Chat-DealerChat-___style-module__headerActions___4pIdv button.app-containers-Chat-DealerChat-___style-module__floatingChatButton___YisyL.app-containers-Chat-DealerChat-___style-module__floatingChatButton___YisyL { color: var(--colorTextMain); margin-right: 16px; } .app-containers-Chat-DealerChat-___style-module__dealerHeader___F8v4g .app-containers-Chat-DealerChat-___style-module__headerActions___4pIdv button.app-containers-Chat-DealerChat-___style-module__viewButton___ZTI9z.app-containers-Chat-DealerChat-___style-module__floatingChatButton___YisyL i, .app-containers-Chat-DealerChat-___style-module__dealerHeader___F8v4g .app-containers-Chat-DealerChat-___style-module__headerActions___4pIdv button.app-containers-Chat-DealerChat-___style-module__floatingChatButton___YisyL.app-containers-Chat-DealerChat-___style-module__floatingChatButton___YisyL i { color: var(--colorTextIcons); font-size: 20px; margin-bottom: 4px; } .app-containers-Chat-DealerChat-___style-module__dealerHeader___F8v4g .app-containers-Chat-DealerChat-___style-module__headerActions___4pIdv button.app-containers-Chat-DealerChat-___style-module__viewButton___ZTI9z:hover, .app-containers-Chat-DealerChat-___style-module__dealerHeader___F8v4g .app-containers-Chat-DealerChat-___style-module__headerActions___4pIdv button.app-containers-Chat-DealerChat-___style-module__floatingChatButton___YisyL:hover { color: var(--colorTextMain); } .app-containers-Chat-DealerChat-___style-module__dealerHeader___F8v4g .app-containers-Chat-DealerChat-___style-module__headerActions___4pIdv button.app-containers-Chat-DealerChat-___style-module__viewButton___ZTI9z:hover i, .app-containers-Chat-DealerChat-___style-module__dealerHeader___F8v4g .app-containers-Chat-DealerChat-___style-module__headerActions___4pIdv button.app-containers-Chat-DealerChat-___style-module__floatingChatButton___YisyL:hover i { color: var(--colorTextMain); } .app-containers-Chat-FloatingChat-___style-module__floatingChatBackdrop___CCrqr { overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; pointer-events: none; } .app-containers-Chat-FloatingChat-___style-module__floatingChatContainer___Bcay1 { position: absolute; right: 12px; bottom: 12px; height: 544px; z-index: 1; pointer-events: auto; } .app-containers-Chat-FloatingChat-___style-module__floatingChatContainer___Bcay1 > div { max-width: 358px; } .app-containers-Chat-FloatingChat-___style-module__floatingChatContainer___Bcay1 > div > div:last-of-type > div { display: flex; flex-direction: column; } .app-containers-Chat-FloatingChat-___style-module__floatingChatContainer___Bcay1 > div > div:last-of-type > div > div:not(:first-of-type) { height: 100%!important; max-height: calc(100% - 34px); } .app-containers-Chat-FloatingChat-___style-module__floatingChatContainer___Bcay1 .app-containers-Chat-FloatingChat-___style-module__dealerChatWrap___XnzJK { display: flex!important; flex-direction: column; min-height: 0; height: 100%; width: 358px; } .app-containers-Chat-FloatingChat-___style-module__floatingChatContainer___Bcay1 .app-containers-Chat-FloatingChat-___style-module__createChatWrap___3PovQ { width: 358px; height: calc(100% - 36px)!important; } .app-containers-Chat-FloatingChat-___style-module__floatingChatContainer___Bcay1.app-containers-Chat-FloatingChat-___style-module__fullHeight___5fLF8 { height: 100%; bottom: 0; right: 0; } .app-containers-Chat-FloatingChat-___style-module__iconButton___0w9LG { height: 32px; width: 24px; display: flex; flex-direction: row; align-items: center; justify-content: center; color: var(--colorTextIcons); font-size: 14px; } .app-containers-Chat-FloatingChat-___style-module__iconButton___0w9LG i { transition: color 0.2s;; } .app-containers-Chat-FloatingChat-___style-module__iconButton___0w9LG:last-of-type { font-size: 20px; margin-right: 6px; } .app-containers-Chat-FloatingChat-___style-module__iconButton___0w9LG:last-of-type i { margin-bottom: 2px; } .app-containers-Chat-FloatingChat-___style-module__iconButton___0w9LG:hover, .app-containers-Chat-FloatingChat-___style-module__iconButton___0w9LG.app-containers-Chat-FloatingChat-___style-module__activeButton___xyo9X { color: var(--colorTextMain); } .app-containers-Chat-FloatingChat-___style-module__selectValue___wqcqG { color: var(--colorAccent); font: var(--typographyBody1Font); margin-right: 8px; } .app-containers-Chat-FloatingChat-___style-module__selectValue___wqcqG > i { font: var(--typographySmallIconFont); margin-left: 8px; color: var(--colorTextIcons); } .app-containers-Chat-FloatingChat-___style-module__chatsList___1uhup { width: 100%; height: 34px; background-color: var(--colorBgSecondary); border-top: 1px solid var(--colorDivider); border-bottom: 1px solid var(--colorDivider); } .app-containers-Chat-FloatingChat-___style-module__chatsList___1uhup .app-containers-Chat-FloatingChat-___style-module__noChats___sVJfC { color: var(--colorTextPrimary); font: var(--typographyBody2Font); padding: 8px; display: block; height: 32px; } .app-containers-Chat-FloatingChat-___style-module__chatsList___1uhup .app-containers-Chat-FloatingChat-___style-module__listItem___1Qpzo { width: 52px; height: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 4px; transition: all 0.2s; cursor: pointer; } .app-containers-Chat-FloatingChat-___style-module__chatsList___1uhup .app-containers-Chat-FloatingChat-___style-module__listItem___1Qpzo .app-containers-Chat-FloatingChat-___style-module__menuIcon___jGSPS { display: flex; align-items: center; margin-left: 8px; font-size: 12px; color: var(--colorTextIcons); transition: all 0.2s; } .app-containers-Chat-FloatingChat-___style-module__chatsList___1uhup .app-containers-Chat-FloatingChat-___style-module__listItem___1Qpzo .app-containers-Chat-FloatingChat-___style-module__menuIcon___jGSPS:hover { color: var(--colorTextMain); } .app-containers-Chat-FloatingChat-___style-module__chatsList___1uhup .app-containers-Chat-FloatingChat-___style-module__listItem___1Qpzo.app-containers-Chat-FloatingChat-___style-module__active___AhTVg { background-color: var(--colorBgPrimary); } .app-containers-Chat-FloatingChat-___style-module__menu___1UR4Z { cursor: default; position: relative; box-shadow: 0px 4px 10px var(--colorDropShadow); background: var(--colorDropBg); border-radius: 3px; overflow: hidden; width: 94px; } .app-containers-Chat-FloatingChat-___style-module__menu___1UR4Z > div { cursor: pointer; height: 32px; font: var(--typographyBody1Font); color: var(--colorTextMain); transition: all 0.2s; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; } .app-containers-Chat-FloatingChat-___style-module__menu___1UR4Z > div .app-containers-Chat-FloatingChat-___style-module__view___h4qZ3 { height: 32px; padding: 0 8px; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; width: 100%; } .app-containers-Chat-FloatingChat-___style-module__menu___1UR4Z > div:not(:first-of-type) { padding: 0; } .app-containers-Chat-FloatingChat-___style-module__menu___1UR4Z > div:not(:first-of-type) a { display: flex; align-items: center; text-decoration: none; height: 100%; width: 100%; padding: 8px; } .app-containers-Chat-FloatingChat-___style-module__menu___1UR4Z > div:hover { background-color: var(--colorAccent); } .app-containers-Chat-FloatingChat-___style-module__chatTypeSegment___9uDkt { background-color: var(--colorSegmentControlBg); padding: 8px; } .app-containers-Chat-FloatingChat-___style-module__membersTooltip___RuDUf { font: var(--typographyBody2Font); color: var(--colorTextMain); max-height: 240px; overflow: hidden; display: flex; flex-direction: column; } .app-containers-Chat-FloatingChat-___style-module__membersTooltip___RuDUf span:not(:last-of-type) { margin-bottom: 4px; display: block; } .app-containers-Chat-FloatingChat-___style-module__chatInput___HZgn6 { background-color: var(--colorBgPrimary); border-top: 1px solid var(--colorDivider); } .app-containers-Chat-FloatingChat-___style-module__chatInput___HZgn6 textarea { background-color: var(--colorBgPrimary); border-color: var(--colorBgPrimary); } .app-containers-Chat-FloatingChat-___style-module__chatInput___HZgn6 textarea:hover { background-color: var(--colorBgPrimary); border-color: transparent; } .app-containers-Chat-FloatingChat-___style-module__chatInput___HZgn6 textarea:focus { border-color: var(--colorAccent); } .app-containers-Chat-FloatingChat-___style-module__inputActions___0tcgp { display: flex; justify-content: center; align-items: center;; border: none; height: 40px; position: absolute; bottom: 0; right: 40px; transition: all 0.15s; } .app-containers-Chat-FloatingChat-___style-module__inputActions___0tcgp .app-containers-Chat-FloatingChat-___style-module__inputDivider___m4LHc { width: 1px; background-color: var(--colorDivider); height: 16px; } .app-containers-Chat-FloatingChat-___style-module__inputActions___0tcgp button { width: auto; position: static; display: flex; align-items: center; font-size: 16px; color: var(--colorTextIcons); transition: all 0.2s; } .app-containers-Chat-FloatingChat-___style-module__inputActions___0tcgp button:hover { color: var(--colorTextMain); } .app-containers-Chat-FloatingChat-___style-module__inputActions___0tcgp button { margin-right: 8px; } .app-containers-Chat-FloatingChat-___style-module__segmentBadge___AFDZM { width: 10px!important; height: 10px!important; border-radius: 5px!important; top: 2px!important; right: 0px!important; } .app-containers-ApplicationStatus-___style-module__absoluteWarning___SNoFR { position: absolute; top: 8px; margin: 0 auto; background-color: var(--colorAlertWarningBg); padding: 4px 8px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; font: var(--typographyBody1Font); color: var(--colorTextAlertWarning); left: 50%; transform: translate(-50%, 0); display: flex; flex-direction: row; align-items: center; gap: 12px; z-index: 10000; } .app-containers-ApplicationStatus-___style-module__absoluteWarning___SNoFR .app-containers-ApplicationStatus-___style-module__icon___BeiCp { width: 31px; height: 32px; min-width: 32px; } .app-containers-ApplicationStatus-___style-module__absoluteWarning___SNoFR.app-containers-ApplicationStatus-___style-module__widget___9p-uN { position: static; display: flex; flex: 1; align-items: center; justify-content: center; transform: none; background-color: var(--colorBgPrimary); color: var(--colorTextPrimary); flex-direction: column; padding: 16px; text-align: center; } .app-containers-ApplicationStatus-___style-module__absoluteWarning___SNoFR.app-containers-ApplicationStatus-___style-module__widget___9p-uN > span { max-width: 300px; } .app-containers-ApplicationStatus-___style-module__absoluteWarning___SNoFR.app-containers-ApplicationStatus-___style-module__widget___9p-uN .app-containers-ApplicationStatus-___style-module__icon___BeiCp { width: 35px; height: 36px; min-width: 36px; } .app-containers-ApplicationStatus-___style-module__absoluteWarning___SNoFR.app-containers-ApplicationStatus-___style-module__memberSelect___97qcr { margin-top: 20%; color: var(--colorTextMain); font-size: 14px; } .app-containers-ApplicationStatus-___style-module__absoluteWarning___SNoFR.app-containers-ApplicationStatus-___style-module__common___ZTPPE { display: flex; flex-direction: column; gap: 2px; } .app-containers-ApplicationStatus-___style-module__backendStatus___mMJ5Y { padding: 24px 0; display: flex; flex-direction: column; justify-content: space-around; align-items: center; width: 100%; height: 100%; background-color: var(--colorBgPrimary); overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; } .app-containers-ApplicationStatus-___style-module__backendStatus___mMJ5Y .app-containers-ApplicationStatus-___style-module__backendStatusText___SWhZB { text-align: center; } .app-containers-ApplicationStatus-___style-module__backendStatus___mMJ5Y .app-containers-ApplicationStatus-___style-module__backendStatusText___SWhZB h6 { font: var(--typographyDigit3Font); color: var(--colorTextMain); margin-bottom: 20px; } .app-containers-ApplicationStatus-___style-module__backendStatus___mMJ5Y .app-containers-ApplicationStatus-___style-module__backendStatusText___SWhZB p { font: var(--typographyBody1Font); font-size: 20px; line-height: 24px; max-width: 600px; color: var(--colorTextPrimary); } .app-containers-ApplicationStatus-___style-module__backendStatus___mMJ5Y .app-containers-ApplicationStatus-___style-module__row___mm1QI { min-height: 56px; width: 100%; } .app-containers-ApplicationStatus-___style-module__backendStatus___mMJ5Y .app-containers-ApplicationStatus-___style-module__row___mm1QI > div { width: 100%; height: 100%; } .app-components-Main-___style-module__main___dNJbd { background: var(--colorBgMain); display: flex; flex-direction: column; height: 100%; } .app-components-Main-___style-module__main___dNJbd.app-components-Main-___style-module___without-footer___-ovOC { padding-bottom: 0; } .app-containers-HelpSidePage-Legend-___style-module__contentContainer___EisWN { width: 632px; padding: 16px; } .app-containers-HelpSidePage-Legend-___style-module__sectionLabel___bHp-4 { font: var(--typographyCaps3Font); letter-spacing: var(--typographyCaps3Spacing); color: var(--colorTextPrimary); text-transform: uppercase; margin-bottom: 10px; } .app-containers-HelpSidePage-Legend-___style-module__name___WHRg2 { font: var(--typographyBody1Font); color: var(--colorTextMain); } .app-containers-HelpSidePage-Legend-___style-module__quickFunctionsText___YOhB0 { font: var(--typographyBody2Font); color: var(--colorTextMain); margin-left: 6px; } .app-containers-HelpSidePage-Legend-___style-module__emptyCategory___zA-HF { width: 24px; height: 24px; background: var(--colorTextIcons); border-radius: 4px; } .app-containers-HelpSidePage-Legend-___style-module__instrumentTypeIcon___GblDO { position: absolute; bottom: -3px; right: -3px; box-shadow: 0 0 0 2px var(--colorBgPrimary); border-radius: 2px; } .app-containers-HelpSidePage-Legend-___style-module__opened___fFuoa { transform: rotate(180deg); } .app-containers-HelpSidePage-Legend-___style-module__icon___nB8mH { color: var(--colorTextIcons); font-size: 10px; } .app-containers-HelpSidePage-Legend-___style-module__helpText___tYifk { font: var(--typographyErrorFont); letter-spacing: var(--typographyErrorSpacing); color: var(--colorTextPrimary); margin-bottom: 10px; } .app-containers-HelpSidePage-Legend-___style-module__sessionIcon___OlGJD { display: flex; flex-direction: row; align-items: flex-start; margin-bottom: 10px; font: var(--typographyBody2Font); } .app-containers-HelpSidePage-Legend-___style-module__sessionIcon___OlGJD > div:first-of-type { width: 12px; height: 12px; } .app-containers-HelpSidePage-Legend-___style-module__sessionIcon___OlGJD span { border: 0; } .app-containers-HelpSidePage-Legend-___style-module__unlocked___NAiwt { color: var(--colorTextIcons); } .app-containers-HelpSidePage-Legend-___style-module__locked___gb9Ug { color: var(--colorPreMarket); } .app-containers-HelpSidePage-Legend-___style-module__divider___DARIT { width: 100%; height: 1px; background-color: var(--colorDivider); margin: 16px 0; } .app-containers-HelpSidePage-MainPage-___style-module__contentContainer___QJLkp { width: 632px; padding: 16px; } .app-containers-HelpSidePage-MainPage-___style-module__section___RXl3G > div:first-of-type { display: flex; flex-direction: row; color: var(--colorTextMain); font: var(--typographySubtitleFont); font-weight: 400; text-transform: capitalize; margin-bottom: 12px; max-height: 16px; } .app-containers-HelpSidePage-MainPage-___style-module__section___RXl3G > div:first-of-type > div { width: 15px; height: 15px; margin-right: 9px; } .app-containers-HelpSidePage-MainPage-___style-module__section___RXl3G > div:first-of-type > div i { font-size: 14px; color: var(--colorTextIcons); } .app-containers-HelpSidePage-MainPage-___style-module__section___RXl3G .app-containers-HelpSidePage-MainPage-___style-module__list___EXLip { display: flex; flex-direction: row; flex-wrap: wrap; gap: 8px; } .app-containers-HelpSidePage-MainPage-___style-module__section___RXl3G .app-containers-HelpSidePage-MainPage-___style-module__list___EXLip > * { flex: 0 0 calc(25% - 8px); } .app-containers-HelpSidePage-MainPage-___style-module__link___CsgwM { font: var(--typographyBody1Font); color: var(--colorAccent); -webkit-text-decoration: underline dashed var(--colorAccent20); text-decoration: underline dashed var(--colorAccent20); cursor: pointer; transition: all 0.15s; } .app-containers-HelpSidePage-MainPage-___style-module__link___CsgwM:hover { color: var(--colorTextMain); } .app-containers-HelpSidePage-MainPage-___style-module__divider___YkG6Z { width: 100%; height: 1px; background-color: var(--colorDivider); margin: 16px 0; } .app-hooks-useImageZoom-___style-module__imageContainer___3YmsS { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; flex-direction: row; align-items: center; justify-content: center; z-index: 11004; } .app-hooks-useImageZoom-___style-module__imageContainer___3YmsS .app-hooks-useImageZoom-___style-module__backdrop___-XuFI { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: var(--colorBackdrop); } .app-hooks-useImageZoom-___style-module__imageContainer___3YmsS > div:last-of-type { pointer-events: none; } .app-hooks-useImageZoom-___style-module__imageContainer___3YmsS .app-hooks-useImageZoom-___style-module__center___K0kzz { display: flex; flex-direction: row; align-items: center; justify-content: center; min-height: 100%; height: 100%; pointer-events: none; } .app-hooks-useImageZoom-___style-module__imageContainer___3YmsS .app-hooks-useImageZoom-___style-module__center___K0kzz img { max-height: 100%; pointer-events: all; } .app-hooks-useImageZoom-___style-module__imageContainer___3YmsS .app-hooks-useImageZoom-___style-module__center___K0kzz.app-hooks-useImageZoom-___style-module__zoomable___f28y- img { cursor: zoom-in; } .app-hooks-useImageZoom-___style-module__imageContainer___3YmsS .app-hooks-useImageZoom-___style-module__center___K0kzz.app-hooks-useImageZoom-___style-module__zoomed___mJ4fv { height: fit-content; width: fit-content; max-height: unset; } .app-hooks-useImageZoom-___style-module__imageContainer___3YmsS .app-hooks-useImageZoom-___style-module__center___K0kzz.app-hooks-useImageZoom-___style-module__zoomed___mJ4fv img { height: auto; max-width: unset; cursor: zoom-out; } .app-hooks-useImageZoom-___style-module__imageContainer___3YmsS .app-hooks-useImageZoom-___style-module__close___Mu3Is { position: absolute; right: 24px; top: 24px; font-size: 24px; color: var(--colorTextWhite); } .app-pages-HelpPage-VideoGuides-___style-module__video___wnpzi { margin-right: 30px; flex: 1; width: 70%; } .app-pages-HelpPage-VideoGuides-___style-module__active___XzeRz { background-color: var(--colorBgSecondaryHover); color: var(--colorTextMain); } .app-pages-HelpPage-VideoGuides-___style-module__videoTitle___1qkco { font: var(--typographyDigit2Font); color: var(--colorTextMain); margin-bottom: 24px; } .app-pages-HelpPage-VideoGuides-___style-module__description___K8d-B { margin-top: 24px; font: var(--typographyBody1Font); color: var(--colorTextPrimary); } .app-pages-HelpPage-VideoGuides-___style-module__videoContainer___hfALX { min-height: 500px; } @media (max-height: 820px) { .app-pages-HelpPage-VideoGuides-___style-module__videoContainer___hfALX { min-height: 90%; max-height: 90% } } .app-pages-HelpPage-VideoGuides-___style-module__container___bu-Eb { display: flex; height: calc(100% - 8px); background-color: var(--colorBgPrimary); margin: 0 8px 8px; box-shadow: inset 0 1px 0 var(--colorBgPrimary), inset 0 0 0 1px var(--colorDivider); border-top-left-radius: 0; border-top-right-radius: 0; position: relative; } .app-pages-HelpPage-VideoGuides-___style-module__container___bu-Eb .app-pages-HelpPage-VideoGuides-___style-module__list___-4eK0 { width: 300px; background-color: var(--colorBgSecondary); border-radius: 3px; margin: 12px; } .app-pages-HelpPage-VideoGuides-___style-module__container___bu-Eb .app-pages-HelpPage-VideoGuides-___style-module__list___-4eK0 .app-pages-HelpPage-VideoGuides-___style-module__listItem___Jz-u9 { padding: 12px; display: flex; flex-direction: column; font: var(--typographyBody1Font); color: var(--colorTextMain); cursor: pointer; transition: all 0.2s; } .app-pages-HelpPage-VideoGuides-___style-module__container___bu-Eb .app-pages-HelpPage-VideoGuides-___style-module__list___-4eK0 .app-pages-HelpPage-VideoGuides-___style-module__listItem___Jz-u9 > div:last-of-type { font: var(--typographyBody2Font); color: var(--colorTextPrimary); } .app-pages-HelpPage-VideoGuides-___style-module__container___bu-Eb .app-pages-HelpPage-VideoGuides-___style-module__list___-4eK0 .app-pages-HelpPage-VideoGuides-___style-module__listItem___Jz-u9:hover { background-color: var(--colorBgSecondaryHover) } .app-pages-HelpPage-VideoGuides-___style-module__container___bu-Eb .app-pages-HelpPage-VideoGuides-___style-module__list___-4eK0 .app-pages-HelpPage-VideoGuides-___style-module__listItem___Jz-u9.app-pages-HelpPage-VideoGuides-___style-module__selectedPageLink___nWLjI { background-color: var(--colorBgSecondaryHover) } .app-pages-HelpPage-VideoGuides-___style-module__container___bu-Eb .app-pages-HelpPage-VideoGuides-___style-module__content___pXUIY { background-color: var(--colorBgSecondary); border-radius: 3px; margin: 12px 12px 12px 0; flex: 1; display: flex; align-items: center; justify-content: center; width: 100%; max-width: 70%; } .app-components-Markdown-___style-module__markdownWrapper___zVkX9 { padding: 16px; background-color: transparent!important; color: var(--colorTextMain)!important; font: var(--typographyBody1Font); max-width: 940px; } .app-components-Markdown-___style-module__markdownWrapper___zVkX9.app-components-Markdown-___style-module__noPadding___9j9Ig { padding: 0; } .app-components-Markdown-___style-module__markdownWrapper___zVkX9 li { font: var(--typographyBody1Font)!important; width: fit-content!important; } .app-components-Markdown-___style-module__markdownWrapper___zVkX9 li img { margin: 0!important; } .app-components-Markdown-___style-module__markdownWrapper___zVkX9 li em img { margin: 0!important; display: inline-block!important; } .app-components-Markdown-___style-module__markdownWrapper___zVkX9 ol { list-style-type: decimal!important; padding-inline-start: 16px!important; } .app-components-Markdown-___style-module__markdownWrapper___zVkX9 ol li { font: var(--typographyBody1Font)!important; padding-inline-start: 4px; } .app-components-Markdown-___style-module__markdownWrapper___zVkX9 ul { padding-inline-start: 16px!important; } .app-components-Markdown-___style-module__markdownWrapper___zVkX9 ul li { font: var(--typographyBody1Font)!important; list-style-type: disc; width: fit-content; } .app-components-Markdown-___style-module__markdownWrapper___zVkX9 p { text-transform: none; font: var(--typographyBody1Font)!important; line-height: 1.5; } .app-components-Markdown-___style-module__markdownWrapper___zVkX9 p img { margin: 0; } .app-components-Markdown-___style-module__markdownWrapper___zVkX9 p em img { margin: 0; display: inline-block; } .app-components-Markdown-___style-module__markdownWrapper___zVkX9 h1 { font: var(--typographyDigit2Font); border-bottom: 1px solid var(--colorDivider); margin: 0 0 16px 0; } .app-components-Markdown-___style-module__markdownWrapper___zVkX9 h2, .app-components-Markdown-___style-module__markdownWrapper___zVkX9 h3, .app-components-Markdown-___style-module__markdownWrapper___zVkX9 h4, .app-components-Markdown-___style-module__markdownWrapper___zVkX9 h5, .app-components-Markdown-___style-module__markdownWrapper___zVkX9 h6 { border-color: 1px solid var(--colorDivider)!important; } .app-components-Markdown-___style-module__markdownWrapper___zVkX9 h5 { margin-top: 32px!important; font-weight: 400!important; font: var(--typographyBody1Font)!important; } .app-components-Markdown-___style-module__markdownWrapper___zVkX9 img { margin: 8px 0; filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.2)); cursor: pointer; background-color: var(--colorBgPrimary)!important; } .app-components-Markdown-___style-module__markdownWrapper___zVkX9 em { display: inline-block; } .app-components-Markdown-___style-module__markdownWrapper___zVkX9 kbd { color: var(--colorTextMain)!important; background-color: var(--colorBgBugfix)!important; border-radius: 2px!important; padding: 2px 4px!important; box-shadow: none!important; line-height: 14px!important; border: none!important; } .app-components-Markdown-___style-module__markdownWrapper___zVkX9 .app-components-Markdown-___style-module__isBugfixKbd___EddUn { color: var(--colorTextBugfix)!important; background-color: var(--colorBgBugfix)!important; border-radius: 2px!important; padding: 2px 4px!important; box-shadow: none!important; line-height: 14px!important; border: none!important; } .app-components-Markdown-___style-module__markdownWrapper___zVkX9 code { background-color: var(--colorBgAccent)!important; border-radius: 2px!important; padding: 2px 4px!important;; } .app-components-Markdown-___style-module__markdownWrapper___zVkX9 table thead tr { border-color: transparent!important; } .app-components-Markdown-___style-module__markdownWrapper___zVkX9 table th { font-size: 10px!important; text-transform: uppercase!important; color: var(--colorTextPrimary)!important; border-top-color: transparent!important; } .app-components-Markdown-___style-module__markdownWrapper___zVkX9 table tr { font-size: 13px!important; border-left: none!important; border-right: none!important; background-color: transparent!important; border-top: 1px solid var(--colorDivider)!important; } .app-components-Markdown-___style-module__markdownWrapper___zVkX9 table th, .app-components-Markdown-___style-module__markdownWrapper___zVkX9 table td { padding: 8px 4px!important; border: 1px solid var(--colorDivider)!important; border-left: none!important; border-right: none!important; text-align: left!important; } .app-components-Markdown-___style-module__markdownWrapper___zVkX9 table tr:nth-child(2n) { background-color: transparent; } .app-components-Markdown-___style-module__markdownWrapper___zVkX9 blockquote { border-left: 2px solid var(--colorTextMain)!important; color: var(--colorTextMain)!important; border-radius: 2px!important; padding: 4px 8px 4px 10px!important; max-width: 600px!important; width: fit-content!important; font: var(--typographyBody1Font)!important; } .app-components-Markdown-___style-module__markdownWrapper___zVkX9 blockquote.app-components-Markdown-___style-module__bqDefault___Njzw8 { border-left-color: var(--colorTextMain)!important; color: var(--colorTextMain)!important; padding: 8px 12px!important; font: var(--typographySubtitleFont)!important; } .app-components-Markdown-___style-module__markdownWrapper___zVkX9 blockquote.app-components-Markdown-___style-module__bqInfo___HBQtm { border-left-color: var(--colorGrey)!important; color: var(--colorTextPrimary)!important; background-color: var(--colorGrey10)!important; } .app-components-Markdown-___style-module__markdownWrapper___zVkX9 blockquote.app-components-Markdown-___style-module__bqSuccess___vDwhW { border-left-color: var(--colorGreen)!important; color: var(--colorGreen)!important; background-color: var(--colorGreen10)!important; } .app-components-Markdown-___style-module__markdownWrapper___zVkX9 blockquote.app-components-Markdown-___style-module__bqWarning___H-dBI { border-left-color: var(--colorOrange)!important; color: var(--colorOrange)!important; background-color: var(--colorOrange10)!important; } .app-components-Markdown-___style-module__markdownWrapper___zVkX9 blockquote.app-components-Markdown-___style-module__bqDanger___4kG34 { border-left-color: var(--colorError)!important; color: var(--colorError)!important; background-color: var(--colorRed10)!important; } .app-components-Markdown-___style-module__markdownWrapper___zVkX9 strong { font-weight: 700!important; } .app-components-Markdown-___style-module__video___zlKQ1 { min-height: auto; } .app-containers-HelpSidePage-HelpPage-___style-module__contentContainer___t86Nm { min-width: 632px; max-width: 632px; display: flex; flex-direction: column; } .app-containers-HelpSidePage-HelpPage-___style-module__breadcrumbs___ks9c8 { padding: 16px; display: flex; flex-direction: row; gap: 8px; color: var(--colorTextPrimary); font: var(--typographyBody1Font); } .app-containers-HelpSidePage-HelpPage-___style-module__breadcrumbs___ks9c8 button { color: var(--colorAccent); } .app-containers-HelpSidePage-___style-module__buttonContainer___65-09 { display: flex; flex-direction: row; align-items: center; margin-right: 6px; } .app-containers-HelpSidePage-___style-module__buttonContainer___65-09 > button { transition: all .2s; font-size: 12px; } .app-containers-HelpSidePage-___style-module__buttonContainer___65-09 > button i { margin-bottom: 1px; } .app-containers-HelpSidePage-___style-module__contentContainer___Hddwz { width: 632px; padding: 16px; } .app-containers-HelpSidePage-___style-module__iconButton___eWLvf { height: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; font-size: 16px; color: var(--colorHeaderIcon); transition: color 0.2s; padding: 5px; } .app-containers-HelpSidePage-___style-module__iconButton___eWLvf:hover { color: var(--colorHeaderIconHover); } .app-containers-OnBoarding-___style-module__tooltip___81P51 { background-color: var(--colorBlue); padding: 16px; border-radius: var(--defaultDropBorderRadius); color: var(--colorTextWhite); max-width: 420px; position: relative; z-index: 10000; } .app-containers-OnBoarding-___style-module__tooltip___81P51 .app-containers-OnBoarding-___style-module__closeButton___ElwXq { position: absolute; top: 12px; right: 12px; font-size: 10px; color: var(--colorWhite70); } .app-containers-OnBoarding-___style-module__tooltip___81P51 .app-containers-OnBoarding-___style-module__closeButton___ElwXq:hover { color: var(--colorWhite); } .app-containers-OnBoarding-___style-module__tooltip___81P51 .app-containers-OnBoarding-___style-module__title___wXgLR { font: var(--typographyBody1Font); letter-spacing: var(--typographyCaps3Spacing); margin-bottom: 12px; padding-right: 16px; } .app-containers-OnBoarding-___style-module__tooltip___81P51 .app-containers-OnBoarding-___style-module__content___pq1de { font: var(--typographyBody2Font); color: var(--colorWhite70); margin-bottom: 12px; } .app-containers-OnBoarding-___style-module__tooltip___81P51 .app-containers-OnBoarding-___style-module__footer___w0x09 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .app-containers-OnBoarding-___style-module__tooltip___81P51 .app-containers-OnBoarding-___style-module__footer___w0x09 > div:first-of-type { display: flex; flex-direction: row; align-items: center; margin-right: 24px; } .app-containers-OnBoarding-___style-module__tooltip___81P51 .app-containers-OnBoarding-___style-module__footer___w0x09 > div:first-of-type > span:first-of-type { text-transform: uppercase; color: var(--colorTextWhite50); font: var(--typographyCaps3Font); letter-spacing: var(--typographyCaps3Spacing); margin-right: 12px; white-space: nowrap; } .app-containers-OnBoarding-___style-module__tooltip___81P51 .app-containers-OnBoarding-___style-module__footer___w0x09 button { color: var(--colorTextWhite); text-transform: uppercase; border-color: var(--colorWhite70); } /*max-width: 80px;*/ .app-containers-OnBoarding-___style-module__tooltip___81P51 .app-containers-OnBoarding-___style-module__footer___w0x09 button:not(:last-of-type) { margin-right: 12px; } .app-containers-OnBoarding-___style-module__tooltip___81P51 .app-containers-OnBoarding-___style-module__footer___w0x09 button:hover { background-color: var(--colorTextWhite); color: var(--colorBlue); } .app-containers-OnBoarding-___style-module__tooltip___81P51 .app-containers-OnBoarding-___style-module__actions___Xbesh { display: flex; flex-direction: row; justify-content: flex-end; } .__floater__arrow span svg polygon { fill: var(--colorBlue); } @keyframes app-containers-OnBoarding-___style-module__beaconInner___qAkUj { 20% { opacity: 0.9; } 90% { opacity: 0.7; } } @keyframes app-containers-OnBoarding-___style-module__beaconOuter___IvUkM { 0% { transform: scale(1); opacity: 0.2; } 45% { opacity: 0.4; transform: scale(0.75); } 100% { opacity: 0.2; transform: scale(1); } } .app-containers-OnBoarding-___style-module__beacon___cnKlB { display: inline-block; position: relative; background-color: transparent; border: 0; border-radius: 0; cursor: pointer; font-size: 16px; line-height: 1; padding: 8px; appearance: none; height: 36px; width: 36px; z-index: 100; } .app-containers-OnBoarding-___style-module__beacon___cnKlB.app-containers-OnBoarding-___style-module__small___BMHWr { height: 28px; width: 28px; } .app-containers-OnBoarding-___style-module__beacon___cnKlB.app-containers-OnBoarding-___style-module__relativeBeacon___fWBET { position: absolute; left: 0; top: 0; z-index: 0; min-height: 36px; min-width: 36px; } .app-containers-OnBoarding-___style-module__beacon___cnKlB.app-containers-OnBoarding-___style-module__relativeBeacon___fWBET.app-containers-OnBoarding-___style-module__small___BMHWr { min-height: 28px; min-width: 28px; } .app-containers-OnBoarding-___style-module__beacon___cnKlB.app-containers-OnBoarding-___style-module__relativeBeacon___fWBET.app-containers-OnBoarding-___style-module__onRight___KGuEB { right: 0; left: unset; } .app-containers-OnBoarding-___style-module__beaconInner___qAkUj { animation: app-containers-OnBoarding-___style-module__beaconInner___qAkUj 1.2s infinite ease-in-out; background-color: var(--colorAccent); border-radius: 50%; display: block; height: 50%; left: 50%; opacity: 0.7; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 50%; } .app-containers-OnBoarding-___style-module__beaconOuter___IvUkM { animation: app-containers-OnBoarding-___style-module__beaconOuter___IvUkM 1.2s infinite ease-in-out; background-color: var(--colorAccent); border-radius: 50%; display: block; height: 100%; left: 0; opacity: 0.1; position: absolute; top: 0; transform-origin: center; width: 100%; } .app-containers-OnBoarding-___style-module__quickTradeActions___tc9-a { font: var(--typographyBody2Font); color: var(--colorWhite); margin-bottom: 8px; } .app-containers-OnBoarding-___style-module__quickTradeActions___tc9-a > div:first-of-type { margin-bottom: 8px; } .app-containers-OnBoarding-___style-module__quickTradeActions___tc9-a > div:first-of-type span { text-decoration: underline; cursor: pointer; } .app-containers-OnBoarding-___style-module__quickTradeActions___tc9-a > div:last-of-type label > div:last-of-type { font-size: 12px; color: var(--colorTextWhite) } .app-containers-OnBoarding-useOnboarding-___style-module__backdrop___j8kLD { height: 0; left: 0; overflow: hidden; position: fixed; top: 0; transition: all .3s ease-out,height 0ms .3s,opacity .3s 0ms; width: 100vw; z-index: 100000; height: 100vh; opacity: .7; transform: translateZ(0); pointer-events: none; } .app-containers-OnBoarding-useOnboarding-___style-module__backdrop___j8kLD path { pointer-events: all; } .app-containers-OnBoarding-useOnboarding-___style-module__backdrop___j8kLD.app-containers-OnBoarding-useOnboarding-___style-module__blockPointerEvents___2ALBZ { pointer-events: all; } .app-containers-OnBoarding-useOnboarding-___style-module__backdrop___j8kLD.app-containers-OnBoarding-useOnboarding-___style-module__blockPointerEvents___2ALBZ path { pointer-events: none; } .app-containers-OnBoarding-useOnboarding-___style-module__popupWrapper___pV8rj { width: fit-content; z-index: 100; transition: opacity 0.2s; position: absolute; } .app-containers-OnBoarding-useOnboarding-___style-module__popupWrapper___pV8rj[data-popper-placement^='top'] .app-containers-OnBoarding-useOnboarding-___style-module__popup___U7jsV { margin-bottom: 6px; } .app-containers-OnBoarding-useOnboarding-___style-module__popupWrapper___pV8rj[data-popper-placement^='top'] .app-containers-OnBoarding-useOnboarding-___style-module__arrow___KIILp { bottom: 2px; } .app-containers-OnBoarding-useOnboarding-___style-module__popupWrapper___pV8rj[data-popper-placement^='bottom'] .app-containers-OnBoarding-useOnboarding-___style-module__popup___U7jsV { margin-top: 6px; } .app-containers-OnBoarding-useOnboarding-___style-module__popupWrapper___pV8rj[data-popper-placement^='bottom'] .app-containers-OnBoarding-useOnboarding-___style-module__arrow___KIILp { top: 2px; } .app-containers-OnBoarding-useOnboarding-___style-module__popupWrapper___pV8rj[data-popper-placement^='left'] .app-containers-OnBoarding-useOnboarding-___style-module__popup___U7jsV { margin-right: 6px; } .app-containers-OnBoarding-useOnboarding-___style-module__popupWrapper___pV8rj[data-popper-placement^='left'] .app-containers-OnBoarding-useOnboarding-___style-module__arrow___KIILp { right: 2px; } .app-containers-OnBoarding-useOnboarding-___style-module__popupWrapper___pV8rj[data-popper-placement^='right'] .app-containers-OnBoarding-useOnboarding-___style-module__popup___U7jsV { margin-left: 6px; } .app-containers-OnBoarding-useOnboarding-___style-module__popupWrapper___pV8rj[data-popper-placement^='right'] .app-containers-OnBoarding-useOnboarding-___style-module__arrow___KIILp { left: 2px; } .app-containers-OnBoarding-useOnboarding-___style-module__popupWrapper___pV8rj .app-containers-OnBoarding-useOnboarding-___style-module__arrow___KIILp { visibility: hidden; pointer-events: none; width: 8px; height: 8px; z-index: -1; position: absolute; } .app-containers-OnBoarding-useOnboarding-___style-module__popupWrapper___pV8rj .app-containers-OnBoarding-useOnboarding-___style-module__arrow___KIILp:before { display: block; content: ''; transform: rotate(45deg); background: var(--colorBlue); width: 8px; height: 8px; z-index: -1; } .app-containers-OnBoarding-useOnboarding-___style-module__popupWrapper___pV8rj .app-containers-OnBoarding-useOnboarding-___style-module__popup___U7jsV { z-index: 100001; } .app-containers-OnBoarding-useOnboarding-___style-module__popupWrapper___pV8rj.app-containers-OnBoarding-useOnboarding-___style-module__opened___sHlya { opacity: 1; z-index: 100001; } .app-containers-OnBoarding-useOnboarding-___style-module__popupWrapper___pV8rj.app-containers-OnBoarding-useOnboarding-___style-module__opened___sHlya .app-containers-OnBoarding-useOnboarding-___style-module__arrow___KIILp { visibility: visible; pointer-events: auto; } .app-containers-OnBoarding-useOnboarding-___style-module__arrowBlue___qezdk path { fill: var(--colorBlue); } .app-containers-ProfileSettings-___style-module__row___1gP5I { padding: 20px; } .app-containers-ProfileSettings-___style-module__row___1gP5I.app-containers-ProfileSettings-___style-module__with-border___BRG-Q { border-bottom: 1px solid var(--colorDivider); } .app-containers-ProfileSettings-___style-module__row___1gP5I h2 { line-height: normal; } .app-containers-ProfileSettings-___style-module__row___1gP5I h2 + span { display: inline-block; margin-top: 12px; } .app-containers-ProfileSettings-___style-module__row-group___RTKYj { padding-top: 9px; } .app-containers-ProfileSettings-___style-module__text___tsrm7 { color: var(--colorTextMain); } .app-containers-ProfileSettings-___style-module__label___zpCE0 { display: flex; flex-direction: row; align-items: center; } .app-containers-ProfileSettings-___style-module__label-text___I-TGM { padding-left: 10px; } .app-containers-ProfileSettings-___style-module__textContainer___cPjkw { display: flex; justify-content: space-between; align-items: center; } .app-containers-ProfileSettings-___style-module__footer___iiVud { display: flex; flex-direction: row; height: 70px; justify-content: center; align-items: center; border-top: 1px solid var(--colorDivider); } .app-containers-ProfileSettings-___style-module__btn___ygmZl { width: 182px; margin: 0 5px; } .app-containers-ProfileSettings-___style-module__settings___IcHlH { display: flex; flex-direction: row; align-items: flex-start; background: var(--colorBgPrimary); margin: 4px; flex: 1; min-height: 0; } .app-containers-ProfileSettings-___style-module__sections___WmiUa { flex-grow: 1; background: var(--colorBgPrimary); max-width: 724px; margin: 24px 0 0 24px; } .app-containers-ProfileSettings-___style-module__sidebar___gZ2sW { align-self: stretch; display: flex; flex: 0 0 224px; flex-direction: column; border-right: 1px solid var(--colorDivider); } .app-containers-ProfileSettings-___style-module__sidebar___gZ2sW .app-containers-ProfileSettings-___style-module__sidebarHeader___5LprK { display: flex; flex-direction: column; border-bottom: 1px solid var(--colorDivider); padding: 16px 16px; } .app-containers-ProfileSettings-___style-module__sidebar___gZ2sW .app-containers-ProfileSettings-___style-module__sidebarHeader___5LprK .app-containers-ProfileSettings-___style-module__role___J7b-4 { font: var(--typographyCaptionFont); font-size: 10px; color: var(--colorGreen); text-transform: uppercase; } .app-containers-ProfileSettings-___style-module__sidebar___gZ2sW .app-containers-ProfileSettings-___style-module__sidebarHeader___5LprK .app-containers-ProfileSettings-___style-module__name___hNK3i { font: var(--typographyBody1Font); margin-bottom: 4px; color: var(--colorTextMain); } .app-containers-ProfileSettings-___style-module__sidebar___gZ2sW .app-containers-ProfileSettings-___style-module__sidebarFooter___fXBQe { margin: 8px 0; } .app-containers-ProfileSettings-___style-module__sidebar___gZ2sW .app-containers-ProfileSettings-___style-module__sidebarFooter___fXBQe .app-containers-ProfileSettings-___style-module__logout___f2NLz { padding: 8px 16px; color: var(--colorError); font: var(--typographyBody1Font); text-align: left; transition: all 0.2s; } .app-containers-ProfileSettings-___style-module__sidebar___gZ2sW .app-containers-ProfileSettings-___style-module__sidebarFooter___fXBQe .app-containers-ProfileSettings-___style-module__logout___f2NLz:hover { color: var(--colorTextMain); } .app-containers-ProfileSettings-___style-module__closeAccount___2vrqc{ border-top: 1px solid var(--colorStroke); border-bottom: 1px solid var(--colorStroke); } .app-containers-ProfileSettings-___style-module__tabs___KmlOT { padding: 12px 0; align-self: stretch; flex: 1; } .app-containers-ProfileSettings-___style-module__tab___Ytk8O { padding: 8px 16px; display: flex; justify-content: flex-start; align-items: center; font: var(--typographyBody1Font); cursor: pointer; color: var(--colorTextPrimary); transition: all 0.2s; } .app-containers-ProfileSettings-___style-module__tab___Ytk8O:hover { color: var(--colorAccent); } .app-containers-ProfileSettings-___style-module__tab___Ytk8O:hover i { color: var(--colorAccent); } .app-containers-ProfileSettings-___style-module__tab___Ytk8O.app-containers-ProfileSettings-___style-module__tabSection___2DZh3 { flex-direction: column; align-items: flex-start; cursor: default; border-top: 1px solid var(--colorDivider); padding: 16px 0 0; margin: 4px 16px 0; } .app-containers-ProfileSettings-___style-module__tab___Ytk8O.app-containers-ProfileSettings-___style-module__tabSection___2DZh3 > span { text-transform: uppercase; margin-bottom: 6px; font-size: 10px; } .app-containers-ProfileSettings-___style-module__tab___Ytk8O.app-containers-ProfileSettings-___style-module__tabSection___2DZh3 > div { width: 100%; } .app-containers-ProfileSettings-___style-module__tab___Ytk8O.app-containers-ProfileSettings-___style-module__tabSection___2DZh3:hover { color: var(--colorTextPrimary); } .app-containers-ProfileSettings-___style-module__tab___Ytk8O.app-containers-ProfileSettings-___style-module__active___E3q8m { color: var(--colorAccent); } .app-containers-ProfileSettings-___style-module__tab___Ytk8O.app-containers-ProfileSettings-___style-module__active___E3q8m i { color: var(--colorAccent); } .app-containers-ProfileSettings-___style-module__theme___cAE5g { margin-top: 5px; } .app-containers-ProfileSettings-___style-module__instrument___2QXCq { border-bottom: 1px solid var(--colorDivider); padding-bottom: 8px; margin-bottom: 16px; } .app-containers-ProfileSettings-___style-module__instrument-label___yiTFB { color: var(--colorTextMain); display: flex; align-items: center; flex-direction: row; height: 28px; width: 100px; white-space: nowrap; margin-bottom: 4px; } .app-containers-ProfileSettings-___style-module__instrument-label___yiTFB span { font-size: 13px; } .app-containers-ProfileSettings-___style-module__values___cDPnf { display: flex; flex-grow: 2; flex-direction: column; flex-wrap: wrap; height: 200px; margin-bottom: 10px; } .app-containers-ProfileSettings-___style-module__values___cDPnf > div { width: calc(50% - 20px); margin-left: 20px; } .app-containers-ProfileSettings-___style-module__value___SRAGW { display: flex; flex-direction: row; color: var(--colorTextMain); align-items: center; margin-bottom: 10px; } .app-containers-ProfileSettings-___style-module__reset___X6VtW > div { margin-bottom: 16px; } .app-containers-ProfileSettings-___style-module__reset___X6VtW > div > div:first-of-type { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .app-containers-ProfileSettings-___style-module__reset___X6VtW > div > div:first-of-type label { margin-bottom: 0; } .app-containers-ProfileSettings-___style-module__reset___X6VtW > div > div:first-of-type input { min-width: 180px; } .app-containers-ProfileSettings-___style-module__reset___X6VtW > div > div:last-of-type { text-align: right; } .app-containers-ProfileSettings-___style-module__right___3AF9U { display: flex; justify-content: flex-end; } .app-containers-ProfileSettings-___style-module__flag___CNHeu { position: absolute; top: 7px; left: 6px; } .app-containers-ProfileSettings-___style-module__left-padding___SKQLc { padding-left: 35px; } .app-containers-ProfileSettings-___style-module__accept___E-lqI { font-size: 14px; } .app-containers-ProfileSettings-___style-module__code___QP0dN { display: flex; flex-direction: row; align-items: center; } .app-containers-ProfileSettings-___style-module__clearMargin___SoGlI { margin: 0px; } .app-containers-ProfileSettings-___style-module__smallBtn___3VHGP { height: 28px; margin: 0 5px; padding: 0 25px; } .app-containers-ProfileSettings-___style-module__resend___ZRyne { display: flex; flex-direction: row; align-items: center; } .app-containers-ProfileSettings-___style-module__resend___ZRyne button { margin-top: 0; margin-left: 8px; color: var(--colorAccent); font-size: 12px; } .app-containers-ProfileSettings-___style-module__amountTabsContainer___aaona { display: flex; flex-direction: row; padding: 2px 1px; background: var(--colorBgSecondary); border-radius: 3px; } .app-containers-ProfileSettings-___style-module__amountTabsContainer___aaona > .app-containers-ProfileSettings-___style-module__amountTab___tEyIN:first-child { margin-left: 0; } .app-containers-ProfileSettings-___style-module__amountTabsContainer___aaona > .app-containers-ProfileSettings-___style-module__amountTab___tEyIN:last-child { margin-right: 0; } .app-containers-ProfileSettings-___style-module__amountTab___tEyIN { font: var(--typographyBody1Font); letter-spacing: var(--typographyBody1Spacing); color: var(--colorTextMain); display: flex; align-items: center; justify-content: center; line-height: 13px; background: var(--colorBgAccent); flex-grow: 2; cursor: pointer; padding: 0 2px; border-radius: 3px; margin: 0 2px; max-width: 150px; height: 24px; position: relative; min-width: 80px; } .app-containers-ProfileSettings-___style-module__amountTab___tEyIN.app-containers-ProfileSettings-___style-module__edit___EH31P { min-width: 100px; } .app-containers-ProfileSettings-___style-module__amountTab___tEyIN > div { width: 100%; align-items: center; justify-content: center; margin-top: 1px; } .app-containers-ProfileSettings-___style-module__amountTab___tEyIN .app-containers-ProfileSettings-___style-module__tooltipContainer___H2iww { display: none; position: absolute; margin-top: 0; left: 2px; } .app-containers-ProfileSettings-___style-module__amountTab___tEyIN .app-containers-ProfileSettings-___style-module__tooltipContainer___H2iww.app-containers-ProfileSettings-___style-module__visible___1ZRAZ { display: block; } .app-containers-ProfileSettings-___style-module__amountTab___tEyIN .app-containers-ProfileSettings-___style-module__tooltipContainer___H2iww label > div { margin-right: 0; } .app-containers-ProfileSettings-___style-module__amountTab___tEyIN:hover .app-containers-ProfileSettings-___style-module__tooltipContainer___H2iww { display: block; } .app-containers-ProfileSettings-___style-module__smallTooltip___FrrlK { padding: 8px; } .app-containers-ProfileSettings-___style-module__tooltipContent___m92JJ { font: var(--typographyBody2Font); color: var(--colorTextMain); } .app-containers-ProfileSettings-___style-module__amount___BJwTi { margin-right: 5px; } .app-containers-ProfileSettings-___style-module__min-height___cElFJ { min-height: 32px; } .app-containers-ProfileSettings-___style-module__formSection___Kkfwp { padding: 8px 0; display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .app-containers-ProfileSettings-___style-module__formSection___Kkfwp.app-containers-ProfileSettings-___style-module__formSectionClean___lkltW { margin: 0; padding: 0; border: none; } .app-containers-ProfileSettings-___style-module__formSectionBlock___8W5ov { padding: 8px 0; border-bottom: 1px solid var(--colorWindowBorder); } .app-containers-ProfileSettings-___style-module__noMargin___aWYYb .app-containers-ProfileSettings-___style-module__formSection___Kkfwp { margin: 0; } .app-containers-ProfileSettings-___style-module__noMargin___aWYYb .app-containers-ProfileSettings-___style-module__formSectionBlock___8W5ov { margin: 0; } .app-containers-ProfileSettings-___style-module__formSectionTitleWrapper___eY6wh { margin-right: 20px; } .app-containers-ProfileSettings-___style-module__formSectionRow___7Oh1e { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .app-containers-ProfileSettings-___style-module__formCheckbox___WEV59 { margin-left: 120px; } .app-containers-ProfileSettings-___style-module__formSectionTitle___2WeW4 { color: var(--colorTextMain); font: var(--typographyBody1Font); letter-spacing: var(--typographySubtitleSpacing); font-weight: 400; } .app-containers-ProfileSettings-___style-module__formSectionDescription___EJzvU { color: var(--colorTextMain); font: var(--typographyBody2Font); opacity: 0.3; } .app-containers-ProfileSettings-___style-module__formLabel___KwZ0t { color: var(--colorTextMain); font: var(--typographyBody2Font); opacity: 0.5; } .app-containers-ProfileSettings-___style-module__formSectionSubtitle___BZqFH { margin-top: 4px; color: var(--colorTextPrimary); font: var(--typographyCaptionFont); letter-spacing: var(--typographyCaptionSpacing); } .app-containers-ProfileSettings-___style-module__small___2guxb .app-containers-ProfileSettings-___style-module__formSectionTitle___2WeW4 { color: var(--colorTextMain); font: var(--typographyBody1Font); font-weight: normal; } .app-containers-ProfileSettings-___style-module__small___2guxb .app-containers-ProfileSettings-___style-module__formSectionDescription___EJzvU { color: var(--colorTextMain); font: var(--typographyBody2Font); opacity: 0.3; } .app-containers-ProfileSettings-___style-module__small___2guxb .app-containers-ProfileSettings-___style-module__formLabel___KwZ0t { color: var(--colorTextMain); font: var(--typographyBody2Font); opacity: 0.5; } .app-containers-ProfileSettings-___style-module__small___2guxb .app-containers-ProfileSettings-___style-module__formSectionSubtitle___BZqFH { margin-top: 4px; color: var(--colorTextPrimary); font: var(--typographyBody2Font); } .app-containers-ProfileSettings-___style-module__small___2guxb .app-containers-ProfileSettings-___style-module__title___aSeTv { margin-bottom: 24px; } .app-containers-ProfileSettings-___style-module__small___2guxb .app-containers-ProfileSettings-___style-module__title___aSeTv h6 { font: var(--typographyBody1Font); font-weight: 400; color: var(--colorTextMain); margin-bottom: 8px; } .app-containers-ProfileSettings-___style-module__small___2guxb .app-containers-ProfileSettings-___style-module__title___aSeTv p { font: var(--typographyBody2Font); color: var(--colorTextPrimary); text-transform: none; } .app-containers-ProfileSettings-___style-module__buttonContainer___P6nmP { width: 180px; margin-top: 6px; } .app-containers-ProfileSettings-___style-module__buttonContainer___P6nmP button { margin-top: 0; } .app-containers-ProfileSettings-___style-module__resendButtonContainer___HGQev { width: 180px; } .app-containers-ProfileSettings-___style-module__resendButtonContainer___HGQev button { margin-top: 0; } .app-containers-ProfileSettings-___style-module__submitButton___lvEdG { font: var(--typographySubtitleFont); color: var(--colorTextMain); font-weight: 400; } .app-containers-ProfileSettings-___style-module__submitButton___lvEdG:disabled { opacity: 0.2; cursor: not-allowed; } .app-containers-ProfileSettings-___style-module__addCustomSet___Dkcxw { color: var(--colorAccent); font: var(--typographyCaps3Font); letter-spacing: var(--typographyBody2Spacing); line-height: 12px; display: flex; flex-direction: row; align-items: flex-end; cursor: pointer; text-transform: uppercase; margin-top: 5px; } .app-containers-ProfileSettings-___style-module__addCustomSet___Dkcxw i { font-size: 13px; margin-right: 4px; } .app-containers-ProfileSettings-___style-module__addCustomSet___Dkcxw:hover { color: var(--colorTextMain); } .app-containers-ProfileSettings-___style-module__cancel___vcRy8 { color: var(--colorTextDigit); font: var(--typographyBody2Font); letter-spacing: var(--typographyBody2Spacing); margin-left: 10px; } .app-containers-ProfileSettings-___style-module__customWrapper___TexQu { margin-top: 8px; margin-left: 6px; border-left: 1px solid var(--colorAccent); padding-left: 20px; } .app-containers-ProfileSettings-___style-module__customWrapper___TexQu .app-containers-ProfileSettings-___style-module__instrument-label___yiTFB { height: 24px; margin-bottom: 0; font: var(--typographyBody1Font); } .app-containers-ProfileSettings-___style-module__remove___LwiC6 { font-size: 13px; color: var(--colorTextDigit); cursor: pointer; position: absolute; right: 2px; } .app-containers-ProfileSettings-___style-module__removeSet___436ca { font: var(--typographyCaps3Font); letter-spacing: var(--typographyCaps3Spacing); color: var(--colorPLMinus); text-transform: uppercase; cursor: pointer; } .app-containers-ProfileSettings-___style-module__resetOptions___sPPdx { display: flex; flex-direction: column; padding: 8px 0; } .app-containers-ProfileSettings-___style-module__resetOptions___sPPdx .app-containers-ProfileSettings-___style-module__option___-AmHK { display: flex; flex-direction: column; width: 100%; padding-bottom: 16px; } .app-containers-ProfileSettings-___style-module__resetOptions___sPPdx .app-containers-ProfileSettings-___style-module__option___-AmHK:not(:last-of-type) { margin-bottom: 16px; border-bottom: 1px solid var(--colorDivider); } .app-containers-ProfileSettings-___style-module__resetOptions___sPPdx .app-containers-ProfileSettings-___style-module__option___-AmHK .app-containers-ProfileSettings-___style-module__optionRow___jpSkP { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .app-containers-ProfileSettings-___style-module__resetOptions___sPPdx .app-containers-ProfileSettings-___style-module__option___-AmHK .app-containers-ProfileSettings-___style-module__optionRow___jpSkP span { white-space: nowrap; color: var(--colorTextMain); font: var(--typographySubtitleFont); letter-spacing: var(--typographySubtitleSpacing); font-weight: 400; } .app-containers-ProfileSettings-___style-module__resetOptions___sPPdx .app-containers-ProfileSettings-___style-module__option___-AmHK .app-containers-ProfileSettings-___style-module__optionDescription___mXoFC { display: flex; flex-direction: row; flex-wrap: wrap; font: var(--typographyBody1Font); color: var(--colorTextPrimary); font-weight: 400; } .app-containers-ProfileSettings-___style-module__resetOptions___sPPdx .app-containers-ProfileSettings-___style-module__option___-AmHK .app-containers-ProfileSettings-___style-module__optionDescription___mXoFC span { margin-top: 16px; display: block; } .app-containers-ProfileSettings-___style-module__resetOptions___sPPdx .app-containers-ProfileSettings-___style-module__option___-AmHK .app-containers-ProfileSettings-___style-module__optionDescription___mXoFC span:not(:last-of-type) { margin-right: 24px; } .app-containers-ProfileSettings-___style-module__resetIcon___hXzAD { font-size: 18px; font-weight: 400; width: 18px; } .app-containers-ProfileSettings-___style-module__balanceSettings___KEtvc .app-containers-ProfileSettings-___style-module__list___oQnAE { padding-bottom: 16px; border-bottom: 1px solid var(--colorWindowBorder); } .app-containers-ProfileSettings-___style-module__noMargin___aWYYb .app-containers-ProfileSettings-___style-module__list___oQnAE { margin: 0; } .app-containers-ProfileSettings-___style-module__sortable___SymE- { z-index: 300000; } .app-containers-ProfileSettings-___style-module__verifyCode___W60lY .app-containers-ProfileSettings-___style-module__right___3AF9U { margin-top: 2px; } .app-containers-ProfileSettings-___style-module__formContainer___RfB2c { padding: 8px 0; } .app-containers-ProfileSettings-___style-module__formContainer___RfB2c.app-containers-ProfileSettings-___style-module__noMargin___aWYYb { margin: 0; padding: 0; } .app-containers-ProfileSettings-___style-module__formContainer___RfB2c.app-containers-ProfileSettings-___style-module__small___2guxb { margin-top: 12px; } .app-containers-ProfileSettings-___style-module__title___aSeTv { margin-bottom: 24px; } .app-containers-ProfileSettings-___style-module__title___aSeTv h6 { font: var(--typographySubtitleFont); font-weight: 600; color: var(--colorTextMain); margin-bottom: 8px; } .app-containers-ProfileSettings-___style-module__title___aSeTv p { font: var(--typographyBody2Font); color: var(--colorTextPrimary); text-transform: none; } .app-containers-ProfileSettings-___style-module__sectionTitle___2pUs4 { font: var(--typographySubtitleFont); font-weight: 700; color: var(--colorTextMain); padding: 0 0 16px; font-size: 17px; } .app-containers-ProfileSettings-___style-module__sectionDesc___7kt6R { font: var(--typographyBody2Font); color: var(--colorTextMain); text-transform: none; margin-bottom: 16px; margin-top: -8px; } .app-containers-ProfileSettings-___style-module__dataSets___XrAV4 { display: flex; flex-direction: row; align-items: flex-end; justify-content: space-between; gap: 8px; margin: 16px 0; } .app-containers-ProfileSettings-___style-module__dataSetItem___r2J9F { flex: 1; } .app-containers-ProfileSettings-___style-module__dataSetItem___r2J9F label { text-transform: none; font-size: 11px; } .app-containers-ProfileSettings-___style-module__metaMaskTab___v-E-y { max-width: 400px; } .app-containers-ProfileSettings-___style-module__finishedParts___rE6dK { margin-bottom: 10px; } .app-containers-ProfileSettings-___style-module__finishedParts___rE6dK .app-containers-ProfileSettings-___style-module__formSection___Kkfwp { max-width: 364px; } .app-containers-ProfileSettings-___style-module__finishedParts___rE6dK .app-containers-ProfileSettings-___style-module__resetAll___6a1gY { display: flex; flex-direction: row; align-items: center; justify-content: center; font: var(--typographyCaps3Font); text-transform: uppercase; letter-spacing: var(--typographyCaps1Spacing); color: var(--colorTextMain); cursor: pointer; } .app-containers-ProfileSettings-___style-module__finishedParts___rE6dK .app-containers-ProfileSettings-___style-module__resetAll___6a1gY i { font-size: 14px; color: var(--colorTextIcons); margin-right: 8px; } .app-containers-ProfileSettings-___style-module__finishedParts___rE6dK .app-containers-ProfileSettings-___style-module__bar___gt36l { width: 364px; } .app-containers-ProfileSettings-___style-module__finishedParts___rE6dK .app-containers-ProfileSettings-___style-module__bar___gt36l .app-containers-ProfileSettings-___style-module__viewed___ThHUC { font: var(--typographyBody1Font); color: var(--colorTextMain); } .app-containers-ProfileSettings-___style-module__finishedParts___rE6dK .app-containers-ProfileSettings-___style-module__bar___gt36l > div:last-of-type { margin-top: 16px; margin-left: 0; } .app-containers-ProfileSettings-___style-module__finishedParts___rE6dK .app-containers-ProfileSettings-___style-module__finishedItem___asFoR { height: 32px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; font: var(--typographyBody1Font); color: var(--colorTextDisabled); border-radius: 3px; width: 364px; } .app-containers-ProfileSettings-___style-module__finishedParts___rE6dK .app-containers-ProfileSettings-___style-module__finishedItem___asFoR > div:last-of-type i { font-size: 16px; color: var(--colorAccent); cursor: pointer; } .app-containers-ProfileSettings-___style-module__finishedParts___rE6dK .app-containers-ProfileSettings-___style-module__finishedItem___asFoR > div:first-of-type i { color: var(--colorTextDisabled); margin-right: 8px; } .app-containers-ProfileSettings-___style-module__finishedParts___rE6dK .app-containers-ProfileSettings-___style-module__finishedItem___asFoR.app-containers-ProfileSettings-___style-module__isFinished___fo2-J { color: var(--colorTextMain); } .app-containers-ProfileSettings-___style-module__finishedParts___rE6dK .app-containers-ProfileSettings-___style-module__finishedItem___asFoR.app-containers-ProfileSettings-___style-module__isFinished___fo2-J div:first-of-type i { color: var(--colorTextMain); } .app-containers-ProfileSettings-___style-module__resetButton___BuQAm { width: auto; margin-top: 16px; text-transform: uppercase; } .app-containers-ProfileSettings-___style-module__divider___a-2wh { width: auto; height: 1px; background-color: var(--colorDivider); margin: 24px 0; } .app-containers-ProfileSettings-___style-module__commonDivider___WV3DX { width: 100%; height: 1px; background-color: var(--colorDivider); } .app-containers-ProfileSettings-___style-module__pb0___AoOQL { padding-bottom: 0; } .app-containers-ProfileSettings-___style-module__ml0___-Z5Cz { margin-left: 0; } .app-containers-ProfileSettings-___style-module__scrollContainer___lr2Ag { display: flex; flex-direction: column; height: 100%; overflow: hidden; flex: 1; } .app-containers-ProfileSettings-___style-module__criticalList___8HV6o { margin-top: 8px; width: 360px; } .app-containers-ProfileSettings-___style-module__criticalList___8HV6o > div { margin-bottom: 16px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .app-containers-ProfileSettings-___style-module__criticalList___8HV6o > div > div:last-of-type { font: var(--typographyBody1Font); color: var(--colorTextPrimary); } .app-containers-ProfileSettings-___style-module__backButton___qIGCG { padding: 12px 20px; border-bottom: 1px solid var(--colorDivider); display: flex; flex-direction: row; align-items: center; justify-content: flex-start; } .app-containers-ProfileSettings-___style-module__backButton___qIGCG button { display: flex; flex-direction: row; align-items: center; font: var(--typographyBody1Font); font-size: 14px; line-height: 16px; color: var(--colorAccent); transition: color 0.2s; } .app-containers-ProfileSettings-___style-module__backButton___qIGCG button i { font-size: 14px; margin-right: 12px; } .app-containers-ProfileSettings-___style-module__backButton___qIGCG button:hover { color: var(--colorTextMain); } .app-containers-ProfileSettings-___style-module__fixedWidthRow___y7-CZ { display: flex; flex-direction: row; align-items: center; gap: 40px; margin-bottom: 16px; } .app-containers-ProfileSettings-___style-module__fixedWidthRow___y7-CZ > :first-child { flex: 0 0 320px; } .app-containers-ProfileSettings-___style-module__fixedWidthRow___y7-CZ > :not(:first-child) { flex: 1; } .app-containers-ProfileSettings-___style-module__fixedWidthRow___y7-CZ.app-containers-ProfileSettings-___style-module__itemsEnd___sPlzR { align-items: end; } .app-containers-ProfileSettings-___style-module__fixedWidthRow___y7-CZ .app-containers-ProfileSettings-___style-module__rowTitle___M-Lvw { font: var(--typographyBody1Font); color: var(--colorTextMain); } .app-containers-ProfileSettings-___style-module__description___nyWed { font: var(--typographyBody2Font); color: var(--colorTextPrimary); } .app-containers-ProfileSettings-___style-module__description___nyWed.app-containers-ProfileSettings-___style-module__labelFix___PO6uq { margin-top: 16px; } .app-containers-ProfileSettings-___style-module__description___nyWed.app-containers-ProfileSettings-___style-module__authDesc___VuLv- { display: block; margin-top: -12px; margin-bottom: 12px; } .app-containers-ProfileSettings-___style-module__codeDescription___3ANCS { flex: none!important; } .app-containers-ProfileSettings-___style-module__codeConfirmWrapper___9dCdx { display: flex; flex-direction: row; align-items: center; } .app-containers-ProfileSettings-___style-module__codeConfirmWrapper___9dCdx > :first-child { margin-right: 8px; flex: 0 0 280px; } .app-containers-ProfileSettings-___style-module__passwordRow___-oabL { display: flex; flex-direction: row; align-items: flex-start; gap: 16px; margin-bottom: 16px; } .app-containers-ProfileSettings-___style-module__passwordRow___-oabL > * { flex: 1; max-width: 200px; } .app-containers-ProfileSettings-___style-module__passwordRow___-oabL > *.app-containers-ProfileSettings-___style-module__codeConfirmWrapper___9dCdx { margin-top: 16px; max-width: 252px; } .app-containers-ProfileSettings-___style-module__confirmWithCode___mdmW7 { font: var(--typographyBody2Font); color: var(--colorAccent); margin-top: 24px; } .app-containers-ProfileSettings-___style-module__confirmWithCode___mdmW7:disabled { color: var(--colorTextDisabled); } .app-containers-ProfileSettings-___style-module__frequencyWrapper___Ou-qN { max-width: 336px; } .app-containers-ProfileSettings-___style-module__themeSwitcher___mvduk { max-width: 452px; } .app-containers-ProfileSettings-___style-module__worldTime___T39JE { width: 300px; color: var(--colorTextMain); } .app-containers-ProfileSettings-___style-module__worldTime___T39JE .app-containers-ProfileSettings-___style-module__worldTimeHeader___B77BM { font: var(--typographyBody1Font); font-size: 15px; border-bottom: 1px solid var(--colorDivider); padding-bottom: 8px; margin-bottom: 8px; } .app-containers-ProfileSettings-___style-module__worldTime___T39JE .app-containers-ProfileSettings-___style-module__timezoneItem___LBBkV { font: var(--typographyBody1Font); margin-bottom: 8px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .app-containers-ProfileSettings-___style-module__worldTime___T39JE .app-containers-ProfileSettings-___style-module__timezoneItem___LBBkV .app-containers-ProfileSettings-___style-module__iconButton___4XfAd { cursor: pointer; margin-left: 10px; color: var(--colorError); font-size: 11px; transition: color 0.2s; } .app-containers-ProfileSettings-___style-module__worldTime___T39JE .app-containers-ProfileSettings-___style-module__timezoneItem___LBBkV .app-containers-ProfileSettings-___style-module__iconButton___4XfAd:hover { color: var(--colorTextMain); } .app-containers-ProfileSettings-___style-module__worldTimePicker___D1Z3I > div > div:first-of-type { margin-left: 0; width: 100%; } .app-containers-ProfileSettings-___style-module__timePickerButton___eowLm { padding: 4px 0; width: auto!important; color: var(--colorAccent); transition: color 0.2s; } .app-containers-ProfileSettings-___style-module__timePickerButton___eowLm i { transition: color 0.2s; color: var(--colorAccent); } .app-containers-ProfileSettings-___style-module__timePickerButton___eowLm:hover { background-color: transparent; color: var(--colorTextMain); } .app-containers-ProfileSettings-___style-module__timePickerButton___eowLm:hover i { color: var(--colorTextMain); } .app-containers-ProfileSettings-___style-module__balanceItem___9Yaof { display: flex; flex-direction: row; align-items: center; padding: 6px 2px 6px 0; } .app-containers-ProfileSettings-___style-module__balanceItem___9Yaof > i { font-size: 12px; margin-right: 8px; color: var(--colorTextIcons); cursor: pointer; } .app-containers-ProfileSettings-___style-module__balanceItem___9Yaof span { font: var(--typographyBody2Font); color: var(--colorTextMain); margin-left: 2px; } .app-containers-ProfileSettings-___style-module__sortable___SymE- { z-index: 21002; } .app-containers-ProfileSettings-___style-module__themeSelect___pkcGW { max-width: 200px; } .app-containers-ProfileSettings-___style-module__closeAllPositions___AHavk{ color: var(--colorTextPrimary); font: var(--typographyCaps3Font); letter-spacing: var(--typographyCaps3Font); margin-top: 5px; } .app-containers-ProfileSettings-___style-module__metaMaskTopRow___r4-RU { display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-bottom: 8px; } .app-containers-ProfileSettings-___style-module__metaMaskTopRow___r4-RU .app-containers-ProfileSettings-___style-module__rowTitle___M-Lvw { font: var(--typographyBody1Font); color: var(--colorTextMain); } .app-containers-ProfileSettings-___style-module__tokenPickerContainer___FFYxM { max-width: 240px; margin-left: auto; } .app-containers-ProfileSettings-___style-module__tokenPickerContainer___FFYxM > div > div > div { justify-content: flex-end; } .app-containers-ProfileSettings-___style-module__tokenPickerContainer___FFYxM > div > div > div button { height: auto; } .app-containers-ProfileSettings-___style-module__tokensList___SeDCo { margin-top: 12px; display: flex; flex-direction: column; gap: 12px; } .app-containers-ProfileSettings-___style-module__tokensList___SeDCo > div { display: flex; flex-direction: row; align-items: center; } .app-containers-ProfileSettings-___style-module__tokensList___SeDCo > div > span { color: var(--colorTextMain); margin-left: 6px; font: var(--typographyBody1Font); line-height: 13px; } .app-containers-ProfileSettings-___style-module__tokensList___SeDCo > div button { margin-left: auto; color: var(--colorTextIcons); cursor: pointer; transition: color 0.15s; font-size: 13px; } .app-containers-ProfileSettings-___style-module__tokensList___SeDCo > div button:hover { color: var(--colorError); } .app-containers-ProfileSettings-___style-module__tooltip___0qV-a { max-width: 228px; color: var(--colorTextMain); font: var(--typographyBody2Font); line-height: 1.4; } .app-containers-ProfileSettings-___style-module__passwordTooltipContent___luWki { background-color: transparent!important; box-shadow: none!important; padding: 0 0 20px!important; width: 100%!important; } .app-containers-ProfileSettings-___style-module__passwordTooltipContent___luWki p { color: var(--colorTextMain)!important; } .app-containers-ProfileSettings-___style-module__confirmationPopup___ls52Q { width: 270px; background-color: var(--colorDropBg); border-radius: 4px; } .app-containers-ProfileSettings-___style-module__confirmationPopup___ls52Q > div:first-of-type { padding: 8px; } .app-containers-ProfileSettings-___style-module__confirmationPopup___ls52Q > div:first-of-type p { font: var(--typographyBody2Font); color: var(--colorTextMain); margin-bottom: 8px; } .app-containers-ProfileSettings-___style-module__confirmationPopup___ls52Q > div:last-of-type { border-top: 1px solid var(--colorDivider); } .app-containers-ProfileSettings-___style-module__totpWrapper___hUW0L { max-width: 600px; } .app-containers-ProfileSettings-___style-module__totpWrapper___hUW0L h6 { font: var(--typographyBody1Font); color: var(--colorTextMain); margin-bottom: 8px; } .app-containers-ProfileSettings-___style-module__totpWrapper___hUW0L p { font: var(--typographyBody2Font); color: var(--colorTextPrimary); margin-bottom: 8px; } .app-containers-ProfileSettings-___style-module__totpWrapper___hUW0L ul { list-style-type: disc; padding-inline-start: 20px; display: flex; flex-direction: column; gap: 8px; margin-bottom: 24px; color: var(--colorTextMain); } .app-containers-ProfileSettings-___style-module__totpWrapper___hUW0L ul li div { display: flex; flex-direction: row; align-items: center; gap: 8px; } .app-containers-ProfileSettings-___style-module__totpWrapper___hUW0L ul li div span { font: var(--typographyBody2Font); color: var(--colorTextMain); } .app-containers-ProfileSettings-___style-module__totpWrapper___hUW0L ul li div a { font: var(--typographyBody1Font); color: var(--colorAccent); -webkit-text-decoration: underline var(--colorAccent20); text-decoration: underline var(--colorAccent20); } .app-containers-ProfileSettings-___style-module__totpWrapper___hUW0L .app-containers-ProfileSettings-___style-module__qrCodeImage___2WJnN { width: 140px; margin-bottom: 24px; } .app-containers-ProfileSettings-___style-module__totpWrapper___hUW0L > div:last-of-type { flex: 0 0 320px; width: 320px; } .app-containers-ProfileSettings-___style-module__totpWrapper___hUW0L > div:last-of-type > div { width: 100%; } .app-containers-ProfileSettings-___style-module__pricingModeHint___ffoci{ min-width: 500px; margin-top: 20px; color: var(--colorTextPrimary); font: var(--typographyBody2Font); } .app-containers-ProfileSettings-___style-module__fixedHeightRow___qXhRo{ height: 80px; } .app-components-BackButton-___style-module__backButton___k3w2y { color: var(--colorAccent); transition: all 0.2s; font: var(--typographyBody1Font); display: flex; flex-direction: row; align-items: center; height: 16px; white-space: nowrap; } .app-components-BackButton-___style-module__backButton___k3w2y i { font-size: 12px; margin-right: 6px; } .app-components-BackButton-___style-module__backButton___k3w2y span { line-height: 15px; } .app-components-BackButton-___style-module__backButton___k3w2y:hover { color: var(--colorTextMain); } .app-components-PasswordBar-___style-module__bar___NqQY5 { margin-top: 4px; display: flex; flex-direction: row; width: 100%; gap: 0 2px; } .app-components-PasswordBar-___style-module__bar___NqQY5 > div { flex: 1; height: 3px; background-color: var(--colorSegmentControlBg); will-change: background-color; transition: background-color 0.2s; } .app-components-PasswordBar-___style-module__bar___NqQY5 > div:first-of-type { border-radius: 4px 0 0 4px; } .app-components-PasswordBar-___style-module__bar___NqQY5 > div:last-of-type { border-radius: 0 4px 4px 0; } .app-components-PasswordBar-___style-module__bar___NqQY5.app-components-PasswordBar-___style-module__level-1___hmBDc > div:first-of-type { background-color: var(--colorError); } .app-components-PasswordBar-___style-module__bar___NqQY5.app-components-PasswordBar-___style-module__level-2___QO5cA > div:nth-of-type(-n+2) { background-color: var(--colorError); } .app-components-PasswordBar-___style-module__bar___NqQY5.app-components-PasswordBar-___style-module__level-3___pCSMD > div:nth-of-type(-n+2) { background-color: var(--colorError); } .app-components-PasswordBar-___style-module__bar___NqQY5.app-components-PasswordBar-___style-module__level-3___pCSMD > div:nth-of-type(3) { background-color: var(--colorWarning); } .app-components-PasswordBar-___style-module__bar___NqQY5.app-components-PasswordBar-___style-module__level-4___LQQi0 > div:nth-of-type(-n+4) { background-color: var(--colorWarning); } .app-components-PasswordBar-___style-module__bar___NqQY5.app-components-PasswordBar-___style-module__level-4___LQQi0 > div:nth-of-type(-n+2) { background-color: var(--colorError); } .app-components-PasswordBar-___style-module__bar___NqQY5.app-components-PasswordBar-___style-module__level-5___P-8Gc > div:nth-of-type(-n+4) { background-color: var(--colorWarning); } .app-components-PasswordBar-___style-module__bar___NqQY5.app-components-PasswordBar-___style-module__level-5___P-8Gc > div:nth-of-type(-n+2) { background-color: var(--colorError); } .app-components-PasswordBar-___style-module__bar___NqQY5.app-components-PasswordBar-___style-module__level-5___P-8Gc > div:last-of-type { background-color: var(--colorGreen); } .app-components-PasswordBar-___style-module__tooltip___Uqzab { background-color: var(--colorWhite); box-shadow: 0 18px 24px var(--colorDropShadow); padding: 16px; border-radius: 3px; color: rgba(15, 15, 15, 0.5); width: 272px; position: relative; box-sizing: border-box; } .app-components-PasswordBar-___style-module__tooltip___Uqzab p { /*font: var(--typographySubtitleFont);*/ margin-bottom: 8px; font-weight: 700; } .app-components-PasswordBar-___style-module__tooltip___Uqzab ul li { font-weight: 600; font: var(--typographyBody1Font); display: flex; flex-direction: row; } .app-components-PasswordBar-___style-module__tooltip___Uqzab ul li:not(:last-of-type) { margin-bottom: 8px; } .app-components-PasswordBar-___style-module__tooltip___Uqzab ul li > span > span { display: block; } .app-components-PasswordBar-___style-module__tooltip___Uqzab ul li .app-components-PasswordBar-___style-module__icon___qGMFe { margin-right: 6px; height: 16px; width: 12px; display: flex; justify-content: center; align-items: flex-start; } .app-components-PasswordBar-___style-module__tooltip___Uqzab ul li .app-components-PasswordBar-___style-module__icon___qGMFe .app-components-PasswordBar-___style-module__circle___i16DT { width: 8px; height: 8px; background-color: #D9D9D9; border-radius: 4px; margin-top: 2px; } .app-components-PasswordBar-___style-module__tooltip___Uqzab ul li .app-components-PasswordBar-___style-module__icon___qGMFe i { color: var(--colorGreen); font-size: 12px; } .app-components-PasswordBar-___style-module__tooltip___Uqzab.app-components-PasswordBar-___style-module__darkTheme___QmxXr { background-color: var(--colorDropBg); color: var(--colorTextPrimary); } .app-components-PasswordBar-___style-module__tooltip___Uqzab.app-components-PasswordBar-___style-module__darkTheme___QmxXr ul li .app-components-PasswordBar-___style-module__icon___qGMFe .app-components-PasswordBar-___style-module__circle___i16DT { background-color: var(--colorTextDisabled); } .app-components-CurrencySwitchSelector-___styles-module__singleAsset___MDVfc { display: flex; flex-direction: row; align-items: center; justify-content: space-between; color: var(--colorTextMain); font: var(--typographyBody1Font); padding: 4px 0 12px; border-bottom: 1px solid var(--colorDivider); } .app-components-CurrencySwitchSelector-___styles-module__selector___3DbZD { display: flex; align-items: center; } .app-components-CurrencySwitchSelector-___styles-module__selector___3DbZD > div { color: var(--colorAccent); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-text-decoration: underline dashed var(--colorAccent20); text-decoration: underline dashed var(--colorAccent20); } .app-components-CurrencySwitchSelector-___styles-module__selector___3DbZD i { color: var(--colorAccent); font-size: 10px; margin-left: 8px; } .app-containers-ConfirmationDialog-___style-module__container___sFfyP { width: 300px; } .app-containers-ConfirmationDialog-___style-module__text___IeRu3 { padding: 0 16px 16px; font: var(--typographyBody1Font); color: var(--colorTextPrimary); text-align: left; line-height: 20px; } .app-containers-ConfirmationDialog-___style-module__header___xaNXW { padding: 16px; color: var(--colorTextMain); font: var(--typographySubtitleFont); font-weight: 400; text-align: left; } .app-containers-ConfirmationDialog-___style-module__buttons___hc7Ai { display: flex; flex-direction: row; justify-content: flex-end; border-top: 1px solid var(--colorDivider); padding: 8px; } .app-containers-ConfirmationDialog-___style-module__buttons___hc7Ai button { margin-right: 8px; min-width: 100px; width: auto; font: var(--typographyBody2Font); font-weight: 400; } .app-containers-ConfirmationDialog-___style-module__buttons___hc7Ai button:last-of-type { margin-right: 0; } .app-pages-DealerKycPage-Settings-Applications-___style-module__header___awoUQ { padding: 16px; font: var(--typographyDigit1Font); font-weight: 400; color: var(--colorTextMain); display: flex; flex-direction: row; align-items: center; } .app-pages-DealerKycPage-Settings-Applications-___style-module__header___awoUQ h6 { font: var(--typographySubtitleFont); font-weight: 600; color: var(--colorTextMain); margin: 0; display: flex; flex-direction: row; align-items: center; gap: 8px; } .app-pages-DealerKycPage-Settings-Applications-___style-module__noApplications___0-erx { color: var(--colorTextPrimary); font: var(--typographyCodesFont); padding: 8px; } .app-pages-DealerKycPage-Settings-Applications-___style-module__page___qDt3I { border: 1px solid var(--colorDivider); margin: 0 8px 8px; height: 100%; display: flex; flex-direction: column; background: var(--colorBgPrimary); min-height: 0; } .app-pages-DealerKycPage-Settings-Applications-___style-module__page___qDt3I .app-pages-DealerKycPage-Settings-Applications-___style-module__pageHeader___QCsRA { display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-bottom: 16px; } .app-pages-DealerKycPage-Settings-Applications-___style-module__page___qDt3I .app-pages-DealerKycPage-Settings-Applications-___style-module__applicationInfo___ha1Ij { padding: 16px 16px 0; display: flex; flex-direction: row; gap: 32px; } .app-pages-DealerKycPage-Settings-Applications-___style-module__page___qDt3I .app-pages-DealerKycPage-Settings-Applications-___style-module__applicationInfo___ha1Ij > div { display: flex; flex-direction: column; gap: 4px; } .app-pages-DealerKycPage-Settings-Applications-___style-module__page___qDt3I .app-pages-DealerKycPage-Settings-Applications-___style-module__applicationInfo___ha1Ij > div > span:first-of-type { font: var(--typographyBody2Font); color: var(--colorTextPrimary); } .app-pages-DealerKycPage-Settings-Applications-___style-module__page___qDt3I .app-pages-DealerKycPage-Settings-Applications-___style-module__applicationInfo___ha1Ij > div > span:last-of-type { font: var(--typographyBody1Font); color: var(--colorTextMain); } .app-pages-DealerKycPage-Settings-Applications-___style-module__page___qDt3I .app-pages-DealerKycPage-Settings-Applications-___style-module__application___In7WN { display: flex; flex-direction: column; margin-bottom: 32px; max-width: 600px; } .app-pages-DealerKycPage-Settings-Applications-___style-module__page___qDt3I .app-pages-DealerKycPage-Settings-Applications-___style-module__application___In7WN > div:first-of-type { display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 8px; } .app-pages-DealerKycPage-Settings-Applications-___style-module__page___qDt3I .app-pages-DealerKycPage-Settings-Applications-___style-module__application___In7WN > div:first-of-type h5 { font: var(--typographySubtitleFont); color: var(--colorTextMain); } .app-pages-DealerKycPage-Settings-Applications-___style-module__page___qDt3I .app-pages-DealerKycPage-Settings-Applications-___style-module__application___In7WN .app-pages-DealerKycPage-Settings-Applications-___style-module__applicationForm___JLqun { padding: 16px; background-color: var(--colorBgInfo); border-radius: 4px; } .app-pages-DealerKycPage-Settings-Applications-___style-module__page___qDt3I .app-pages-DealerKycPage-Settings-Applications-___style-module__application___In7WN .app-pages-DealerKycPage-Settings-Applications-___style-module__applicationForm___JLqun h6 { font: var(--typographyBody1Font); font-size: 15px; color: var(--colorTextMain); } .app-pages-DealerKycPage-Settings-Applications-___style-module__page___qDt3I .app-pages-DealerKycPage-Settings-Applications-___style-module__application___In7WN .app-pages-DealerKycPage-Settings-Applications-___style-module__applicationForm___JLqun h5 { font: var(--typographyBody1Font); font-size: 15px; color: var(--colorTextMain); } .app-pages-DealerKycPage-Settings-Applications-___style-module__page___qDt3I .app-pages-DealerKycPage-Settings-Applications-___style-module__application___In7WN .app-pages-DealerKycPage-Settings-Applications-___style-module__applicationForm___JLqun .app-pages-DealerKycPage-Settings-Applications-___style-module__pageContent___L3RSM { display: flex; flex-direction: column; align-items: flex-start; } .app-pages-DealerKycPage-Settings-Applications-___style-module__page___qDt3I .app-pages-DealerKycPage-Settings-Applications-___style-module__application___In7WN .app-pages-DealerKycPage-Settings-Applications-___style-module__applicationForm___JLqun .app-pages-DealerKycPage-Settings-Applications-___style-module__pageContent___L3RSM.app-pages-DealerKycPage-Settings-Applications-___style-module__adminPageContent___Clxmo label { margin-right: 16px!important; } .app-pages-DealerKycPage-Settings-Applications-___style-module__page___qDt3I .app-pages-DealerKycPage-Settings-Applications-___style-module__application___In7WN .app-pages-DealerKycPage-Settings-Applications-___style-module__applicationForm___JLqun .app-pages-DealerKycPage-Settings-Applications-___style-module__pageContent___L3RSM.app-pages-DealerKycPage-Settings-Applications-___style-module__adminPageContent___Clxmo > div { width: 100%; } .app-pages-DealerKycPage-Settings-Applications-___style-module__page___qDt3I .app-pages-DealerKycPage-Settings-Applications-___style-module__application___In7WN .app-pages-DealerKycPage-Settings-Applications-___style-module__applicationForm___JLqun .app-pages-DealerKycPage-Settings-Applications-___style-module__pageContent___L3RSM.app-pages-DealerKycPage-Settings-Applications-___style-module__adminPageContent___Clxmo > div > div:first-of-type { width: 100%; } .app-pages-DealerKycPage-Settings-Applications-___style-module__page___qDt3I .app-pages-DealerKycPage-Settings-Applications-___style-module__application___In7WN .app-pages-DealerKycPage-Settings-Applications-___style-module__applicationForm___JLqun .app-pages-DealerKycPage-Settings-Applications-___style-module__pageContent___L3RSM.app-pages-DealerKycPage-Settings-Applications-___style-module__adminPageContent___Clxmo > div button { white-space: nowrap; } .app-pages-DealerKycPage-Settings-Applications-___style-module__page___qDt3I .app-pages-DealerKycPage-Settings-Applications-___style-module__divider___yCrDG { width: 100%; height: 1px; background-color: var(--colorDivider); margin: 16px 0; } .app-pages-DealerKycPage-Settings-Applications-___style-module__markWrongButton___Mcw-A { font: var(--typographyBody1Font); color: var(--colorTextPrimary); padding: 0; -webkit-text-decoration: underline dashed var(--colorTextPrimary); text-decoration: underline dashed var(--colorTextPrimary); padding-left: 8px; margin-left: auto; } .app-pages-DealerKycPage-Settings-Applications-___style-module__markWrongButton___Mcw-A.app-pages-DealerKycPage-Settings-Applications-___style-module__marked___dvNXV { color: var(--colorOrange); -webkit-text-decoration: underline dashed var(--colorOrange); text-decoration: underline dashed var(--colorOrange); } .app-pages-DealerKycPage-Settings-Applications-___style-module__markWrongPopup___c51Zh { background-color: var(--colorDropBg); border-radius: 3px; min-width: 256px; width: fit-content; overflow: hidden; position: relative; } .app-pages-DealerKycPage-Settings-Applications-___style-module__markWrongPopup___c51Zh .app-pages-DealerKycPage-Settings-Applications-___style-module__popupLoader___CFnfi { background-color: var(--colorDropBg); } .app-pages-DealerKycPage-Settings-Applications-___style-module__markWrongPopup___c51Zh > div:first-of-type { padding: 8px; } .app-pages-DealerKycPage-Settings-Applications-___style-module__markWrongPopup___c51Zh > div:last-of-type { padding: 4px; display: flex; flex-direction: row; border-top: 1px solid var(--colorDivider); } .app-pages-DealerKycPage-Settings-Applications-___style-module__markWrongPopup___c51Zh > div:last-of-type > button { border: none; padding: 0 4px; font: var(--typographyBody1Font); color: var(--colorTextDisabled); } .app-pages-DealerKycPage-Settings-Applications-___style-module__markWrongPopup___c51Zh > div:last-of-type > button.app-pages-DealerKycPage-Settings-Applications-___style-module__rejected___rv2gM { color: var(--colorError); } .app-pages-DealerKycPage-Settings-Applications-___style-module__markWrongPopup___c51Zh > div:last-of-type > div { margin-left: auto; display: flex; flex-direction: row; gap: 4px; } .app-pages-DealerKycPage-Settings-Applications-___style-module__changeStatus___mKUcl { display: flex; flex-direction: row; align-items: center; gap: 8px; } .app-pages-DealerKycPage-Settings-Applications-___style-module__changeStatus___mKUcl button { padding: 0; border: none; background: none; font: var(--typographyBody1Font); color: var(--colorTextMain); -webkit-text-decoration: underline dashed var(--colorTextIcons); text-decoration: underline dashed var(--colorTextIcons); } .app-pages-DealerKycPage-Settings-Applications-___style-module__changeStatus___mKUcl > div { display: flex; flex-direction: row; gap: 6px; align-items: center; } .app-pages-DealerKycPage-Settings-Applications-___style-module__changeStatus___mKUcl > div span { font: var(--typographyBody2Font); } .app-pages-DealerKycPage-Settings-Applications-___style-module__changeStatus___mKUcl > div > div { width: 10px; flex: 0 0 10px; height: 10px; border-radius: 5px; } .app-pages-DealerKycPage-Settings-Applications-___style-module__profileStatus___odbo4 { font: var(--typographyBody2Font); } .app-pages-DealerKycPage-Settings-Applications-___style-module__pageDivider___WLoFf { height: 16px; background-color: var(--colorBgPrimary); margin: 0 -16px 16px; } .app-pages-ClientKycPage-___styles-module__container___wc7IV { display: flex; flex-direction: column; align-items: center; height: 100%; background-color: var(--colorBgPrimary); margin: 4px; position: relative; min-height: 0; } .app-pages-ClientKycPage-___styles-module__container___wc7IV .app-pages-ClientKycPage-___styles-module__content___G7iRp { max-width: 700px; min-width: 700px; flex: 1; margin: 20px 0; display: flex; flex-direction: column; min-height: 0; } .app-pages-ClientKycPage-___styles-module__container___wc7IV .app-pages-ClientKycPage-___styles-module__content___G7iRp .app-pages-ClientKycPage-___styles-module__steps___FQrKP { display: flex; flex-direction: row; gap: 8px; margin-bottom: 16px; } .app-pages-ClientKycPage-___styles-module__container___wc7IV .app-pages-ClientKycPage-___styles-module__content___G7iRp .app-pages-ClientKycPage-___styles-module__steps___FQrKP > div { flex: 1; display: flex; flex-direction: column; gap: 4px; padding: 8px 12px; border-radius: 4px; background-color: var(--colorSegmentControlBg); cursor: pointer; } .app-pages-ClientKycPage-___styles-module__container___wc7IV .app-pages-ClientKycPage-___styles-module__content___G7iRp .app-pages-ClientKycPage-___styles-module__steps___FQrKP > div h6 { font: var(--typographyBody1Font); color: var(--colorTextPrimary); } .app-pages-ClientKycPage-___styles-module__container___wc7IV .app-pages-ClientKycPage-___styles-module__content___G7iRp .app-pages-ClientKycPage-___styles-module__steps___FQrKP > div p { font: var(--typographyBody2Font); font-size: 11px; color: var(--colorTextPrimary); } .app-pages-ClientKycPage-___styles-module__container___wc7IV .app-pages-ClientKycPage-___styles-module__content___G7iRp .app-pages-ClientKycPage-___styles-module__steps___FQrKP > div.app-pages-ClientKycPage-___styles-module__levelDisabled___nSaQ6 { cursor: not-allowed; } .app-pages-ClientKycPage-___styles-module__container___wc7IV .app-pages-ClientKycPage-___styles-module__content___G7iRp .app-pages-ClientKycPage-___styles-module__steps___FQrKP > div.app-pages-ClientKycPage-___styles-module__levelDisabled___nSaQ6 h6 { color: var(--colorTextPrimary); } .app-pages-ClientKycPage-___styles-module__container___wc7IV .app-pages-ClientKycPage-___styles-module__content___G7iRp .app-pages-ClientKycPage-___styles-module__steps___FQrKP > div.app-pages-ClientKycPage-___styles-module__levelActive___RB7x0 h6 { font: var(--typographyBody1Font); color: var(--colorTextMain); } .app-pages-ClientKycPage-___styles-module__container___wc7IV .app-pages-ClientKycPage-___styles-module__content___G7iRp .app-pages-ClientKycPage-___styles-module__steps___FQrKP > div.app-pages-ClientKycPage-___styles-module__levelActive___RB7x0 p { font: var(--typographyBody2Font); font-size: 11px; color: var(--colorTextPrimary); } .app-pages-ClientKycPage-___styles-module__container___wc7IV .app-pages-ClientKycPage-___styles-module__content___G7iRp .app-pages-ClientKycPage-___styles-module__page___LWxDx { display: flex; flex-direction: column; flex: 1; min-height: 0; } .app-pages-ClientKycPage-___styles-module__container___wc7IV .app-pages-ClientKycPage-___styles-module__content___G7iRp .app-pages-ClientKycPage-___styles-module__page___LWxDx h1 { font: var(--typographySubtitleFont); font-size: 17px; color: var(--colorTextMain); } .app-pages-ClientKycPage-___styles-module__container___wc7IV .app-pages-ClientKycPage-___styles-module__content___G7iRp .app-pages-ClientKycPage-___styles-module__page___LWxDx p { font: var(--typographyBody2Font); color: var(--colorTextPrimary); } .app-pages-ClientKycPage-___styles-module__container___wc7IV .app-pages-ClientKycPage-___styles-module__content___G7iRp .app-pages-ClientKycPage-___styles-module__page___LWxDx .app-pages-ClientKycPage-___styles-module__approveComment___EDYXs { border-radius: 4px; background-color: var(--colorOrange); padding: 8px; margin-bottom: 16px; font: var(--typographyBody2Font); color: var(--colorTextBlack); } .app-pages-ClientKycPage-___styles-module__container___wc7IV .app-pages-ClientKycPage-___styles-module__content___G7iRp .app-pages-ClientKycPage-___styles-module__page___LWxDx .app-pages-ClientKycPage-___styles-module__rejectedReason___1YLsp { margin-top: -14px; margin-bottom: 16px; font: var(--typographyBody2Font); color: var(--colorOrange); } .app-pages-ClientKycPage-___styles-module__container___wc7IV .app-pages-ClientKycPage-___styles-module__content___G7iRp .app-pages-ClientKycPage-___styles-module__page___LWxDx .app-pages-ClientKycPage-___styles-module__errorMessage___ZiVvt { color: var(--colorError); font: var(--typographyBody2Font); margin-bottom: 12px; margin-top: -4px; } .app-pages-ClientKycPage-___styles-module__container___wc7IV .app-pages-ClientKycPage-___styles-module__content___G7iRp .app-pages-ClientKycPage-___styles-module__page___LWxDx .app-pages-ClientKycPage-___styles-module__confirmationPageField___841ra label { font-size: 12px; } .app-pages-ClientKycPage-___styles-module__container___wc7IV .app-pages-ClientKycPage-___styles-module__content___G7iRp .app-pages-ClientKycPage-___styles-module__page___LWxDx .app-pages-ClientKycPage-___styles-module__confirmationPageField___841ra p { font: var(--typographyBody2Font); color: var(--colorTextMain); } .app-pages-ClientKycPage-___styles-module__container___wc7IV .app-pages-ClientKycPage-___styles-module__content___G7iRp .app-pages-ClientKycPage-___styles-module__page___LWxDx .app-pages-ClientKycPage-___styles-module__confirmationPageField___841ra .app-pages-ClientKycPage-___styles-module__fieldFile___2R3u0 { margin: 8px 0; padding: 12px 20px; border-radius: 12px; background-color: var(--colorBgInfo); width: 700px; display: flex; flex-direction: column; align-items: center; } .app-pages-ClientKycPage-___styles-module__container___wc7IV .app-pages-ClientKycPage-___styles-module__content___G7iRp .app-pages-ClientKycPage-___styles-module__page___LWxDx .app-pages-ClientKycPage-___styles-module__confirmationPageField___841ra .app-pages-ClientKycPage-___styles-module__fieldFile___2R3u0 > img { width: 100%; } .app-pages-ClientKycPage-___styles-module__container___wc7IV .app-pages-ClientKycPage-___styles-module__content___G7iRp .app-pages-ClientKycPage-___styles-module__page___LWxDx .app-pages-ClientKycPage-___styles-module__confirmationPageField___841ra .app-pages-ClientKycPage-___styles-module__fieldFile___2R3u0 p { margin-top: 12px; font: var(--typographyBody2Font); color: var(--colorTextPrimary); } .app-pages-ClientKycPage-___styles-module__container___wc7IV .app-pages-ClientKycPage-___styles-module__content___G7iRp .app-pages-ClientKycPage-___styles-module__page___LWxDx .app-pages-ClientKycPage-___styles-module__pageContent___PGMMs { display: flex; flex-direction: column; align-items: flex-start; background-color: var(--colorBgInfo); padding: 16px 20px; border-radius: 4px; max-width: 700px; } .app-pages-ClientKycPage-___styles-module__container___wc7IV .app-pages-ClientKycPage-___styles-module__content___G7iRp .app-pages-ClientKycPage-___styles-module__page___LWxDx .app-pages-ClientKycPage-___styles-module__pageContent___PGMMs.app-pages-ClientKycPage-___styles-module__documents___KVrI8 { background-color: transparent; padding: 0; flex: 1; } .app-pages-ClientKycPage-___styles-module__container___wc7IV .app-pages-ClientKycPage-___styles-module__content___G7iRp .app-pages-ClientKycPage-___styles-module__page___LWxDx .app-pages-ClientKycPage-___styles-module__pageContent___PGMMs.app-pages-ClientKycPage-___styles-module__sumSub___B1ikM { align-items: center; flex: 1; } .app-pages-ClientKycPage-___styles-module__container___wc7IV .app-pages-ClientKycPage-___styles-module__content___G7iRp .app-pages-ClientKycPage-___styles-module__page___LWxDx .app-pages-ClientKycPage-___styles-module__pageContent___PGMMs.app-pages-ClientKycPage-___styles-module__sumSub___B1ikM > div { width: 100%; } .app-pages-ClientKycPage-___styles-module__container___wc7IV .app-pages-ClientKycPage-___styles-module__content___G7iRp .app-pages-ClientKycPage-___styles-module__page___LWxDx .app-pages-ClientKycPage-___styles-module__pageContent___PGMMs.app-pages-ClientKycPage-___styles-module__confirmationPage___XWEdk { background-color: transparent; padding: 0; } .app-pages-ClientKycPage-___styles-module__container___wc7IV .app-pages-ClientKycPage-___styles-module__content___G7iRp .app-pages-ClientKycPage-___styles-module__page___LWxDx .app-pages-ClientKycPage-___styles-module__pageContent___PGMMs h2 { font: var(--typographySubtitleFont); color: var(--colorTextMain); } .app-pages-ClientKycPage-___styles-module__container___wc7IV .app-pages-ClientKycPage-___styles-module__content___G7iRp .app-pages-ClientKycPage-___styles-module__page___LWxDx .app-pages-ClientKycPage-___styles-module__pageContent___PGMMs .app-pages-ClientKycPage-___styles-module__divider___cNoYq { height: 16px; width: calc(100% + 40px); margin: 0 -20px 16px; background-color: var(--colorBgPrimary); } .app-pages-ClientKycPage-___styles-module__container___wc7IV .app-pages-ClientKycPage-___styles-module__content___G7iRp .app-pages-ClientKycPage-___styles-module__page___LWxDx .app-pages-ClientKycPage-___styles-module__pageContent___PGMMs .app-pages-ClientKycPage-___styles-module__image___leY33 { width: 100%; height: auto; margin-bottom: 16px; } .app-pages-ClientKycPage-___styles-module__container___wc7IV .app-pages-ClientKycPage-___styles-module__content___G7iRp .app-pages-ClientKycPage-___styles-module__page___LWxDx .app-pages-ClientKycPage-___styles-module__pageContent___PGMMs .app-pages-ClientKycPage-___styles-module__fieldWrapper___nhlnD { width: 340px; } .app-pages-ClientKycPage-___styles-module__container___wc7IV .app-pages-ClientKycPage-___styles-module__content___G7iRp .app-pages-ClientKycPage-___styles-module__page___LWxDx .app-pages-ClientKycPage-___styles-module__pageContent___PGMMs .app-pages-ClientKycPage-___styles-module__fieldWrapper___nhlnD.app-pages-ClientKycPage-___styles-module__adminField___6e-aE { width: 400px; } .app-pages-ClientKycPage-___styles-module__container___wc7IV .app-pages-ClientKycPage-___styles-module__content___G7iRp .app-pages-ClientKycPage-___styles-module__page___LWxDx .app-pages-ClientKycPage-___styles-module__pageContent___PGMMs .app-pages-ClientKycPage-___styles-module__fieldDescription___Is-aq { font: var(--typographyBody2Font); color: var(--colorTextPrimary); margin-top: -8px; margin-bottom: 16px; max-width: 340px; white-space: pre-line; } .app-pages-ClientKycPage-___styles-module__container___wc7IV .app-pages-ClientKycPage-___styles-module__content___G7iRp .app-pages-ClientKycPage-___styles-module__page___LWxDx .app-pages-ClientKycPage-___styles-module__pageContent___PGMMs .app-pages-ClientKycPage-___styles-module__fieldDescription___Is-aq.app-pages-ClientKycPage-___styles-module__dropzoneDesc___WCiLr { margin-top: 0; } .app-pages-ClientKycPage-___styles-module__container___wc7IV .app-pages-ClientKycPage-___styles-module__content___G7iRp .app-pages-ClientKycPage-___styles-module__page___LWxDx .app-pages-ClientKycPage-___styles-module__pageContent___PGMMs .app-pages-ClientKycPage-___styles-module__fieldTitle___GP5RI { font: var(--typographyBody1Font); color: var(--colorTextMain); margin-bottom: 0; } .app-pages-ClientKycPage-___styles-module__container___wc7IV .app-pages-ClientKycPage-___styles-module__content___G7iRp .app-pages-ClientKycPage-___styles-module__page___LWxDx .app-pages-ClientKycPage-___styles-module__pageContent___PGMMs .app-pages-ClientKycPage-___styles-module__dropzone___dYNSS { width: 340px; } .app-pages-ClientKycPage-___styles-module__container___wc7IV .app-pages-ClientKycPage-___styles-module__content___G7iRp .app-pages-ClientKycPage-___styles-module__page___LWxDx .app-pages-ClientKycPage-___styles-module__pageContent___PGMMs .app-pages-ClientKycPage-___styles-module__dropzone___dYNSS > div { width: 100%; background-color: transparent; } .app-pages-ClientKycPage-___styles-module__container___wc7IV .app-pages-ClientKycPage-___styles-module__content___G7iRp .app-pages-ClientKycPage-___styles-module__page___LWxDx .app-pages-ClientKycPage-___styles-module__pageContent___PGMMs .app-pages-ClientKycPage-___styles-module__dropzone___dYNSS > div p { margin-bottom: 0; font: var(--typographyBody2Font); } .app-pages-ClientKycPage-___styles-module__container___wc7IV .app-pages-ClientKycPage-___styles-module__content___G7iRp .app-pages-ClientKycPage-___styles-module__page___LWxDx .app-pages-ClientKycPage-___styles-module__footer___8MMmo { display: flex; flex-direction: row; justify-content: space-between; margin-top: 16px; padding: 16px 0 0; } .app-pages-ClientKycPage-___styles-module__container___wc7IV .app-pages-ClientKycPage-___styles-module__content___G7iRp .app-pages-ClientKycPage-___styles-module__page___LWxDx .app-pages-ClientKycPage-___styles-module__applicationStatus___W-zId { display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: var(--colorBgInfo); padding: 16px 20px; border-radius: 4px; max-width: 700px; min-height: 400px; } .app-pages-ClientKycPage-___styles-module__container___wc7IV .app-pages-ClientKycPage-___styles-module__content___G7iRp .app-pages-ClientKycPage-___styles-module__page___LWxDx .app-pages-ClientKycPage-___styles-module__applicationStatus___W-zId i { font-size: 50px; color: var(--colorWarning) } .app-pages-ClientKycPage-___styles-module__container___wc7IV .app-pages-ClientKycPage-___styles-module__content___G7iRp .app-pages-ClientKycPage-___styles-module__page___LWxDx .app-pages-ClientKycPage-___styles-module__applicationStatus___W-zId h6 { font: var(--typographySubtitleFont); color: var(--colorTextMain); margin: 24px 0 12px; } .app-pages-ClientKycPage-___styles-module__container___wc7IV .app-pages-ClientKycPage-___styles-module__content___G7iRp .app-pages-ClientKycPage-___styles-module__page___LWxDx .app-pages-ClientKycPage-___styles-module__applicationStatus___W-zId p { font: var(--typographyBody2Font); color: var(--colorTextPrimary); } .app-pages-ClientKycPage-___styles-module__fieldWrapper___nhlnD { width: 340px; } .app-pages-ClientKycPage-___styles-module__fieldWrapper___nhlnD.app-pages-ClientKycPage-___styles-module__adminField___6e-aE { width: 400px; } .app-pages-ClientKycPage-___styles-module__adminCustomOption___Pxtfk { max-width: unset; min-width: 0; } .app-pages-ClientKycPage-___styles-module__adminCustomOption___Pxtfk > div:last-of-type > div { max-width: 320px; } .app-pages-ClientKycPage-___styles-module__errorMessage___ZiVvt { color: var(--colorError); font: var(--typographyBody2Font); margin-bottom: 12px; margin-top: -4px; } .app-pages-ClientKycPage-___styles-module__adminCheckbox___HfGjy > div { width: auto!important; margin-right: -16px; } .app-pages-ClientKycPage-___styles-module__adminDateFieldWrapper___HD-he { width: auto!important; } .app-pages-ClientKycPage-___styles-module__adminDatePicker___6HD1V > div { max-width: 312px; } .app-pages-ClientKycPage-___styles-module__image___leY33 { width: 100%; height: auto; margin-bottom: 16px; } .app-pages-ClientKycPage-___styles-module__divider___cNoYq { height: 16px; width: calc(100% + 40px); margin: 0 -20px 16px; background-color: var(--colorBgPrimary); } .app-pages-ClientKycPage-___styles-module__progressBar___xejVt { display: flex; flex-direction: row; align-items: center; gap: 4px; margin-bottom: 16px; } .app-pages-ClientKycPage-___styles-module__progressBar___xejVt > div { height: 6px; background-color: var(--colorDivider); border-radius: 3px; flex: 1; transition: all 0.2s; } .app-pages-ClientKycPage-___styles-module__progressBar___xejVt > div.app-pages-ClientKycPage-___styles-module__active___4xMFq { background-color: var(--colorAccent); } .app-pages-ClientKycPage-___styles-module__progressBar___xejVt > div.app-pages-ClientKycPage-___styles-module__active___4xMFq.app-pages-ClientKycPage-___styles-module__rejected___0s9uC { background-color: var(--colorOrange); } .app-pages-ClientKycPage-___styles-module__progressBar___xejVt > div.app-pages-ClientKycPage-___styles-module__rejected___0s9uC { background-color: var(--colorOrange20); } .app-pages-ClientKycPage-___styles-module__progressBar___xejVt > div.app-pages-ClientKycPage-___styles-module__filled___DufQT { background-color: var(--colorAccent20); } .app-pages-ClientKycPage-___styles-module__progressBar___xejVt > div.app-pages-ClientKycPage-___styles-module__filled___DufQT.app-pages-ClientKycPage-___styles-module__active___4xMFq { background-color: var(--colorAccent); } .app-pages-ClientKycPage-___styles-module__progressBar___xejVt > div.app-pages-ClientKycPage-___styles-module__filled___DufQT.app-pages-ClientKycPage-___styles-module__active___4xMFq.app-pages-ClientKycPage-___styles-module__rejected___0s9uC { background-color: var(--colorOrange); } .app-pages-ClientKycPage-___styles-module__progressBar___xejVt > div.app-pages-ClientKycPage-___styles-module__filled___DufQT:not(.app-pages-ClientKycPage-___styles-module__active___4xMFq).app-pages-ClientKycPage-___styles-module__rejected___0s9uC { background-color: var(--colorOrange20); } .app-pages-ClientKycPage-___styles-module__fieldDescription___Is-aq { font: var(--typographyBody2Font); color: var(--colorTextPrimary); margin-top: -8px; margin-bottom: 16px; max-width: 340px; } .app-pages-ClientKycPage-___styles-module__fieldDescription___Is-aq.app-pages-ClientKycPage-___styles-module__dropzoneDesc___WCiLr { margin-top: 0; } .app-pages-ClientKycPage-___styles-module__fieldTitle___GP5RI { font: var(--typographyBody1Font); color: var(--colorTextMain); margin-bottom: 0; } .app-pages-ClientKycPage-___styles-module__dropzone___dYNSS { width: 340px; } .app-pages-ClientKycPage-___styles-module__dropzone___dYNSS > div { width: 100%; background-color: transparent; } .app-pages-ClientKycPage-___styles-module__dropzone___dYNSS > div p { margin-bottom: 0; font: var(--typographyBody2Font); } .app-pages-ClientKycPage-___styles-module__fileValue___DwTL8 { font: var(--typographyBody1Font); color: var(--colorTextMain); display: flex; flex-direction: row; align-items: flex-start; } .app-pages-ClientKycPage-___styles-module__fileValue___DwTL8 i { color: var(--colorTextIcons); font-size: 15px; cursor: pointer; } .app-pages-ClientKycPage-___styles-module__tooltipIcon___PWnK0 { color: var(--colorTextIcons); font-size: 12px; width: 16px; display: inline-block; margin-left: 8px; } .app-pages-ClientKycPage-___styles-module__tooltipIcon___PWnK0.app-pages-ClientKycPage-___styles-module__marginRight___KgD-C { margin-right: -24px; } .app-pages-ClientKycPage-___styles-module__tooltipContainer___HqPKl { width: 180px; color: var(--colorTextMain); font: var(--typographyBody2Font); white-space: pre-line; } .app-pages-ClientKycPage-___styles-module__fileIcon___moT-H { width: 18px; height: 18px; margin-bottom: 1px; } .app-pages-ClientKycPage-___styles-module__markdownWrapper___E1mD7 { background-color: transparent!important; } .app-pages-ClientKycPage-___styles-module__markdownWrapper___E1mD7 > *:last-child { margin-bottom: 0!important; } .app-pages-ClientKycPage-___styles-module__markdownWrapper___E1mD7 h1 { color: var(--colorTextMain)!important; font: var(--typographySubtitleFont)!important; border: none!important; margin-bottom: 8px!important; padding-bottom: 0!important; } .app-pages-ClientKycPage-___styles-module__markdownWrapper___E1mD7 h6 { color: var(--colorTextMain)!important; font: var(--typographyBody1Font)!important; border: none!important; margin-bottom: 16px!important; padding-bottom: 0!important; } .app-pages-ClientKycPage-___styles-module__empty___ID95T { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-height: 0; background-color: var(--colorBgPrimary); margin: 4px; } .app-pages-ClientKycPage-___styles-module__empty___ID95T i { color: var(--colorTextPrimary); font-size: 50px; margin-bottom: 24px; } .app-pages-ClientKycPage-___styles-module__empty___ID95T h2 { font: var(--typographySubtitleFont); color: var(--colorTextMain); margin-bottom: 12px; } .app-pages-ClientKycPage-___styles-module__empty___ID95T p { font: var(--typographyBody2Font); color: var(--colorTextPrimary); margin-bottom: 12px; } .app-pages-ClientKycPage-___styles-module__confirmationPageField___841ra label { font-size: 12px; } .app-pages-ClientKycPage-___styles-module__confirmationPageField___841ra p { font: var(--typographyBody2Font); color: var(--colorTextMain); } .app-pages-ClientKycPage-___styles-module__confirmationPageField___841ra .app-pages-ClientKycPage-___styles-module__fieldFile___2R3u0 { margin: 8px 0; padding: 12px 20px; border-radius: 12px; background-color: var(--colorBgInfo); width: 700px; display: flex; flex-direction: column; align-items: center; } .app-pages-ClientKycPage-___styles-module__confirmationPageField___841ra .app-pages-ClientKycPage-___styles-module__fieldFile___2R3u0 > img { width: 100%; } .app-pages-ClientKycPage-___styles-module__confirmationPageField___841ra .app-pages-ClientKycPage-___styles-module__fieldFile___2R3u0 p { margin-top: 12px; font: var(--typographyBody2Font); color: var(--colorTextPrimary); } .app-pages-ClientKycPage-___styles-module__modal___QDqt2 { width: 416px; } .app-pages-ClientKycPage-___styles-module__modal___QDqt2 > div:first-of-type { padding: 16px; display: flex; flex-direction: column; gap: 8px; } .app-pages-ClientKycPage-___styles-module__modal___QDqt2 > div:last-of-type { border-top: 1px solid var(--colorDivider); display: flex; flex-direction: row; gap: 8px; padding: 8px; } .app-pages-ClientKycPage-___styles-module__label___gUXXQ { font: var(--typographyBody2Font); letter-spacing: 0.02em; text-transform: unset; } .app-UI-Dropzone-___style-module__container___kkPXv { display: flex; align-items: center; justify-content: center; min-height: 40px; background-color: var(--colorBgPrimary); border-radius: 4px; height: 84px; border: 1px dashed var(--colorButtonBorder); font-size: 14px; line-height: 17px; font-family: Lato, Arial, sans-serif; color: var(--colorTextMain); font-weight: bold; cursor: pointer; transition: border-color 200ms; } .app-UI-Dropzone-___style-module__container___kkPXv:hover { background-color: var(--colorBgPrimary); border-color: var(--colorAccent); } .app-UI-Dropzone-___style-module__dropzoneAccept___JvlSF { background-color: var(--colorAccent20); } .app-UI-Dropzone-___style-module__container___kkPXv.app-UI-Dropzone-___style-module__disabled___SzZVK { background-color: var(--colorTextDisabled); cursor: not-allowed; } .app-UI-Dropzone-___style-module__container___kkPXv ul { padding-left: 0; } .app-UI-Dropzone-___style-module__container___kkPXv ul li { list-style: none; color: var(--colorTextMain); font-weight: normal; font-size: 14px; display: flex; justify-content: space-between; } .app-UI-Dropzone-___style-module__subLabel___oBh2H { font: var(--typographyBody1Font); color: var(--colorTextPrimary); font-weight: 400; margin-bottom: 0; } .app-UI-Dropzone-___style-module__label___qAtYn { font-size: 15px; color: var(--colorTextMain); margin-bottom: 4px; } .app-UI-Dropzone-___style-module__errorText___hqm8y { font-size: 12px; font-weight: 500; color: var(--colorError); display: flex; align-items: center; } .app-UI-Dropzone-___style-module__size___Klo4z { color: var(--colorTextPrimary); } .app-UI-Dropzone-___style-module__remove___KZW7y { display: inline-block; cursor: pointer; font-size: 10px; color: var(--colorTextIcons); transition: all 0.2s; } .app-UI-Dropzone-___style-module__remove___KZW7y:hover { color: var(--colorError); } .app-UI-Dropzone-___style-module__dropzone___6ct1K { background-color: transparent; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative; } .app-UI-Dropzone-___style-module__content___UPnZ3 { padding: 0 20px; } .app-UI-Dropzone-___style-module__content___UPnZ3 p { text-align: center; } .app-UI-Dropzone-___style-module__filename___q3oOD { font: var(--typographyBody2Font); color: var(--colorTextMain); margin-left: 6px; text-decoration: underline; text-decoration-color: var(--colorTextMain); cursor: pointer; display: flex; flex-direction: row; align-items: center; } .app-UI-Dropzone-___style-module__itemInfo___4l6Rq { display: flex; align-items: center; } .app-UI-Dropzone-___style-module__list___z5Jty { margin-top: 12px; display: flex; flex-direction: column; gap: 8px; } .app-UI-Dropzone-___style-module__icon___qZ-rc { height: 16px; } .app-UI-Dropzone-___style-module__itemContainer___61n16 { display: flex; align-items: center; justify-content: space-between; } .app-UI-Dropzone-___style-module__fullScreen___44EnD { position: absolute; z-index: 110004; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; pointer-events: none; } .app-UI-Dropzone-___style-module__fullScreen___44EnD span { display: none; } .app-UI-Dropzone-___style-module__fullScreen___44EnD.app-UI-Dropzone-___style-module__isActive___bmChV { background-color: var(--colorAccent20); pointer-events: all; } .app-UI-Dropzone-___style-module__fullScreen___44EnD.app-UI-Dropzone-___style-module__isActive___bmChV span { display: block; font: var(--typographyBody2typographyCaps1FontFont); font-size: 28px; color: var(--colorTextMain); } .app-containers-ProfileSettings-ProfileTab-___style-module__userPicWrapper___zLzlj { padding: 0 0 20px 0; display: flex; flex-direction: row; } .app-containers-ProfileSettings-ProfileTab-___style-module__userPicTitleWrapper___FyPcX { display: flex; flex-direction: column; justify-content: space-between; padding: 8px 0; } .app-containers-ProfileSettings-ProfileTab-___style-module__userPicTitleWrapper___FyPcX h6 { font: var(--typographySubtitleFont); font-size: 17px; color: var(--colorTextMain); margin: 0; margin-right: 8px; } .app-containers-ProfileSettings-ProfileTab-___style-module__pic___Nwkr3 { border-radius: 50%; width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; margin-right: 24px; background-color: var(--colorBgMain); overflow: hidden; } .app-containers-ProfileSettings-ProfileTab-___style-module__pic___Nwkr3 i { font-size: 44px; color: var(--colorTextIcons); } .app-containers-ProfileSettings-ProfileTab-___style-module__pic___Nwkr3 img { width: 100%; height: 100%; border-radius: 50%; } .app-containers-ProfileSettings-ProfileTab-___style-module__userPicTitle___ENTzq { color: var(--colorTextMain); font: var(--typographySubtitleFont); letter-spacing: var(--typographySubtitleSpacing); } .app-containers-ProfileSettings-ProfileTab-___style-module__userPicSubtitle___7sN6C { margin-top: 4px; color: var(--colorTextPrimary); font: var(--typographyCaptionFont); letter-spacing: var(--typographyCaptionSpacing); } .app-containers-ProfileSettings-ProfileTab-___style-module__userPicButtonWrapper___gzm8S { margin-top: 16px; margin-bottom: 4px; } .app-containers-ProfileSettings-ProfileTab-___style-module__userPicButtonWrapper___gzm8S button { font-weight: 400; } .app-containers-ProfileSettings-ProfileTab-___style-module__formWrapper___uis9X { margin-top: 16px; position: relative; } .app-containers-ProfileSettings-ProfileTab-___style-module__profileDetailsContainer___Q0Xoh { padding: 16px 20px; background-color: var(--colorBgInfo); border-radius: 4px; display: flex; flex-direction: column; gap: 16px; margin-bottom: 16px; } .app-containers-ProfileSettings-ProfileTab-___style-module__profileDetailsContainer___Q0Xoh > * { max-width: 340px; } .app-containers-ProfileSettings-ProfileTab-___style-module__profileDetailsContainer___Q0Xoh.app-containers-ProfileSettings-ProfileTab-___style-module__noGap___s5bY8 { gap: 0; } .app-containers-ProfileSettings-ProfileTab-___style-module__formTitle___4g8Y5 { color: var(--colorTextMain); font: var(--typographySubtitleFont); letter-spacing: var(--typographySubtitleSpacing); margin: 16px 0; } .app-containers-ProfileSettings-ProfileTab-___style-module__row___jLZo2 { margin-bottom: 16px; display: flex; flex-direction: row; align-items: center; width: 100%; gap: 16px; max-width: 448px; } .app-containers-ProfileSettings-ProfileTab-___style-module__row___jLZo2 > * { flex: 1; } .app-containers-ProfileSettings-ProfileTab-___style-module__picBtn___JHKsM { font-size: 12px; width: auto; } .app-containers-ProfileSettings-ProfileTab-___style-module__verifyContainer___jFm4s { display: flex; flex-direction: column; gap: 4px; max-width: 280px; } .app-containers-ProfileSettings-ProfileTab-___style-module__verifyContainer___jFm4s p { font: var(--typographyBody2Font); color: var(--colorTextPrimary); } .app-components-Cropper-___styles-module__cropper___EwNy5 { max-height: calc(80vh - 48px); /*width: 100%;*/ /*margin: 0 auto;*/ } .app-components-Cropper-___styles-module__cropperWrapper___cIo75 { max-height: 80vh; max-width: 80vw; } .app-components-Cropper-___styles-module__croppFooter___stDoJ { display: flex; justify-content: flex-end; align-items: center; padding: 8px; gap: 16px; } .app-components-Cropper-___styles-module__croppFooter___stDoJ > div:last-of-type { display: flex; flex-direction: row; } .app-components-Cropper-___styles-module__smallBtn___2-B7n { width: auto; min-width: 120px; margin-left: 8px; } .app-components-Cropper-___styles-module__hint___MinN9 { font:var(--typographyBody2Font); color: var(--colorTextPrimary); padding: 8px 16px; } .app-pages-TradingPage-MarketDepthWidget-___style-module__wrapper___1gsv3 { height: 100%; display: flex; flex-direction: column; } .app-pages-TradingPage-MarketDepthWidget-___style-module__wrapper___1gsv3.app-pages-TradingPage-MarketDepthWidget-___style-module__small___CmIVK { font-size: 11px; } .app-pages-TradingPage-MarketDepthWidget-___style-module__wrapper___1gsv3.app-pages-TradingPage-MarketDepthWidget-___style-module__small___CmIVK .app-pages-TradingPage-MarketDepthWidget-___style-module__header___lFfa- { padding: 8px; } .app-pages-TradingPage-MarketDepthWidget-___style-module__wrapper___1gsv3.app-pages-TradingPage-MarketDepthWidget-___style-module__small___CmIVK .app-pages-TradingPage-MarketDepthWidget-___style-module__marketDepth___N8XLR { width: calc(100% - 16px); margin: 0 8px 8px; font-size: 11px; } .app-pages-TradingPage-MarketDepthWidget-___style-module__headerTitle___zisnw { font: var(--typographyBody2Font); color: var(--colorTextMain); height: 24px; line-height: 24px; } .app-pages-TradingPage-MarketDepthWidget-___style-module__marketDepth___N8XLR { width: calc(100% - 24px); margin: 0 12px 12px; color: var(--colorTextMain); font: var(--typographyBody1Font); letter-spacing: var(--typographyBody1Spacing); } .app-pages-TradingPage-MarketDepthWidget-___style-module__marketDepth___N8XLR .app-pages-TradingPage-MarketDepthWidget-___style-module__bgBid___zoi88 { background: var(--colorBuyDisabled); } .app-pages-TradingPage-MarketDepthWidget-___style-module__marketDepth___N8XLR .app-pages-TradingPage-MarketDepthWidget-___style-module__bgAsk___9vyOD { background: var(--colorSellDisabled); } .app-pages-TradingPage-MarketDepthWidget-___style-module__marketDepth___N8XLR tr.app-pages-TradingPage-MarketDepthWidget-___style-module__bid___-8IgV td { background: var(--colorBuyDisabled); } .app-pages-TradingPage-MarketDepthWidget-___style-module__marketDepth___N8XLR tr.app-pages-TradingPage-MarketDepthWidget-___style-module__ask___RXnne td { background: var(--colorSellDisabled); } .app-pages-TradingPage-MarketDepthWidget-___style-module__marketDepth___N8XLR.app-pages-TradingPage-MarketDepthWidget-___style-module__left___0gRlP { text-align: left; } .app-pages-TradingPage-MarketDepthWidget-___style-module__marketDepth___N8XLR.app-pages-TradingPage-MarketDepthWidget-___style-module__left___0gRlP td > div > div:last-of-type, .app-pages-TradingPage-MarketDepthWidget-___style-module__marketDepth___N8XLR.app-pages-TradingPage-MarketDepthWidget-___style-module__left___0gRlP th > div > div:last-of-type { padding: 0 4px; } .app-pages-TradingPage-MarketDepthWidget-___style-module__marketDepth___N8XLR th { font: var(--typographyCaps3Font); letter-spacing: var(--typographyCaps3Spacing); text-transform: uppercase; background-color: var(--colorBgPrimary); height: 28px !important; } .app-pages-TradingPage-MarketDepthWidget-___style-module__marketDepth___N8XLR th, .app-pages-TradingPage-MarketDepthWidget-___style-module__marketDepth___N8XLR td { height: 28px; line-height: 27px; padding: 0; border-bottom: 1px solid var(--colorDivider); } .app-pages-TradingPage-MarketDepthWidget-___style-module__marketDepth___N8XLR th:first-child, .app-pages-TradingPage-MarketDepthWidget-___style-module__marketDepth___N8XLR th:last-child, .app-pages-TradingPage-MarketDepthWidget-___style-module__marketDepth___N8XLR td:first-child, .app-pages-TradingPage-MarketDepthWidget-___style-module__marketDepth___N8XLR td:last-child { width: 50%; } .app-pages-TradingPage-MarketDepthWidget-___style-module__marketDepth___N8XLR tr:hover .app-pages-TradingPage-MarketDepthWidget-___style-module__cancelOrder___D36Fp { display: block; cursor: pointer; } .app-pages-TradingPage-MarketDepthWidget-___style-module__marketDepth___N8XLR td:hover { color: var(--colorAccent); } .app-pages-TradingPage-MarketDepthWidget-___style-module__marketDepth___N8XLR.app-pages-TradingPage-MarketDepthWidget-___style-module__singleColumn___jd4VH th:first-child, .app-pages-TradingPage-MarketDepthWidget-___style-module__marketDepth___N8XLR.app-pages-TradingPage-MarketDepthWidget-___style-module__singleColumn___jd4VH td:first-child { width: 100%; } .app-pages-TradingPage-MarketDepthWidget-___style-module__marketDepth___N8XLR.app-pages-TradingPage-MarketDepthWidget-___style-module__singleColumn___jd4VH th:last-child, .app-pages-TradingPage-MarketDepthWidget-___style-module__marketDepth___N8XLR.app-pages-TradingPage-MarketDepthWidget-___style-module__singleColumn___jd4VH td:last-child { width: auto; min-width: 64px; } .app-pages-TradingPage-MarketDepthWidget-___style-module__marketDepthContainer___YqnVR { flex-grow: 2; position: relative; overflow: hidden; } .app-pages-TradingPage-MarketDepthWidget-___style-module__thPrice___XbTbR { color: var(--colorTextPrimary); } .app-pages-TradingPage-MarketDepthWidget-___style-module__loader___pTBHd { position: absolute; top: 0; left: 0; width: 100%; height: 100%; /*margin-top: 150px;*/ } .app-pages-TradingPage-MarketDepthWidget-___style-module__spread___tuvPv { color: var(--colorTextPrimary); background: var(--colorBgSecondary); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .app-pages-TradingPage-MarketDepthWidget-___style-module__spread___tuvPv td { height: 28px; line-height: 27px; text-align: center; border-top: 1px solid var(--colorDivider); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .app-pages-TradingPage-MarketDepthWidget-___style-module__bold___597qP { font-weight: 600; } .app-pages-TradingPage-MarketDepthWidget-___style-module__cancelOrder___D36Fp { display: none; } .app-pages-TradingPage-MarketDepthWidget-___style-module__orderType___cGsFd { } .app-pages-TradingPage-MarketDepthWidget-___style-module__remove___8QeZk { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .app-pages-TradingPage-MarketDepthWidget-___style-module__remove___8QeZk div { white-space: nowrap; } .app-pages-TradingPage-MarketDepthWidget-___style-module__remove___8QeZk i { cursor: pointer; } .app-pages-TradingPage-MarketDepthWidget-___style-module__pointer___nb3Ze { cursor: pointer; } .app-pages-TradingPage-MarketDepthWidget-___style-module__header___lFfa- { display: flex; justify-content: space-between; position: relative; z-index: 1000; padding: 12px; } .app-pages-TradingPage-MarketDepthWidget-___style-module__header___lFfa- > div:first-child { margin-left: 0; } .app-pages-TradingPage-MarketDepthWidget-___style-module__header___lFfa- > div { margin-left: 10px; flex: 1; } .app-pages-TradingPage-MarketDepthWidget-___style-module__noInstrumentSelected___4VzXw { display: flex; justify-content: center; color: var(--colorTextMain); align-items: center; text-align: center; height: 100%; flex-direction: column; } .app-pages-TradingPage-MarketDepthWidget-___style-module__noInstrumentSelected___4VzXw i { font-size: 40px; margin-bottom: 10px; } .app-pages-TradingPage-MarketDepthWidget-___style-module__no-data___MBty7 { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10px; text-align: center; } .app-pages-TradingPage-MarketDepthWidget-___style-module__no-data___MBty7 p { margin-top: 16px; color: var(--colorTextPrimary); font: var(--typographyBody1Font); } .app-pages-TradingPage-MarketDepthWidget-___style-module__no-data-wrapper___fpjMx { width: 72px; height: 72px; border-radius: 36px; border: 2px solid var(--colorWindowBorder); display: flex; flex-direction: row; align-items: center; justify-content: center; } .app-pages-TradingPage-MarketDepthWidget-___style-module__no-data-wrapper___fpjMx svg { fill: none; } .app-pages-TradingPage-MarketDepthWidget-___style-module__accumulatedValue___aBvAB { border-radius: 2px; position: absolute; display: flex; align-items: center; justify-content: center; height: 12px; top: calc(50% - 6px); color: var(--colorBgPrimary); background-color: var(--colorTextPrimary); opacity: 1; } .app-pages-TradingPage-MarketDepthWidget-___style-module__accumulatedValue___aBvAB > span { color: var(--colorBgPrimary); font: var(--typographyCaps3Font); padding: 0 2px; font-size: 10px; font-weight: bold; } .app-pages-TradingPage-MarketDepthWidget-___style-module__accumulatedValue___aBvAB.app-pages-TradingPage-MarketDepthWidget-___style-module__ask___RXnne { left: 6px; } .app-pages-TradingPage-MarketDepthWidget-___style-module__accumulatedValue___aBvAB.app-pages-TradingPage-MarketDepthWidget-___style-module__bid___-8IgV { right: 6px; } .app-pages-TradingPage-MarketDepthWidget-___style-module__accumulatedValue___aBvAB.app-pages-TradingPage-MarketDepthWidget-___style-module__accSingleColumn___uaPWg { z-index: 1; left: 122px; right: unset; } .app-pages-TradingPage-MarketDepthWidget-___style-module__holdOnSpread___wh71- { font: var(--typographyCaps3Font); letter-spacing: var(--typographyCaps3Spacing); color: var(--colorTextIcons); text-transform: uppercase; cursor: pointer; } .app-pages-TradingPage-MarketDepthWidget-___style-module__holdOnSpread___wh71- i { font-size: 10px; margin-right: 4px; } .app-pages-TradingPage-MarketDepthWidget-___style-module__holdOnSpread___wh71-.app-pages-TradingPage-MarketDepthWidget-___style-module__accent___Sq-25 { color: var(--colorAccent); } .app-pages-TradingPage-MarketDepthWidget-___style-module__badgeWrapper___ZlqPI { display: flex; flex-direction: row; justify-content: flex-end; padding-right: 4px; } .app-pages-TradingPage-MarketDepthWidget-___style-module__badgeWrapper___ZlqPI.app-pages-TradingPage-MarketDepthWidget-___style-module__alignStart___Laqsm { justify-content: flex-start; padding-right: 0px; padding-left: 4px; } .app-pages-TradingPage-MarketDepthWidget-___style-module__badgeWrapper___ZlqPI.app-pages-TradingPage-MarketDepthWidget-___style-module__popupSingleColumn___WKrHM { position: absolute; left: 72px; top: calc(50% - 8px); z-index: 2; padding-left: 0!important; } .app-pages-TradingPage-MarketDepthWidget-___style-module__ordersBadge___OpdLU { display: flex; flex-direction: row; align-items: center; justify-content: center; border-radius: 12px; padding: 1px 4px!important; min-width: 32px; font: var(--typographyBody2Font); color: var(--colorTextMain); font-size: 11px; background-color: var(--colorBgMain); transition: all 0.2s; } .app-pages-TradingPage-MarketDepthWidget-___style-module__ordersBadge___OpdLU:hover, .app-pages-TradingPage-MarketDepthWidget-___style-module__ordersBadge___OpdLU.app-pages-TradingPage-MarketDepthWidget-___style-module__opened___uigAg { background-color: var(--colorTextMain); color: var(--colorBgMain); } .app-pages-TradingPage-MarketDepthWidget-___style-module__popupContainer___j8Jzr { background-color: var(--colorHintBg); border-radius: var(--defaultDropBorderRadius); padding: 4px 0 4px; box-shadow: 0px 10px 18px var(--colorDropShadow); } .app-pages-TradingPage-MarketDepthWidget-___style-module__popupContainer___j8Jzr .app-pages-TradingPage-MarketDepthWidget-___style-module__orderItem___VS2EZ { padding: 12px 16px; font: var(--typographyBody2Font); color: var(--colorTextMain); display: flex; flex-direction: row; justify-content: space-between; align-items: center; cursor: pointer; transition: all 0.2s; border-bottom: 1px solid var(--colorDivider); } .app-pages-TradingPage-MarketDepthWidget-___style-module__popupContainer___j8Jzr .app-pages-TradingPage-MarketDepthWidget-___style-module__orderItem___VS2EZ:hover { color: var(--colorAccent); } .app-pages-TradingPage-MarketDepthWidget-___style-module__popupContainer___j8Jzr .app-pages-TradingPage-MarketDepthWidget-___style-module__orderItem___VS2EZ span { text-transform: capitalize; } .app-pages-TradingPage-MarketDepthWidget-___style-module__settingsButton___r78cx { color: var(--colorTextIcons); cursor: pointer; font-size: 14px; display: flex; flex-direction: row; height: 100%; align-items: center; justify-content: center; } .app-pages-TradingPage-MarketDepthWidget-___style-module__settingsButton___r78cx.app-pages-TradingPage-MarketDepthWidget-___style-module__active___Db53K { color: var(--colorTextMain); } .app-pages-TradingPage-MarketDepthWidget-___style-module__settingsButton___r78cx:hover i { color: var(--colorTextMain); } .app-pages-TradingPage-MarketDepthWidget-___style-module__dropdown___XCsBv { width: 256px; background-color: var(--colorDropBg); border-radius: var(--defaultDropBorderRadius); padding: 4px 0; box-shadow: 0px 10px 18px var(--colorDropShadow); } .app-pages-TradingPage-MarketDepthWidget-___style-module__dropdown___XCsBv .app-pages-TradingPage-MarketDepthWidget-___style-module__header___lFfa- { padding: 8px 8px 0; font: var(--typographyCaps3Font); color: var(--colorTextPrimary); text-transform: uppercase; letter-spacing: 0.4px; } .app-pages-TradingPage-MarketDepthWidget-___style-module__dropdown___XCsBv .app-pages-TradingPage-MarketDepthWidget-___style-module__headerWithoutMargin___fb-qJ { padding: 0 8px 0; font: var(--typographyCaps3Font); color: var(--colorTextPrimary); text-transform: uppercase; letter-spacing: 0.4px; } .app-pages-TradingPage-MarketDepthWidget-___style-module__dropdown___XCsBv .app-pages-TradingPage-MarketDepthWidget-___style-module__dropRow___xUR8r { padding: 4px 8px 8px; } .app-pages-TradingPage-MarketDepthWidget-___style-module__dropdown___XCsBv .app-pages-TradingPage-MarketDepthWidget-___style-module__dropRow___xUR8r:not(:last-of-type) { /*border-bottom: 1px solid var(--colorDivider);*/ } .app-pages-TradingPage-MarketDepthWidget-___style-module__dropdown___XCsBv .app-pages-TradingPage-MarketDepthWidget-___style-module__divider___hbfzv { background-color: var(--colorDivider); height: 1px; } .app-pages-TradingPage-MarketDepthWidget-___style-module__rate___5FSt7 { margin: 0 4px; z-index: 1; } .app-pages-TradingPage-MarketDepthWidget-___style-module__marketDepthEmpty___6nn2Z { height: 100%; display: flex; flex-direction: column; flex: 1; align-items: center; justify-content: center; gap: 16px; } .app-pages-TradingPage-MarketDepthWidget-___style-module__marketDepthEmpty___6nn2Z span { text-align: center; color: var(--colorTextPrimary); font: var(--typographyBody1Font); max-width: 212px; } .app-pages-TradingPage-MarketDepthWidget-___style-module__offlinePlaceholder___Iw2-h { height: 100%; display: flex; flex-direction: column; flex: 1; align-items: center; justify-content: center; gap: 8px; } .app-pages-TradingPage-MarketDepthWidget-___style-module__offlinePlaceholder___Iw2-h span { text-align: center; color: var(--colorTextPrimary); font: var(--typographyBody1Font); max-width: 126px; } .app-pages-TradingPage-MarketDepthWidget-___style-module__offlinePlaceholder___Iw2-h .app-pages-TradingPage-MarketDepthWidget-___style-module__duration___0uWvR { color: var(--colorTextPrimary); font: var(--typographyDigit1Font); } .app-components-ScheduleTimeline-___style-module__timeline___6mSZP{ padding: 10px; } .app-components-ScheduleTimeline-___style-module__lineWrap___J9yNJ{ position: relative; height: 9px; padding-top: 3px; border-radius: 3px; margin-bottom: 8px; } .app-components-ScheduleTimeline-___style-module__line___JpshW{ display: flex; flex-direction: row; width: 100%; border-radius: 3px; } .app-components-ScheduleTimeline-___style-module__line___JpshW > div:first-child{ border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .app-components-ScheduleTimeline-___style-module__line___JpshW > div:last-child{ border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .app-components-ScheduleTimeline-___style-module__line___JpshW > div{ height: 3px; background: var(--colorOfflineTimeline); } .app-components-ScheduleTimeline-___style-module__line___JpshW > div:hover{ background: var(--colorOfflineTimelineHover); } .app-components-ScheduleTimeline-___style-module__line___JpshW > div.app-components-ScheduleTimeline-___style-module__MAIN___m5vyv{ background: var(--colorMainSessions); } .app-components-ScheduleTimeline-___style-module__line___JpshW > div.app-components-ScheduleTimeline-___style-module__MAIN___m5vyv:hover{ background: var(--colorMainSessionsHover); } .app-components-ScheduleTimeline-___style-module__line___JpshW > div.app-components-ScheduleTimeline-___style-module__PRE_MARKET___HQ9xT, .app-components-ScheduleTimeline-___style-module__line___JpshW > div.app-components-ScheduleTimeline-___style-module__AFTER_MARKET___z8qfx{ background: var(--colorPreAfterMarketTimeline); } .app-components-ScheduleTimeline-___style-module__line___JpshW > div.app-components-ScheduleTimeline-___style-module__PRE_MARKET___HQ9xT:hover,.app-components-ScheduleTimeline-___style-module__line___JpshW > div.app-components-ScheduleTimeline-___style-module__AFTER_MARKET___z8qfx:hover{ background: var(--colorPreAfterMarketTimelineHover); } .app-components-ScheduleTimeline-___style-module__line___JpshW > div.app-components-ScheduleTimeline-___style-module__NO_INFO___TBviF{ background: var(--colorNoInfoTimeline); } .app-components-ScheduleTimeline-___style-module__line___JpshW > div.app-components-ScheduleTimeline-___style-module__NO_INFO___TBviF:hover{ background: var(--colorNoInfoTimelineHover); } .app-components-ScheduleTimeline-___style-module__timePoint___RbjBU{ position: absolute; width: 9px; height: 9px; border-radius: 50%; top: 0px; background: var(--colorOfflineTimeline); } .app-components-ScheduleTimeline-___style-module__timePoint___RbjBU:hover{ background: var(--colorOfflineTimelineHover); } .app-components-ScheduleTimeline-___style-module__timePoint___RbjBU.app-components-ScheduleTimeline-___style-module__MAIN___m5vyv { background: var(--colorMainSessions); } .app-components-ScheduleTimeline-___style-module__timePoint___RbjBU.app-components-ScheduleTimeline-___style-module__MAIN___m5vyv:hover{ background: var(--colorMainSessionsHover); } .app-components-ScheduleTimeline-___style-module__timePoint___RbjBU.app-components-ScheduleTimeline-___style-module__PRE_MARKET___HQ9xT, .app-components-ScheduleTimeline-___style-module__timePoint___RbjBU.app-components-ScheduleTimeline-___style-module__AFTER_MARKET___z8qfx{ background: var(--colorPreAfterMarketTimeline); } .app-components-ScheduleTimeline-___style-module__timePoint___RbjBU.app-components-ScheduleTimeline-___style-module__PRE_MARKET___HQ9xT:hover,.app-components-ScheduleTimeline-___style-module__timePoint___RbjBU.app-components-ScheduleTimeline-___style-module__AFTER_MARKET___z8qfx:hover{ background: var(--colorPreAfterMarketTimelineHover); } .app-components-ScheduleTimeline-___style-module__timePoint___RbjBU.app-components-ScheduleTimeline-___style-module__NO_INFO___TBviF{ background: var(--colorNoInfoTimeline); } .app-components-ScheduleTimeline-___style-module__timePoint___RbjBU.app-components-ScheduleTimeline-___style-module__NO_INFO___TBviF:hover{ background: var(--colorNoInfoTimelineHover); } .app-components-ScheduleTimeline-___style-module__daysOfWeek___gLy5j{ display: flex; flex-direction: row; justify-content:space-between; align-items:center; color: var(--colorTextDisabled); font: var(--typographyBody1Font); letter-spacing: var(--typographyBody1Spacing); } .app-components-ScheduleTimeline-___style-module__daysOfWeek___gLy5j .app-components-ScheduleTimeline-___style-module__exists___jXGIW { color: var(--colorTextPrimary); } .app-components-ScheduleTimeline-___style-module__daysOfWeek___gLy5j .app-components-ScheduleTimeline-___style-module__online___RjzTS { color: var(--colorMainSessions); } .app-components-ScheduleTimeline-___style-module__intervalHint___8Qi69{ /*padding: 12px;*/ background: var(--colorHintBg); border-radius: 4px; color: var(--colorTextPrimary); font: var(--typographyBody2Font); letter-spacing: var(--typographyBody2Spacing); } .app-components-ScheduleTimeline-___style-module__intervalHint___8Qi69 > div:first-child{ font-weight: 500; } .app-components-ScheduleTimeline-___style-module__intervalHint___8Qi69 > div:first-child:first-letter{ text-transform: uppercase; } .app-components-ScheduleTimeline-___style-module__intervalHint___8Qi69 .app-components-ScheduleTimeline-___style-module__MAIN___m5vyv { color: var(--colorMainSessions); } .app-components-ScheduleTimeline-___style-module__intervalHint___8Qi69 .app-components-ScheduleTimeline-___style-module__PRE_MARKET___HQ9xT, .app-components-ScheduleTimeline-___style-module__intervalHint___8Qi69 .app-components-ScheduleTimeline-___style-module__AFTER_MARKET___z8qfx{ color: var(--colorPreAfterMarketTimeline); } .app-components-ScheduleTimeline-___style-module__intervalHint___8Qi69 .app-components-ScheduleTimeline-___style-module__No_INFO___inbvI{ color: var(--colorNoInfoTimeline); } .app-components-ScheduleTimeline-___style-module__triangle___Va5fQ { width: 8px; height: 8px; transform: rotate(-45deg); background: var(--colorHintBg); position: absolute; z-index: 1; bottom: -4px; left: calc(50% - 4px); border: solid var(--colorHintBorder); border-width: 0 0 1px 1px; } .app-components-ScheduleTimeline-___style-module__timelineHeader___c7u-Y{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; color: var(--colorTextPrimary); font: var(--typographyCaptionFont); letter-spacing: var(--typographyCaptionSpacing); } .app-components-ScheduleTimeline-___style-module__timelineCurrentSession___ryG8t{ color: var(--colorTextPrimary); font: var(--typographyBody2Font); letter-spacing: var(--typographyBody2Spacing); display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: 8px; } .app-components-ScheduleTimeline-___style-module__timelineCurrentSession___ryG8t > div:first-child{ font-weight: 500; color: var(--colorTextMain); } .app-components-ScheduleTimeline-___style-module__timelineCurrentSession___ryG8t .app-components-ScheduleTimeline-___style-module__MAIN___m5vyv { color: var(--colorMainSessions); } .app-components-ScheduleTimeline-___style-module__timelineCurrentSession___ryG8t .app-components-ScheduleTimeline-___style-module__PRE_MARKET___HQ9xT, .app-components-ScheduleTimeline-___style-module__timelineCurrentSession___ryG8t .app-components-ScheduleTimeline-___style-module__AFTER_MARKET___z8qfx{ color: var(--colorPreAfterMarketTimeline); } .app-components-ScheduleTimeline-___style-module__timelineCurrentSession___ryG8t .app-components-ScheduleTimeline-___style-module__NO_INFO___TBviF{ color: var(--colorNoInfoTimeline); } .app-components-ScheduleTimeline-___style-module__showHide___QPkIq{ display: inline-flex; flex-direction: row; align-items: center; cursor: pointer; color: var(--colorTextMain); border-bottom: 1px dashed var(--colorTextPrimary); font: var(--typographyBody2Font); margin-bottom: 6px; } .app-components-ScheduleTimeline-___style-module__showHide___QPkIq i{ margin-left: 5px; color: var(--colorTextPrimary); font-size: 8px; font-weight: 400; } .app-components-ScheduleTimeline-___style-module__primaryLabel___llQ77{ color: var(--colorTextPrimary)!important; } .app-components-InstrumentCard-___style-module__instrument-info___KAFQ9 { background-color: var(--colorDropBg); display: flex; flex-grow: 1; flex-direction: column; border-radius: 3px; } .app-components-InstrumentCard-___style-module__instrument-info-row-container___MX8Wy { display: flex; flex-direction: column; padding: 4px 10px 10px; flex-shrink: 0; } .app-components-InstrumentCard-___style-module__instrument-info-row-container___MX8Wy:first-child { border-top: 0; } .app-components-InstrumentCard-___style-module__info-row___SRley { display: flex; margin: 10px 0 0 0; justify-content: space-between; } .app-components-InstrumentCard-___style-module__info-row___SRley:first-child { margin-top: 0; } .app-components-InstrumentCard-___style-module__header-cell___v4BTX { display: flex; flex-direction: row; gap: 4px; } .app-components-InstrumentCard-___style-module__instrumentType___1tWHs > div { gap: 4px; } .app-components-InstrumentCard-___style-module__cell___6nKrz { color: var(--colorTextPrimary); font: var(--typographyBody2Font); letter-spacing: var(--typographyBody2Spacing); white-space: nowrap; padding-right: 12px; } .app-components-InstrumentCard-___style-module__cell___6nKrz span:last-of-type { padding-left: 4px; } .app-components-InstrumentCard-___style-module__cell-right___8TnrA { color: var(--colorTextMain); font: var(--typographyBody2Font); letter-spacing: var(--typographyBody2Spacing); text-align: right; } .app-components-InstrumentCard-___style-module__instrument-market-data___uZlTj { display: flex; flex-direction: row; justify-content: space-between; text-align: center; } .app-components-InstrumentCard-___style-module__instrument-market-data-title___k1Kvn { color: var(--colorTextPrimary); font-size: 14px; margin: 0; line-height: 1.3; } .app-components-InstrumentCard-___style-module__instrument-info-row-description___pVTSy { line-height: 1.3; padding-left: 5px; white-space: normal; } .app-components-InstrumentCard-___style-module__instrument-market-data-value___K1d-I { color: var(--colorTextWhite); } .app-components-InstrumentCard-___style-module__instrument-info__footer___EaVIB { padding: 15px 14px; border-top: 1px solid var(--colorDivider); flex-shrink: 0; } .app-components-InstrumentCard-___style-module__instrument-info__footer___EaVIB .app-components-InstrumentCard-___style-module__info-row___SRley { display: flex; justify-content: space-between; } .app-components-InstrumentCard-___style-module__instrument-info__footer___EaVIB .app-components-InstrumentCard-___style-module__info-row___SRley .app-components-InstrumentCard-___style-module__text-left___YDw9q { color: var(--colorTextMain); } .app-components-InstrumentCard-___style-module__instrument-info__footer___EaVIB .app-components-InstrumentCard-___style-module__info-row___SRley .app-components-InstrumentCard-___style-module__text-right___YjH-s { color: var(--colorTextPrimary); } .app-components-InstrumentCard-___style-module__instrument-info__footer___EaVIB .app-components-InstrumentCard-___style-module__session-line___bIL9Z { color: var(--colorTextMain); margin-top: 16px; } .app-components-InstrumentCard-___style-module__instrument-info__footer___EaVIB .app-components-InstrumentCard-___style-module__session-status___b-yYr { display: flex; justify-content: space-between; margin-top: 16px; } .app-components-InstrumentCard-___style-module__instrument-info__footer___EaVIB .app-components-InstrumentCard-___style-module__session-status___b-yYr .app-components-InstrumentCard-___style-module__text-left___YDw9q { color: var(--colorTextMain); display: flex; align-items: center; } .app-components-InstrumentCard-___style-module__instrument-info__footer___EaVIB .app-components-InstrumentCard-___style-module__session-status___b-yYr .app-components-InstrumentCard-___style-module__text-left___YDw9q .app-components-InstrumentCard-___style-module__circle___I3gqn { border-radius: 10px; height: 10px; width: 10px; background-color: var(--colorError); } .app-components-InstrumentCard-___style-module__instrument-info__footer___EaVIB .app-components-InstrumentCard-___style-module__session-status___b-yYr .app-components-InstrumentCard-___style-module__text-left___YDw9q .app-components-InstrumentCard-___style-module__text___ga9MM { margin-left: 8px; } .app-components-InstrumentCard-___style-module__instrument-info__footer___EaVIB .app-components-InstrumentCard-___style-module__session-status___b-yYr .app-components-InstrumentCard-___style-module__text-right___YjH-s { color: var(--colorTextMain); } .app-components-InstrumentCard-___style-module__instrument-schedule-container___Fq0zo { border-top: 1px solid var(--colorDivider); padding: 10px; } .app-components-InstrumentCard-___style-module__intervals___FEnWe { width: 100%; position: relative; height: 18px; background: var(--colorDivider); } .app-components-InstrumentCard-___style-module__interval___kPCYt { position: absolute; height: 100%; top: 0; } .app-components-InstrumentCard-___style-module__notches___PVlpC { display: flex; flex-direction: row; align-items: center; width: 100%; } .app-components-InstrumentCard-___style-module__notch___Up5Xe { flex: 1; border-left: 1px solid var(--colorDivider); height: 5px; } .app-components-InstrumentCard-___style-module__notch___Up5Xe:last-child { border-right: 1px solid var(--colorDivider); } .app-components-InstrumentCard-___style-module__schedule___QiNt7 { position: relative; width: 100%; } .app-components-InstrumentCard-___style-module__clock___dsP2e { position: absolute; width: 2px; height: 26px; top: -3px; background: var(--colorTextWhite); } .app-components-InstrumentCard-___style-module__time___CQ7ak { width: 30px; position: absolute; text-align: center; font-size: 11px; top: 27px; background: var(--colorBgPrimary); color: var(--colorTextPrimary); } .app-components-InstrumentCard-___style-module__time___CQ7ak:hover { color: var(--colorTextMain); z-index: 10; } .app-components-InstrumentCard-___style-module__unknown___V-E8v, .app-components-InstrumentCard-___style-module__offline___TZVoj { background: var(--colorBgPrimary); } .app-components-InstrumentCard-___style-module__online___GdMBF { } .app-components-InstrumentCard-___style-module__main_session___O25Rk { background: var(--colorPlPlus); } .app-components-InstrumentCard-___style-module__pre_market___m6v6-, .app-components-InstrumentCard-___style-module__after_market___OhC9D { background: var(--colorWarning); } .app-components-InstrumentCard-___style-module__interval-detail___K6Jgl { display: flex; flex-direction: row; justify-content: space-between; align-items: center; color: var(--colorTextMain); margin-top: 5px; } .app-components-InstrumentCard-___style-module__circle___I3gqn { width: 8px; height: 8px; border-radius: 50%; display: inline-block; margin-right: 5px; margin-bottom: 2px; } .app-components-InstrumentCard-___style-module__intervals-data___OUFC4 { margin-top: 20px; } .app-components-InstrumentCard-___style-module__current-interval___HQyBC { display: flex; align-items: center; justify-content: space-between; flex-direction: row; margin-bottom: 5px; color: var(--colorTextMain); } .app-components-InstrumentCard-___style-module__sessionContainer___8mEq3 > div:last-of-type { margin-bottom: 0; } .app-components-InstrumentCard-___style-module__type___N-3sF { padding: 0; } .app-components-InstrumentCard-___style-module__type___N-3sF > div > div > span { color: var(--colorTextPrimary)!important; } .app-components-InstrumentCard-___style-module__descriptionText___dAXEf { padding: 8px 10px 4px; border-top: 1px solid var(--colorDivider); line-height: 1.2; font: var(--typographyBody1Font); color: var(--colorTextPrimary); } .app-components-InstrumentCard-___style-module__timeline___OWY45{ padding: 10px; } .app-components-InstrumentCard-___style-module__lineWrap___JZhkg{ position: relative; height: 9px; padding-top: 3px; border-radius: 3px; margin-bottom: 8px; } .app-components-InstrumentCard-___style-module__line___R2VQz{ display: flex; flex-direction: row; width: 100%; border-radius: 3px; } .app-components-InstrumentCard-___style-module__line___R2VQz > div:first-child{ border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .app-components-InstrumentCard-___style-module__line___R2VQz > div:last-child{ border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .app-components-InstrumentCard-___style-module__line___R2VQz > div{ height: 3px; background: var(--colorOfflineTimeline); } .app-components-InstrumentCard-___style-module__line___R2VQz > div:hover{ background: var(--colorOfflineTimelineHover); } .app-components-InstrumentCard-___style-module__line___R2VQz > div.app-components-InstrumentCard-___style-module__MAIN___It69j{ background: var(--colorMainSessions); } .app-components-InstrumentCard-___style-module__line___R2VQz > div.app-components-InstrumentCard-___style-module__MAIN___It69j:hover{ background: var(--colorMainSessionsHover); } .app-components-InstrumentCard-___style-module__line___R2VQz > div.app-components-InstrumentCard-___style-module__PRE_MARKET___jx-Qo, .app-components-InstrumentCard-___style-module__line___R2VQz > div.app-components-InstrumentCard-___style-module__AFTER_MARKET___wyibw{ background: var(--colorPreAfterMarketTimeline); } .app-components-InstrumentCard-___style-module__line___R2VQz > div.app-components-InstrumentCard-___style-module__PRE_MARKET___jx-Qo:hover,.app-components-InstrumentCard-___style-module__line___R2VQz > div.app-components-InstrumentCard-___style-module__AFTER_MARKET___wyibw:hover{ background: var(--colorPreAfterMarketTimelineHover); } .app-components-InstrumentCard-___style-module__line___R2VQz > div.app-components-InstrumentCard-___style-module__NO_INFO___Qta7R{ background: var(--colorNoInfoTimeline); } .app-components-InstrumentCard-___style-module__line___R2VQz > div.app-components-InstrumentCard-___style-module__NO_INFO___Qta7R:hover{ background: var(--colorNoInfoTimelineHover); } .app-components-InstrumentCard-___style-module__timePoint___6rH6O{ position: absolute; width: 9px; height: 9px; border-radius: 50%; top: 0px; background: var(--colorOfflineTimeline); } .app-components-InstrumentCard-___style-module__timePoint___6rH6O:hover{ background: var(--colorOfflineTimelineHover); } .app-components-InstrumentCard-___style-module__timePoint___6rH6O.app-components-InstrumentCard-___style-module__MAIN___It69j { background: var(--colorMainSessions); } .app-components-InstrumentCard-___style-module__timePoint___6rH6O.app-components-InstrumentCard-___style-module__MAIN___It69j:hover{ background: var(--colorMainSessionsHover); } .app-components-InstrumentCard-___style-module__timePoint___6rH6O.app-components-InstrumentCard-___style-module__PRE_MARKET___jx-Qo, .app-components-InstrumentCard-___style-module__timePoint___6rH6O.app-components-InstrumentCard-___style-module__AFTER_MARKET___wyibw{ background: var(--colorPreAfterMarketTimeline); } .app-components-InstrumentCard-___style-module__timePoint___6rH6O.app-components-InstrumentCard-___style-module__PRE_MARKET___jx-Qo:hover,.app-components-InstrumentCard-___style-module__timePoint___6rH6O.app-components-InstrumentCard-___style-module__AFTER_MARKET___wyibw:hover{ background: var(--colorPreAfterMarketTimelineHover); } .app-components-InstrumentCard-___style-module__timePoint___6rH6O.app-components-InstrumentCard-___style-module__NO_INFO___Qta7R{ background: var(--colorNoInfoTimeline); } .app-components-InstrumentCard-___style-module__timePoint___6rH6O.app-components-InstrumentCard-___style-module__NO_INFO___Qta7R:hover{ background: var(--colorNoInfoTimelineHover); } .app-components-InstrumentCard-___style-module__daysOfWeek___qgCsU{ display: flex; flex-direction: row; justify-content:space-between; align-items:center; color: var(--colorTextDisabled); font: var(--typographyBody1Font); letter-spacing: var(--typographyBody1Spacing); } .app-components-InstrumentCard-___style-module__daysOfWeek___qgCsU .app-components-InstrumentCard-___style-module__exists___9JNHR { color: var(--colorTextPrimary); } .app-components-InstrumentCard-___style-module__daysOfWeek___qgCsU .app-components-InstrumentCard-___style-module__online___GdMBF { color: var(--colorMainSessions); } .app-components-InstrumentCard-___style-module__intervalHint___-YmEQ{ /*padding: 12px;*/ background: var(--colorHintBg); border-radius: 4px; color: var(--colorTextPrimary); font: var(--typographyBody2Font); letter-spacing: var(--typographyBody2Spacing); } .app-components-InstrumentCard-___style-module__intervalHint___-YmEQ > div:first-child{ font-weight: 500; } .app-components-InstrumentCard-___style-module__intervalHint___-YmEQ > div:first-child:first-letter{ text-transform: uppercase; } .app-components-InstrumentCard-___style-module__intervalHint___-YmEQ .app-components-InstrumentCard-___style-module__MAIN___It69j { color: var(--colorMainSessions); } .app-components-InstrumentCard-___style-module__intervalHint___-YmEQ .app-components-InstrumentCard-___style-module__PRE_MARKET___jx-Qo, .app-components-InstrumentCard-___style-module__intervalHint___-YmEQ .app-components-InstrumentCard-___style-module__AFTER_MARKET___wyibw{ color: var(--colorPreAfterMarketTimeline); } .app-components-InstrumentCard-___style-module__intervalHint___-YmEQ .app-components-InstrumentCard-___style-module__No_INFO___urS9-{ color: var(--colorNoInfoTimeline); } .app-components-InstrumentCard-___style-module__triangle___eli6q { width: 8px; height: 8px; transform: rotate(-45deg); background: var(--colorHintBg); position: absolute; z-index: 1; bottom: -4px; left: calc(50% - 4px); border: solid var(--colorHintBorder); border-width: 0 0 1px 1px; } .app-components-InstrumentCard-___style-module__timelineHeader___-n5Bo{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; color: var(--colorTextPrimary); font: var(--typographyCaptionFont); letter-spacing: var(--typographyCaptionSpacing); } .app-components-InstrumentCard-___style-module__timelineCurrentSession___FlYqK{ color: var(--colorTextPrimary); font: var(--typographyBody2Font); letter-spacing: var(--typographyBody2Spacing); display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: 8px; } .app-components-InstrumentCard-___style-module__timelineCurrentSession___FlYqK > div:first-child{ font-weight: 500; color: var(--colorTextMain); } .app-components-InstrumentCard-___style-module__timelineCurrentSession___FlYqK .app-components-InstrumentCard-___style-module__MAIN___It69j { color: var(--colorMainSessions); } .app-components-InstrumentCard-___style-module__timelineCurrentSession___FlYqK .app-components-InstrumentCard-___style-module__PRE_MARKET___jx-Qo, .app-components-InstrumentCard-___style-module__timelineCurrentSession___FlYqK .app-components-InstrumentCard-___style-module__AFTER_MARKET___wyibw{ color: var(--colorPreAfterMarketTimeline); } .app-components-InstrumentCard-___style-module__timelineCurrentSession___FlYqK .app-components-InstrumentCard-___style-module__NO_INFO___Qta7R{ color: var(--colorNoInfoTimeline); } .app-components-InstrumentCard-___style-module__showHide___0lzAR{ display: inline-flex; flex-direction: row; align-items: center; cursor: pointer; color: var(--colorTextMain); border-bottom: 1px dashed var(--colorTextPrimary); font: var(--typographyBody2Font); margin-bottom: 6px; } .app-components-InstrumentCard-___style-module__showHide___0lzAR i{ margin-left: 5px; color: var(--colorTextPrimary); font-size: 8px; font-weight: 400; } .app-containers-DividendSidePage-___style-module__container___D9rRC { min-width: 800px; display: flex; flex-flow: column; flex: 1; height: 100%; background-color: var(--colorBgPrimary); } .app-containers-DividendSidePage-___style-module__container___D9rRC.app-containers-DividendSidePage-___style-module__insidePopup___ihpQM { min-width: unset; width: 100%; background-color: var(--colorDropBg); } .app-containers-DividendSidePage-___style-module__container___D9rRC.app-containers-DividendSidePage-___style-module__insidePopup___ihpQM table tr td, .app-containers-DividendSidePage-___style-module__container___D9rRC.app-containers-DividendSidePage-___style-module__insidePopup___ihpQM table tr th { background-color: var(--colorDropBg); border-bottom-color: var(--colorDivider); } .app-containers-DividendSidePage-___style-module__filters___Spjto { display: flex; flex-direction: row; align-items: center; gap: 12px; padding: 12px 12px 8px 12px; } .app-containers-DividendSidePage-___style-module__filters___Spjto > * { min-width: 180px; } .app-containers-DividendSidePage-___style-module__linkButton___EHSq6 { width: auto; padding: 0; margin: 0; background-color: transparent; cursor: pointer; display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 0 4px; margin-left: auto; } .app-containers-DividendSidePage-___style-module__linkButton___EHSq6 i { color: var(--colorTextIcons); font-size: 14px; transition: all 0.2s; } .app-containers-DividendSidePage-___style-module__linkButton___EHSq6:hover i { color: var(--colorTextMain); } .app-containers-DividendSidePage-___style-module__loadingIndicator___A0XJC { background: var(--colorDropShadow)!important; } .app-containers-CouponSidePage-___style-module__container___aCmKg { min-width: 800px; display: flex; flex-flow: column; flex: 1; height: 100%; background-color: var(--colorBgPrimary); } .app-containers-CouponSidePage-___style-module__container___aCmKg.app-containers-CouponSidePage-___style-module__insidePopup___1MKPB { min-width: unset; width: 100%; background-color: var(--colorDropBg); } .app-containers-CouponSidePage-___style-module__container___aCmKg.app-containers-CouponSidePage-___style-module__insidePopup___1MKPB table tr td, .app-containers-CouponSidePage-___style-module__container___aCmKg.app-containers-CouponSidePage-___style-module__insidePopup___1MKPB table tr th { background-color: var(--colorDropBg); border-bottom-color: var(--colorDivider); } .app-containers-CouponSidePage-___style-module__filters___PGvuM { display: flex; flex-direction: row; align-items: center; gap: 12px; padding: 12px 12px 8px 12px; } .app-containers-CouponSidePage-___style-module__filters___PGvuM > * { min-width: 180px; } .app-containers-CouponSidePage-___style-module__linkButton___H5un6 { width: auto; padding: 0; margin: 0; background-color: transparent; cursor: pointer; display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 0 4px; margin-left: auto; } .app-containers-CouponSidePage-___style-module__linkButton___H5un6 i { color: var(--colorTextIcons); font-size: 14px; transition: all 0.2s; } .app-containers-CouponSidePage-___style-module__linkButton___H5un6:hover i { color: var(--colorTextMain); } .app-containers-CouponSidePage-___style-module__loadingIndicator___Gmbik { background: var(--colorDropShadow)!important; } .app-containers-InstrumentsTree-___style-module__text___zz1BZ { color: var(--colorTextPrimary); font-size: 10px; flex: 1; overflow: auto; margin-top: 10px; position: relative; } .app-containers-InstrumentsTree-___style-module__disabled___4OOJy { filter: grayscale(100%); opacity: 0.5; } .app-containers-InstrumentsTree-___style-module__scroll-wrapper___AuPLq { max-height: 580px; min-height: 580px; display: flex; flex-direction: column; width: 480px; } .app-containers-InstrumentsTree-___style-module__modal-mode___XainO { max-height: 320px !important; min-height: 320px !important; } .app-containers-InstrumentsTree-___style-module__auto-width___GeqB1 { width: auto; } .app-containers-InstrumentsTree-___style-module__no-title___3oXFH { padding-top: 10px; } .app-containers-InstrumentsTree-___style-module__no-data___MEPuL { height: 470px; line-height: 470px; font-size: 19px; text-align: center; } .app-containers-InstrumentsTree-___style-module__instrument-selector-container___cjQme { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; position: relative; } .app-containers-InstrumentsTree-___style-module__instrument-info-wrapper___GZ5j9 { position: relative; } .app-containers-InstrumentsTree-___style-module__instrument-card-container___FkOfF { position: relative; background-color: var(--colorDropBg); min-width: 330px; max-width: 330px; max-height: inherit; border-radius: var(--defaultDropBorderRadius); padding: 4px 0; box-shadow: 0px 10px 18px var(--colorDropShadow); display: flex; flex-direction: column; overflow: hidden; } .app-containers-InstrumentsTree-___style-module__checkboxes___SLZEu { display: flex; padding: 10px; justify-content: flex-start; align-items: center; } .app-containers-InstrumentsTree-___style-module__checkboxes___SLZEu > *:first-child { margin-right: 1rem; } .app-containers-InstrumentsTree-___style-module__bottom___7-tAu { } .app-containers-InstrumentsTree-___style-module__instrument-row-box___-VdWg { display: flex; justify-content: center; align-items: center; } .app-containers-InstrumentsTree-___style-module__new-instrument-row-right___v52rk { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; } .app-containers-InstrumentsTree-___style-module__new-instrument-row-left___VwvzW { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .app-containers-InstrumentsTree-___style-module__new-instrument-row-left___VwvzW .icon-icon-single-line:before { font-size: 17px; margin: 0 3px 0 5px; position: relative; top: -10px; } .app-containers-InstrumentsTree-___style-module__new-instrument-row-loading-wrapper___VIhB7 { z-index: 999999; display: flex; align-items: center; justify-content: space-between; padding: 9px 0 9px 0; min-height: 40px; } .app-containers-InstrumentsTree-___style-module__new-instrument-row-level-1___7j9BJ { background-color: transparent; } .app-containers-InstrumentsTree-___style-module__new-instrument-row-level-2___iw1Zt { background-color: var(--colorBgMain); } .app-containers-InstrumentsTree-___style-module__new-instrument-row-level-3___71geN, .app-containers-InstrumentsTree-___style-module__new-instrument-row-level-4___YauFF, .app-containers-InstrumentsTree-___style-module__new-instrument-row-level-5___qHjrD, .app-containers-InstrumentsTree-___style-module__new-instrument-row-level-6___1N9--, .app-containers-InstrumentsTree-___style-module__new-instrument-row-level-7___ISGQ6 { background-color: var(--colorBgPrimary); cursor: pointer; } .app-containers-InstrumentsTree-___style-module__new-instrument-row-expandable___dhWRt { } .app-containers-InstrumentsTree-___style-module__new-instrument-row-box___DdK9Z { display: flex; align-items: center; } .app-containers-InstrumentsTree-___style-module__new-instrument-row-title___KbvcT { font-size: 16px; color: var(--colorTextMain); margin: 0 27px 0 9px; font-weight: 500; text-align: left; } .app-containers-InstrumentsTree-___style-module__new-instrument-row-title-category___0hf5s { font-size: 18px; line-height: 18px; color: var(--colorTextMain); margin: 0 27px 0 9px; } .app-containers-InstrumentsTree-___style-module__new-instrument-row-loading___9KZuy { position: relative; text-align: center; width: 100%; height: 100%; font-size: 10px; } .app-containers-InstrumentsTree-___style-module__new-instrument-row-loading___9KZuy > div > div { font-size: 3px; width: 3px; height: 3px; } .app-containers-InstrumentsTree-___style-module__new-instrument-row-count___bfTER { margin-left: auto; font-size: 16px; color: var(--colorTextPrimary); text-align: right; } .app-containers-InstrumentsTree-___style-module__new-instrument-row-arrow___oAKqy { margin-left: 14px; margin-top: 6px; color: var(--colorTextMain); margin-right: 4px; font-size: 10px; } .app-containers-InstrumentsTree-___style-module__new-instrument-row-arrow-up___kxdvz { transform: rotate(180deg); } .app-containers-InstrumentsTree-___style-module__new-instrument-row-icon-line___G-S6k { font-size: 25px; } .app-containers-InstrumentsTree-___style-module__new-instrument-row-icon-line___G-S6k:before { text-align: left; } .app-containers-InstrumentsTree-___style-module__new-instrument-row-icon___dU3lr { font-size: 16px; } .app-containers-InstrumentsTree-___style-module__new-instrument-row-icon-wrap___Q0ikP { display: flex; align-items: center; } .app-containers-InstrumentsTree-___style-module__new-list-padding___PlRg6 { padding-left: 10px; padding-right: 10px; } .app-containers-InstrumentsTree-___style-module__instrument-selector___3zueV { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; cursor: pointer; /*width: calc(100% - 30px);*/ margin-left: auto; min-width: 14px; } .app-containers-InstrumentsTree-___style-module__instrument-selector___3zueV .app-containers-InstrumentsTree-___style-module__icon___nTi9R { height: 19px; width: 18px; color: var(--colorTextIcons); display: flex; flex-direction: row; justify-content: center; align-items: center; } .app-containers-InstrumentsTree-___style-module__instrument-selector___3zueV .app-containers-InstrumentsTree-___style-module__icon___nTi9R.app-containers-InstrumentsTree-___style-module__active___DUk8J { color: var(--colorTextMain); } .app-containers-InstrumentsTree-___style-module__instrument-selector___3zueV:hover .app-containers-InstrumentsTree-___style-module__icon___nTi9R { color: var(--colorTextMain); } .app-containers-InstrumentsTree-___style-module__instrument-selector___3zueV.app-containers-InstrumentsTree-___style-module__compact___3YiJR { width: auto; } .app-containers-InstrumentsTree-___style-module__compact___3YiJR { width: auto; } .app-containers-InstrumentsTree-___style-module__instrument-selector-instrument___nZfPk { padding: 0 5px 0 10px; font-size: 18px; color: var(--colorTextMain); white-space: nowrap; display: inline-block; max-width: calc(100% - 40px); overflow: hidden; text-overflow: ellipsis; } .app-containers-InstrumentsTree-___style-module__instrument-selector-instrument___nZfPk i { margin-right: 5px; } .app-containers-InstrumentsTree-___style-module__instrument-selector-instrument___nZfPk:hover .app-containers-InstrumentsTree-___style-module__instrument-full-name___5WjLR { visibility: visible; opacity: 1; } .app-containers-InstrumentsTree-___style-module__full___6sJW2 { max-width: 100%; } .app-containers-InstrumentsTree-___style-module__instrument-full-name___5WjLR { position: absolute; visibility: hidden; opacity: 0; transition: opacity 0.2s, visibility 0.2s; top: 0; height: 32px; background: var(--colorBgPrimary); display: flex; align-items: center; padding-right: 3px; border-radius: 2px; z-index: 2000; } .app-containers-InstrumentsTree-___style-module__search___oU1-l .app-containers-InstrumentsTree-___style-module__instrument-selector-button___Wv2uF { margin: 0; } .app-containers-InstrumentsTree-___style-module__search___oU1-l .app-containers-InstrumentsTree-___style-module__instrument-selector-button___Wv2uF:before { border: none; } .app-containers-InstrumentsTree-___style-module__instrument-selector-button___Wv2uF { margin: 0 10px; font-size: 14px; line-height: 14px; color: var(--colorTextIcons); display: flex; flex-direction: row; align-items: center; overflow: hidden; height: 100%; } /* max-width: 100px; */ .app-containers-InstrumentsTree-___style-module__instrument-selector-button___Wv2uF:hover { cursor: pointer; } .app-containers-InstrumentsTree-___style-module__instrument-selector-button___Wv2uF:before { content: ""; border-left: 2px solid var(--colorDivider); display: block; height: 20px; padding: 0 10px 0 0; width: 0px; } .app-containers-InstrumentsTree-___style-module__instrument-selector-button___Wv2uF span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; } .app-containers-InstrumentsTree-___style-module__instrument-selector-button___Wv2uF i { margin-right: 5px; } .app-containers-InstrumentsTree-___style-module__label___dFpUZ { color: var(--colorTextMain); font-size: 12px; padding-left: 10px; } @media screen and (max-height: 760px) { .app-containers-InstrumentsTree-___style-module__scroll-wrapper___AuPLq { max-height: 500px; min-height: 480px; } } @media screen and (max-height: 660px) { .app-containers-InstrumentsTree-___style-module__scroll-wrapper___AuPLq { max-height: 420px; min-height: 400px; } } .app-containers-InstrumentsTree-___style-module__search-container___pEd9L { position: absolute; z-index: 1000; top: 0; cursor: default; } .app-containers-InstrumentsTree-___style-module__start-typing___VDE4O { padding: 15px 12px; color: var(--colorDivider); } .app-containers-InstrumentsTree-___style-module__search-input___KsBsG { height: 32px; background: var(--colorBgPrimary); display: flex; align-items: center; color: var(--colorTextMain); padding-left: 12px; } .app-containers-InstrumentsTree-___style-module__search-input___KsBsG input { flex-grow: 2; margin-left: 5px; margin-right: 5px; } .app-containers-InstrumentsTree-___style-module__search-results___CHQPz { box-shadow: 0 2px 4px var(--colorDropShadow); display: flex; flex-direction: column; background: var(--colorDivider); min-width: 600px; position: relative; max-height: 300px; } .app-containers-InstrumentsTree-___style-module__loading___W2TeW { height: 78px; display: flex; align-items: center; justify-content: center; font-style: italic; } .app-containers-InstrumentsTree-___style-module__flat-list-item___oMBiF { display: flex; flex-direction: row; align-items: center; color: var(--colorTextMain); cursor: pointer; font-size: 16px; } .app-containers-InstrumentsTree-___style-module__flat-list-item___oMBiF:hover { background: var(--colorBgPrimary); } .app-containers-InstrumentsTree-___style-module__flat-list-item___oMBiF span { margin: 0 0 0 10px; } .app-containers-InstrumentsTree-___style-module__select-symbol___XAUVe { display: flex; flex-direction: column; align-items: center; } .app-containers-InstrumentsTree-___style-module__select-symbol___XAUVe > div:first-child { margin-bottom: 10px; } .app-containers-InstrumentsTree-___style-module__iconContainer___7QDB8 { max-height: 15px; transition: all 0.2s; } .app-containers-InstrumentsTree-___style-module__iconContainer___7QDB8 i { font-size: 14px; color: var(--colorTextIcons); } .app-containers-InstrumentsTree-___style-module__iconContainer___7QDB8.app-containers-InstrumentsTree-___style-module__active___DUk8J i, .app-containers-InstrumentsTree-___style-module__iconContainer___7QDB8:hover i { color: var(--colorTextMain); } .app-containers-InstrumentsTree-___style-module__positions___Nfyqs { border-top: 1px solid var(--colorDivider); } .app-containers-InstrumentsTree-___style-module__positions___Nfyqs > div:first-of-type { padding: 8px; font: var(--typographyCaps3Font); color: var(--colorTradingHeaderText); text-transform: uppercase; } .app-containers-InstrumentsTree-___style-module__positionsList___nGT26 { width: 100%; position: relative; display: flex; flex-direction: row; align-items: center; font: var(--typographyBody1Font); font-size: 10px; color: var(--colorTextMain); border-top-left-radius: 3px; border-top-right-radius: 3px; } .app-containers-InstrumentsTree-___style-module__positionsList___nGT26.app-containers-InstrumentsTree-___style-module__columns___1ZgVH { flex-direction: column; align-items: flex-start; justify-content: flex-start; } .app-containers-InstrumentsTree-___style-module__positionsList___nGT26 .app-containers-InstrumentsTree-___style-module__positionItem___ci-0N { display: flex; flex-direction: row; align-items: center; justify-content: space-between; flex: 1; position: relative; width: 100%; padding: 4px 8px; border-radius: 4px; line-height: 1; transition: all 0.2s; } .app-containers-InstrumentsTree-___style-module__positionsList___nGT26 .app-containers-InstrumentsTree-___style-module__positionPl___Eg-Lz { color: var(--colorGreen); } .app-containers-InstrumentsTree-___style-module__positionsList___nGT26 .app-containers-InstrumentsTree-___style-module__positionPl___Eg-Lz.app-containers-InstrumentsTree-___style-module__negative___ZaDkB { color: var(--colorError); } .app-containers-InstrumentsTree-___style-module__positionsList___nGT26.app-containers-InstrumentsTree-___style-module__empty___CAjgS { color: var(--colorTextDisabled); justify-content: space-between; align-items: center; height: 18px; margin-top: 4px; padding: 4px 6px; } .app-containers-InstrumentsTree-___style-module__positionsList___nGT26.app-containers-InstrumentsTree-___style-module__empty___CAjgS .app-containers-InstrumentsTree-___style-module__positionPl___Eg-Lz { color: var(--colorTextDisabled); } .app-containers-InstrumentsTree-___style-module__tabs___nELwy { padding: 0 8px 8px; } .app-pages-MetaMask-___style-module__scroll___Zm0sk { height: 100%; display: flex; flex-direction: column; overflow: hidden; background-color: var(--colorBgPrimary); } .app-pages-MetaMask-___style-module__scroll___Zm0sk > div { display: flex; flex-direction: column; } .app-pages-MetaMask-___style-module__metaMaskWrapper___Iw60x { display: flex; flex-direction: column; flex: 1; background-color: var(--colorBgPrimary); justify-content: center; align-items: center; padding: 40px 0; } .app-pages-MetaMask-___style-module__metaMaskWrapper___Iw60x h5 { font: var(--typographyDigit3Font); color: var(--colorTextMain); font-weight: 400; margin-bottom: 40px; } .app-pages-MetaMask-___style-module__metaMaskWrapper___Iw60x .app-pages-MetaMask-___style-module__stepsRow___FecIP { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 40px; } .app-pages-MetaMask-___style-module__metaMaskWrapper___Iw60x .app-pages-MetaMask-___style-module__step___OzJH3 { flex: 0 0 282px; background-color: var(--colorBgAccent); border-radius: 8px; padding: 40px 32px; align-self: stretch; position: relative; } .app-pages-MetaMask-___style-module__metaMaskWrapper___Iw60x .app-pages-MetaMask-___style-module__step___OzJH3 .app-pages-MetaMask-___style-module__icon___0CPl7 { width: 32px; height: 32px; margin-bottom: 16px; } .app-pages-MetaMask-___style-module__metaMaskWrapper___Iw60x .app-pages-MetaMask-___style-module__step___OzJH3 .app-pages-MetaMask-___style-module__content___9n3-O { margin-bottom: 16px; color: var(--colorTextMain); } .app-pages-MetaMask-___style-module__metaMaskWrapper___Iw60x .app-pages-MetaMask-___style-module__step___OzJH3 .app-pages-MetaMask-___style-module__content___9n3-O h6 { font: var(--typographyBody1Font); font-size: 15px; margin: 0; } .app-pages-MetaMask-___style-module__metaMaskWrapper___Iw60x .app-pages-MetaMask-___style-module__step___OzJH3 .app-pages-MetaMask-___style-module__content___9n3-O p { margin-top: 8px; font: var(--typographyBody1Font); } .app-pages-MetaMask-___style-module__metaMaskWrapper___Iw60x .app-pages-MetaMask-___style-module__step___OzJH3 .app-pages-MetaMask-___style-module__content___9n3-O a { text-decoration: none; } .app-pages-MetaMask-___style-module__metaMaskWrapper___Iw60x .app-pages-MetaMask-___style-module__step___OzJH3 .app-pages-MetaMask-___style-module__dot___kbb43 { position: absolute; left: calc(50% - 18px); bottom: -10px; width: 19px; height: 19px; border-radius: 10px; background-color: var(--colorBgAccent); border: 4px solid var(--colorBgPrimary); } .app-pages-MetaMask-___style-module__metaMaskWrapper___Iw60x .app-pages-MetaMask-___style-module__step___OzJH3 .app-pages-MetaMask-___style-module__dot___kbb43.app-pages-MetaMask-___style-module__dotDone___6Fr1G { background-color: #F5841F; } .app-pages-MetaMask-___style-module__metaMaskWrapper___Iw60x .app-pages-MetaMask-___style-module__step___OzJH3:first-of-type .app-pages-MetaMask-___style-module__line___VLvqp { position: absolute; bottom: 0; left: 0; right: 0; } .app-pages-MetaMask-___style-module__metaMaskWrapper___Iw60x .app-pages-MetaMask-___style-module__step___OzJH3:first-of-type .app-pages-MetaMask-___style-module__line___VLvqp > span:first-of-type { position: absolute; display: block; left: calc(50% - 9px); bottom: -174px; height: 168px; width: 8px; border-left-width: 1px; border-bottom-left-radius: 8px; } .app-pages-MetaMask-___style-module__metaMaskWrapper___Iw60x .app-pages-MetaMask-___style-module__step___OzJH3:first-of-type .app-pages-MetaMask-___style-module__line___VLvqp > span:nth-of-type(2) { position: absolute; display: block; left: calc(50% - 9px); bottom: -174px; width: 235px; height: 8px; border-bottom-left-radius: 8px; border-bottom-width: 1px; } .app-pages-MetaMask-___style-module__metaMaskWrapper___Iw60x .app-pages-MetaMask-___style-module__step___OzJH3:first-of-type .app-pages-MetaMask-___style-module__line___VLvqp > span:nth-of-type(3) { position: absolute; display: block; left: calc(50% - 9px + 235px); bottom: -181px; width: 208px; height: 8px; border-top-right-radius: 8px; border-top-width: 1px; } .app-pages-MetaMask-___style-module__metaMaskWrapper___Iw60x .app-pages-MetaMask-___style-module__step___OzJH3:first-of-type .app-pages-MetaMask-___style-module__line___VLvqp > span:nth-of-type(4) { position: absolute; display: block; left: calc(50% - 9px + 435px); bottom: -294px; height: 120px; width: 8px; border-top-right-radius: 8px; border-right-width: 1px; } .app-pages-MetaMask-___style-module__metaMaskWrapper___Iw60x .app-pages-MetaMask-___style-module__step___OzJH3:nth-of-type(2) .app-pages-MetaMask-___style-module__line___VLvqp { position: absolute; bottom: 0; left: 0; right: 0; } .app-pages-MetaMask-___style-module__metaMaskWrapper___Iw60x .app-pages-MetaMask-___style-module__step___OzJH3:nth-of-type(2) .app-pages-MetaMask-___style-module__line___VLvqp > span:first-of-type { position: absolute; display: block; left: calc(50% - 9px); bottom: -142px; height: 136px; width: 8px; border-left-width: 1px; border-bottom-left-radius: 8px; } .app-pages-MetaMask-___style-module__metaMaskWrapper___Iw60x .app-pages-MetaMask-___style-module__step___OzJH3:nth-of-type(2) .app-pages-MetaMask-___style-module__line___VLvqp > span:nth-of-type(2) { position: absolute; display: block; left: calc(50% - 9px); bottom: -142px; width: 74px; height: 8px; border-bottom-left-radius: 8px; border-bottom-width: 1px; } .app-pages-MetaMask-___style-module__metaMaskWrapper___Iw60x .app-pages-MetaMask-___style-module__step___OzJH3:nth-of-type(2) .app-pages-MetaMask-___style-module__line___VLvqp > span:nth-of-type(3) { position: absolute; display: block; left: calc(50% - 8px + 73px); bottom: -149px; width: 80px; height: 8px; border-top-right-radius: 8px; border-top-width: 1px; } .app-pages-MetaMask-___style-module__metaMaskWrapper___Iw60x .app-pages-MetaMask-___style-module__step___OzJH3:nth-of-type(2) .app-pages-MetaMask-___style-module__line___VLvqp > span:nth-of-type(4) { position: absolute; display: block; left: calc(50% - 9px + 146px); bottom: -294px; height: 152px; width: 8px; border-top-right-radius: 8px; border-right-width: 1px; } .app-pages-MetaMask-___style-module__metaMaskWrapper___Iw60x .app-pages-MetaMask-___style-module__step___OzJH3:nth-of-type(3) .app-pages-MetaMask-___style-module__dot___kbb43 { left: calc(50% - 11px); } .app-pages-MetaMask-___style-module__metaMaskWrapper___Iw60x .app-pages-MetaMask-___style-module__step___OzJH3:nth-of-type(3) .app-pages-MetaMask-___style-module__line___VLvqp { position: absolute; bottom: 0; left: 0; right: 0; } .app-pages-MetaMask-___style-module__metaMaskWrapper___Iw60x .app-pages-MetaMask-___style-module__step___OzJH3:nth-of-type(3) .app-pages-MetaMask-___style-module__line___VLvqp > span:first-of-type { position: absolute; display: block; left: calc(50% - 9px); bottom: -142px; height: 136px; width: 8px; border-right-width: 1px; border-bottom-right-radius: 8px; } .app-pages-MetaMask-___style-module__metaMaskWrapper___Iw60x .app-pages-MetaMask-___style-module__step___OzJH3:nth-of-type(3) .app-pages-MetaMask-___style-module__line___VLvqp > span:nth-of-type(2) { position: absolute; display: block; left: calc(50% - 1px - 68px); bottom: -142px; width: 68px; height: 8px; border-bottom-right-radius: 8px; border-bottom-width: 1px; } .app-pages-MetaMask-___style-module__metaMaskWrapper___Iw60x .app-pages-MetaMask-___style-module__step___OzJH3:nth-of-type(3) .app-pages-MetaMask-___style-module__line___VLvqp > span:nth-of-type(3) { position: absolute; display: block; left: calc(50% - 1px - 144px); bottom: -149px; width: 76px; height: 8px; border-top-left-radius: 8px; border-top-width: 1px; } .app-pages-MetaMask-___style-module__metaMaskWrapper___Iw60x .app-pages-MetaMask-___style-module__step___OzJH3:nth-of-type(3) .app-pages-MetaMask-___style-module__line___VLvqp > span:nth-of-type(4) { position: absolute; display: block; left: calc(50% - 9px - 136px); bottom: -294px; height: 152px; width: 8px; border-top-left-radius: 8px; border-left-width: 1px; } .app-pages-MetaMask-___style-module__metaMaskWrapper___Iw60x .app-pages-MetaMask-___style-module__step___OzJH3:nth-of-type(4) .app-pages-MetaMask-___style-module__dot___kbb43 { left: calc(50% - 11px); } .app-pages-MetaMask-___style-module__metaMaskWrapper___Iw60x .app-pages-MetaMask-___style-module__step___OzJH3:nth-of-type(4) .app-pages-MetaMask-___style-module__line___VLvqp { position: absolute; bottom: 0; left: 0; right: 0; } .app-pages-MetaMask-___style-module__metaMaskWrapper___Iw60x .app-pages-MetaMask-___style-module__step___OzJH3:nth-of-type(4) .app-pages-MetaMask-___style-module__line___VLvqp > span:first-of-type { position: absolute; display: block; left: calc(50% - 9px); bottom: -174px; height: 168px; width: 8px; border-right-width: 1px; border-bottom-right-radius: 8px; } .app-pages-MetaMask-___style-module__metaMaskWrapper___Iw60x .app-pages-MetaMask-___style-module__step___OzJH3:nth-of-type(4) .app-pages-MetaMask-___style-module__line___VLvqp > span:nth-of-type(2) { position: absolute; display: block; left: calc(50% - 1px - 226px); bottom: -174px; width: 226px; height: 8px; border-bottom-right-radius: 8px; border-bottom-width: 1px; } .app-pages-MetaMask-___style-module__metaMaskWrapper___Iw60x .app-pages-MetaMask-___style-module__step___OzJH3:nth-of-type(4) .app-pages-MetaMask-___style-module__line___VLvqp > span:nth-of-type(3) { position: absolute; display: block; left: calc(50% - 1px - 434px); bottom: -181px; width: 208px; height: 8px; border-top-left-radius: 8px; border-top-width: 1px; } .app-pages-MetaMask-___style-module__metaMaskWrapper___Iw60x .app-pages-MetaMask-___style-module__step___OzJH3:nth-of-type(4) .app-pages-MetaMask-___style-module__line___VLvqp > span:nth-of-type(4) { position: absolute; display: block; left: calc(50% - 9px - 426px); bottom: -294px; height: 120px; width: 8px; border-top-left-radius: 8px; border-left-width: 1px; } .app-pages-MetaMask-___style-module__metaMaskWrapper___Iw60x .app-pages-MetaMask-___style-module__step___OzJH3 .app-pages-MetaMask-___style-module__line___VLvqp > span { border-style: dashed!important; border-color: var(--colorTextPrimary)!important; } .app-pages-MetaMask-___style-module__metaMaskWrapper___Iw60x .app-pages-MetaMask-___style-module__step___OzJH3 .app-pages-MetaMask-___style-module__line___VLvqp.app-pages-MetaMask-___style-module__stepDone___Ja1FO > span { border-style: solid!important; border-color: #F5841F!important; } .app-pages-MetaMask-___style-module__metaMaskWrapper___Iw60x .app-pages-MetaMask-___style-module__disabledLink___7zoMo { pointer-events: none; cursor: default; } .app-pages-MetaMask-___style-module__metaMaskIcon___BxU3o { margin-right: 8px; position: relative; cursor: pointer; width: 12px; height: 14px; flex: 0 0 12px; } .app-pages-MetaMask-___style-module__metaMaskIcon___BxU3o > svg { width: 12px; height: 14px; } .app-pages-MetaMask-___style-module__metaMaskIcon___BxU3o .app-pages-MetaMask-___style-module__addedIcon___YkmAE { position: absolute; width: 10px; height: 10px; border-radius: 5px; background-color: var(--colorBgPrimary); display: flex; flex-direction: row; align-items: center; justify-content: center; bottom: -4px; right: -4px; } .app-pages-MetaMask-___style-module__metaMaskIcon___BxU3o .app-pages-MetaMask-___style-module__addedIcon___YkmAE i { color: var(--colorPLPlus); font-size: 6px; } .app-pages-MetaMask-___style-module__tooltip___XKx57 { color: var(--colorTextMain); font: var(--typographyBody2Font); } .app-pages-MetaMask-___style-module__metaMaskProgress___uDbn9 { padding-top: 324px; position: relative; margin-bottom: 12px; } .app-components-AccountSelectSidePage-___style-module__pageContainer___Pj02f { width: 600px; position: relative; height: 100%; display: flex; flex-direction: column; } .app-components-AccountSelectSidePage-___style-module__pageContainer___Pj02f .app-components-AccountSelectSidePage-___style-module__filters___Q4E4M { display: flex; flex-direction: row; padding: 16px; flex-wrap: wrap; } .app-components-AccountSelectSidePage-___style-module__pageContainer___Pj02f .app-components-AccountSelectSidePage-___style-module__filters___Q4E4M .app-components-AccountSelectSidePage-___style-module__row___x7Xkb { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 8px; width: 100%; } .app-components-AccountSelectSidePage-___style-module__pageContainer___Pj02f .app-components-AccountSelectSidePage-___style-module__filters___Q4E4M .app-components-AccountSelectSidePage-___style-module__row___x7Xkb > * { flex: 1; min-width: 0; } .app-components-AccountSelectSidePage-___style-module__pageContainer___Pj02f .app-components-AccountSelectSidePage-___style-module__filters___Q4E4M .app-components-AccountSelectSidePage-___style-module__row___x7Xkb.app-components-AccountSelectSidePage-___style-module__additionalFilters___im3If { margin-top: 8px; } .app-components-AccountSelectSidePage-___style-module__pageContainer___Pj02f .app-components-AccountSelectSidePage-___style-module__filters___Q4E4M .app-components-AccountSelectSidePage-___style-module__row___x7Xkb.app-components-AccountSelectSidePage-___style-module__additionalFilters___im3If > :last-of-type { flex: 0 0 calc(33% + 16px); } .app-components-AccountSelectSidePage-___style-module__pageContainer___Pj02f .app-components-AccountSelectSidePage-___style-module__filters___Q4E4M .app-components-AccountSelectSidePage-___style-module__filterButton___EygA4 { width: 24px; min-width: 24px; height: 24px; display: flex; flex-direction: row; align-items: center; justify-content: center; color: var(--colorTextPrimary); font-size: 16px; cursor: pointer; transition: color 0.2s; flex: 0; } .app-components-AccountSelectSidePage-___style-module__pageContainer___Pj02f .app-components-AccountSelectSidePage-___style-module__filters___Q4E4M .app-components-AccountSelectSidePage-___style-module__filterButton___EygA4:hover { color: var(--colorTextMain); } .app-components-AccountSelectSidePage-___style-module__pageContainer___Pj02f .app-components-AccountSelectSidePage-___style-module__filters___Q4E4M .app-components-AccountSelectSidePage-___style-module__filterButton___EygA4.app-components-AccountSelectSidePage-___style-module__openedButton___V0y4s { color: var(--colorTextMain); } .app-components-AccountSelectSidePage-___style-module__pageContainer___Pj02f .app-components-AccountSelectSidePage-___style-module__accountsList___45o1q { flex: 1; min-height: 0; } .app-components-AccountSelectSidePage-___style-module__pageContainer___Pj02f .app-components-AccountSelectSidePage-___style-module__footer___b0zCJ { border-top: 1px solid var(--colorDivider); display: flex; flex-direction: row; align-items: center; justify-content: flex-end; gap: 8px; padding: 8px; } .app-components-AccountSelectSidePage-___style-module__pageContainer___Pj02f .app-components-AccountSelectSidePage-___style-module__footer___b0zCJ button { width: auto; } .app-components-AccountSelectSidePage-___style-module__checkbox___SCnpS { width: 32px; } .app-components-AccountSelectSidePage-___style-module__checkbox___SCnpS > div > label > div { margin-right: 0; } .app-components-AccountSelectSidePage-___style-module__checkbox-small___JAzLh { display: flex; justify-content: center; align-items: center; width: 15px; height: 15px; min-width: 15px; border: solid 1px var(--colorWhite); border-radius: 50%; margin-right: 15px; line-height: 16px; } .app-components-AccountSelectSidePage-___style-module__checkbox-small___JAzLh.app-components-AccountSelectSidePage-___style-module__active___Y2K2S { background: var(--colorWhite); } .app-components-AccountSelectSidePage-___style-module__checkbox-small___JAzLh .app-components-AccountSelectSidePage-___style-module__checkbox-icon___75nBn { width: 9px; color: var(--colorWhite); height: 7px; } .app-components-AccountSelectSidePage-___style-module__checkbox-small___JAzLh.app-components-AccountSelectSidePage-___style-module__hidden___Epf8w { visibility: hidden; } .app-components-AccountSelectSidePage-___style-module__placeholder___XJYwK { color: var(--colorTextIcons); } .app-components-AccountSelectSidePage-___style-module__accountId___GEW-4 { width: 72px; } .app-components-AccountSelectSidePage-___style-module__accountId___GEW-4.app-components-AccountSelectSidePage-___style-module__withCheckbox___7Y-b- { width: 100px; } .app-components-AccountSelectSidePage-___style-module__accountId___GEW-4.app-components-AccountSelectSidePage-___style-module__withCheckbox___7Y-b- label { margin-right: 6px; } .app-components-AccountSelectSidePage-___style-module__details___vOASs { width: 60px; } .app-entitySelectors-AccountSidePageSelect-___styles-module__labelAccount___FoW7d { display: flex; justify-content: flex-start; align-items: center; max-width: calc(100% - 36px); width: 100%; } .app-entitySelectors-AccountSidePageSelect-___styles-module__labelAccountName___Uj0Xd { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .app-entitySelectors-AccountSidePageSelect-___styles-module__label___-HZcG { color: white; font-size: 12px; margin-bottom: 4px; } .app-entitySelectors-AccountSidePageSelect-___styles-module__label___-HZcG.app-entitySelectors-AccountSidePageSelect-___styles-module__disabled___rSQDC { color: var(--colorTextDisabled); } .app-entitySelectors-AccountSidePageSelect-___styles-module__underline___U0ucr { text-decoration: underline; } .app-entitySelectors-AccountSidePageSelect-___styles-module__accountSelectButton___OJXNo { height: 40px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; background-color: var(--colorInputBg); border: 1px solid var(--colorInputBg); border-radius: 3px; font: var(--typographyBody2Font); letter-spacing: var(--typographyBody2Spacing); color: var(--colorTextMain); padding-left: 8px; padding-right: 8px; cursor: pointer; min-width: 0; } .app-entitySelectors-AccountSidePageSelect-___styles-module__accountSelectButton___OJXNo.app-entitySelectors-AccountSidePageSelect-___styles-module__multipleWrapper___U2E9H { padding-left: 4px; } .app-entitySelectors-AccountSidePageSelect-___styles-module__accountSelectButton___OJXNo.app-entitySelectors-AccountSidePageSelect-___styles-module__small___6XxBS { height: 32px; } .app-entitySelectors-AccountSidePageSelect-___styles-module__accountSelectButton___OJXNo.app-entitySelectors-AccountSidePageSelect-___styles-module__compact___a2-OF { height: 24px; } .app-entitySelectors-AccountSidePageSelect-___styles-module__accountSelectButton___OJXNo.app-entitySelectors-AccountSidePageSelect-___styles-module__compact___a2-OF .app-entitySelectors-AccountSidePageSelect-___styles-module__multiLabel___46V5S > div { height: calc(100% - 4px); } .app-entitySelectors-AccountSidePageSelect-___styles-module__accountSelectButton___OJXNo.app-entitySelectors-AccountSidePageSelect-___styles-module__invalid___NboAE { border: 1px solid var(--colorError); } .app-entitySelectors-AccountSidePageSelect-___styles-module__accountSelectButton___OJXNo.app-entitySelectors-AccountSidePageSelect-___styles-module__disabled___rSQDC { color: var(--colorTextDisabled); cursor: not-allowed; } .app-entitySelectors-AccountSidePageSelect-___styles-module__accountSelectButton___OJXNo.app-entitySelectors-AccountSidePageSelect-___styles-module__disabled___rSQDC i { color: var(--colorTextDisabled); } .app-entitySelectors-AccountSidePageSelect-___styles-module__accountSelectButton___OJXNo.app-entitySelectors-AccountSidePageSelect-___styles-module__disabled___rSQDC i:hover { color: var(--colorTextDisabled); } .app-entitySelectors-AccountSidePageSelect-___styles-module__accountSelectButton___OJXNo i { font-size: 10px; color: var(--colorTextIcons); margin-left: 8px; } .app-entitySelectors-AccountSidePageSelect-___styles-module__accountSelectButton___OJXNo i:last-of-type { font-size: 8px; margin-right: 2px; } .app-entitySelectors-AccountSidePageSelect-___styles-module__accountSelectButton___OJXNo i:hover { color: var(--colorTextMain); } .app-entitySelectors-AccountSidePageSelect-___styles-module__placeholder___SObCM { color: var(--colorTextIcons); } .app-entitySelectors-AccountSidePageSelect-___styles-module__labelLeftModeWrapper___CkAuc { display: flex; justify-content: space-between; } .app-entitySelectors-AccountSidePageSelect-___styles-module__labelLeftModeWrapper___CkAuc > div:first-of-type:not(:last-of-type) { padding-right: 8px; } .app-entitySelectors-AccountSidePageSelect-___styles-module__labelLeftMode___Vcz9E { width: 100%; max-width: 264px; } .app-entitySelectors-AccountSidePageSelect-___styles-module__truncatedTooltip___QI4lr { color: var(--colorTextMain); font: var(--typographyBody2Font); display: flex; flex-direction: column; gap: 6px; } .app-entitySelectors-AccountSidePageSelect-___styles-module__multiLabel___46V5S { display: flex; flex-direction: row; align-items: center; gap: 4px; flex: 1; height: 100%; min-width: 0; } .app-entitySelectors-AccountSidePageSelect-___styles-module__multiLabel___46V5S > div { background-color: var(--colorBgAccent); min-width: 0; height: calc(100% - 8px); border-radius: 3px; padding: 2px 4px; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; } .app-entitySelectors-AccountSidePageSelect-___styles-module__multiLabel___46V5S > div > span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .app-entitySelectors-AccountSidePageSelect-___styles-module__multiLabel___46V5S > div:last-of-type { min-width: fit-content; } .app-entitySelectors-AccountSidePageSelect-___styles-module__multiLabel___46V5S > div:first-of-type { min-width: 0; } .app-entitySelectors-AccountSidePageSelect-___styles-module__labelInside___em235 { position: relative; } .app-entitySelectors-AccountSidePageSelect-___styles-module__labelInside___em235 > div:not(:last-of-type) { position: absolute; top: 3px; left: 10px; z-index: 1; pointer-events: none; } .app-entitySelectors-AccountSidePageSelect-___styles-module__labelInside___em235 > div:not(:last-of-type) label { text-transform: capitalize; } .app-entitySelectors-AccountSidePageSelect-___styles-module__labelInside___em235 > span { display: block; margin-bottom: -12px; margin-left: 2px; font-size: 12px; } .app-entitySelectors-AccountSidePageSelect-___styles-module__labelInside___em235.app-entitySelectors-AccountSidePageSelect-___styles-module__labelInsideNoValue___mxhlq > div:not(:last-of-type) { position: absolute; top: calc(50% - 7px); left: 10px; z-index: 1; pointer-events: none; } .app-entitySelectors-AccountSidePageSelect-___styles-module__labelInside___em235.app-entitySelectors-AccountSidePageSelect-___styles-module__labelInsideNoValue___mxhlq > div:not(:last-of-type) label { text-transform: capitalize; font: var(--typographyBody2Font); } .app-entitySelectors-DealerAccountSelect-___styles-module__account-selector-container___efvvQ { width: 50vw; height: 570px; display: flex; flex-direction: column; } .app-entitySelectors-DealerAccountSelect-___styles-module__filters-container___5O5Bk, .app-entitySelectors-DealerAccountSelect-___styles-module__accounts-list___opJCa { width: 100%; } .app-entitySelectors-DealerAccountSelect-___styles-module__filters-container___5O5Bk { padding: 8px; border-bottom: 1px solid var(--colorDivider); } .app-entitySelectors-DealerAccountSelect-___styles-module__accounts-list___opJCa { flex: 1; overflow: hidden; margin-bottom: 8px; } .app-entitySelectors-DealerAccountSelect-___styles-module__accounts-list___opJCa tbody tr { cursor: pointer; } .app-entitySelectors-DealerAccountSelect-___styles-module__filter-row___U-EHE { flex: 1; margin-bottom: 10px; } .app-entitySelectors-DealerAccountSelect-___styles-module__filter-row___U-EHE:not(:last-of-type) { margin-right: 10px; } .app-entitySelectors-DealerAccountSelect-___styles-module__filter-row___U-EHE > div > button { padding-left: 10px; } .app-entitySelectors-DealerAccountSelect-___styles-module__filter-row___U-EHE .app-entitySelectors-DealerAccountSelect-___styles-module__lightIcon___lXrYK { color: var(--colorTextIcons); font-size: 12px; } .app-entitySelectors-DealerAccountSelect-___styles-module__filter-row___U-EHE.app-entitySelectors-DealerAccountSelect-___styles-module__search___fzyS7 { flex: 1; } .app-entitySelectors-DealerAccountSelect-___styles-module__filter-row___U-EHE.app-entitySelectors-DealerAccountSelect-___styles-module__search___fzyS7 > div > div > div > div > div { top: 7px; } .app-entitySelectors-DealerAccountSelect-___styles-module__icon___ct3Md { font-size: 11px; margin-left: 7px; font-weight: 400; } .app-entitySelectors-DealerAccountSelect-___styles-module__labelAccount___LhGVd { display: flex; justify-content: flex-start; align-items: center; max-width: calc(100% - 36px); width: 100%; } .app-entitySelectors-DealerAccountSelect-___styles-module__labelAccountName___gm2H7 { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .app-entitySelectors-DealerAccountSelect-___styles-module__label___pAr3n { color: white; font-size: 12px; margin-bottom: 4px; } .app-entitySelectors-DealerAccountSelect-___styles-module__label___pAr3n.app-entitySelectors-DealerAccountSelect-___styles-module__disabled___jA-0D { color: var(--colorTextDisabled); } .app-entitySelectors-DealerAccountSelect-___styles-module__underline___pWpKn { text-decoration: underline; } .app-entitySelectors-DealerAccountSelect-___styles-module__light-icon___6c6Hn { color: var(--colorTextMain); } .app-entitySelectors-DealerAccountSelect-___styles-module__checkbox___UhwEW { width: 32px; } .app-entitySelectors-DealerAccountSelect-___styles-module__checkbox___UhwEW > div > label > div { margin-right: 0; } .app-entitySelectors-DealerAccountSelect-___styles-module__checkbox-small___1at-Y { display: flex; justify-content: center; align-items: center; width: 15px; height: 15px; min-width: 15px; border: solid 1px var(--colorWhite); border-radius: 50%; margin-right: 15px; line-height: 16px; } .app-entitySelectors-DealerAccountSelect-___styles-module__checkbox-small___1at-Y.app-entitySelectors-DealerAccountSelect-___styles-module__active___ItSR0 { background: var(--colorWhite); } .app-entitySelectors-DealerAccountSelect-___styles-module__checkbox-small___1at-Y .app-entitySelectors-DealerAccountSelect-___styles-module__checkbox-icon___Ac3N- { width: 9px; color: var(--colorWhite); height: 7px; } .app-entitySelectors-DealerAccountSelect-___styles-module__checkbox-small___1at-Y.app-entitySelectors-DealerAccountSelect-___styles-module__hidden___qE-7u { visibility: hidden; } .app-entitySelectors-DealerAccountSelect-___styles-module__accountSelectButton___QBL-3 { height: 40px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; background-color: var(--colorInputBg); border: 1px solid var(--colorInputBg); border-radius: 3px; font: var(--typographyBody2Font); letter-spacing: var(--typographyBody2Spacing); color: var(--colorTextMain); padding-left: 8px; padding-right: 8px; cursor: pointer; min-width: 0; } .app-entitySelectors-DealerAccountSelect-___styles-module__accountSelectButton___QBL-3.app-entitySelectors-DealerAccountSelect-___styles-module__invalid___-OvW1 { border-color: var(--colorError); } .app-entitySelectors-DealerAccountSelect-___styles-module__accountSelectButton___QBL-3.app-entitySelectors-DealerAccountSelect-___styles-module__small___RF9KF { height: 32px; } .app-entitySelectors-DealerAccountSelect-___styles-module__accountSelectButton___QBL-3.app-entitySelectors-DealerAccountSelect-___styles-module__compact___4uyYR { height: 24px; } .app-entitySelectors-DealerAccountSelect-___styles-module__accountSelectButton___QBL-3.app-entitySelectors-DealerAccountSelect-___styles-module__disabled___jA-0D { color: var(--colorTextDisabled); cursor: not-allowed; } .app-entitySelectors-DealerAccountSelect-___styles-module__accountSelectButton___QBL-3.app-entitySelectors-DealerAccountSelect-___styles-module__disabled___jA-0D i { color: var(--colorTextDisabled); } .app-entitySelectors-DealerAccountSelect-___styles-module__accountSelectButton___QBL-3.app-entitySelectors-DealerAccountSelect-___styles-module__disabled___jA-0D i:hover { color: var(--colorTextDisabled); } .app-entitySelectors-DealerAccountSelect-___styles-module__accountSelectButton___QBL-3 i { font-size: 10px; color: var(--colorTextIcons); margin-left: 8px; } .app-entitySelectors-DealerAccountSelect-___styles-module__accountSelectButton___QBL-3 i:last-of-type { font-size: 8px; margin-right: 2px; } .app-entitySelectors-DealerAccountSelect-___styles-module__accountSelectButton___QBL-3 i:hover { color: var(--colorTextMain); } .app-entitySelectors-DealerAccountSelect-___styles-module__placeholder___ZjHML { color: var(--colorTextIcons); } .app-entitySelectors-DealerAccountSelect-___styles-module__accountId___9iw-Z { width: 72px; border-right: 1px solid var(--colorDivider); } .app-entitySelectors-DealerAccountSelect-___styles-module__accountId___9iw-Z.app-entitySelectors-DealerAccountSelect-___styles-module__withCheckbox___dO0FV { width: 100px; } .app-entitySelectors-DealerAccountSelect-___styles-module__details___sfE6X { width: 60px; } .app-entitySelectors-DealerAccountSelect-___styles-module__labelLeftModeWrapper___xhQ-P { display: flex; justify-content: space-between; } .app-entitySelectors-DealerAccountSelect-___styles-module__labelLeftModeWrapper___xhQ-P > div:first-of-type:not(:last-of-type) { padding-right: 8px; } .app-entitySelectors-DealerAccountSelect-___styles-module__labelLeftMode___QrrsP { width: 100%; max-width: 264px; } .app-entitySelectors-DealerAccountSelect-___styles-module__modalStyle___gKyri { z-index: 100001; } .app-entitySelectors-DealerAccountSelect-___styles-module__truncatedTooltip___mrKY6 { color: var(--colorTextMain); font: var(--typographyBody2Font); } .app-entitySelectors-DealerAccountSelect-___styles-module__labelInside___3eBEq { position: relative; } .app-entitySelectors-DealerAccountSelect-___styles-module__labelInside___3eBEq.app-entitySelectors-DealerAccountSelect-___styles-module__labelInsideNoValue___J0Qhb > div:not(:last-of-type) { position: absolute; top: calc(50% - 7px); left: 10px; z-index: 1; pointer-events: none; } .app-entitySelectors-DealerAccountSelect-___styles-module__labelInside___3eBEq.app-entitySelectors-DealerAccountSelect-___styles-module__labelInsideNoValue___J0Qhb > div:not(:last-of-type) label { text-transform: capitalize; font: var(--typographyBody2Font); } .app-entitySelectors-DealerAccountSelect-___styles-module__labelInside___3eBEq > div:not(:last-of-type) { position: absolute; top: 3px; left: 10px; z-index: 1; pointer-events: none; transition: all 0.1s; } .app-entitySelectors-DealerAccountSelect-___styles-module__labelInside___3eBEq > div:not(:last-of-type) label { transition: all 0.1s; text-transform: capitalize; } .app-entitySelectors-DealerAccountSelect-___styles-module__labelInside___3eBEq > span { display: block; margin-bottom: -12px; margin-left: 2px; font-size: 12px; } .app-components-UploadForm-___styles-module__uploadLogoWrapper___TlSLr { position: relative; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--colorTextPrimary); font: var(--typographyBody1Font); line-height: 1.5; text-align: center; border: 1px dashed var(--colorWindowResizeIcon); border-radius: 4px; } .app-components-UploadForm-___styles-module__uploadLogoWrapper___TlSLr.app-components-UploadForm-___styles-module__invalid___qHfR4 { border-color: var(--colorError); } .app-components-UploadForm-___styles-module__border___CHvZX { border-radius: 4px; border: 1px dashed var(--colorWindowResizeIcon); } .app-components-UploadForm-___styles-module__errorContainer___xSdZo { color: var(--colorError); border-color: var(--colorError); padding: 0 8px; } .app-components-UploadForm-___styles-module__smallText___U85ba { font-size: 10px; line-height: 12px; } .app-components-UploadForm-___styles-module__errorText___IcPqj { font: var(--typographyBody2Font)!important; color: var(--colorError)!important; margin-top: 4px; } .app-components-UploadForm-___styles-module__flexStart___1p98r { align-items: flex-start; } .app-components-UploadForm-___styles-module__removeButton___Lh0Lm { position: absolute; cursor: pointer; right: -7px; top: -7px; color: var(--colorTextMain); opacity: 1; font-size: 14px; } .app-pages-PublicAccountsPage-___styles-module__popupContainer___5aXrt { width: 240px; background-color: var(--colorDropBgActive); border-radius: var(--defaultDropBorderRadius); box-shadow: 0px 4px 12px var(--colorDropShadow); } .app-pages-PublicAccountsPage-___styles-module__popupContainer___5aXrt form > div > div:first-of-type label { margin-bottom: 0; } .app-pages-PublicAccountsPage-___styles-module__popupContainer___5aXrt .app-pages-PublicAccountsPage-___styles-module__actions___lEiI8 { border-top: 1px solid var(--colorDivider); padding: 4px; display: flex; flex-direction: row; justify-content: flex-end; } .app-pages-PublicAccountsPage-___styles-module__popupContainer___5aXrt h6 { font: var(--typographySubtitleFont); color: var(--colorTextMain); margin-top: 4px; } .app-pages-PublicAccountsPage-___styles-module__modal___zqyzP { display: flex; flex-direction: column; height: 100%; } .app-pages-PublicAccountsPage-___styles-module__warning___axz5h { color: var(--colorWarning); } .app-pages-PublicAccountsPage-___styles-module__form___w6cFk { width: 400px; flex: 1; display: flex; flex-direction: column; min-height: 0; } .app-pages-PublicAccountsPage-___styles-module__form___w6cFk h6 { color: var(--colorTextMain); font: var(--typographySubtitleFont); } .app-pages-PublicAccountsPage-___styles-module__form___w6cFk .app-pages-PublicAccountsPage-___styles-module__formInputs___JcCaJ { flex: 1; display: flex; flex-direction: column; padding: 16px; gap: 16px; } .app-pages-PublicAccountsPage-___styles-module__form___w6cFk.app-pages-PublicAccountsPage-___styles-module__noPadding___lsdHO { width: 344px; } .app-pages-PublicAccountsPage-___styles-module__form___w6cFk.app-pages-PublicAccountsPage-___styles-module__noPadding___lsdHO .app-pages-PublicAccountsPage-___styles-module__formInputs___JcCaJ { padding: 16px 0; } .app-pages-PublicAccountsPage-___styles-module__titleWrap___PlyK5 { width: 344px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; } .app-pages-PublicAccountsPage-___styles-module__titleWrap___PlyK5 > button { color: var(--colorError); margin: 0; height: 24px; font: var(--typographyBody1Font); transition: color 0.2s; } .app-pages-PublicAccountsPage-___styles-module__titleWrap___PlyK5 > button:hover { color: var(--colorTextMain); } .app-pages-PublicAccountsPage-___styles-module__buttons___k-1dX { padding: 8px; border-top: 1px solid var(--colorDivider); display: flex; flex-direction: row; justify-content: flex-end; } .app-pages-PublicAccountsPage-___styles-module__divider___NVme6 { width: 100%; height: 1px; background-color: var(--colorDivider); } .app-pages-PublicAccountsPage-___styles-module__accountStatus___dQqsG { color: var(--colorTextMain); font: var(--typographyBody1Font); font-weight: normal; display: flex; align-items: center; } .app-pages-PublicAccountsPage-___styles-module__accountStatus___dQqsG > span:first-of-type { flex: 0 0 108px; text-transform: none; font: var(--typographyBody1Font); letter-spacing: var(--typographyBody1Spacing); margin-bottom: 0; color: var(--colorTextPrimary); } .app-pages-PublicAccountsPage-___styles-module__accountStatus___dQqsG.app-pages-PublicAccountsPage-___styles-module__closed___WNYkG span:last-of-type { color: var(--colorPLMinus); } .app-containers-ProfileSettings-PublicAccountTab-___style-module__modal___xidDf { display: flex; flex-direction: column; height: 100%; } .app-containers-ProfileSettings-PublicAccountTab-___style-module__warning___GHWEw { color: var(--colorWarning); } .app-containers-ProfileSettings-PublicAccountTab-___style-module__form___-t8sZ { width: 384px; flex: 1; display: flex; flex-direction: column; } .app-containers-ProfileSettings-PublicAccountTab-___style-module__form___-t8sZ h6 { color: var(--colorTextMain); font: var(--typographySubtitleFont); } .app-containers-ProfileSettings-PublicAccountTab-___style-module__form___-t8sZ .app-containers-ProfileSettings-PublicAccountTab-___style-module__formInputs___xqdRg { flex: 1; display: flex; flex-direction: column; padding: 16px; gap: 16px; } .app-containers-ProfileSettings-PublicAccountTab-___style-module__form___-t8sZ.app-containers-ProfileSettings-PublicAccountTab-___style-module__noPadding___PYhHS { width: 344px; } .app-containers-ProfileSettings-PublicAccountTab-___style-module__form___-t8sZ.app-containers-ProfileSettings-PublicAccountTab-___style-module__noPadding___PYhHS .app-containers-ProfileSettings-PublicAccountTab-___style-module__formInputs___xqdRg { padding: 16px 0; } .app-containers-ProfileSettings-PublicAccountTab-___style-module__titleWrap___sXwD4 { width: 344px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; } .app-containers-ProfileSettings-PublicAccountTab-___style-module__titleWrap___sXwD4 > button { color: var(--colorError); margin: 0; height: 24px; font: var(--typographyBody1Font); transition: color 0.2s; } .app-containers-ProfileSettings-PublicAccountTab-___style-module__titleWrap___sXwD4 > button:hover { color: var(--colorTextMain); } .app-containers-ProfileSettings-PublicAccountTab-___style-module__buttons___dIHRB { padding: 8px; border-top: 1px solid var(--colorDivider); display: flex; flex-direction: row; justify-content: flex-end; } .app-containers-ProfileSettings-PublicAccountTab-___style-module__divider___AwAmY { width: 100%; height: 1px; background-color: var(--colorDivider); } .app-containers-ProfileSettings-PublicAccountTab-___style-module__accountStatus___0BLBb { color: var(--colorTextMain); font: var(--typographyBody1Font); font-weight: normal; display: flex; align-items: center; } .app-containers-ProfileSettings-PublicAccountTab-___style-module__accountStatus___0BLBb > span:first-of-type { flex: 0 0 108px; text-transform: none; font: var(--typographyBody1Font); letter-spacing: var(--typographyBody1Spacing); margin-bottom: 0; color: var(--colorTextPrimary); } .app-containers-ProfileSettings-PublicAccountTab-___style-module__accountStatus___0BLBb.app-containers-ProfileSettings-PublicAccountTab-___style-module__closed___dVPVe span:last-of-type { color: var(--colorPLMinus); } .app-containers-ProfileSettings-PublicAccountTab-___style-module__sidePageForm___cvt07 { height: 100%; } .app-UI-ProfileKycStatus-___style-module__kycStatus___dCBIW { font: var(--typographyBody1Font); color: var(--colorTextMain); display: flex; flex-direction: row; align-items: center; gap: 8px; min-width: 280px; } .app-UI-ProfileKycStatus-___style-module__kycStatus___dCBIW button { justify-self: flex-end; white-space: nowrap; } .app-UI-ProfileKycStatus-___style-module__kycStatus___dCBIW i { font-size: 14px; } .app-UI-ProfileKycStatus-___style-module__kycStatus___dCBIW > span { line-height: 14px; margin-bottom: -2px; white-space: nowrap; } .app-UI-ProfileKycStatus-___style-module__indicator___vXJKr { width: 14px; height: 14px; display: flex; flex-direction: row; align-items: center; justify-content: center; } .app-UI-ProfileKycStatus-___style-module__indicator___vXJKr > div { flex: 0 0 10px; height: 10px; width: 10px; border-radius: 50%; } .app-UI-ProfileKycStatus-___style-module__pending___cGNUn { background-color: var(--colorKycDraftActive); color: var(--colorKycDraftActive); } .app-UI-ProfileKycStatus-___style-module__expired___vFStd { background-color: var(--colorKycFailedActive); color: var(--colorKycFailedActive); } .app-UI-ProfileKycStatus-___style-module__failed___DB8e8 { background-color: var(--colorKycRejectedActive); color: var(--colorKycRejectedActive); } .app-UI-ProfileKycStatus-___style-module__verified___e1Syj { background-color: var(--colorKycVerifiedActive); color: var(--colorKycVerifiedActive); } .app-UI-ProfileKycStatus-___style-module__review___I5bPz { background-color: var(--colorKycReviewActive); color: var(--colorKycReviewActive); } .app-UI-ProfileKycStatus-___style-module__updateRequired___x5g0J { background-color: var(--colorKycAddInfoActive); color: var(--colorKycAddInfoActive); } .app-UI-ProfileKycStatus-___style-module__noBg___k4hyn { background-color: transparent; } .app-UI-ProfileKycStatus-___style-module__expirationDate___5rygq { color: var(--colorTextPrimary); } .app-UI-ProfileKycStatus-___style-module__verificationIcon___hQcya { background-color: transparent!important; font-size: 12px; } .app-UI-ProfileKycStatus-___style-module__labelIndicator___DDumZ{ display: flex; flex-direction: row; align-items: center; justify-content: center; } .app-UI-ProfileKycStatus-___style-module__labelIndicator___DDumZ .app-UI-ProfileKycStatus-___style-module__pending___cGNUn,.app-UI-ProfileKycStatus-___style-module__labelIndicator___DDumZ .app-UI-ProfileKycStatus-___style-module__expired___vFStd,.app-UI-ProfileKycStatus-___style-module__labelIndicator___DDumZ .app-UI-ProfileKycStatus-___style-module__failed___DB8e8,.app-UI-ProfileKycStatus-___style-module__labelIndicator___DDumZ .app-UI-ProfileKycStatus-___style-module__verified___e1Syj,.app-UI-ProfileKycStatus-___style-module__labelIndicator___DDumZ .app-UI-ProfileKycStatus-___style-module__review___I5bPz,.app-UI-ProfileKycStatus-___style-module__labelIndicator___DDumZ .app-UI-ProfileKycStatus-___style-module__updateRequired___x5g0J { border-radius: 9999px; padding: 0 6px; height: 16px; min-height: 16px; color: var(--colorTextMain); display: flex; flex-direction: row; align-items: center; justify-content: center; font: var(--typographyBody2Font) } .app-UI-ProfileKycStatus-___style-module__textWhite___TFG-m{ color: var(--colorWhite); } .app-UI-TruncatedText-___styles-module__text___JolA6 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .app-UI-TruncatedText-___styles-module__container___QEHX6 { color: var(--colorTextMain); font: var(--typographyBody1Font); max-width: 240px; overflow: hidden; word-wrap: break-word; } .app-containers-TradingSelectAccountPopup-___style-module__divider___-iu8j { height: 1px; width: 100%; background-color: var(--colorDivider); } .app-containers-TradingSelectAccountPopup-___style-module__dropdownContent___MiFAW { padding: 4px 0 4px; background-color: var(--colorBgAccent); display: flex; flex-direction: column; border-radius: var(--defaultDropBorderRadius); overflow: hidden; } .app-containers-TradingSelectAccountPopup-___style-module__logoutRow___kkHJq { display: flex; flex-direction: row; align-items: center; padding: 8px; height: 32px; cursor: pointer; transition: all 0.2s; color: var(--colorError); font: var(--typographyBody1Font); } .app-containers-TradingSelectAccountPopup-___style-module__logoutRow___kkHJq:hover, .app-containers-TradingSelectAccountPopup-___style-module__logoutRow___kkHJq:active { background-color: var(--colorAccent20); color: var(--colorButtonAccentText); } .app-containers-TradingSelectAccountPopup-___style-module__scrollContent___c7DxN { max-height: 420px; } .app-containers-TradingSelectAccountPopup-___style-module__scrollContent___c7DxN.app-containers-TradingSelectAccountPopup-___style-module__trading___CZUHt { max-height: 280px; } .app-containers-TradingSelectAccountPopup-___style-module__preloader___aoKkD { position: relative; height: 80px; background: var(--colorBgAccent); } .app-containers-TradingSelectAccountPopup-___style-module__labelSmall___kN6cE { font: var(--typographyCaptionFont); letter-spacing: var(--typographyCaps2Spacing); font-weight: 400; text-align: left; color: var(--colorTextPrimary); text-transform: uppercase; display: flex; flex-direction: row; align-items: center; margin-bottom: 4px; margin-left: 8px; } .app-containers-TradingSelectAccountPopup-___style-module__brokersWrapper___7bRpO { padding-top: 8px; } .app-containers-TradingSelectAccountPopup-___style-module__nameContainer___CRPKK { overflow: hidden; display: flex; width: 100%; flex: 1; } .app-containers-TradingSelectAccountPopup-___style-module__accountRowSmall___t1M0- { align-items: center; display: flex; flex-direction: row; color: var(--colorTextMain); font: var(--typographyBody1Font); transition: all 0.1s; padding: 8px; } .app-containers-TradingSelectAccountPopup-___style-module__accountRowSmall___t1M0-.app-containers-TradingSelectAccountPopup-___style-module__active___DTS-R > span { color: var(--colorAccent); } .app-containers-TradingSelectAccountPopup-___style-module__accountRowSmall___t1M0-.app-containers-TradingSelectAccountPopup-___style-module__active___DTS-R .app-containers-TradingSelectAccountPopup-___style-module__accountName___Z-LF8 { display: flex; flex-direction: row; align-items: center; gap: 4px; } .app-containers-TradingSelectAccountPopup-___style-module__accountRowSmall___t1M0-.app-containers-TradingSelectAccountPopup-___style-module__active___DTS-R .app-containers-TradingSelectAccountPopup-___style-module__accountName___Z-LF8 .app-containers-TradingSelectAccountPopup-___style-module__accountNameWrapper___cWfom { color: var(--colorAccent); } .app-containers-TradingSelectAccountPopup-___style-module__accountRowSmall___t1M0-:hover { cursor: pointer; background-color: var(--colorAccent20); } .app-containers-TradingSelectAccountPopup-___style-module__accountRowSmall___t1M0-:hover .app-containers-TradingSelectAccountPopup-___style-module__accountName___Z-LF8 .app-containers-TradingSelectAccountPopup-___style-module__accountNameWrapper___cWfom { color: var(--colorButtonAccentText); } .app-containers-TradingSelectAccountPopup-___style-module__accountName___Z-LF8 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; flex-direction: row; display: flex; justify-content: space-between; transition: all 0.1s; } .app-containers-TradingSelectAccountPopup-___style-module__accountNameWrapper___cWfom { overflow: hidden; text-overflow: ellipsis; color: var(--colorTextMain); transition: all 0.1s; padding-right: 5px; } .app-containers-TradingSelectAccountPopup-___style-module__dropdown___2PGIJ { background: var(--colorDropBg); border-radius: var(--defaultDropBorderRadius); box-shadow: 0px 10px 18px var(--colorDropShadow); } .app-containers-TradingSelectAccountPopup-___style-module__dropdownAccountName___pVBGp{ height: 100%; max-width: 150px; font: var(--typographyBody1Font); color: var(--colorWhite); display: flex; flex-direction: row; align-items: center; justify-content: space-between; cursor: pointer; } .app-containers-TradingSelectAccountPopup-___style-module__dropdownAccountName___pVBGp i{ color: var(--colorWhite); } .app-containers-TradingSelectAccountPopup-___style-module__dropdownAccountName___pVBGp:hover > i{ color: var(--colorWhite); } .app-containers-TradingSelectAccountPopup-___style-module__dropdownAccountName___pVBGp > div{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; flex: 1; margin-right: 4px; margin-top: 2px; } .app-containers-TradingSelectAccountPopup-___style-module__dropdownAccountName___pVBGp > i{ font-size: 8px; } .app-components-ThemeSwitcher-___styles-module__settingItem___AXOJF { display: flex; justify-content: center; align-items: center; cursor: pointer; padding: 5px; border-radius: 2px; transition: color 0.2s ease-in; color: var(--colorHeaderIcon); } .app-components-ThemeSwitcher-___styles-module__settingItem___AXOJF:hover { color: var(--colorHeaderIconHover); } .app-components-ThemeSwitcher-___styles-module__settingItem___AXOJF:active { color: var(--colorHeaderIconSelected); } .app-components-ThemeSwitcher-___styles-module__settingItem___AXOJF.app-components-ThemeSwitcher-___styles-module__activeIcon___LFSpm { color: var(--colorHeaderIconSelected); } .app-components-ThemeSwitcher-___styles-module__modal___FMzI0 { background-color: var(--colorDropBg); border-radius: var(--defaultDropBorderRadius); min-width: 180px; padding: 4px 0; filter: drop-shadow(0px 4px 12px var(--colorDropShadow)); } .app-components-ThemeSwitcher-___styles-module__title___0-jq4 { font: var(--typographyCaps3Font); letter-spacing: var(--typographyCaps3Spacing); color: var(--colorTextPrimary); padding: 8px 8px 4px; display: flex; align-items: center; text-transform: uppercase; } .app-components-ThemeSwitcher-___styles-module__check___INv2X { padding: 0 8px; height: 32px; color: var(--colorTradingHeaderTextActive); } .app-components-ThemeSwitcher-___styles-module__switcher___hhriJ { display: flex; flex-flow: row-reverse; justify-content: space-between; width: 100%; padding: 0 8px; height: 32px; } .app-components-ThemeSwitcher-___styles-module__divider___DyBa3 { width: 100%; height: 1px; background-color: var(--colorDivider); margin: 3px 0; } .app-components-ThemeSwitcher-___styles-module__arrow___JDvfb { filter: drop-shadow(0px 4px 12px var(--colorDropShadow)); } .app-containers-TradeSidePage-___style-module__linkButton___0acnH { width: auto; margin: 0; background-color: transparent; cursor: pointer; display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 0; margin-left: auto; -webkit-text-decoration: underline dashed var(--colorTextMain); text-decoration: underline dashed var(--colorTextMain); color: var(--colorTextMain); margin-left: 0; } .app-containers-TradeSidePage-___style-module__linkButton___0acnH i { color: var(--colorTextIcons); font-size: 14px; transition: all 0.2s; } .app-containers-TradeSidePage-___style-module__linkButton___0acnH:hover i { color: var(--colorTextMain); } .app-containers-TradeSidePage-___style-module__sidePageLink___0xVxa { color: var(--colorTextMain); -webkit-text-decoration: underline dashed var(--colorTextWhite50); text-decoration: underline dashed var(--colorTextWhite50); cursor: pointer; } .app-containers-TradeSidePage-___style-module__backdrop___x0pFM { z-index: 11000; } .app-containers-TradeSidePage-___style-module__header___f-KRc { display: flex; padding: 16px 16px 0; font: var(--typographyCaps1Font); font-weight: 900; color: var(--colorTextMain); justify-content: space-between; } .app-containers-TradeSidePage-___style-module__closeButton___-ROuh { color: var(--colorTextIcons); cursor: pointer; } .app-containers-TradeSidePage-___style-module__container___-QTl- { min-width: 464px; display: flex; flex-flow: column; flex: 1; height: 100%; background-color: var(--colorBgPrimary); } .app-containers-TradeSidePage-___style-module__externalFeeTradeContainer___kruxO { min-width: 364px; display: flex; flex-flow: column; flex: 1; height: 100%; background-color: var(--colorBgPrimary); } .app-containers-TradeSidePage-___style-module__section___hk-b9 { display: flex; flex-direction: column; margin: 16px 16px 0; color: var(--colorTextMain); } .app-containers-TradeSidePage-___style-module__sectionTitle___LpKsa { padding: 4px 0; color: var(--colorTextMain); font: var(--typographyCaps3Font); text-transform: uppercase; } .app-containers-TradeSidePage-___style-module__sectionRow___I3Inj { display: flex; justify-content: space-between; flex: 1; align-items: center; min-height: 24px; } .app-containers-TradeSidePage-___style-module__sectionRow___I3Inj > div { flex: 1; } .app-containers-TradeSidePage-___style-module__sectionRow___I3Inj > div + .app-containers-TradeSidePage-___style-module__sectionRow___I3Inj > div { margin-left: 16px; } .app-containers-TradeSidePage-___style-module__sectionRow___I3Inj .app-containers-TradeSidePage-___style-module__link___dNpx3 { font: var(--typographyBody1Font); } .app-containers-TradeSidePage-___style-module__sectionRow___I3Inj .app-containers-TradeSidePage-___style-module__value___-MDjR { color: var(--colorTextMain); font: var(--typographyBody1Font); } .app-containers-TradeSidePage-___style-module__sectionRow___I3Inj + .app-containers-TradeSidePage-___style-module__sectionRow___I3Inj { margin-top: 4px; } .app-containers-TradeSidePage-___style-module__sectionRowLabel___qiF0P { font: var(--typographyBody1Font); color: var(--colorTextPrimary); } .app-containers-TradeSidePage-___style-module__footer___vd78P { border-top: 1px solid var(--colorDivider); padding: 8px; flex-flow: row; justify-content: flex-end; display: flex; gap: 8px; } .app-containers-TradeSidePage-___style-module__footer___vd78P button { width: auto; text-transform: none; } .app-containers-TradeSidePage-___style-module__footer___vd78P button:last-of-type { margin-left: auto; } .app-containers-TradeSidePage-___style-module__linkButton___0acnH { width: auto; padding: 0; } .app-containers-TradeSidePage-___style-module__editableField___W5GUJ { color: var(--colorTextMain); width: max-content; border-bottom: 1px dashed var(--colorTextPrimary); } .app-containers-TradeSidePage-___style-module__form___JAuMn { padding: 10px; width: 400px; } .app-containers-TradeSidePage-___style-module__form___JAuMn .app-containers-TradeSidePage-___style-module__modalFooter___H-mcQ { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--colorDivider); display: flex; flex-direction: row; justify-content: flex-end; } .app-containers-TradeSidePage-___style-module__dateForm___KbgFg { max-width: 140px; } .app-containers-TradeSidePage-___style-module__button-remove___Qsvki { font-size: 18px; cursor: pointer; height: 26px; margin-left: 12px; color: var(--colorTextIcons); transition: color 0.2s; } .app-containers-TradeSidePage-___style-module__button-remove___Qsvki:hover { color: var(--colorTextMain); } .app-containers-TradeSidePage-___style-module__verticalBorder___ZePIi { border-right: 1px solid var(--colorDivider); } .app-containers-NotificationSidePages-___style-module__divider___jg6v7 { width: 100%; height: 1px; background-color: var(--colorDivider); margin: 16px 0; } .app-containers-NotificationSidePages-___style-module__sectionTitle___U4dF3 { font: var(--typographyCaps3Font); color: var(--colorTextMain); text-transform: uppercase; } .app-containers-NotificationSidePages-___style-module__sidePageWrapper___2b6br { width: 360px; height: 100%; display: flex; flex-direction: column; font: var(--typographyBody1Font); } .app-containers-NotificationSidePages-___style-module__subheader___27x6m { font: var(--typographySubtitleFont); color: var(--colorTextMain) } .app-containers-NotificationSidePages-___style-module__sideBadge___PIuCb { color: var(--colorTextWhite); font-size: 11px; padding: 0 4px; background-color: var(--colorBuy); width: fit-content; border-radius: 2px; } .app-containers-NotificationSidePages-___style-module__sideBadge___PIuCb.app-containers-NotificationSidePages-___style-module__sell___cIXk9 { background-color: var(--colorSell); } .app-containers-NotificationSidePages-___style-module__rejectMessage___gQX94 { color: var(--colorError); margin-top: 8px; } .app-containers-NotificationSidePages-___style-module__footer___-S3Be { border-top: 1px solid var(--colorDivider); padding: 8px; display: flex; flex-direction: row; justify-content: flex-end; } .app-containers-NotificationSidePages-___style-module__transactionIcon___GrMJu { font-size: 24px; color: var(--colorTextIcons); } .app-components-NotificationsCenter-Notification-___style-module__message___yNZWZ { color: var(--colorTextMain); word-break: break-all; background: var(--colorNotifyDefaultBg); border-radius: 6px; padding: 8px; display: flex; flex-direction: row; border: 1px solid var(--colorNotifyDefaultBorder); gap: 4px; overflow: hidden; } .app-components-NotificationsCenter-Notification-___style-module__message___yNZWZ.app-components-NotificationsCenter-Notification-___style-module__shadow___ZSC4v { box-shadow: var(--shadowNotifications); } .app-components-NotificationsCenter-Notification-___style-module__message___yNZWZ .app-components-NotificationsCenter-Notification-___style-module__iconContainer___BIxdP { display: flex; flex-direction: row; align-items: center; justify-content: center; color: var(--colorTextIcons); font-size: 14px; width: 24px; height: 24px; flex: 0 0 24px; } .app-components-NotificationsCenter-Notification-___style-module__message___yNZWZ .app-components-NotificationsCenter-Notification-___style-module__iconContainer___BIxdP.app-components-NotificationsCenter-Notification-___style-module__isWarning___HPTDW { color: var(--colorOrange); } .app-components-NotificationsCenter-Notification-___style-module__message___yNZWZ .app-components-NotificationsCenter-Notification-___style-module__iconContainer___BIxdP i { height: 20px; } .app-components-NotificationsCenter-Notification-___style-module__message___yNZWZ.app-components-NotificationsCenter-Notification-___style-module__smallMessage___5jfFv { padding: 4px; } .app-components-NotificationsCenter-Notification-___style-module__message___yNZWZ.app-components-NotificationsCenter-Notification-___style-module__smallMessage___5jfFv .app-components-NotificationsCenter-Notification-___style-module__titleRow___ozazd, .app-components-NotificationsCenter-Notification-___style-module__message___yNZWZ.app-components-NotificationsCenter-Notification-___style-module__smallMessage___5jfFv .app-components-NotificationsCenter-Notification-___style-module__descRow___XK-1K, .app-components-NotificationsCenter-Notification-___style-module__message___yNZWZ.app-components-NotificationsCenter-Notification-___style-module__smallMessage___5jfFv .app-components-NotificationsCenter-Notification-___style-module__link___on6YH, .app-components-NotificationsCenter-Notification-___style-module__message___yNZWZ.app-components-NotificationsCenter-Notification-___style-module__smallMessage___5jfFv .app-components-NotificationsCenter-Notification-___style-module__releaseLink___v-EFp { font-size: 11px; } .app-components-NotificationsCenter-Notification-___style-module__order-reject___QORR- { background: var(--colorNotifyRejectBg); border: 1px solid var(--colorNotifyRejectBorder); } .app-components-NotificationsCenter-Notification-___style-module__order-partial___-DwjF { background: var(--colorNotifyPartialBg); border: 1px solid var(--colorNotifyPartialBorder); } .app-components-NotificationsCenter-Notification-___style-module__order-cancelled___-ok35 { background: var(--colorNotifyCanceled); border: 1px solid var(--colorNotifyDefaultBorder); } .app-components-NotificationsCenter-Notification-___style-module__critical___J7Rh- { background: var(--colorNotifyCriticalBg); border: 1px solid var(--colorNotifyDefaultBorder); margin-top: 6px; } .app-components-NotificationsCenter-Notification-___style-module__message-header___9XMFW { display: flex; flex-direction: row; justify-content: space-between; } .app-components-NotificationsCenter-Notification-___style-module__infoRow___MIER- { font: var(--typographyBody1Font); font-weight: bold; } .app-components-NotificationsCenter-Notification-___style-module__infoRow___MIER-:not(:last-of-type) { margin-bottom: 2px; } .app-components-NotificationsCenter-Notification-___style-module__infoRow___MIER-:not(:first-of-type) { color: var(--colorTextPrimary); } .app-components-NotificationsCenter-Notification-___style-module__notificationDetails___O0bHW { margin-top: 10px; padding-top: 10px; border-top: 1px solid rgba(216, 217, 232, 0.14); } .app-components-NotificationsCenter-Notification-___style-module__notificationDetails___O0bHW div { margin-bottom: 8px; } .app-components-NotificationsCenter-Notification-___style-module__notificationDetails___O0bHW div span:first-of-type { color: var(--colorTextMain); white-space: nowrap; padding-right: 4px; } .app-components-NotificationsCenter-Notification-___style-module__notificationDetails___O0bHW div span:last-of-type { opacity: 1; text-align: right; } .app-components-NotificationsCenter-Notification-___style-module__notificationDetails___O0bHW p { color: var(--colorTextPrimary); margin-top: 14px; font-size: 11px; } .app-components-NotificationsCenter-Notification-___style-module__title-container___-uIYx { display: flex; flex-direction: row; } .app-components-NotificationsCenter-Notification-___style-module__title-container___-uIYx span { color: var(--colorTextMain); word-break: normal; font: var(--typographyBody1Font); text-transform: uppercase; font-weight: 600; } .app-components-NotificationsCenter-Notification-___style-module__title-container___-uIYx span.app-components-NotificationsCenter-Notification-___style-module__priceAlertTitle___hQx2A { color: var(--colorAccent); } .app-components-NotificationsCenter-Notification-___style-module__title-container___-uIYx i { margin-right: 6px; } .app-components-NotificationsCenter-Notification-___style-module__small-text___brIEz { font-size: 14px; } .app-components-NotificationsCenter-Notification-___style-module__small-text-grey___BP43Q { font-size: 12px; color: var(--colorTextPrimary); } .app-components-NotificationsCenter-Notification-___style-module__seen___-aqe0 { opacity: 0.5; } .app-components-NotificationsCenter-Notification-___style-module__time___S--cr { white-space: nowrap; } .app-components-NotificationsCenter-Notification-___style-module__text___eZizk { font-size: 12px; margin-left: 22px; } .app-components-NotificationsCenter-Notification-___style-module__text__date___NBnan { color: var(--colorTextDigit); margin: 9px 0 8px; font-size: 10px; } .app-components-NotificationsCenter-Notification-___style-module__title___g5M0S { margin: 0; } .app-components-NotificationsCenter-Notification-___style-module__acc-link___q3TOy { cursor: pointer; text-decoration: underline; } .app-components-NotificationsCenter-Notification-___style-module__infoIcon___2nuO1 { padding: 4px; } .app-components-NotificationsCenter-Notification-___style-module__partiallyIcon___gRvRC { color: var(--colorWarning); } .app-components-NotificationsCenter-Notification-___style-module__tradingContent___YvwKc { padding-top: 6px; } .app-components-NotificationsCenter-Notification-___style-module__action___5UCOH { display: flex; flex-direction: row; justify-content: flex-start; } .app-components-NotificationsCenter-Notification-___style-module__action___5UCOH button { width: auto; text-transform: uppercase; } .app-components-NotificationsCenter-Notification-___style-module__priceAlertContent___3FzRY { margin-top: 8px; margin-bottom: 8px; display: flex; flex-direction: column; } .app-components-NotificationsCenter-Notification-___style-module__priceAlertContent___3FzRY > span { font: var(--typographyBody2Font); color: var(--colorTextPrimary); } .app-components-NotificationsCenter-Notification-___style-module__priceAlertContent___3FzRY > span:first-of-type { color: var(--colorTextMain); margin-bottom: 4px; } .app-components-NotificationsCenter-Notification-___style-module__link___on6YH { display: flex; flex-direction: row; overflow: hidden; font-size: 11px; } .app-components-NotificationsCenter-Notification-___style-module__link___on6YH > span:first-of-type { color: var(--colorTextPrimary); margin-right: 4px; } .app-components-NotificationsCenter-Notification-___style-module__link___on6YH > div { color: var(--colorAccent); font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .app-components-NotificationsCenter-Notification-___style-module__link___on6YH > div > a, .app-components-NotificationsCenter-Notification-___style-module__link___on6YH > div span { cursor: pointer; text-decoration: underline; text-decoration-style: dashed; transition: all 0.2s; } .app-components-NotificationsCenter-Notification-___style-module__link___on6YH > div > a:hover, .app-components-NotificationsCenter-Notification-___style-module__link___on6YH > div span:hover { text-decoration: none; color: var(--colorTextMain); } .app-components-NotificationsCenter-Notification-___style-module__divider___6cmTq { height: 12px; width: 1px; margin: 0 8px; background-color: var(--colorDivider); } .app-components-NotificationsCenter-Notification-___style-module__releaseLink___v-EFp { display: block; color: var(--colorAccent); -webkit-text-decoration: underline dashed var(--colorAccent20); text-decoration: underline dashed var(--colorAccent20); font: var(--typographyBody1Font); width: fit-content; cursor: pointer; } .app-components-NotificationsCenter-Notification-___style-module__titleRow___ozazd { font: var(--typographyBody1Font); color: var(--colorTextMain); font-weight: 500; gap: 12px; word-break: normal; margin-top: 2px; } .app-components-NotificationsCenter-Notification-___style-module__titleRow___ozazd.app-components-NotificationsCenter-Notification-___style-module__withSecondRow___l0rvz { margin-top: 5px; } .app-components-NotificationsCenter-Notification-___style-module__titleRow___ozazd > span { overflow: hidden; text-overflow: ellipsis; } .app-components-NotificationsCenter-Notification-___style-module__descRow___XK-1K { font: var(--typographyBody1Font); color: var(--colorTextPrimary); gap: 12px; word-break: normal; } .app-components-NotificationsCenter-Notification-___style-module__actions___rxkF8 { display: flex; flex-direction: row; justify-content: space-between; gap: 4px; } .app-components-NotificationsCenter-Notification-___style-module__actions___rxkF8 > div:last-of-type { font: var(--typographyBody2Font); color: var(--colorTextPrimary) } .app-components-NotificationsCenter-Notification-___style-module__notificationTime___EWIde { font: var(--typographyBody1Font); color: var(--colorTextPrimary); white-space: nowrap; } .app-components-NotificationsCenter-Notification-___style-module__orderStatus___W7OMF { font-size: 11px; } .app-components-NotificationsCenter-Notification-___style-module__orderStatusCritical___h9o1V { color: var(--colorTextMain)!important; font-size: 11px; } .app-components-NotificationsCenter-___style-module__notification-center___SEJsB { position: relative; } .app-components-NotificationsCenter-___style-module__icon___3czBn { display: flex; align-items: center; cursor: pointer; transition: color 0.2s ease-in; position: relative; padding: 5px; border-radius: 2px; color: var(--colorHeaderIcon); } .app-components-NotificationsCenter-___style-module__icon___3czBn:hover { color: var(--colorHeaderIconHover); } .app-components-NotificationsCenter-___style-module__icon___3czBn:active { color: var(--colorHeaderIconSelected); } .app-components-NotificationsCenter-___style-module__icon___3czBn.app-components-NotificationsCenter-___style-module__has-messages___MIy2G:after { content: ""; position: absolute; display: block; width: 6px; height: 6px; background-image: linear-gradient(to bottom, var(--colorAdminWarning), var(--colorAdminWarning)); border-radius: 50%; right: 2px; top: 2px; } .app-components-NotificationsCenter-___style-module__icon___3czBn.app-components-NotificationsCenter-___style-module__noPadding___FdGsS { padding: 0; } .app-components-NotificationsCenter-___style-module__icon___3czBn.app-components-NotificationsCenter-___style-module__noPadding___FdGsS.app-components-NotificationsCenter-___style-module__has-messages___MIy2G:after { right: -1px; top: -1px; } .app-components-NotificationsCenter-___style-module__popup___GFQsL { width: 324px; background-color:var(--colorBgPrimary); border-radius: var(--defaultDropBorderRadius); box-shadow: 0px 10px 18px var(--colorDropShadow); overflow: hidden; position: relative; cursor: auto; } .app-components-NotificationsCenter-___style-module__arrow___ua3sB { filter: drop-shadow(0px 4px 12px var(--colorDropShadow)); } .app-components-NotificationsCenter-___style-module__arrow___ua3sB path { fill: var(--colorBgPrimary); } .app-components-NotificationsCenter-___style-module__messages___D7s2a { height: 425px; overflow: hidden; } .app-components-NotificationsCenter-___style-module__emptyMessages___KMl3U { height: 463px; display: flex; align-items: center; justify-content: center; overflow: hidden; padding-top: 36px; color: var(--colorTextPrimary); } .app-components-NotificationsCenter-___style-module__section-header___HJeE8 { z-index: 2; font-weight: 400; padding: 12px 10px 8px; top: 0; position: sticky; background-color:var(--colorBgPrimary); } .app-components-NotificationsCenter-___style-module__small-text___1Igmn { font-size: 14px; } .app-components-NotificationsCenter-___style-module__small-text-grey___R300h { font-size: 12px; color: var(--colorTextPrimary); } .app-components-NotificationsCenter-___style-module__seen___nPDDO { opacity: 0.5; } .app-components-NotificationsCenter-___style-module__text___yHjAR { font-size: 12px; padding: 8px 8px 8px 30px; } .app-components-NotificationsCenter-___style-module__text__date___0yPKg { color: var(--colorTradingHeaderText); margin: 9px 0 8px; font-size: 10px; } .app-components-NotificationsCenter-___style-module__title___QVijJ { margin: 0; font-size: 14px; } .app-components-NotificationsCenter-___style-module__read-all___IYeg2 { display: flex; justify-content: center; padding: 12px; height: 38px; cursor: pointer; } .app-components-NotificationsCenter-___style-module__read-all___IYeg2 span { transition: all 0.3s; } .app-components-NotificationsCenter-___style-module__read-all___IYeg2 span:hover, .app-components-NotificationsCenter-___style-module__read-all___IYeg2 span:active { color: var(--colorTextMain); } .app-components-NotificationsCenter-___style-module__read-all___IYeg2:hover span { opacity: 1; } .app-components-NotificationsCenter-___style-module__loader___WtDJS { position: absolute; width: 100%; height: 100%; } .app-components-NotificationsCenter-___style-module__acc-link___T41dO { cursor: pointer; text-decoration: underline; } .app-containers-HeaderProfileDescription-___style-module__profile-account-details___yNg3r { border-left: solid 1px var(--colorDivider); /*min-width: 214px;*/ display: flex; flex-direction: row; position: relative; align-items: center; height: 40px; } .app-containers-HeaderProfileDescription-___style-module__profile-account-details-info___is0BF { height: 100%; width: 100%; padding: 0 14px 0 10px; cursor: pointer; position: relative; display: flex; align-items: center; transition: all 0.2s; } .app-containers-HeaderProfileDescription-___style-module__profile-account-details-info___is0BF > i { font-size: 12px; display: inline-block; color: var(--colorHeaderIcon); } .app-containers-HeaderProfileDescription-___style-module__profile-account-details-img___6OqJ5 { width: 24px; height: 24px; flex: 0 0 24px; border-radius: 12px; background: rgba(215, 216, 234, 0.4); display: flex; flex-direction: row; justify-content: center; align-items: center; margin-left: 2px; } .app-containers-HeaderProfileDescription-___style-module__profile-account-details-img___6OqJ5 img { border-radius: 50%; width: 100%; height: 100%; display: block; } .app-containers-HeaderProfileDescription-___style-module__profile-account-details-img___6OqJ5 i { color: var(--colorBgMain); } .app-containers-HeaderProfileDescription-___style-module__profile-account-details-img___6OqJ5 .app-containers-HeaderProfileDescription-___style-module__initials___711z- { font: var(--typographyBody2Font); font-size: 10px; font-weight: 700; color: var(--colorTextMain); } .app-containers-HeaderProfileDescription-___style-module__profile-account-details-info-fullname___LGSRT { font: var(--typographyBody1Font); transition: color 0.2s ease-in; display: flex; padding-left: 10px; flex-direction: row; align-items: center; justify-content: space-between; width: 100%; padding-right: 8px; } .app-containers-HeaderProfileDescription-___style-module__profileInfo___CBrKV { display: flex; flex-direction: column; } .app-containers-HeaderProfileDescription-___style-module__profileInfo___CBrKV span:first-of-type { max-width: 122px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font: var(--typographyBody2Font); font-weight: bold; color: var(--colorHeaderText); } .app-containers-HeaderProfileDescription-___style-module__role___s66qA { font: var(--typographySmallIconFont); font-weight: 400; margin-top: 2px; color: var(--colorGreen); text-transform: uppercase; } .app-containers-HeaderProfileDescription-___style-module__popup-opened___QbqGl { transform: rotate(180deg); } .app-containers-HeaderProfileDescription-___style-module__profile-account-selector-dropdown___M4D4Q { position: absolute; top: 42px; width: 214px; background: var(--colorDropBg); border-radius: var(--defaultDropBorderRadius); z-index: 12000; right: 0; box-shadow: 0px 10px 18px var(--colorDropShadow); } .app-containers-HeaderProfileDescription-___style-module__actions___Ed-wb { display: flex; flex-direction: row; align-items: center; margin-right: 12px; color: var(--colorTextIcons); gap: 8px; } .app-containers-HeaderProfileDescription-___style-module__settingItem___lYyur { display: flex; justify-content: center; align-items: center; cursor: pointer; padding: 5px; border-radius: 2px; transition: color 0.2s ease-in; color: var(--colorHeaderIcon); } .app-containers-HeaderProfileDescription-___style-module__settingItem___lYyur:hover { color: var(--colorHeaderIconHover); } .app-containers-HeaderProfileDescription-___style-module__settingItem___lYyur:active { color: var(--colorHeaderIconSelected); } .app-containers-HeaderProfileDescription-___style-module__settingItem___lYyur.app-containers-HeaderProfileDescription-___style-module__activeIcon___qhWLA { color: var(--colorHeaderIconSelected); } .app-containers-HeaderProfileDescription-___style-module__nameWithStatus___oM8Fl { display: flex; flex-direction: row; overflow: hidden; gap: 4px; } .app-containers-HeaderProfileDescription-___style-module__loader___m-PXi { position: static; width: auto; } .app-containers-HeaderProfileDescription-___style-module__transferWrap___TmKql{ width: 360px; display: flex; flex-direction: column; height: 100%; } .app-containers-HeaderProfileDescription-___style-module__transferContainer___GHfcd{ flex-grow: 2; padding: 16px; } .app-containers-HeaderProfileDescription-___style-module__buttons___oI-Iu{ border-top: 1px solid var(--colorStroke); padding: 8px; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; gap: 8px; } .app-containers-HeaderProfileDescription-___style-module__swapAccounts___p-CcD{ color: var(--colorAccent); border: 1px solid var(--colorAccent); border-radius: 4px; font-size: 16px; line-height: 16px; padding: 4px 8px; cursor: pointer; display: inline-flex; } .app-containers-HeaderProfileDescription-___style-module__amountsBlock___jinQf{ display: flex; flex-direction: row; gap: 4px; margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--colorStroke); } .app-containers-HeaderProfileDescription-___style-module__amountsBlock___jinQf > div{ flex-grow: 1; } .app-containers-HeaderProfileDescription-___style-module__maxAvailable___Lnq3V{ margin-top: 8px; display: flex; align-items: center; justify-content: space-between; flex-direction: row; } .app-containers-HeaderProfileDescription-___style-module__maxAvailable___Lnq3V > div:first-child{ color: var(--colorTextPrimary); font: var(--typographyBody1Font); letter-spacing: var(--typographyBody1Spacing); } .app-containers-HeaderProfileDescription-___style-module__rate___MuBgk{ margin-top: 8px; display: flex; align-items: center; justify-content: space-between; flex-direction: row; } .app-containers-HeaderProfileDescription-___style-module__rate___MuBgk > div{ color: var(--colorTextMain); font: var(--typographyBody1Font); letter-spacing: var(--typographyBody1Spacing); } .app-containers-HeaderProfileDescription-___style-module__addNewBtn___RtqBS{ cursor: pointer; display: flex; flex-direction: row; align-items: center; color: var(--colorAccent); margin: 0 8px; font: var(--typographyBody1Font); text-transform: uppercase; } .app-containers-HeaderProfileDescription-___style-module__modal___dligQ { background-color: var(--colorDropBg); border-radius: var(--defaultDropBorderRadius); width: 200px; filter: drop-shadow(0px 4px 12px var(--colorDropShadow)); } .app-containers-HeaderProfileDescription-___style-module__arrow___GVOvY { filter: drop-shadow(0px 4px 12px var(--colorDropShadow)); } .app-containers-HeaderProfileDescription-___style-module__mobileHintTitle___7RtZQ{ color: var(--colorTextMain); font: var(--typographyBody2Font); letter-spacing: var(--typographyBody2Spacing); padding: 15px 8px; } .app-containers-HeaderProfileDescription-___style-module__storeHintTitle___efoU3{ color: var(--colorTextMain); font: var(--typographyBody2Font); letter-spacing: var(--typographyBody2Spacing); } .app-containers-HeaderProfileDescription-___style-module__mobileHintImg___1zuyr{ border-bottom: 1px solid var(--colorDivider); display: flex; flex-direction: row; justify-content: center; align-items: flex-end; height: 123px; } .app-containers-HeaderProfileDescription-___style-module__back___wy9Zk{ color: var(--colorAccent); cursor: pointer; position: absolute; top: 8px; left: 8px; } .app-containers-HeaderProfileDescription-___style-module__back___wy9Zk i{ font-size: 12px; margin-right: 2px; margin-top: -1px; } .app-containers-HeaderProfileDescription-___style-module__downloadLink___4892A { white-space: normal; line-height: 16px; text-align: center; } .app-containers-HeaderProfileDescription-___style-module__kycLabel___l--J5{ width: 11px; height: 11px; position:absolute; right: 12px; bottom: 7px; border-radius: 50%; background: var(--colorBgSecondary); } .app-containers-HeaderProfileDescription-___style-module__kycLabel___l--J5 > i { font-size: 9px; position: absolute; top:1px; left:1px; } .app-containers-HeaderProfileDescription-___style-module__loader___m-PXi{ position: absolute; width: 30px; height: 30px; right: 11px; background-color: var(--modalOverlay); /*right: 4px;*/ } .app-containers-HeaderProfileDescription-___style-module__verified___MW5ce{ color: var(--colorGreen); } .app-containers-HeaderProfileDescription-___style-module__underReview___dGbNI{ color: var(--colorKycReviewActive); } .app-containers-HeaderProfileDescription-___style-module__updateRequired___88bpL{ color: var(--colorKycAddInfoActive) } .app-containers-HeaderProfileDescription-___style-module__pending___Q5Rw-{ color: var(--colorKycDraftActive) } .app-containers-HeaderProfileDescription-___style-module__expired___qoa64{ color: var(--colorKycFailedActive) } .app-containers-HeaderProfileDescription-___style-module__unavailable___LDDkr{ cursor: pointer; border-bottom: 1px dashed var(--colorTextDisabled); } .app-containers-Header-Balance-___style-module__wrapper___H9AIO { display: flex; flex-direction: row; align-items: center; position: relative; height: 100%; margin-left: 12px; } .app-containers-Header-Balance-___style-module__row___p-ONV { display: flex; flex-direction: row; align-items: center; } .app-containers-Header-Balance-___style-module__item___i-PUV { margin-right: 16px; display: flex; } .app-containers-Header-Balance-___style-module__item___i-PUV.app-containers-Header-Balance-___style-module__positive___aue9d span:last-of-type { color: var(--colorGreen); } .app-containers-Header-Balance-___style-module__item___i-PUV.app-containers-Header-Balance-___style-module__negative___v-umj span:last-of-type { color: var(--colorError); } @media (max-width: 1400px) { .app-containers-Header-Balance-___style-module__item___i-PUV { margin-right: 10px } .app-containers-Header-Balance-___style-module__item___i-PUV:last-of-type { margin-right: 10px; } } .app-containers-Header-Balance-___style-module__label___wIBJ4 { font: var(--typographyHeaderFont); color: var(--colorHeaderTextLabel); margin-right: 14px; font-size: 11px; } @media (max-width: 1200px) { .app-containers-Header-Balance-___style-module__label___wIBJ4 { font-size: 10px; max-width: 50px } } @media (max-width: 1100px) { .app-containers-Header-Balance-___style-module__label___wIBJ4 { font-size: 9px; margin-right: 7px } } .app-containers-Header-Balance-___style-module__value___-DlXt { font: var(--typographyCaps2Font); color: var(--colorHeaderText); min-width: 42px; text-align: right; font-size: 11px; } @media (max-width: 1200px) { .app-containers-Header-Balance-___style-module__value___-DlXt { font-size: 10px; min-width: 62px } } @media (max-width: 1100px) { .app-containers-Header-Balance-___style-module__value___-DlXt { font-size: 9px } } .app-containers-Header-___style-module__header___H9Yf8 { width: 100%; color: var(--colorTradingHeaderText); height: 40px; display: flex; padding: 0; background: var(--colorHeaderBg); align-items: center; justify-content: space-between; } .app-containers-Header-___style-module__flexLeft___eq1ft { display: flex; align-items: center; width: 100%; } .app-containers-Header-___style-module__flexRight___I8XMc { display: flex; flex: 1; align-items: center; } .app-containers-Header-___style-module__logo___Pouza { height: 40px; width: max-content; position: relative; } .app-containers-Header-___style-module__logoImg___fE7wx { height: 40px; } .app-containers-Header-___style-module__navigation___OqwUN { height: 100%; display: flex; background-color: var(--colorBgAccent); flex-direction: row; min-width: 148px; padding: 4px 0; border-radius: var(--defaultDropBorderRadius); } .app-containers-Header-___style-module__menuIcon___rXgPC { cursor: pointer; height: 100%; padding: 0 8px; display: flex; justify-content: center; align-items: center; transition: color 0.2s ease-in; color: var(--colorHeaderIcon); font-size: 12px; } .app-containers-Header-___style-module__menuIcon___rXgPC:hover, .app-containers-Header-___style-module__menuIcon___rXgPC:active { color: var(--colorHeaderIconHover); } .app-containers-Header-___style-module__menuIconActive___9N-Vt { color: var(--colorHeaderIconSelected); } .app-containers-Header-___style-module__menu___rSlqh { position: relative; height: 100%; } .app-containers-Header-___style-module__link___5VWRh { display: flex; /*height: 32px;*/ /*padding: 0 8px;*/ width: 185px; transition: all 0.1s; margin: 12px; } .app-containers-Header-___style-module__link___5VWRh .app-containers-Header-___style-module__navigation-link___krRTO { color: var(--colorTextMain); font: var(--typographyBody1Font); letter-spacing: var(--typographyBody1Spacing); display: flex; align-items: center; transition: all 0.1s; width: 100%; } .app-containers-Header-___style-module__link___5VWRh .app-containers-Header-___style-module__navigation-link___krRTO span { display: inline; } .app-containers-Header-___style-module__link___5VWRh .app-containers-Header-___style-module__navigation-link___krRTO:active, .app-containers-Header-___style-module__link___5VWRh .app-containers-Header-___style-module__navigation-link___krRTO.app-containers-Header-___style-module__active___XMkxC { color: var(--colorAccent); } .app-containers-Header-___style-module__link___5VWRh:hover { color: var(--colorButtonAccentText); } /*background-color: var(--colorAccent20);*/ .app-containers-Header-___style-module__link___5VWRh:hover .app-containers-Header-___style-module__navigation-link___krRTO { color: var(--colorAccent); } .app-containers-Header-___style-module__extraClassName___L0Je7 { color: var(--colorTextMain); display: inline-flex; } .app-containers-Header-___style-module__extraClassName___L0Je7:hover, .app-containers-Header-___style-module__extraClassName___L0Je7:active { color: var(--colorTextPrimary); } .app-containers-Header-___style-module__profile___G4dvG { display: flex; align-items: center; justify-content: space-between; } .app-containers-Header-___style-module__profile-links-only___frY-T { border-left: 0; } .app-containers-Header-___style-module__profile-icons___hM6JN { display: flex; justify-content: space-between; padding-right: 10px; } .app-containers-Header-___style-module__addInfo___JEn2u { display: flex; margin-top: -5px; } @media (max-width: 1400px) { .app-containers-Header-___style-module__addInfo___JEn2u { display: none } } .app-containers-Header-___style-module__connectionStatus___fvUMl { display: flex; font-size: 12px; margin-right: 15px; margin-top: 4px; } .app-containers-Header-___style-module__connectionStatus___fvUMl:hover .app-containers-Header-___style-module__tooltip___jIHX1 { display: flex; opacity: 1; } .app-containers-Header-___style-module__menuWrapper___snNpN { display: flex; box-shadow: 0 4px 12px var(--colorDropShadow); border-radius: 8px; } .app-containers-Header-___style-module__headerButton___Xrybb { color: var(--colorTextWhite50); } .app-containers-Header-___style-module__headerButton___Xrybb i { color: var(--colorTextWhite50); } .app-containers-Header-___style-module__headerButton___Xrybb:hover { color: var(--colorTextWhite50); } .app-containers-Header-___style-module__headerButton___Xrybb:hover i { color: var(--colorTextWhite50); } .app-containers-Header-___style-module__kycBanner___Bxwtg { background-color: var(--colorAlertWarningBg); color: var(--colorTextAlertWarning); height: 28px; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 12px; font: var(--typographyBody1Font); } .app-containers-Header-___style-module__kycBanner___Bxwtg a { -webkit-text-decoration: underline dashed; text-decoration: underline dashed; } .app-containers-Header-___style-module__balanceAdditional___Ri3Xp{ display: none; } @media screen and (max-width: 1024px) { .app-containers-Header-___style-module__balance___bXGTn{ display: none; } .app-containers-Header-___style-module__balanceAdditional___Ri3Xp{ display: flex; flex-direction: row; align-items: center; justify-content: center; height: 34px; background-color: var(--colorHeaderBg); border-top: 1px solid var(--colorDivider); } .app-containers-Header-___style-module__balanceAdditional___Ri3Xp span{ font: var(--typographyBody2Font)!important; max-width: fit-content!important; } } .app-containers-Header-___style-module__whiteSpace___vVodb{ white-space: break-spaces; } .app-containers-Header-___style-module__linkGroup___GxwfF > div:not(:first-child){ margin-top: 25px!important; } .app-components-KycOnboardingModal-___style-module__container___SB4mm { width: 246px; position: absolute; top: 48px; right: 8px; background-color: var(--colorBgAccent); box-shadow: var(--colorDropShadow); border-radius: var(--defaultDropBorderRadius); padding: 4px 8px; z-index: 10601; } .app-components-KycOnboardingModal-___style-module__closeIcon___-gB-p { position: absolute; right: 12px; top: 8px; font-size: 11px; color: var(--colorTextIcons); cursor: pointer; z-index: 1; } .app-components-KycOnboardingModal-___style-module__item___-Jrf2 { display: flex; flex-direction: row; align-items: flex-start; gap: 8px; padding: 8px 0; position: relative; } .app-components-KycOnboardingModal-___style-module__item___-Jrf2:not(:last-of-type)::before { content: ''; position: absolute; top: 23px; bottom: -5px; left: 6px; width: 1px; background-color: var(--colorTextIcons); } .app-components-KycOnboardingModal-___style-module__item___-Jrf2 > i { font-size: 13px; } .app-components-KycOnboardingModal-___style-module__item___-Jrf2 > div h6 { font: var(--typographyBody1Font); color: var(--colorTextMain); margin-bottom: 0; padding-right: 16px; } .app-components-KycOnboardingModal-___style-module__item___-Jrf2 > div p { font: var(--typographyBody2Font); color: var(--colorTextPrimary); padding-right: 16px; } .app-components-KycOnboardingModal-___style-module__item___-Jrf2.app-components-KycOnboardingModal-___style-module__done___1byS4 > i { color: var(--colorGreen); } .app-components-KycOnboardingModal-___style-module__item___-Jrf2 .app-components-KycOnboardingModal-___style-module__circle___VXhXT { width: 13px; height: 13px; min-width: 13px; border-radius: 50%; background-color: transparent; border: 1px solid var(--colorTextIcons); } .app-components-KycOnboardingModal-___style-module__item___-Jrf2 .app-components-KycOnboardingModal-___style-module__circle___VXhXT.app-components-KycOnboardingModal-___style-module__circleActive___JUNoO { border-color: var(--colorTextMain); } .app-components-KycOnboardingModal-___style-module__item___-Jrf2 .app-components-KycOnboardingModal-___style-module__linkButton___dHXUL { margin-top: 4px; font: var(--typographyBody2Font); text-decoration-style: solid; } .app-spaces-TradingSpace-___style-module__platformStatus___CfsZA{ background-color: var(--colorError); font: var(--typographyBody1Font); height: 30px; width: 100%; display: flex; align-items: center; justify-content: center; } .app-spaces-TradingSpace-___style-module__platformStatusText___S2E5I{ text-align: center; color: var(--colorWhite); } .app-spaces-TradingSpace-___style-module__platformStatusText___S2E5I a { border-bottom: 1px dashed var(--colorWhite); } .app-spaces-TradingSpace-___style-module__platformWrapper___T5IyO{ width: 330px; padding: 16px; font: var(--typographyBody1Font); } .app-spaces-TradingSpace-___style-module__platformWrapper___T5IyO p{ color: var(--colorTextMain); font: var(--typographySubtitleFont); margin-bottom: 4px; } .app-spaces-TradingSpace-___style-module__platformWrapper___T5IyO ul{ color: var(--colorTextPrimary); list-style-type: disc; margin-left: 24px; } .app-spaces-TradingSpace-___style-module__platformWrapper___T5IyO ul li{ font: var(--typographyBody1Font); margin-bottom: 8px; } .app-spaces-TradingSpace-___style-module__platformSidePageText___br4NP{ color: var(--colorTextPrimary); margin-bottom: 5px; } .app-spaces-TradingSpace-___style-module__platformStatusLink___Rai3t{ margin-left: 4px; color: var(--colorTextWhite); border-bottom: 1px dashed var(--colorTextWhite); cursor: pointer; } .app-spaces-TradingSpace-___style-module__supportLink___DyuXi{ cursor: pointer; margin-left: 4px; color: var(--colorTextPrimary); border-bottom: 1px dashed var(--colorTextPrimary); text-transform: lowercase; transition: all 0.2s; } .app-spaces-TradingSpace-___style-module__supportLink___DyuXi:hover { color: var(--colorTextMain); border-bottom-color: var(--colorTextMain); } .app-containers-ProfileSettings-EasySettings-___style-module__backdrop___ljnAR { background-color: transparent; } .app-containers-ProfileSettings-EasySettings-___style-module__settingsContainer___k2mEh { width: 358px; height: 100%; background-color: var(--colorBgPrimary); box-shadow: -12px 0 44px rgba(0, 0, 0, 0.3); border-radius: 0 3px 3px 0; display: flex; flex-direction: column; overflow: hidden; } .app-containers-ProfileSettings-EasySettings-___style-module__settingsContainer___k2mEh .app-containers-ProfileSettings-EasySettings-___style-module__header___S1Osx { background-color: var(--colorBgSecondary); padding: 12px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; color: var(--colorTextMain); font: var(--typographyBody1Font); } .app-containers-ProfileSettings-EasySettings-___style-module__settingsContainer___k2mEh .app-containers-ProfileSettings-EasySettings-___style-module__header___S1Osx button { padding: 0; } .app-containers-ProfileSettings-EasySettings-___style-module__settingsContainer___k2mEh .app-containers-ProfileSettings-EasySettings-___style-module__header___S1Osx > div { display: flex; flex-direction: row; align-items: center; } .app-containers-ProfileSettings-EasySettings-___style-module__settingsContainer___k2mEh .app-containers-ProfileSettings-EasySettings-___style-module__header___S1Osx > div button:first-of-type { padding: 0; font: var(--typographyBody1Font); height: 16px; text-decoration: underline; } .app-containers-ProfileSettings-EasySettings-___style-module__settingsContainer___k2mEh .app-containers-ProfileSettings-EasySettings-___style-module__header___S1Osx .app-containers-ProfileSettings-EasySettings-___style-module__iconButton___-rTZi { width: 16px; height: 16px; display: flex; flex-direction: row; align-items: center; justify-content: center; color: var(--colorTextIcons); margin-left: 10px; } .app-containers-ProfileSettings-EasySettings-___style-module__settingsContainer___k2mEh .app-containers-ProfileSettings-EasySettings-___style-module__header___S1Osx .app-containers-ProfileSettings-EasySettings-___style-module__iconButton___-rTZi:hover { color: var(--colorTextMain); } .app-containers-ProfileSettings-EasySettings-___style-module__settingsContainer___k2mEh .app-containers-ProfileSettings-EasySettings-___style-module__content___-UkRn { padding: 16px; } .app-containers-ProfileSettings-EasySettings-___style-module__divider___v---D { width: 100%; height: 1px; background-color: var(--colorDivider); } .app-containers-ProfileSettings-EasySettings-___style-module__backdrop___ljnAR { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 11999; } .app-containers-ProfileSettings-EasySettings-___style-module__advancedContainer___tJkiq { position: absolute; top: 34px; right: 0px; bottom: 0px; left: 0px; border: 4px solid var(--colorBgMain); background-color: var(--colorBgPrimary); z-index: 12000; } .app-containers-ProfileSettings-EasySettings-___style-module__advancedContainer___tJkiq.app-containers-ProfileSettings-EasySettings-___style-module__isDealer___9smF7 { top: 0; } .app-containers-DealerHeaderProfileDescription-___style-module__profile-account-details___G7Nmc { min-width: 236px; } .app-containers-DealerHeaderProfileDescription-___style-module__profile-account-details-info___crrgo { transition: all 0.2s; } .app-containers-DealerHeaderProfileDescription-___style-module__profile-account-details-info___crrgo > i { font-size: 12px; display: inline-block; opacity: 0.6; } .app-containers-DealerHeaderProfileDescription-___style-module__profile-account-details-info___crrgo.app-containers-DealerHeaderProfileDescription-___style-module__active___RcIx-, .app-containers-DealerHeaderProfileDescription-___style-module__profile-account-details-info___crrgo:hover { background: var(--colorAdminBackground); } .app-containers-DealerHeaderProfileDescription-___style-module__profileAccountDetailsImg___at09l { width: 24px; height: 24px; flex: 0 0 24px; border-radius: 12px; background: var(--colorTextDisabled); display: flex; flex-direction: row; justify-content: center; align-items: center; } .app-containers-DealerHeaderProfileDescription-___style-module__profileAccountDetailsImg___at09l img { border-radius: 50%; width: 100%; height: 100%; display: block; } .app-containers-DealerHeaderProfileDescription-___style-module__profileAccountDetailsImg___at09l i { color: var(--colorBgMain); } .app-containers-DealerHeaderProfileDescription-___style-module__profileAccountDetailsImg___at09l .app-containers-DealerHeaderProfileDescription-___style-module__initials___SVCn1 { font: var(--typographyBody2Font); font-size: 10px; font-weight: 700; color: var(--colorTextMain); } .app-containers-DealerHeaderProfileDescription-___style-module__profileAccountDetailsInfoFullname___UbhIe { font: var(--typographyBody1Font); color: var(--colorTextMain); transition: color 0.2s ease-in; display: flex; justify-content: center; padding-left: 4px; margin-top: 2px; flex-direction: column; overflow: hidden; flex: 1; } .app-containers-DealerHeaderProfileDescription-___style-module__profileAccountDetailsInfoFullname___UbhIe span:first-of-type { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .app-containers-DealerHeaderProfileDescription-___style-module__role___-uW6- { font: var(--typographyCaptionFont); font-size: 10px; margin-top: 2px; color: var(--colorGreen); text-transform: uppercase; } .app-containers-DealerHeaderProfileDescription-___style-module__profileAccountDetails___JDSFG { padding: 8px; border-top: 1px solid var(--colorDivider); display: flex; flex-direction: row; position: relative; align-items: flex-start; } .app-containers-DealerHeaderProfileDescription-___style-module__profileAccountDetails___JDSFG.app-containers-DealerHeaderProfileDescription-___style-module__collapsed___wonBJ { padding-top: 12px; padding-bottom: 12px; } .app-containers-DealerHeaderProfileDescription-___style-module__profileAccountDetails___JDSFG.app-containers-DealerHeaderProfileDescription-___style-module__collapsed___wonBJ .app-containers-DealerHeaderProfileDescription-___style-module__profileAccountDetailsInfo___lZGEo { padding: 0 12px; flex-direction: column; justify-content: center; align-items: center; } .app-containers-DealerHeaderProfileDescription-___style-module__profileAccountDetails___JDSFG.app-containers-DealerHeaderProfileDescription-___style-module__collapsed___wonBJ .app-containers-DealerHeaderProfileDescription-___style-module__profileAccountDetailsInfo___lZGEo .app-containers-DealerHeaderProfileDescription-___style-module__profileAccountDetailsImg___at09l { order: 1; } .app-containers-DealerHeaderProfileDescription-___style-module__profileAccountDetails___JDSFG.app-containers-DealerHeaderProfileDescription-___style-module__collapsed___wonBJ .app-containers-DealerHeaderProfileDescription-___style-module__profileAccountDetailsInfo___lZGEo .app-containers-DealerHeaderProfileDescription-___style-module__profileAccountDetailsInfoFullname___UbhIe { display: none; } .app-containers-DealerHeaderProfileDescription-___style-module__profileAccountDetails___JDSFG.app-containers-DealerHeaderProfileDescription-___style-module__collapsed___wonBJ .app-containers-DealerHeaderProfileDescription-___style-module__profileAccountDetailsInfo___lZGEo .app-containers-DealerHeaderProfileDescription-___style-module__actionsContainer___NTEg7 { flex-direction: column; margin-left: 0; margin-bottom: 12px; align-items: center; gap: 4px; } .app-containers-DealerHeaderProfileDescription-___style-module__profileAccountDetails___JDSFG.app-containers-DealerHeaderProfileDescription-___style-module__collapsed___wonBJ .app-containers-DealerHeaderProfileDescription-___style-module__profileAccountDetailsInfo___lZGEo .app-containers-DealerHeaderProfileDescription-___style-module__actionsContainer___NTEg7 > i:last-of-type { display: none; } .app-containers-DealerHeaderProfileDescription-___style-module__profileAccountDetails___JDSFG.app-containers-DealerHeaderProfileDescription-___style-module__collapsed___wonBJ .app-containers-DealerHeaderProfileDescription-___style-module__profileAccountDetailsInfo___lZGEo .app-containers-DealerHeaderProfileDescription-___style-module__actionsContainer___NTEg7 >i:first-of-type { margin-left: 0; margin-right: 0; margin-bottom: 8px; } .app-containers-DealerHeaderProfileDescription-___style-module__profileAccountDetails___JDSFG.app-containers-DealerHeaderProfileDescription-___style-module__collapsed___wonBJ .app-containers-DealerHeaderProfileDescription-___style-module__profileAccountDetailsInfo___lZGEo .app-containers-DealerHeaderProfileDescription-___style-module__actionsContainer___NTEg7 .app-containers-DealerHeaderProfileDescription-___style-module__actions___8kcor span { margin-right: 0; } .app-containers-DealerHeaderProfileDescription-___style-module__profileAccountDetails___JDSFG.app-containers-DealerHeaderProfileDescription-___style-module__collapsed___wonBJ .app-containers-DealerHeaderProfileDescription-___style-module__profileAccountSelectorDropdown___A-vt4 { bottom: 0px; left: 48px; overflow: hidden; } .app-containers-DealerHeaderProfileDescription-___style-module__profileAccountDetailsInfo___lZGEo { height: 100%; width: 100%; padding: 0 8px; cursor: pointer; position: relative; display: flex; align-items: center; } .app-containers-DealerHeaderProfileDescription-___style-module__popupOpened___e3eJl { transform: rotate(180deg); } .app-containers-DealerHeaderProfileDescription-___style-module__profileAccountSelectorDropdown___A-vt4 { position: absolute; bottom: 40px; width: 236px; background: var(--colorDropBg); border-radius: var(--defaultDropBorderRadius); overflow: hidden; box-shadow: 0 7px 16px var(--colorDropShadow); z-index: 12000; left: 40px; } .app-containers-DealerHeaderProfileDescription-___style-module__actionsContainer___NTEg7 { display: flex; flex-direction: row; align-items: flex-start; margin-left: 4px; gap: 4px; } .app-containers-DealerHeaderProfileDescription-___style-module__actionsContainer___NTEg7 i { font-size: 14px; transition: all 0.2s; } .app-containers-DealerHeaderProfileDescription-___style-module__actionsContainer___NTEg7 i:hover { color: var(--colorTextMain); } .app-containers-DealerHeaderProfileDescription-___style-module__actionsContainer___NTEg7 > i:last-of-type { font-size: 14px; } .app-containers-DealerHeaderProfileDescription-___style-module__actionsContainer___NTEg7 .app-containers-DealerHeaderProfileDescription-___style-module__actions___8kcor { display: flex; flex-direction: row; align-items: flex-start; } .app-containers-DealerHeaderProfileDescription-___style-module__actionsContainer___NTEg7 .app-containers-DealerHeaderProfileDescription-___style-module__actions___8kcor > span > span > i { color: var(--colorTextPrimary); } .app-containers-DealerHeaderProfileDescription-___style-module__loader___g2bsw { position: static; width: auto; } .app-containers-Sidebar-___style-module__sidebar___4ipbR { height: 100%; color: var(--colorTextPrimary); display: flex; background: var(--colorBgSecondary); align-items: center; justify-content: space-between; flex-direction: column; padding-top: 8px; flex: 1; max-width: 216px; flex: 0 0 216px; position: relative; transition: all 0.4s ease-in-out; } .app-containers-Sidebar-___style-module__sidebar___4ipbR .app-containers-Sidebar-___style-module__collapseButton___ziXmm { position: absolute; top: 14px; right: -10px; width: 20px; height: 20px; border-radius: 10px; display: flex; flex-direction: row; align-items: center; justify-content: center; color: var(--colorTextIcons); font-size: 9px; background-color: var(--colorBgSecondary); z-index: 1000; } .app-containers-Sidebar-___style-module__sidebar___4ipbR .app-containers-Sidebar-___style-module__collapseButton___ziXmm i { transition: all 0.4s ease-in-out; } .app-containers-Sidebar-___style-module__sidebar___4ipbR .app-containers-Sidebar-___style-module__collapseButton___ziXmm:hover { color: var(--colorTextMain); } .app-containers-Sidebar-___style-module__sidebar___4ipbR > div { width: 100%; } .app-containers-Sidebar-___style-module__sidebar___4ipbR.app-containers-Sidebar-___style-module__collapsed___zEyMg { max-width: 48px; flex: 0 0 48px; } .app-containers-Sidebar-___style-module__sidebar___4ipbR.app-containers-Sidebar-___style-module__collapsed___zEyMg .app-containers-Sidebar-___style-module__collapseButton___ziXmm i { transform: rotate(180deg); } .app-containers-Sidebar-___style-module__sidebar___4ipbR.app-containers-Sidebar-___style-module__collapsed___zEyMg .app-containers-Sidebar-___style-module__logo___iLMp6 div { display: flex; flex-direction: row; align-items: center; width: 100%; padding: 0 8px; } .app-containers-Sidebar-___style-module__sidebar___4ipbR.app-containers-Sidebar-___style-module__collapsed___zEyMg .app-containers-Sidebar-___style-module__logo___iLMp6 div .app-containers-Sidebar-___style-module__img___sVvgm { flex: 0 0 32px; height: 32px; } .app-containers-Sidebar-___style-module__sidebar___4ipbR.app-containers-Sidebar-___style-module__collapsed___zEyMg .app-containers-Sidebar-___style-module__logo___iLMp6 div .app-containers-Sidebar-___style-module__brokerName___M1T-8 { display: none; } .app-containers-Sidebar-___style-module__sidebar___4ipbR.app-containers-Sidebar-___style-module__collapsed___zEyMg .app-containers-Sidebar-___style-module__logoPlaceholder___xiT4t { flex: 0 0 32px; max-width: 32px; height: 32px; } .app-containers-Sidebar-___style-module__sidebar___4ipbR.app-containers-Sidebar-___style-module__collapsed___zEyMg .app-containers-Sidebar-___style-module__logoPlaceholder___xiT4t > span { font-size: 8px; padding: 2px; } .app-containers-Sidebar-___style-module__sidebar___4ipbR.app-containers-Sidebar-___style-module__collapsed___zEyMg .app-containers-Sidebar-___style-module__navigation___D3dGi { padding: 12px 8px; } .app-containers-Sidebar-___style-module__sidebar___4ipbR.app-containers-Sidebar-___style-module__collapsed___zEyMg .app-containers-Sidebar-___style-module__navigationLink___Lr0nF { padding: 8px; justify-content: flex-start; position: relative; } .app-containers-Sidebar-___style-module__sidebar___4ipbR.app-containers-Sidebar-___style-module__collapsed___zEyMg .app-containers-Sidebar-___style-module__navigationLink___Lr0nF i { margin-right: 0; } .app-containers-Sidebar-___style-module__sidebar___4ipbR.app-containers-Sidebar-___style-module__collapsed___zEyMg .app-containers-Sidebar-___style-module__navigationLink___Lr0nF > div { justify-content: flex-start; } .app-containers-Sidebar-___style-module__sidebar___4ipbR.app-containers-Sidebar-___style-module__collapsed___zEyMg .app-containers-Sidebar-___style-module__counter___-2I2h { background: var(--colorError); color: var(--colorTextMain); font-size: 0; left: unset; right: -3px; top: 3px; position: absolute; border-radius: 4px; padding: 0; min-width: 8px; flex: 0 0 8px; height: 8px; display: inline-flex; align-items: center; justify-content: center; transition: all 0.2s; } .app-containers-Sidebar-___style-module__bottom___jCfA9 { width: 100%; } .app-containers-Sidebar-___style-module__navigation___D3dGi { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; margin-bottom: auto; gap: 8px; width: 100%; padding: 12px 12px 0; transition: all 0.4s; } .app-containers-Sidebar-___style-module__navigationLink___Lr0nF { color: var(--colorTextPrimary); padding: 8px 12px; font: var(--typographyBody2Font); letter-spacing: var(--typographyBody2Spacing); white-space: nowrap; text-overflow: ellipsis; align-self: stretch; display: flex; flex-direction: row; align-items: center; justify-content: space-between; border-radius: 6px; transition: background-color 0.2s ease-in, padding 0.4s ease-in-out; } .app-containers-Sidebar-___style-module__navigationLink___Lr0nF > div { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; transition: all 0.2s; max-width: 100%; min-width: 0; flex: 1; } .app-containers-Sidebar-___style-module__navigationLink___Lr0nF > div > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-transform: capitalize; } .app-containers-Sidebar-___style-module__navigationLink___Lr0nF i { flex: 0 0 16px; margin-right: 8px; font-size: 16px; color: var(--colorTextIcons); transition: color 0.2s ease-in; } .app-containers-Sidebar-___style-module__navigationLink___Lr0nF:hover { color: var(--colorButtonAccent); } .app-containers-Sidebar-___style-module__navigationLink___Lr0nF:hover i { color: var(--colorButtonAccent); } .app-containers-Sidebar-___style-module__navigationLink___Lr0nF.app-containers-Sidebar-___style-module__active___RUG57 { color: var(--colorButtonAccent); background-color: var(--colorButtonAccent10); } .app-containers-Sidebar-___style-module__navigationLink___Lr0nF.app-containers-Sidebar-___style-module__active___RUG57 i { color: var(--colorButtonAccent); } .app-containers-Sidebar-___style-module__navigationLink___Lr0nF.app-containers-Sidebar-___style-module__active___RUG57 .app-containers-Sidebar-___style-module__counter___-2I2h { background: var(--colorError); } .app-containers-Sidebar-___style-module__counter___-2I2h { background: var(--colorError); color: var(--colorTextWhite); font: var(--typographyBody2Font); left: 0; top: 0; position: relative; border-radius: 10px; padding: 0 4px; min-width: 32px; height: 16px; display: inline-flex; align-items: center; justify-content: center; transition: all 0.4s ease-in-out; } .app-containers-Sidebar-___style-module__logo___iLMp6 { width: 100%; } .app-containers-Sidebar-___style-module__logo___iLMp6 div { display: flex; flex-direction: row; align-items: center; width: 100%; padding: 0 12px; transition: all 0.4s ease-in-out; } .app-containers-Sidebar-___style-module__logo___iLMp6 div .app-containers-Sidebar-___style-module__img___sVvgm { flex: 0 0 68px; height: 32px; transition: all 0.4s ease-in-out; background-position: center center; background-size: cover; } .app-containers-Sidebar-___style-module__logo___iLMp6 div .app-containers-Sidebar-___style-module__brokerName___M1T-8 { display: block; margin-left: 8px; font: var(--typographyBody1Font); color: var(--colorTextMain); } .app-containers-Sidebar-___style-module__logoPlaceholder___xiT4t { flex: 0 0 68px; max-width: 68px; height: 32px; display: flex; flex-direction: row; align-items: center; justify-content: center; transition: all 0.4s ease-in-out; background: linear-gradient(to top left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) calc(50% - 1px), var(--colorPlugLogoText) 50%, rgba(0,0,0,0) calc(50% + 1px), rgba(0,0,0,0) 100%), linear-gradient(to top right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) calc(50% - 1px), var(--colorPlugLogoText) 50%, rgba(0,0,0,0) calc(50% + 1px), rgba(0,0,0,0) 100%), var(--colorPlaceholderGraphics); } .app-containers-Sidebar-___style-module__logoPlaceholder___xiT4t > span { transition: all 0.4s ease-in-out; color: var(--colorPlugLogoText); font: var(--typographyCaps3Font); letter-spacing: var(--typographyCaps3Spacing); font-weight: 700; text-transform: uppercase; background-color: var(--colorPlaceholderGraphics); padding: 4px; } .app-containers-Sidebar-___style-module__eodWarningContainer___WJxPz { width: 200px !important; margin: 8px; background-color: var(--colorError); padding: 8px; display: flex; flex-direction: row; color: var(--colorTextWhite); border-radius: 6px; height: fit-content; min-height: 0; overflow: hidden; flex: 0 0 auto; } .app-containers-Sidebar-___style-module__eodWarningContainer___WJxPz i { font-size: 12px; margin-right: 4px; } .app-containers-Sidebar-___style-module__eodWarningContainer___WJxPz > div { font: var(--typographyBody1Font); visibility: visible; font-size: 11px; line-height: 14px; width: auto; opacity: 1; height: fit-content; min-height: 0; } .app-containers-Sidebar-___style-module__eodWarningContainer___WJxPz > div > div { margin-bottom: 4px; } .app-containers-Sidebar-___style-module__eodWarningContainer___WJxPz .app-containers-Sidebar-___style-module__link___ubAB0 { font: var(--typographyCaps3Font); text-transform: uppercase; color: var(--colorTextWhite); text-decoration: underline; text-decoration-color: var(--colorTextWhite50); } .app-containers-Sidebar-___style-module__eodWarningContainer___WJxPz.app-containers-Sidebar-___style-module__warningCollapsed___Vn59a { width: 32px !important; height: 32px; align-items: center; justify-content: center; border-radius: 6px; cursor: pointer; overflow: hidden; } .app-containers-Sidebar-___style-module__eodWarningContainer___WJxPz.app-containers-Sidebar-___style-module__warningCollapsed___Vn59a i { font-size: 16px; margin-right: 0; } .app-spaces-DealerSpace-___style-module__container___HClbq { display: flex; flex-direction: row; height: 100%; } .app-spaces-DealerSpace-___style-module__content___x4-W- { flex-grow: 2; background: var(--colorAdminBackground); overflow: hidden; display: flex; flex-direction: column; position: relative; } .app-spaces-DealerSpace-___style-module__bordered___q6YKr { border: 5px solid var(--colorGreenAdmin); } .app-spaces-DealerSpace-___style-module__dashboardMode___B-0SV { border: 2px solid var(--colorWarningPrimary); border-top: unset; } .app-spaces-DealerSpace-___style-module__exitButton___YIpb- { position: absolute; bottom: 24px; right: 20px; z-index: 1001; display: flex; flex-direction: row; align-items: center; height: 34px; border-radius: 17px; color: var(--colorWhite); } .app-spaces-DealerSpace-___style-module__exitButton___YIpb- > div:first-of-type { background: var(--colorGreenAdmin); align-self: stretch; display: flex; flex-direction: row; align-items: center; border-radius: 17px 0 0 17px; padding: 0 12px; font: var(--typographySubtitleFont); } .app-spaces-DealerSpace-___style-module__exitButton___YIpb- > div:last-of-type { background: var(--colorError); align-self: stretch; display: flex; flex-direction: row; align-items: center; border-radius: 0 17px 17px 0; padding: 0 12px; font: var(--typographyBody1Font); cursor: pointer; } .app-spaces-DealerSpace-___style-module__stop___b-VEX { width: 10px; height: 10px; background: var(--colorWhite); margin-right: 10px; } .app-spaces-DealerSpace-___style-module__platformStatus___JBwje{ background-color: var(--colorError); height: 30px; min-height: 30px; width: 100%; display: flex; align-items: center; justify-content: center; } .app-spaces-DealerSpace-___style-module__platformStatusText___38TxV{ text-align: center; color: var(--colorWhite); font: var(--typographyBody1Font); } .app-spaces-DealerSpace-___style-module__platformStatusText___38TxV a { border-bottom: 1px dashed var(--colorWhite); } .app-entitySelectors-LocaleSelector-___style-module__selector___CDemH{ min-width: 150px; max-width: 300px; position: relative; z-index: 10000; } .app-entitySelectors-LocaleSelector-___style-module__inlineLabelSelectPopupContainer___41LuX { display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 32px; padding: 8px; background-color: var(--colorInputBg); width: 100%; border-radius: 3px; border: 1px solid var(--colorInputBg); font: var(--typographyBody1Font); letter-spacing: var(--typographyBody2Spacing); color: var(--colorTextMain); } .app-entitySelectors-LocaleSelector-___style-module__inlineLabelSelectPopupContainer___41LuX.app-entitySelectors-LocaleSelector-___style-module__pickerOnly___fDVUl { background-color: transparent; height: auto; border: none; padding: 4px; } .app-entitySelectors-LocaleSelector-___style-module__inlineLabelSelectPopupContainer___41LuX .app-entitySelectors-LocaleSelector-___style-module__content___eWrCm { display: flex; flex-direction: row; align-items: center; } .app-entitySelectors-LocaleSelector-___style-module__inlineLabelSelectPopupContainer___41LuX .app-entitySelectors-LocaleSelector-___style-module__content___eWrCm > div:first-of-type { color: var(--colorAccent); } .app-entitySelectors-LocaleSelector-___style-module__inlineLabelSelectPopupContainer___41LuX .app-entitySelectors-LocaleSelector-___style-module__content___eWrCm .app-entitySelectors-LocaleSelector-___style-module__icon___up8b8 { font: var(--typographySmallIconFont); color: var(--colorAccent); margin-left: 8px; } .app-entitySelectors-LocaleSelector-___style-module__inlineLabelSelectPopupContainer___41LuX.app-entitySelectors-LocaleSelector-___style-module__noLabel___Tmg31 .app-entitySelectors-LocaleSelector-___style-module__content___eWrCm { justify-content: space-between; width: 100%; } .app-entitySelectors-LocaleSelector-___style-module__inlineLabelSelectPopupContainer___41LuX.app-entitySelectors-LocaleSelector-___style-module__noLabel___Tmg31 .app-entitySelectors-LocaleSelector-___style-module__content___eWrCm > div:first-of-type { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .app-entitySelectors-LocaleSelector-___style-module__divider___40Bli { width: 100%; height: 1px; background-color: var(--colorDivider); margin: 4px 0 8px; } .app-entitySelectors-LocaleSelector-___style-module__options___Y4sPm { background-color: var(--colorDropBg); position: relative; display: flex; flex-direction: column; border-radius: var(--defaultDropBorderRadius); border: 1px solid var(--colorWindowBorder); padding: 4px 0; min-width: 162px; } .app-entitySelectors-LocaleSelector-___style-module__options___Y4sPm p { font: var(--typographyCaps3Font); color: var(--colorTextPrimary); padding: 4px 8px 4px; text-transform: uppercase; } .app-entitySelectors-LocaleSelector-___style-module__options___Y4sPm .app-entitySelectors-LocaleSelector-___style-module__option___1PVo7 { color: var(--colorTextMain); padding: 8px; cursor: pointer; font: var(--typographyBody1Font); display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .app-entitySelectors-LocaleSelector-___style-module__options___Y4sPm .app-entitySelectors-LocaleSelector-___style-module__option___1PVo7:hover { background-color: var(--colorAccent20); color: var(--colorButtonAccentText); } .app-entitySelectors-LocaleSelector-___style-module__options___Y4sPm .app-entitySelectors-LocaleSelector-___style-module__option___1PVo7.app-entitySelectors-LocaleSelector-___style-module__active___2D2Fm { color: var(--colorButtonAccentText); background-color: var(--colorAccent20); } .app-entitySelectors-LocaleSelector-___style-module__options___Y4sPm .app-entitySelectors-LocaleSelector-___style-module__option___1PVo7 i { color: var(--colorTextIcons); font-size: 14px; margin-left: 4px; } .app-entitySelectors-LocaleSelector-___style-module__options___Y4sPm .app-entitySelectors-LocaleSelector-___style-module__option___1PVo7 i:hover { color: var(--colorButtonAccentText); } .app-containers-SidePage-___style-module__modalContainer___h5rvw { height: 100%; background-color: transparent!important; border-radius: 0!important; display: flex; flex-direction: column; justify-content: space-between; position: relative; box-shadow: none!important; } .app-containers-SidePage-___style-module__modalContainer___h5rvw .app-containers-SidePage-___style-module__content___PXnKK { padding: 0 12px; position: relative; height: calc(100% - 60px); } .app-containers-SidePage-___style-module__shadow___ehfsy { box-shadow: -12px 0 44px rgba(0, 0, 0, 0.3); } .app-containers-SidePage-___style-module__header___y7Wdu { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 0 12px; height: 40px; color: var(--colorTextMain); background-color: var(--colorBgSecondary); } .app-containers-SidePage-___style-module__header___y7Wdu .app-containers-SidePage-___style-module__iconBack___T8mnv { cursor: pointer; margin-right: 12px; transition: all 0.2s; color: var(--colorTextPrimary); font-size: 12px; } .app-containers-SidePage-___style-module__header___y7Wdu .app-containers-SidePage-___style-module__iconBack___T8mnv:hover { color: var(--colorTextMain); } .app-containers-SidePage-___style-module__header___y7Wdu span { font: var(--typographyBody1Font); color: var(--colorTextMain); } .app-containers-SidePage-___style-module__header___y7Wdu .app-containers-SidePage-___style-module__closeButton___P-mC5 { font-size: 12px; color: var(--colorTextIcons); width: 12px; height: 12px; } .app-containers-SidePage-___style-module__header___y7Wdu .app-containers-SidePage-___style-module__closeButton___P-mC5:hover { color: var(--colorTextMain); } .app-containers-SidePage-___style-module__backdrop___n518O { background-color: transparent; } .app-containers-SidePage-___style-module__backdrop___n518O.app-containers-SidePage-___style-module__backdropZIndex___NQrFI { z-index: 12000; } .app-containers-SidePage-___style-module__customBackdrop___mP3Zm { background-color: var(--modalOverlay); } .app-containers-SidePage-___style-module__customBackdrop___mP3Zm.app-containers-SidePage-___style-module__backdropZIndex___NQrFI { z-index: 12000; } .app-containers-SidePage-___style-module__pageBackdrop___ZnZSO { position: absolute; top: 0; width: 100vw; right: 0; bottom: 0; background-color: var(--modalOverlay); } .app-containers-SidePage-___style-module__page___JX9Na { position: relative; height: calc(100% - 40px); background-color: var(--colorBgPrimary); display: flex; flex-direction: column; } .app-containers-SidePage-___style-module__page___JX9Na.app-containers-SidePage-___style-module__noHeader___vQSXs { height: 100%; } .app-containers-SidePage-___style-module__page___JX9Na .app-containers-SidePage-___style-module__topPage___ETtYY { background-color: var(--colorBgPrimary); position: relative; top: 0; bottom: 0; right: 0; height: 100%; transition: visibility 150ms ease-in; } /* opacity: 0; */ .app-containers-SidePage-___style-module__page___JX9Na .app-containers-SidePage-___style-module__topPage___ETtYY > div { height: 100%; } .app-containers-SidePage-___style-module__pageWrapper___NQDzs { position: absolute; top: 0; bottom: 0; right: 0; } .app-containers-SidePage-___style-module__sidePageAnimatedWrapper___xlnAw { position: absolute; height: 100%; top: 0; right: 0; bottom: 0; } .app-components-AddWithdraw-___style-module__wrapper___zRWli { width: 400px; display: flex; flex-direction: column; height: 100%; } .app-components-AddWithdraw-___style-module__wrapper___zRWli .app-components-AddWithdraw-___style-module__padded___J0EwC { padding: 16px; } .app-components-AddWithdraw-___style-module__wrapper___zRWli > div:first-of-type { flex: 1; } .app-components-AddWithdraw-___style-module__wrapper___zRWli .app-components-AddWithdraw-___style-module__description___wpEgQ { margin: 8px 0; color: var(--colorTextPrimary); font: var(--typographyBody1Font); } .app-components-AddWithdraw-___style-module__wrapper___zRWli .app-components-AddWithdraw-___style-module__noData___MTw-e { margin: 16px 0; color: var(--colorTextPrimary); font: var(--typographyBody1Font); text-align: center; } .app-components-AddWithdraw-___style-module__wrapper___zRWli .app-components-AddWithdraw-___style-module__fields___zsFaP { margin: 12px 0; } .app-components-AddWithdraw-___style-module__wrapper___zRWli .app-components-AddWithdraw-___style-module__fields___zsFaP > div:not(:last-of-type) { margin-bottom: 8px; } .app-components-AddWithdraw-___style-module__wrapper___zRWli .app-components-AddWithdraw-___style-module__available___2O-JT { font: var(--typographyBody1Font); margin: 8px 0 12px; color: var(--colorTextPrimary); display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .app-components-AddWithdraw-___style-module__wrapper___zRWli .app-components-AddWithdraw-___style-module__available___2O-JT > span:last-of-type { color: var(--colorTextMain); margin-left: 6px; } .app-components-AddWithdraw-___style-module__wrapper___zRWli .app-components-AddWithdraw-___style-module__maxAmount___g0Z5b { text-align: right; color: var(--colorAccent); font-size: 11px; margin-top: 4px; } .app-components-AddWithdraw-___style-module__wrapper___zRWli .app-components-AddWithdraw-___style-module__maxAmount___g0Z5b.app-components-AddWithdraw-___style-module__error___pnmbm { color: var(--colorPLMinus); } .app-components-AddWithdraw-___style-module__wrapper___zRWli .app-components-AddWithdraw-___style-module__info___cigN2 { border-top: 1px solid var(--colorDivider); padding: 8px 0 0; margin-top: 8px; } .app-components-AddWithdraw-___style-module__wrapper___zRWli .app-components-AddWithdraw-___style-module__fee___CudQj { color: var(--colorTextPrimary); font: var(--typographyBody1Font); margin-bottom: 8px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .app-components-AddWithdraw-___style-module__wrapper___zRWli .app-components-AddWithdraw-___style-module__fee___CudQj > span:last-of-type { color: var(--colorTextMain); margin-left: 4px; } .app-components-AddWithdraw-___style-module__footer___SPoGJ { display: flex; flex-direction: row; justify-content: flex-end; border-top: 1px solid var(--colorDivider); padding: 8px; } .app-components-AddWithdraw-___style-module__footer___SPoGJ button { width: 120px; } .app-components-AddWithdraw-___style-module__customButton___cnIaD { cursor: pointer; color: var(--colorTextPrimary); } .app-components-AddWithdraw-___style-module__customButton___cnIaD.app-components-AddWithdraw-___style-module__deposit___E9yqd i { display: block; transform: rotate(180deg); } .app-components-AddWithdraw-___style-module__customButton___cnIaD:hover { color: var(--colorAccent); } .app-components-DownloadFileButton-___style-module__link___vSlvB{ text-decoration: underline; cursor: pointer; font-size:12px; } .app-pages-FinancesPage-FundsPage-SlideConfirmation-___styles-module__slideModal___uB3FS { display: flex; flex-direction: column; } .app-pages-FinancesPage-FundsPage-SlideConfirmation-___styles-module__slideModal___uB3FS .app-pages-FinancesPage-FundsPage-SlideConfirmation-___styles-module__title___3xURf { padding: 20px 16px 6px; color: var(--colorTextMain); font: var(--typographySubtitleFont); } .app-pages-FinancesPage-FundsPage-SlideConfirmation-___styles-module__slideModal___uB3FS .app-pages-FinancesPage-FundsPage-SlideConfirmation-___styles-module__content___8k3HE { display: flex; flex-direction: row; align-items: flex-start; gap: 8px; padding: 0 16px; flex-wrap: nowrap; } .app-pages-FinancesPage-FundsPage-SlideConfirmation-___styles-module__slideModal___uB3FS .app-pages-FinancesPage-FundsPage-SlideConfirmation-___styles-module__content___8k3HE > p { font: var(--typographyBody2Font); color: var(--colorTextPrimary); } .app-pages-FinancesPage-FundsPage-SlideConfirmation-___styles-module__slideModal___uB3FS .app-pages-FinancesPage-FundsPage-SlideConfirmation-___styles-module__content___8k3HE > div { min-width: 180px; } .app-pages-FinancesPage-FundsPage-SlideConfirmation-___styles-module__slideModal___uB3FS .app-pages-FinancesPage-FundsPage-SlideConfirmation-___styles-module__content___8k3HE.app-pages-FinancesPage-FundsPage-SlideConfirmation-___styles-module__column___Yl2Fj { flex-direction: column; } .app-pages-FinancesPage-FundsPage-SlideConfirmation-___styles-module__slideModal___uB3FS .app-pages-FinancesPage-FundsPage-SlideConfirmation-___styles-module__content___8k3HE.app-pages-FinancesPage-FundsPage-SlideConfirmation-___styles-module__column___Yl2Fj > div { width: 100%; } .app-pages-FinancesPage-FundsPage-SlideConfirmation-___styles-module__slideModal___uB3FS .app-pages-FinancesPage-FundsPage-SlideConfirmation-___styles-module__footer___K-pN7 { padding: 4px; margin-top: 16px; border-top: 1px solid var(--colorDivider); display: flex; flex-direction: row; justify-content: flex-end; gap: 4px; } .app-pages-FinancesPage-FundsPage-SlideConfirmation-___styles-module__slideModal___uB3FS .app-pages-FinancesPage-FundsPage-SlideConfirmation-___styles-module__footer___K-pN7 button { width: auto; text-transform: uppercase; height: 28px; font: var(--typographyCaps3Font); } .app-pages-FinancesPage-FundsPage-SlideConfirmation-___styles-module__slideModalWrapper___UXNh- { height: auto!important; } .app-pages-FinancesPage-FundsPage-SlideConfirmation-___styles-module__slideModalWrapper___UXNh- > div > div { height: auto!important; } .app-pages-FinancesPage-FundsPage-SlideConfirmation-___styles-module__seconds___HcN4P { color: var(--colorTextPrimary)!important; } .app-pages-ProfilePage-PaymentMethods-___style-module__container___Gj20t { padding: 10px; color: var(--colorTextMain); width: 100%; overflow: hidden; display: flex; flex-direction: column; } .app-pages-ProfilePage-PaymentMethods-___style-module__container___Gj20t .app-pages-ProfilePage-PaymentMethods-___style-module__scrollContent___pq5iX { display: grid; grid-gap: 10px; grid-template-columns: repeat(auto-fill, 350px); } .app-pages-ProfilePage-PaymentMethods-___style-module__method___dGhuS { display: flex; flex-direction: column; padding-bottom: 10px; background-color: var(--colorBgSecondary); border-radius: 4px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .app-pages-ProfilePage-PaymentMethods-___style-module__method___dGhuS.app-pages-ProfilePage-PaymentMethods-___style-module__isSidePage___0QNxJ { background-color: transparent; border-radius: 0; border: none; } .app-pages-ProfilePage-PaymentMethods-___style-module__qrIcon___VAFHp { font-size: 14px; margin-right: 8px; color: var(--colorTextIcons); cursor: pointer; } .app-pages-ProfilePage-PaymentMethods-___style-module__qrIcon___VAFHp.app-pages-ProfilePage-PaymentMethods-___style-module__visible___DWz-I { color: var(--colorTextMain); } .app-pages-ProfilePage-PaymentMethods-___style-module__qrContainer___TRG4R { width: 126px; height: 126px; background-color: var(--colorDropBgActive); border-radius: 4px; border: 1px solid var(--colorDivider); } .app-pages-ProfilePage-PaymentMethods-___style-module__qrContainer___TRG4R canvas { border-radius: 4px; } .app-pages-ProfilePage-PaymentMethods-___style-module__methodCurrency___Ii6bo { display: flex; align-items: flex-start; justify-content: space-between; padding: 4px 8px; word-break: break-word; } .app-pages-ProfilePage-PaymentMethods-___style-module__methodCurrency___Ii6bo > div:first-child { font: var(--typographyCodesFont); color: var(--colorTextPrimary); } .app-pages-ProfilePage-PaymentMethods-___style-module__methodCurrency___Ii6bo > div:last-child { font: var(--typographyCodesFont); color: var(--colorTextMain); display: flex; flex-direction: row; align-items: center; } .app-pages-ProfilePage-PaymentMethods-___style-module__methodProperty___KEIt9 { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; padding: 0 8px; word-break: break-word; margin-bottom: 12px; gap: 4px; } .app-pages-ProfilePage-PaymentMethods-___style-module__methodProperty___KEIt9 > div:first-child { font: var(--typographyCaptionFont); color: var(--colorTextPrimary); } .app-pages-ProfilePage-PaymentMethods-___style-module__methodProperty___KEIt9 > div:last-child { font: var(--typographyBody1Font); color: var(--colorTextMain); display: flex; flex-direction: row; align-items: center; margin-bottom: 0; } .app-pages-ProfilePage-PaymentMethods-___style-module__methodPropertiesSeparator___lPAKD { padding: 16px 0 12px; margin: 12px 8px 0; border-top: solid 1px var(--colorDivider); color: var(--colorTextPrimary); font: var(--typographyHeaderFont); text-transform: uppercase; letter-spacing: 1.06px; } .app-pages-ProfilePage-PaymentMethods-___style-module__methodPropertiesSeparator___lPAKD + .app-pages-ProfilePage-PaymentMethods-___style-module__methodProperty___KEIt9 { border-top: transparent; } .app-pages-ProfilePage-PaymentMethods-___style-module__documents___QRRvu { display: flex; flex-wrap: wrap; } .app-pages-ProfilePage-PaymentMethods-___style-module__updateModal___Zil6C { color: var(--colorTextMain); width: 350px; } .app-pages-ProfilePage-PaymentMethods-___style-module__updateModal___Zil6C > div:first-of-type { padding: 12px; color: var(--colorTextMain); font: var(--typographyBody1Font); } .app-pages-ProfilePage-PaymentMethods-___style-module__modalBtns___4-l4m { padding: 8px; display: flex; justify-content: flex-end; border-top: 1px solid var(--colorDivider); } .app-pages-ProfilePage-PaymentMethods-___style-module__modalBtns___4-l4m button { width: auto; } .app-pages-ProfilePage-PaymentMethods-___style-module__modalBtns___4-l4m :first-child { margin-right: 4px; } .app-pages-ProfilePage-PaymentMethods-___style-module__modalBtns___4-l4m :last-child { margin-left: 4px; } .app-pages-ProfilePage-PaymentMethods-___style-module__methodButtons___tjXzq { display: flex; align-items: center; } .app-pages-ProfilePage-PaymentMethods-___style-module__methodButtons___tjXzq > span { display: flex; align-items: center; line-height: 13px; } .app-pages-ProfilePage-PaymentMethods-___style-module__methodButtons___tjXzq span + span { margin-left: 16px; } .app-pages-ProfilePage-PaymentMethods-___style-module__methodHeader___Pu45Y { display: flex; justify-content: space-between; padding: 8px; border-bottom: 1px solid var(--colorDivider); font: var(--typographyBody1Font); color: var(--colorTextMain); } .app-pages-ProfilePage-PaymentMethods-___style-module__methodHeader___Pu45Y span { display: flex; align-items: center; justify-content: center; cursor: pointer; } .app-pages-ProfilePage-PaymentMethods-___style-module__methodHeader___Pu45Y span i { margin-right: 6px; margin-bottom: 2px; } .app-pages-ProfilePage-PaymentMethods-___style-module__methodHeader___Pu45Y.app-pages-ProfilePage-PaymentMethods-___style-module__rejected___dscKs span { color: var(--colorTextIcons); } .app-pages-ProfilePage-PaymentMethods-___style-module__methodHeader___Pu45Y.app-pages-ProfilePage-PaymentMethods-___style-module__other___rm9u4 span { color: var(--colorAccent); } .app-pages-ProfilePage-PaymentMethods-___style-module__methodHeader___Pu45Y.app-pages-ProfilePage-PaymentMethods-___style-module__verification___vIc8y span:last-child { color: var(--colorAccent); } .app-pages-ProfilePage-PaymentMethods-___style-module__methodHeader___Pu45Y.app-pages-ProfilePage-PaymentMethods-___style-module__verification___vIc8y span:first-child { color: var(--colorError); } .app-pages-ProfilePage-PaymentMethods-___style-module__icon___UlJuH { margin-left: 10px; } .app-pages-ProfilePage-PaymentMethods-___style-module__actions___dWA2t { padding-top: 10px; line-height: 10px; } .app-pages-ProfilePage-PaymentMethods-___style-module__actions___dWA2t > span { font-size: 14px; color: var(--colorTextPrimary); margin-right: 10px; cursor: pointer; } .app-pages-ProfilePage-PaymentMethods-___style-module__actions___dWA2t > span:after { content: ''; display: inline-block; height: 12px; width: 1px; background: var(--colorBgSecondary); margin-left: 10px; position: relative; top: 2px; } .app-pages-ProfilePage-PaymentMethods-___style-module__actions___dWA2t > span:last-child:after { display: none; } .app-pages-ProfilePage-PaymentMethods-___style-module__actions___dWA2t > span:hover { color: var(--colorTextMain); } .app-pages-ProfilePage-PaymentMethods-___style-module__actions___dWA2t > span:hover i { color: var(--colorTextMain); } .app-pages-ProfilePage-PaymentMethods-___style-module__actions___dWA2t > span:last-child { margin-right: 0; } .app-pages-ProfilePage-PaymentMethods-___style-module__actions___dWA2t i { color: var(--colorTextPrimary); margin-right: 5px; } .app-pages-ProfilePage-PaymentMethods-___style-module__status___LM5Al, .app-pages-ProfilePage-PaymentMethods-___style-module__profile___-4Gtr { color: var(--colorTextPrimary); font-size: 14px; } .app-pages-ProfilePage-PaymentMethods-___style-module__status___LM5Al a, .app-pages-ProfilePage-PaymentMethods-___style-module__profile___-4Gtr a { text-decoration: underline; } .app-pages-ProfilePage-PaymentMethods-___style-module__status___LM5Al a:hover, .app-pages-ProfilePage-PaymentMethods-___style-module__profile___-4Gtr a:hover { color: var(--colorTextMain); } .app-pages-ProfilePage-PaymentMethods-___style-module__addPaymentMethodForm___ePCXh { width: 500px; max-height: 700px; overflow: hidden; display: flex; flex-direction: column; } .app-pages-ProfilePage-PaymentMethods-___style-module__addPaymentMethodForm___ePCXh > div { overflow: hidden; display: flex; flex-direction: column; flex-grow: 1; } .app-pages-ProfilePage-PaymentMethods-___style-module__empty___NAqDO { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 25px; color: var(--colorTextPrimary); } .app-pages-ProfilePage-PaymentMethods-___style-module__actionButton___y5r3x { width: 16px; height: 16px; display: flex; flex-direction: row; align-items: center; justify-content: center; cursor: pointer; color: var(--colorTextIcons); margin-left: 8px; } .app-pages-ProfilePage-PaymentMethods-___style-module__actionButton___y5r3x:hover { color: var(--colorTextMain); } .app-pages-ProfilePage-PaymentMethods-___style-module__dropdown___RwH9z { background: var(--colorDropBg); padding: 4px 0; border-radius: var(--defaultDropBorderRadius); overflow: hidden; width: auto; } .app-pages-ProfilePage-PaymentMethods-___style-module__dropdown___RwH9z .app-pages-ProfilePage-PaymentMethods-___style-module__item___CJvOJ { min-height: 32px; padding: 8px 10px; display: flex; flex-direction: row; align-items: center; color: var(--colorTextMain); font: var(--typographyBody1Font); cursor: pointer; transition: all 0.1s; } .app-pages-ProfilePage-PaymentMethods-___style-module__dropdown___RwH9z .app-pages-ProfilePage-PaymentMethods-___style-module__item___CJvOJ:hover { background: var(--colorDropBgHover); color: var(--colorTextMain); } .app-pages-ProfilePage-PaymentMethods-___style-module__paymentAccountForm___PzzmL { width: 200px; background-color: var(--colorDropBgActive); border-radius: var(--defaultDropBorderRadius); box-shadow: 0px 4px 12px var(--colorDropShadow); } .app-pages-ProfilePage-PaymentMethods-___style-module__paymentAccountForm___PzzmL .app-pages-ProfilePage-PaymentMethods-___style-module__accountName___RUdLi { padding: 8px; } .app-pages-ProfilePage-PaymentMethods-___style-module__paymentAccountForm___PzzmL .app-pages-ProfilePage-PaymentMethods-___style-module__actions___dWA2t { border-top: 1px solid var(--colorDivider); padding: 4px; display: flex; flex-direction: row; justify-content: flex-end; gap: 4px; } .app-pages-ProfilePage-PaymentMethods-___style-module__paymentAccountForm___PzzmL .app-pages-ProfilePage-PaymentMethods-___style-module__actions___dWA2t button { font-weight: 400; } .app-pages-ProfilePage-PaymentMethods-___style-module__paymentMethodsSidePage___HGqgt { width: 400px; height: 100%; } .app-pages-ProfilePage-PaymentMethods-___style-module__divider___aVqaa { height: 1px; background-color: var(--colorDivider); margin: 8px 0; } .app-pages-FinancesPage-FundsPage-Payments-___style-module__panelContent___Rqzyk { flex: 1; display: flex; flex-flow: column; width: 100%; overflow: hidden; position: relative; } .app-pages-FinancesPage-FundsPage-Payments-___style-module__btnOk___NKnDI { height: 32px; width: 200px; margin-top: 0 !important; } .app-pages-FinancesPage-FundsPage-Payments-___style-module__methodsList___BhLTp { display: block; padding: 10px; } .app-pages-FinancesPage-FundsPage-Payments-___style-module__methodItem___fgt2t { width: 100%; border-bottom: 1px solid var(--colorDivider); padding: 12px 10px; display: flex; align-items: center; cursor: pointer; } .app-pages-FinancesPage-FundsPage-Payments-___style-module__methodItem___fgt2t > div:first-of-type i { margin-right: 10px; } .app-pages-FinancesPage-FundsPage-Payments-___style-module__methodTitleSection___TmLMo { display: flex; flex-direction: row; } .app-pages-FinancesPage-FundsPage-Payments-___style-module__methodTitleStatusText___yjQtX { font-size: 11px; color: var(--colorTextDigit); } .app-pages-FinancesPage-FundsPage-Payments-___style-module__methodTitlePaymentMethod___tEhWu { font-size: 15px; color: var(--colorTextMain); margin-bottom: 4px; } .app-pages-FinancesPage-FundsPage-Payments-___style-module__methodTitleBank___Ln-N2 { font: var(--typographyBody1Font); color: var(--colorTextPrimary); } .app-pages-FinancesPage-FundsPage-Payments-___style-module__methodTitleCurrency___YZtlz { font: var(--typographyBody1Font); color: var(--colorTextPrimary); text-align: right; margin-right: 4px; } .app-pages-FinancesPage-FundsPage-Payments-___style-module__methodTitleText___4KHS4 { font-size: 18px; color: var(--colorTextMain); } .app-pages-FinancesPage-FundsPage-Payments-___style-module__methodTitleAction___QIYJk { margin-left: auto; display: flex; align-items: center; } .app-pages-FinancesPage-FundsPage-Payments-___style-module__pending___UOIYm { color: var(--colorWarning); } .app-pages-FinancesPage-FundsPage-Payments-___style-module__accepted___miF-e { color: var(--colorGreen); } .app-pages-FinancesPage-FundsPage-Payments-___style-module__rejected___jjmB2 { color: var(--colorError); } .app-pages-FinancesPage-FundsPage-Payments-___style-module__methodTitleStatusArrow___tcShq { width: 9px; height: 9px; font-size: 9px; color: var(--colorTextPrimary); } .app-pages-FinancesPage-FundsPage-Payments-___style-module__methodTitleStatusArrowUp___yWYPf { transform: rotate(180deg); } .app-pages-FinancesPage-FundsPage-Payments-___style-module__methodsFooter___FKrj7 { padding: 10px; min-height: 61px; display: flex; justify-content: center; background-color: var(--colorBgSecondary); border-top: solid 1px var(--colorDivider); margin-top: auto; } .app-pages-FinancesPage-FundsPage-Payments-___style-module__transactions___s3qK- { height: 100%; display: flex; align-items: center; justify-content: center; } .app-pages-FinancesPage-FundsPage-Payments-___style-module__transactionsDummy___mvd0o { display: flex; justify-content: center; flex-flow: column; align-items: center; } .app-pages-FinancesPage-FundsPage-Payments-___style-module__transactionsDummyText___DaVXZ { font-size: 16px; color: var(--colorTextPrimary); } .app-pages-FinancesPage-FundsPage-Payments-___style-module__contentTitle___4OksJ { display: flex; align-items: center; justify-content: space-between; font-size: 18px; color: var(--colorTextMain); margin: 12px 12px 0; } .app-pages-FinancesPage-FundsPage-Payments-___style-module__scrollBar___zBubt { width: 100%; } .app-pages-FinancesPage-FundsPage-Payments-___style-module__paymentMethodsSidePage___lG2pt { width: 400px; height: 100%; } .app-pages-FinancesPage-FundsPage-Payments-___style-module__paymentMethodsListContainer___5Bwja { width: 400px; height: 100%; display: flex; overflow: hidden; } .app-pages-FinancesPage-FundsPage-Payments-___style-module__paymentDetails___EQlse { width: 400px; height: 100%; color: var(--colorTextMain); font: var(--typographyBody1Font); display: flex; flex-direction: column; } .app-pages-FinancesPage-FundsPage-Payments-___style-module__paymentMethodActions___zTiqN { margin-top: auto; display: flex; flex-direction: row; justify-content: flex-end; padding: 8px; border-top: 1px solid var(--colorDivider); } .app-components-DocumentUpload-___styles-module__container___dT2ki{ position: relative; } .app-components-DocumentUpload-___styles-module__wrap___O6IWP{ margin-bottom: 20px; } .app-components-DocumentUpload-___styles-module__files___qYfv4{ margin-bottom:10px; } .app-components-DocumentUpload-___styles-module__error___rASKI{ font-size:12px; color: var(--colorError); margin-top:2px; text-align: right; } .app-components-DocumentUpload-___styles-module__loading___6V7W- { background-color: transparent; -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px); } .app-components-DocumentUpload-___styles-module__loading___6V7W- svg path { stroke: var(--colorWhite); } .app-components-DocumentUpload-___styles-module__loading___6V7W-{ bottom: unset; height: 84px!important; } .app-components-PaymentMethodForm-___style-module__panels___2VQrh { display: flex; position: relative; justify-content: space-between; flex: 1; overflow: hidden; } .app-components-PaymentMethodForm-___style-module__panel___3wcdW { width: 50%; position: relative; } .app-components-PaymentMethodForm-___style-module__panel___3wcdW:first-child { margin-right: 10px; } .app-components-PaymentMethodForm-___style-module__panel-content___ttErE { flex: 1; display: flex; flex-flow: column; width: 100%; overflow: hidden; min-height: 350px; height: 100%; max-height: 100vh; } .app-components-PaymentMethodForm-___style-module__content-title___Di5pa { font-size: 16px; color: var(--colorTextMain); line-height: 1; margin-bottom: 13px; } .app-components-PaymentMethodForm-___style-module__documents-label___RTalT { width: 30% !important; } .app-components-PaymentMethodForm-___style-module__form___HUWEX { padding: 16px 16px 8px; } .app-components-PaymentMethodForm-___style-module__form-row___t6IWG { margin-bottom: 12px; } .app-components-PaymentMethodForm-___style-module__form-label___8WA5P { font-size: 14px; flex: 1; display: flex; align-content: center; align-items: center; } .app-components-PaymentMethodForm-___style-module__form-input-wrapper___CI66a { width: 380px; min-height: 30px; } .app-components-PaymentMethodForm-___style-module__form-footer___kjOnX { padding: 8px; display: flex; justify-content: flex-end; border-top: solid 1px var(--colorDivider); margin-top: auto; gap: 8px; } .app-components-PaymentMethodForm-___style-module__form-footer___kjOnX button { width: auto; } .app-components-PaymentMethodForm-___style-module__form-checkbox-pad___Pnpnu { width: 180px; } .app-components-PaymentMethodForm-___style-module__form-checkbox-wrapper___ZsEWD { flex: 1; } .app-components-PaymentMethodForm-___style-module__btn-cancel___Ly8Pm { height: 40px; width: 200px; margin-right: 10px; margin-top: 0 !important; } .app-components-PaymentMethodForm-___style-module__btn-ok___-2-Xh { height: 40px; width: 200px; margin-top: 0 !important; } .app-components-PaymentMethodForm-___style-module__methods-list___FfjXt { display: block; padding: 10px; } .app-components-PaymentMethodForm-___style-module__method-item___pkNm8 { overflow: hidden; width: 100%; margin-bottom: 10px; } .app-components-PaymentMethodForm-___style-module__method-title___kSb3t { border: solid 1px var(--colorBgAccent); border-radius: 4px; height: 40px; box-sizing: border-box; padding: 0 10px; display: flex; align-items: center; background-color: var(--colorBgSecondary); cursor: pointer; } .app-components-PaymentMethodForm-___style-module__method-title-cur___RxKav { font-size: 18px; color: var(--colorBgAccent); margin-right: 8px; } .app-components-PaymentMethodForm-___style-module__method-title-text___NDX6F { font-size: 18px; color: var(--colorTextWhite); } .app-components-PaymentMethodForm-___style-module__method-title-status___thn7f { margin-left: auto; display: flex; align-items: center; } .app-components-PaymentMethodForm-___style-module__method-title-status-icon___RqKvi { width: 16px; height: 16px; font-size: 14px; color: var(--colorTextWhite); margin-right: 12px; } .app-components-PaymentMethodForm-___style-module__method-title-status-icon___RqKvi.app-components-PaymentMethodForm-___style-module__pending___qoiBA { color: var(--colorWarning); } .app-components-PaymentMethodForm-___style-module__method-title-status-icon___RqKvi.app-components-PaymentMethodForm-___style-module__accepted___S0Dis { color: var(--colorPLPlus); } .app-components-PaymentMethodForm-___style-module__method-title-status-icon___RqKvi.app-components-PaymentMethodForm-___style-module__rejected___BI7jp { color: var(--colorPLMinus); } .app-components-PaymentMethodForm-___style-module__method-title-status-arrow___Kz-wo { width: 9px; height: 9px; font-size: 9px; color: var(--colorBgAccent); } .app-components-PaymentMethodForm-___style-module__method-title-status-arrow-up___Zv8fM { transform: rotate(180deg); } .app-components-PaymentMethodForm-___style-module__method-main___E63rO { padding: 12px; border: solid 1px var(--colorBgAccent); border-top: none; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; margin-top: -2px; } .app-components-PaymentMethodForm-___style-module__method-message___hez4P { height: 40px; line-height: 40px; border-radius: 4px; background-color: rgba(228, 28, 35, 0.08); border: solid 1px var(--colorPLMinus); font-size: 14px; text-align: center; letter-spacing: -0.1px; color: var(--colorPLMinus); } .app-components-PaymentMethodForm-___style-module__method-c-wrapper___1pB4e { margin-top: 28px; display: flex; } .app-components-PaymentMethodForm-___style-module__method-content___w0HrV { flex: 1; margin-left: 10px; } .app-components-PaymentMethodForm-___style-module__method-content-row___ghhzA { display: flex; margin-bottom: 12px; } .app-components-PaymentMethodForm-___style-module__method-content-row-title___M3Uyq { font-size: 14px; color: var(--colorBgAccent); width: 25%; } .app-components-PaymentMethodForm-___style-module__method-content-row-text___NHY9u { font-size: 14px; color: var(--colorTextWhite); line-height: 1.29; width: 75%; padding-left: 23px; } .app-components-PaymentMethodForm-___style-module__method-delete___97PdE { width: 83px; min-width: 83px; height: 30px; min-height: 30px; line-height: 30px; border-radius: 4px; background-color: var(--colorBgSecondary); border: solid 1px var(--colorBgAccent); margin-left: 25px; display: flex; color: var(--colorTextWhite); font-size: 14px; font-weight: 700; padding: 0 9px 0 10px; justify-content: center; cursor: pointer; } .app-components-PaymentMethodForm-___style-module__method-delete-icon___9CqUn { font-size: 14px; color: var(--colorTextWhite); margin-top: -1px; margin-right: 3px; } .app-components-PaymentMethodForm-___style-module__methods-footer___qzzxT { padding: 10px; min-height: 61px; display: flex; justify-content: center; background-color: var(--colorBgSecondary); border-top: solid 1px var(--colorBgSecondary); margin-top: auto; } .app-components-PaymentMethodForm-___style-module__transactions___DCr18 { height: 100%; display: flex; align-items: center; justify-content: center; } .app-components-PaymentMethodForm-___style-module__transactions-dummy___36CVn { display: flex; justify-content: center; flex-flow: column; align-items: center; } .app-components-PaymentMethodForm-___style-module__transactions-dummy-text___jkQv1 { font-size: 18px; color: var(--colorTextWhite); } .app-components-PaymentMethodForm-___style-module__transactions-dummy-icon___r1pF5 { font-size: 60px; color: var(--colorBgAccent); text-align: center; margin-bottom: 12px; width: 100px; display: flex; } .app-components-PaymentMethodForm-___style-module__transactions-dummy-icon___r1pF5:before { width: 100px; text-align: center; } .app-components-PaymentMethodForm-___style-module__empty___iZonv { color: var(--colorTextMain); font: var(--typographyBody1Font); text-align: center; padding: 24px 12px; } .app-components-PaymentMethodForm-___style-module__divider___4C3G8 { margin: 0 -16px 16px; height: 1px; background-color: var(--colorDivider) } .app-components-PaymentMethodForm-___style-module__sectionTitle___sJmO7 { font: var(--typographySubtitleFont); color: var(--colorTextMain); margin-bottom: 12px; } .app-entitySelectors-ConnectorSelector-___style-module__selector___iAKjL{ min-width: 150px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__panelContent___ZTwyr { flex: 1; display: flex; flex-flow: column; width: 100%; overflow: hidden; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__methodsList___dQcs7 { display: block; padding: 4px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__methodItem___YCD9u { overflow: hidden; width: 100%; margin-bottom: 10px; border-radius: 4px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__methodTitle___yLVOD { border: solid 1px var(--colorDivider); box-sizing: border-box; padding: 10px; height: 50px; display: flex; align-items: center; background-color: var(--colorBgSecondary); cursor: pointer; border-bottom: none; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__methodTitle___yLVOD + div ~ ~ .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__methodTitle___yLVOD { background-color: red; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__methodTitle___yLVOD :nth-child(2) { flex: 1 } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__methodTitleSection___3lz-L { display: flex; flex-direction: column; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__methodTitleStatusText___x-fYS { font-size: 11px; color: var(--colorTextDigit); } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__methodTitlePaymentMethod___rqMyp { font-size: 14px; color: var(--colorTextMain); } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__methodTitleBank___uMBzS { font-size: 14px; color: var(--colorTextMain); } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__methodTitleCurrency___ypAhg { font-size: 11px; color: var(--colorTextMain); text-align: right; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__methodTitleText___-3K3u { font-size: 18px; color: var(--colorTextMain); } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__methodTitleStatus___ZnbUh { margin-left: 5px; display: flex; align-items: center; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__icon___gULrG { font-size: 14px; margin-right: 10px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__icon___gULrG.app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__pending___HP6W- { color: var(--colorWarning); } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__icon___gULrG.app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__accepted___FyaON { color: var(--colorGreen); } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__icon___gULrG.app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__rejected___RsV47 { color: var(--colorError); } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__methodTitleStatusArrow___2qjmF { width: 9px; height: 9px; font-size: 9px; color: var(--colorTextPrimary); } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__methodTitleStatusArrowUp___CUbyG { transform: rotate(180deg); } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__methodsFooter___Gdo4E { padding: 10px; min-height: 61px; display: flex; justify-content: center; background-color: var(--colorBgSecondary); border-top: solid 1px var(--colorDivider); margin-top: auto; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__contentTitle___UEs8O { display: flex; align-items: center; justify-content: space-between; font-size: 18px; color: var(--colorTextMain); margin: 12px 12px 0; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__scrollBar___S9JKu { width: 100%; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__btnOk___kp-E8 { max-width: 210px; height: 32px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__empty___hmfzh { padding: 40px 0; color: var(--colorTextPrimary); text-align: center; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__paymentAccountForm___EbtH0 { padding: 16px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__paymentAccountForm___EbtH0 h5 { font: var(--typographySubtitleFont); color: var(--colorTextMain); padding: 20px 0 12px; border-top: 1px solid var(--colorDivider); } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__paymentAccountForm___EbtH0 h6 { font: var(--typographyBody1Font); color: var(--colorTextMain); margin-bottom: 8px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__paymentAccountForm___EbtH0 .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__credentials___8Pvy- .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__credential___Xy2jn > *:not(:last-of-type) { margin-bottom: 8px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__paymentAccountForm___EbtH0 .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__externalAccounts___GZkSJ { color: var(--colorTextMain); } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__paymentAccountForm___EbtH0 .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__externalAccounts___GZkSJ .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__title___DcJya { width: 100%; font: var(--typographyBody1Font); margin-bottom: 16px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__paymentAccountForm___EbtH0 .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__externalAccounts___GZkSJ .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__title___DcJya button:hover { color: var(--colorTextMain); } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__paymentAccountForm___EbtH0 .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__externalAccounts___GZkSJ .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__title___DcJya button i { margin-right: 4px; font-size: 11px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__paymentAccountForm___EbtH0 .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__externalAccounts___GZkSJ .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__extAccount___5jLHP { display: flex; flex-direction: row; align-items: center; margin-bottom: 12px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__paymentAccountForm___EbtH0 .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__externalAccounts___GZkSJ .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__extAccount___5jLHP > div { flex: 1; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__paymentAccountForm___EbtH0 .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__externalAccounts___GZkSJ .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__extAccount___5jLHP:not(:last-of-type) { margin-bottom: 16px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__paymentAccountForm___EbtH0 .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__externalAccounts___GZkSJ .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__extAccount___5jLHP button:hover { color: var(--colorTextMain); } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__formFooter___xETC7 { padding: 8px; display: flex; justify-content: flex-end; border-top: solid 1px var(--colorDivider); margin-top: auto; gap: 8px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__formFooter___xETC7 button { width: auto; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__paymentAccount___KkZzl { border: solid 1px var(--colorDivider); box-sizing: border-box; padding: 12px; background-color: var(--colorBgSecondary); border-bottom: none; border-radius: 3px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__paymentAccount___KkZzl:not(:last-of-type) { margin-bottom: 10px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__paymentAccount___KkZzl .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__accountHeader___yy83H { display: flex; flex-direction: row; align-items: center; justify-content: space-between; font: var(--typographyBody1Font); padding-bottom: 6px; border-bottom: 1px solid var(--colorDivider); cursor: pointer; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__paymentAccount___KkZzl .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__accountHeader___yy83H > div:first-of-type { display: flex; flex-direction: row; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__paymentAccount___KkZzl .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__accountHeader___yy83H button { margin-top: 2px; display: block; margin-left: auto; color: var(--colorAccent); } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__paymentAccount___KkZzl .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__accountHeader___yy83H button.app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__editName___hPu3O { margin-top: 0; margin-left: 4px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__paymentAccount___KkZzl .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__accountHeader___yy83H button.app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__editName___hPu3O i { font-size: 12px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__paymentAccount___KkZzl .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__accountHeader___yy83H button.app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__remove___Sonp6 { color: var(--colorError); } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__paymentAccount___KkZzl .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__accountHeader___yy83H button i { font-size: 12px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__paymentAccount___KkZzl .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__accountHeader___yy83H button:hover { color: var(--colorTextMain); } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__paymentAccount___KkZzl .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__balanceList___HO0tz { font: var(--typographyBody2Font); margin-top: 8px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__paymentAccount___KkZzl .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__balanceList___HO0tz i { font-size: 13px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__paymentAccount___KkZzl .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__balanceList___HO0tz .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__balanceTitle___bAIRB { font: var(--typographyBody1Font); font-size: 11px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-bottom: 8px; text-transform: uppercase; color: var(--colorTextPrimary); } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__paymentAccount___KkZzl .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__balanceList___HO0tz .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__balanceTitle___bAIRB i { font-size: 15px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__paymentAccount___KkZzl .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__balanceList___HO0tz span span { min-width: 20px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__paymentAccount___KkZzl .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__balanceList___HO0tz .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__balanceAmount___axJ8O { white-space: nowrap; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__paymentAccount___KkZzl .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__balanceList___HO0tz .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__transferButton___Bmkp4 { margin-left: 12px; cursor: pointer; color: var(--colorTextMain); } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__paymentAccount___KkZzl .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__balanceList___HO0tz .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__transferButton___Bmkp4:hover { color: var(--colorAccent) } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__paymentAccount___KkZzl .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__balanceList___HO0tz > div { margin-bottom: 8px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__paymentAccount___KkZzl .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__balanceList___HO0tz .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__extAccounts___H-MQR { padding: 2px 0; margin: 2px 0; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__paymentAccount___KkZzl .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__balanceList___HO0tz .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__extAccounts___H-MQR span:first-of-type { margin-right: 8px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__paymentAccount___KkZzl .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__balanceList___HO0tz .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__description___Ahmo5 { margin: 0 8px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__methods___JUXFJ { padding-top: 8px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__methods___JUXFJ p { display: block; font: var(--typographyBody1Font); margin-bottom: 6px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__methods___JUXFJ > div { border-bottom: 1px solid var(--colorDivider); padding: 6px 10px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__methods___JUXFJ > div:not(:last-of-type) { margin-bottom: 10px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__methods___JUXFJ > div div { font: var(--typographyBody1Font); } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__connectForm___B8Sux { width: 340px; padding: 20px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__connectForm___B8Sux .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__connectFormFooter___WdsdG { display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-top: 20px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__connectForm___B8Sux .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__connectFormFooter___WdsdG :first-child { margin-right: 10px } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__connectForm___B8Sux .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__connectFormFooter___WdsdG :last-child { margin-left: 10px } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__connectMethod___6xGGQ { display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding-bottom: 8px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__connectMethod___6xGGQ button { max-width: 120px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__paymentAccountStatus___BytRl { font: var(--typographyBody2Font); color: var(--colorTextPrimary); } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__paymentAccountStatus___BytRl span { color: var(--colorError); font: var(--typographyBody2Font); } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__paymentAccountStatus___BytRl span.app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__statusConnected___y2DW7 { color: var(--colorGreen); } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__balanceStateError___JeV7H { margin-top: 8px; font: var(--typographyBody2Font); color: var(--colorTextPrimary); border-bottom: 1px solid var(--colorDivider); padding-bottom: 8px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__emptyProviders___sOGiB { text-align: center; font: var(--typographyBody1Font); color: var(--colorTextMain); } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__actionButton___7LdGY { margin-bottom: 4px; width: 16px; height: 16px; display: flex; flex-direction: row; align-items: center; justify-content: center; cursor: pointer; color: var(--colorTextIcons); margin-left: 4px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__actionButton___7LdGY:hover { color: var(--colorTextMain); } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__dropdown___IcAH9 { background: var(--colorDropBg); padding: 4px 0; border-radius: var(--defaultDropBorderRadius); overflow: hidden; width: 144px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__dropdown___IcAH9 .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__item___iOo5- { height: 32px; padding: 8px 10px; display: flex; flex-direction: row; align-items: center; color: var(--colorTextMain); font: var(--typographyBody1Font); cursor: pointer; transition: all 0.1s; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__dropdown___IcAH9 .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__item___iOo5-:last-of-type { color: var(--colorError); } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__dropdown___IcAH9 .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__item___iOo5-:hover { background: var(--colorDropBgHover); color: var(--colorTextMain); } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__paymentAccountSidePage___Ozv1U { width: 400px; height: 100%; display: flex; flex-direction: column; overflow: hidden; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__paymentAccountSidePage___Ozv1U form { flex: 1; display: flex; flex-direction: column; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__tooltip___dSwrp { color: var(--colorTextMain); max-width: 400px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__divider___b0lPr { width: 100%; height: 1px; background-color: var(--colorDivider); margin-bottom: 8px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__paymentDetails___ORKQE { width: 400px; height: 100%; color: var(--colorTextMain); font: var(--typographyBody1Font); } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__paymentDetails___ORKQE > div { border: none; margin: 4px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__listContainer___Lo-yG { width: 400px; height: 100%; display: flex; flex-direction: column; overflow: hidden; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__listContainer___Lo-yG > div { color: var(--colorTextMain); font: var(--typographyBody1Font); } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__listContainer___Lo-yG .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__historyTabs___3n9FG { padding: 16px; width: 100%; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__listContainer___Lo-yG .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__dataContainer___4zTu8 { position: relative; height: 100%; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__historyButton___G99Jv { padding: 8px 0; border-top: 1px solid var(--colorDivider); border-bottom: 1px solid var(--colorDivider); display: flex; flex-direction: row; align-items: center; justify-content: space-between; color: var(--colorTextMain); font: var(--typographyBody2Font); cursor: pointer; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__historyButton___G99Jv i { color: var(--colorTextIcons); } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__sectionHeader___zdL1A { color: var(--colorTextMain); padding: 16px 16px 8px; font: var(--typographyBody1Font); font-size: 15px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__tableHeader___rht-7 { display: flex; flex-direction: row; align-items: center; border-bottom: 1px solid var(--colorDivider); padding: 0 16px; margin-bottom: 4px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__tableHeader___rht-7.app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__withdrawal___hUINI > div:first-of-type { flex: 1; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__tableHeader___rht-7 > div { text-transform: uppercase; padding: 4px 2px; flex: 2; color: var(--colorTextPrimary); font: var(--typographyBody2Font); font-size: 11px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__tableHeader___rht-7 > div:not(:first-of-type) { text-align: right; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__conversionRow___Cw638 { display: flex; flex-direction: row; align-items: center; cursor: pointer; padding: 0 16px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__conversionRow___Cw638 i { color: var(--colorTextIcons); } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__conversionRow___Cw638 > div { flex: 2; text-align: right; padding: 4px 2px; white-space: nowrap; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__conversionRow___Cw638 > div:first-of-type { text-align: left; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__conversionRow___Cw638 > div .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__itemId___Gzj0p { margin-left: 8px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__conversionRow___Cw638.app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__withdrawal___hUINI > div:first-of-type { flex: 1; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__rowInfo___oqXH5 { padding: 0 16px 0 40px; color: var(--colorTextPrimary); } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__rowInfo___oqXH5 > div { padding: 4px 0; display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__tenantLabel___wBOuC i { margin-left: 4px; } .app-pages-FinancesPage-FundsPage-PaymentAccounts-___style-module__tenantTooltip___HKVLt { width: 200px; color: var(--colorTextMain); font: var(--typographyBody2Font); } .app-UI-ExpandingSign-___styles-module__expandingSign___MOiqA { margin-right: 6px; display: flex; align-items: center; justify-content: center; transform: rotate(-90deg); transition: all 0.15s; } .app-UI-ExpandingSign-___styles-module__expandingSign___MOiqA.app-UI-ExpandingSign-___styles-module__vertical___8Uuf0 { transform: rotate(0); } .app-UI-ExpandingSign-___styles-module__icon___iSSay { font: var(--typographyCaps3Font); } .app-UI-ExpandingSign-___styles-module__iconUp___ObK2n { transform: rotateX(0deg); } .app-UI-ExpandingSign-___styles-module__iconUp___ObK2n.app-UI-ExpandingSign-___styles-module__vertical___8Uuf0 { transform: rotate(180deg); } .app-components-AddTransfer-___style-module__wrapper___AynPs { width: 400px; display: flex; flex-direction: column; height: 100%; } .app-components-AddTransfer-___style-module__wrapper___AynPs .app-components-AddTransfer-___style-module__empty___lpLRX { text-align: center; color: var(--colorTextPrimary); font: var(--typographyBody1Font); padding: 16px 0; } .app-components-AddTransfer-___style-module__wrapper___AynPs > div:first-of-type { flex: 1; } .app-components-AddTransfer-___style-module__wrapper___AynPs .app-components-AddTransfer-___style-module__padded___GjbhZ { padding: 16px; } .app-components-AddTransfer-___style-module__wrapper___AynPs .app-components-AddTransfer-___style-module__selects___48p3n { display: flex; flex-direction: row; align-items: flex-end; } .app-components-AddTransfer-___style-module__wrapper___AynPs .app-components-AddTransfer-___style-module__selects___48p3n > * { flex: 1; } .app-components-AddTransfer-___style-module__wrapper___AynPs .app-components-AddTransfer-___style-module__selects___48p3n .app-components-AddTransfer-___style-module__changeMode___wZhwR { width: 40px; flex: 0 0 40px; height: 40px; color: var(--colorTextIcons); display: flex; flex-direction: row; align-items: center; justify-content: center; } .app-components-AddTransfer-___style-module__wrapper___AynPs .app-components-AddTransfer-___style-module__info___lxf-H { border-top: 1px solid var(--colorDivider); border-bottom: 1px solid var(--colorDivider); font: var(--typographyBody1Font); color: var(--colorTextMain); margin: 8px 0; padding: 8px 0; } .app-components-AddTransfer-___style-module__wrapper___AynPs .app-components-AddTransfer-___style-module__info___lxf-H > div { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .app-components-AddTransfer-___style-module__wrapper___AynPs .app-components-AddTransfer-___style-module__info___lxf-H > div:not(:last-of-type) { margin-bottom: 8px; } .app-components-AddTransfer-___style-module__wrapper___AynPs .app-components-AddTransfer-___style-module__info___lxf-H > div span:first-of-type { color: var(--colorTextPrimary); } .app-components-AddTransfer-___style-module__wrapper___AynPs .app-components-AddTransfer-___style-module__noBalance___ICzGh { font: var(--typographyBody1Font); color: var(--colorError); } .app-components-AddTransfer-___style-module__wrapper___AynPs .app-components-AddTransfer-___style-module__error___jQ8qh { font: var(--typographyBody1Font); color: var(--colorError); margin-top: 4px; font-size: 11px; } .app-components-AddTransfer-___style-module__wrapper___AynPs .app-components-AddTransfer-___style-module__conversionInfo___L7Rsh { border-top: 1px solid var(--colorDivider); font: var(--typographyBody1Font); color: var(--colorTextMain); margin: 8px 0; padding: 8px 0; } .app-components-AddTransfer-___style-module__wrapper___AynPs .app-components-AddTransfer-___style-module__conversionInfo___L7Rsh .app-components-AddTransfer-___style-module__infoRow___BGS-q { display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-bottom: 8px; } .app-components-AddTransfer-___style-module__wrapper___AynPs .app-components-AddTransfer-___style-module__conversionInfo___L7Rsh .app-components-AddTransfer-___style-module__infoRow___BGS-q span:first-of-type { color: var(--colorTextPrimary); } .app-components-AddTransfer-___style-module__wrapper___AynPs .app-components-AddTransfer-___style-module__conversionAmount___sKj1Y { font: var(--typographyBody2Font); color: var(--colorTextPrimary); font-size: 11px; } .app-components-AddTransfer-___style-module__wrapper___AynPs .app-components-AddTransfer-___style-module__maxAmount___rMMPn { color: var(--colorAccent); font-size: 11px; } .app-components-AddTransfer-___style-module__customButton___lwqMA { cursor: pointer; color: var(--colorTextPrimary); } .app-components-AddTransfer-___style-module__customButton___lwqMA:hover { color: var(--colorAccent); } .app-components-AddTransfer-___style-module__footer___dFQol { display: flex; flex-direction: row; justify-content: flex-end; border-top: 1px solid var(--colorDivider); padding: 8px; } .app-components-AddTransfer-___style-module__footer___dFQol button { width: 120px; } .app-pages-TradingPage-ExternalAccountsWidget-___style-module__content___3qlH6 { height: 100%; position: relative; display: flex; flex-direction: column; } .app-pages-TradingPage-ExternalAccountsWidget-___style-module__content___3qlH6 .app-pages-TradingPage-ExternalAccountsWidget-___style-module__code___1Yky7 { margin-left: 22px; } .app-pages-TradingPage-ExternalAccountsWidget-___style-module__content___3qlH6 .app-pages-TradingPage-ExternalAccountsWidget-___style-module__code___1Yky7 i { color: var(--colorTextPrimary); margin-right: 4px; } .app-pages-TradingPage-ExternalAccountsWidget-___style-module__compactRow___RHJHD { padding: 8px; } .app-pages-TradingPage-ExternalAccountsWidget-___style-module__compactRow___RHJHD th { font-size: 10px; color: var(--colorTextPrimary); white-space: nowrap; } .app-pages-TradingPage-ExternalAccountsWidget-___style-module__chevron___lUpr7 { margin: 0 8px 0 4px; transform: rotate(-90deg); transition: all 0.3s; vertical-align: text-top; } .app-pages-TradingPage-ExternalAccountsWidget-___style-module__chevron___lUpr7 i { font-size: 10px; color: var(--colorTextPrimary); } .app-pages-TradingPage-ExternalAccountsWidget-___style-module__chevron___lUpr7.app-pages-TradingPage-ExternalAccountsWidget-___style-module__chevronOpened___iC8nX { transform: rotate(0deg); } .app-pages-TradingPage-ExternalAccountsWidget-___style-module__empty___CT7S8 { display: flex; flex: 1; justify-content: center; align-items: center; font: var(--typographyBody1Font); color: var(--colorTextPrimary); height: 100%; } .app-pages-TradingPage-ExternalAccountsWidget-___style-module__headerTitle___k9H0B { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%; } .app-pages-TradingPage-ExternalAccountsWidget-___style-module__flexRow___bfzsU { display: flex; flex-direction: row; height: 100%; } .app-pages-TradingPage-ExternalAccountsWidget-___style-module__noConversions___IYyEC { display: flex; flex: 1; justify-content: center; align-items: center; height: 100%; color: var(--colorTextPrimary); font: var(--typographyBody1Font); } .app-pages-TradingPage-TradeIdeas-___style-module__header-title___pZ5Cy { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%; } .app-pages-TradingPage-TradeIdeas-___style-module__flex-row___nxFCQ { display: flex; flex-direction: row; height: 100%; } .app-pages-TradingPage-TradeIdeas-___style-module__maxWidth___ohszD { max-width: calc(100% - 56px); } .app-pages-TradingPage-TradeIdeas-___style-module__modalLabel___6wND7{ font: var(--typographyBody1Font); letter-spacing: var(--typographyBody2Spacing); color: var(--colorTextPrimary); margin-bottom: 3px; } .app-pages-TradingPage-TradeIdeas-___style-module__modalValue___rgU--{ font: var(--typographyCaps1Font); letter-spacing: var(--typographyCaps1Font); color: var(--colorTextMain); margin-bottom: 4px; } .app-pages-TradingPage-TradeIdeas-___style-module__estProfitLoss___w5W1J{ margin-bottom: 8px; } .app-pages-TradingPage-TradeIdeas-___style-module__estProfitLoss___w5W1J > div:first-child{ font: var(--typographyBody1Font)!important; letter-spacing: var(--typographyBody2Spacing)!important; color: var(--colorTextPrimary)!important; } .app-pages-TradingPage-TradeIdeas-___style-module__estProfitLoss___w5W1J > div:last-child{ font: var(--typographyBody1Font); letter-spacing: var(--typographyBody2Spacing); color: var(--colorTextMain); } .app-pages-TradingPage-TradeIdeas-___style-module__currentPrice___ZCWaZ > div{ text-align: right; } .app-pages-TradingPage-TradeIdeas-___style-module__currentPrice___ZCWaZ > div:first-child{ font: var(--typographyCaps1Font)!important; letter-spacing: var(--typographyCaps1Spacing)!important; color: var(--colorTextMain)!important; } .app-pages-TradingPage-TradeIdeas-___style-module__currentPrice___ZCWaZ > div:last-child{ font: var(--typographyCaptionFont); letter-spacing: var(--typographyCaptionSpacing); color: var(--colorTextPrimary); } .app-pages-TradingPage-TradeIdeas-___style-module__modalInstrument___ueRVU > div:first-child{ font: var(--typographyCaps2Font)!important; letter-spacing: var(--typographyCaps2Spacing)!important; color: var(--colorTextMain)!important; } .app-pages-TradingPage-TradeIdeas-___style-module__modalInstrument___ueRVU > div:last-child{ font: var(--typographyCaptionFont); letter-spacing: var(--typographyCaptionSpacing); color: var(--colorTextPrimary); } .app-pages-TradingPage-TradeIdeas-___style-module__divider___-64Ph{ width: 100%; height: 1px; background: var(--colorDivider); margin-bottom: 8px; } .app-pages-TradingPage-TradeIdeas-___style-module__unsubscribeDescription___2kNpS{ font: var(--typographyBody1Font); letter-spacing: var(--typographyBody2Spacing); color: var(--colorTextPrimary); margin-bottom: 8px; } .app-pages-TradingPage-TradeIdeas-___style-module__modalPositionLabel___V87ay{ font: var(--typographyBody2Font); letter-spacing: var(--typographyBody2Spacing); color: var(--colorTextPrimary); margin-bottom: 2px; } .app-pages-TradingPage-TradeIdeas-___style-module__modalPositionValue___9rNof{ font: var(--typographyBody1Font); letter-spacing: var(--typographyBody1Spacing); color: var(--colorTextMain); } .app-pages-TradingPage-TradeIdeas-___style-module__positionLabel___CP4KK{ font: var(--typographyCaps1Font); letter-spacing: var(--typographyCaps1Spacing); color: var(--colorTextMain); margin-bottom: 4px; } .app-pages-TradingPage-TradeIdeas-TradingIdeas-___style-module__filterWrap___8Wxu9 > div{ max-width: 160px; } .app-pages-TradingPage-TradeIdeas-TradingIdeas-___style-module__idea___NC0pS{ margin: 0 8px 8px; padding: 8px; border: 1px solid var(--colorStroke); background: var(--colorBgInfo); border-radius: 4px; } .app-pages-TradingPage-TradeIdeas-TradingIdeas-___style-module__pl___iDnJs{ border-top: 1px solid var(--colorStroke); padding-top: 8px; display: flex; flex-direction: row; align-items: center; } .app-pages-TradingPage-TradeIdeas-TradingIdeas-___style-module__pl___iDnJs > div{ font: var(--typographyBody1Font); letter-spacing: var(--typographyBody1Spacing); color: var(--colorTextPrimary); margin-right: 5px; } .app-pages-TradingPage-TradeIdeas-TradingIdeas-___style-module__pl___iDnJs > div > span{ padding-right: 10px; } .app-pages-TradingPage-TradeIdeas-TradingIdeas-___style-module__label___UiA7Z{ font: var(--typographyBody2Font); letter-spacing: var(--typographyBody2Spacing); color: var(--colorTextPrimary); text-align: left; margin-bottom: 2px; } .app-pages-TradingPage-TradeIdeas-TradingIdeas-___style-module__value___kVRvd{ font: var(--typographyBody1Font); letter-spacing: var(--typographyBody1Spacing); color: var(--colorTextMain); text-align: left; } .app-pages-TradingPage-TradeIdeas-TradingIdeas-___style-module__confidenceLine___IW9U1{ width: 2px; height: 10px; border-radius: 2px; background: var(--colorDivider); margin-right: 3px; } .app-pages-TradingPage-TradeIdeas-TradingIdeas-___style-module__confidenceLine___IW9U1.app-pages-TradingPage-TradeIdeas-TradingIdeas-___style-module__fill___2EZp7{ background: var(--colorPreMarket); } .app-pages-TradingPage-TradeIdeas-TradingIdeas-___style-module__confidenceLine___IW9U1.app-pages-TradingPage-TradeIdeas-TradingIdeas-___style-module__fill___2EZp7.app-pages-TradingPage-TradeIdeas-TradingIdeas-___style-module__green___TcXgy{ background: var(--colorPLPlus); } .app-pages-TradingPage-TradeIdeas-TradingIdeas-___style-module__instrumentName___rDv9S{ font: var(--typographyBody1Font); letter-spacing: var(--typographyBody1Spacing); color: var(--colorTextMain); } .app-pages-TradingPage-TradeIdeas-TradingIdeas-___style-module__status___vUUJo{ display: inline-flex; font: var(--typographyCaptionFont); letter-spacing: var(--typographyCaptionSpacing); padding: 3px 2px; border-radius: 4px; } .app-pages-TradingPage-TradeIdeas-TradingIdeas-___style-module__live___kxTWG{ color: var(--colorPreMarket); background: var(--colorOrange20); } .app-pages-TradingPage-TradeIdeas-TradingIdeas-___style-module__buy___SNEck{ background: var(--colorGreen20); color: var(--colorGreen); } .app-pages-TradingPage-TradeIdeas-TradingIdeas-___style-module__sell___hfoxm{ background: var(--colorRed20); color: var(--colorError); } .app-pages-TradingPage-TradeIdeas-TradingIdeas-___style-module__empty___cm9Cy{ flex-grow: 1; /*width: 100%;*/ height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--colorTextPrimary); font: var(--typographyBody1Font); letter-spacing: var(--typographyBody1Spacing); margin: 0 20px; } .app-pages-TradingPage-TradeIdeas-TradingIdeas-___style-module__empty___cm9Cy > i { font-size:20px; margin-bottom: 12px; } .app-pages-TradingPage-TradeIdeas-TradingIdeas-___style-module__empty___cm9Cy > div{ text-align: center; } .app-pages-TradingPage-TradeIdeas-TradingIdeas-___style-module__subscribedIcon___ZPgEO{ font-size: 12px!important; } .app-pages-TradingPage-TradeIdeas-TradingIdeas-___style-module__subscribeBtn___-r0cW{ text-transform: uppercase!important; } .app-components-AddButton-___styles-module__addNew___1l0pn { color: var(--colorAccent); margin: 8px 0 4px; justify-content: flex-start; padding: 0; transition: all 0.2s; width: auto; min-height: 24px; } .app-components-AddButton-___styles-module__addNew___1l0pn i { transition: all 0.2s; font: var(--typographyCaps3Font); color: var(--colorAccent); font-size: 14px; } .app-components-AddButton-___styles-module__addNew___1l0pn:disabled i { color: var(--colorTextDisabled); } .app-components-AddButton-___styles-module__addNew___1l0pn .app-components-AddButton-___styles-module__label___W8CuL { font: var(--typographyCaps3Font); letter-spacing: var(--typographyCaps3Spacing); text-transform: uppercase; } .app-components-AddButton-___styles-module__addNew___1l0pn:hover { color: var(--colorTextMain); } .app-components-AddButton-___styles-module__addNew___1l0pn.app-components-AddButton-___styles-module__accentBtn___oCrEF { margin: 8px; border-top: 1px solid var(--colorDivider); color: var(--colorTextMain); justify-content: center; } .app-components-AddButton-___styles-module__addNew___1l0pn.app-components-AddButton-___styles-module__accentBtn___oCrEF i { color: var(--colorTextMain); transition: all 0.2s; font: var(--typographyCaps3Font); font-size: 14px; } .app-components-AddButton-___styles-module__addNew___1l0pn.app-components-AddButton-___styles-module__noMargin___zMdcs { margin: 0; } .app-pages-DealerTradeIdeasPage-___styles-module__container___wG-J8{ display: flex; flex-direction: column; overflow: hidden; margin: 0 8px 8px; border: 1px solid var(--colorStroke); border-top: 0; height: 100%; background-color: var(--colorTableBg); } .app-pages-DealerTradeIdeasPage-___styles-module__border___1eSJJ { border: 1px solid var(--colorStroke); border-top: 0; background-color: var(--colorTableBg); } .app-pages-DealerTradeIdeasPage-___styles-module__borderBottom___N4mBO { border-bottom: 1px solid var(--colorStroke); margin-bottom: 8px; padding-bottom: 16px; } .app-pages-DealerTradeIdeasPage-___styles-module__form___L1eFh { display: flex; flex-direction: column; height: 100%; width: 378px; } .app-pages-DealerTradeIdeasPage-___styles-module__wrapper___6JrGl{ overflow: hidden; flex: 1; } .app-pages-DealerTradeIdeasPage-___styles-module__formContainer___pYShh { display: flex; flex-direction: column; justify-content: flex-start; align-content: stretch; align-items: stretch; } .app-pages-DealerTradeIdeasPage-___styles-module__containerInfo___hP7rz { display: flex; align-items: stretch; justify-content: flex-start; flex-direction: column; padding: 16px; gap: 12px; } .app-pages-DealerTradeIdeasPage-___styles-module__containerBlock___LuxVZ { margin: 0 0 12px; } .app-pages-DealerTradeIdeasPage-___styles-module__buttons___FTY1P { padding: 8px; display: flex; flex-direction: row; justify-content: flex-end; border-top: 1px solid var(--colorDivider); gap: 8px; } .app-pages-DealerTradeIdeasPage-___styles-module__divider___Ju8lI { width: 100%; height: 1px; margin: 0 0 8px; background-color: var(--colorDivider); } .app-pages-DealerTradeIdeasPage-___styles-module__sectionTitle___Fvdct { font: var(--typographySubtitleFont); color: var(--colorTextMain); margin: 0 0 12px; } .app-pages-DealerTradeIdeasPage-___styles-module__removeButton___SrdDZ { transition: all 0.2s; font: var(--typographyBody1Font); color: var(--colorError); display: flex; flex-direction: row; align-items: center; margin-top: 4px; padding: 0 8px; } .app-pages-DealerTradeIdeasPage-___styles-module__removeButton___SrdDZ i { transition: all 0.2s; margin-right: 4px; font-size: 14px; color: var(--colorError); margin-bottom: 2px; } .app-pages-DealerTradeIdeasPage-___styles-module__removeButton___SrdDZ:hover { color: var(--colorTextMain); } .app-pages-DealerTradeIdeasPage-___styles-module__removeButton___SrdDZ:hover i { color: var(--colorTextMain); } .app-pages-TradingPage-TradeIdeas-Idea-___style-module__header-title___34BjL { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%; } .app-pages-TradingPage-TradeIdeas-Idea-___style-module__flex-row___Kw4Iq { display: flex; flex-direction: row; height: 100%; } .app-pages-TradingPage-TradeIdeas-Idea-___style-module__maxWidth___eRr3A { max-width: calc(100% - 56px); } .app-pages-TradingPage-TradeIdeas-Idea-___style-module__modalLabel___pls-W{ font: var(--typographyBody1Font); letter-spacing: var(--typographyBody2Spacing); color: var(--colorTextPrimary); margin-bottom: 3px; } .app-pages-TradingPage-TradeIdeas-Idea-___style-module__modalValue___Ho-yK{ font: var(--typographyCaps1Font); letter-spacing: var(--typographyCaps1Font); color: var(--colorTextMain); margin-bottom: 4px; } .app-pages-TradingPage-TradeIdeas-Idea-___style-module__estProfitLoss___p7a7Z{ margin-bottom: 8px; } .app-pages-TradingPage-TradeIdeas-Idea-___style-module__estProfitLoss___p7a7Z > div:first-child{ font: var(--typographyBody1Font)!important; letter-spacing: var(--typographyBody2Spacing)!important; color: var(--colorTextPrimary)!important; } .app-pages-TradingPage-TradeIdeas-Idea-___style-module__estProfitLoss___p7a7Z > div:last-child{ font: var(--typographyBody1Font); letter-spacing: var(--typographyBody2Spacing); color: var(--colorTextMain); } .app-pages-TradingPage-TradeIdeas-Idea-___style-module__currentPrice___hMNE0 > div{ text-align: right; } .app-pages-TradingPage-TradeIdeas-Idea-___style-module__currentPrice___hMNE0 > div:first-child{ font: var(--typographyCaps1Font)!important; letter-spacing: var(--typographyCaps1Spacing)!important; color: var(--colorTextMain)!important; } .app-pages-TradingPage-TradeIdeas-Idea-___style-module__currentPrice___hMNE0 > div:last-child{ font: var(--typographyCaptionFont); letter-spacing: var(--typographyCaptionSpacing); color: var(--colorTextPrimary); } .app-pages-TradingPage-TradeIdeas-Idea-___style-module__modalInstrument___o9yNT > div:first-child{ font: var(--typographyCaps2Font)!important; letter-spacing: var(--typographyCaps2Spacing)!important; color: var(--colorTextMain)!important; } .app-pages-TradingPage-TradeIdeas-Idea-___style-module__modalInstrument___o9yNT > div:last-child{ font: var(--typographyCaptionFont); letter-spacing: var(--typographyCaptionSpacing); color: var(--colorTextPrimary); } .app-pages-TradingPage-TradeIdeas-Idea-___style-module__divider___hVKw1{ width: 100%; height: 1px; background: var(--colorDivider); margin-bottom: 8px; } .app-pages-TradingPage-TradeIdeas-Idea-___style-module__unsubscribeDescription___DyzDr{ font: var(--typographyBody1Font); letter-spacing: var(--typographyBody2Spacing); color: var(--colorTextPrimary); margin-bottom: 8px; } .app-pages-TradingPage-TradeIdeas-Idea-___style-module__block___Jxeb2{ background: var(--colorBgInfo); padding: 12px 8px; } .app-pages-TradingPage-TradeIdeas-Idea-___style-module__ideaInfoRow___PbpoO{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 8px; } .app-pages-TradingPage-TradeIdeas-Idea-___style-module__ideaInfoRow___PbpoO > div:first-child{ font: var(--typographyBody1Font); letter-spacing: var(--typographyBody1Spacing); color: var(--colorTextPrimary); } .app-pages-TradingPage-TradeIdeas-Idea-___style-module__ideaInfoRow___PbpoO > div:last-child{ font: var(--typographyBody1Font); letter-spacing: var(--typographyBody1Spacing); color: var(--colorTextMain); } .app-pages-TradingPage-TradeIdeas-Idea-___style-module__blockLabel___C98-i{ font: var(--typographyCaps1Font)!important; letter-spacing: var(--typographyCaps1Spacing)!important; color: var(--colorTextMain)!important; } .app-pages-TradingPage-TradeIdeas-Idea-___style-module__widthAuto___3-H1X{ width: max-content; } .app-pages-TradingPage-TradeIdeas-Idea-___style-module__modalPositionLabel___J67v6{ font: var(--typographyBody2Font); letter-spacing: var(--typographyBody2Spacing); color: var(--colorTextPrimary); margin-bottom: 2px; } .app-pages-TradingPage-TradeIdeas-Idea-___style-module__modalPositionValue___PecE7{ font: var(--typographyBody1Font); letter-spacing: var(--typographyBody1Spacing); color: var(--colorTextMain); } .app-pages-TradingPage-TradeIdeas-Idea-___style-module__positionLabel___WcI9A{ font: var(--typographyCaps1Font); letter-spacing: var(--typographyCaps1Spacing); color: var(--colorTextMain); margin-bottom: 4px; } .app-pages-TradingPage-TradeIdeas-Idea-___style-module__ideaContainer___biFQc{ position: absolute; width: 100%; height: 100%; background: var(--colorBgInfo); } .app-containers-Stats-___style-module__info___LXJCi { display: flex; flex-direction: row; gap: 16px; margin-bottom: 12px; } .app-containers-Stats-___style-module__info___LXJCi.app-containers-Stats-___style-module__infoClient___cEfyK { margin-bottom: 8px; } .app-containers-Stats-___style-module__info___LXJCi > div { font: var(--typographyBody1Font); } .app-containers-Stats-___style-module__info___LXJCi > div > div:first-of-type { color: var(--colorTextPrimary); margin-bottom: 4px; } .app-containers-Stats-___style-module__info___LXJCi > div > div:last-of-type { color: var(--colorTextMain); } .app-containers-Stats-___style-module__info___LXJCi > div > div:last-of-type.app-containers-Stats-___style-module__negative___7-WoN { color: var(--colorError); } .app-containers-Stats-___style-module__tablesRow___eI7WJ { display: flex; flex-direction: row; max-height: 270px; min-height: 270px; gap: 8px; } .app-containers-Stats-___style-module__tablesRow___eI7WJ > div { background-color: var(--colorBgInfo); flex: 1 1 0; min-width: 0; border-radius: 4px; padding: 16px 8px 4px; display: flex; flex-direction: column; } .app-containers-Stats-___style-module__tablesRow___eI7WJ > div h6 { color: var(--colorTextMain); margin: 0 0 6px 8px; font: var(--typographySubtitleFont); } .app-containers-Stats-___style-module__tablesRow___eI7WJ > div table { background-color: var(--colorBgInfo); } .app-containers-Stats-___style-module__tablesRow___eI7WJ > div table th { border-bottom-color: var(--colorDivider); text-transform: none; font-size: 11px; background-color: var(--colorBgInfo); } .app-containers-Stats-___style-module__tablesRow___eI7WJ > div table tr td { background-color: var(--colorBgInfo); border-bottom-color: var(--colorDivider); } .app-containers-Stats-___style-module__tablesRow___eI7WJ.app-containers-Stats-___style-module__tablesRowClient___30qSn { max-height: unset; flex: 1; } .app-containers-Stats-___style-module__tablesRow___eI7WJ.app-containers-Stats-___style-module__tablesRowClient___30qSn > div { background-color: var(--colorBgPrimary); } .app-containers-Stats-___style-module__tablesRow___eI7WJ.app-containers-Stats-___style-module__tablesRowClient___30qSn > div table { background-color: var(--colorBgPrimary); } .app-containers-Stats-___style-module__tablesRow___eI7WJ.app-containers-Stats-___style-module__tablesRowClient___30qSn > div table th { background-color: var(--colorBgPrimary); } .app-containers-Stats-___style-module__tablesRow___eI7WJ.app-containers-Stats-___style-module__tablesRowClient___30qSn > div table tr td { background-color: var(--colorBgPrimary); } .app-containers-Stats-___style-module__chartsRow___8kzMU { display: flex; flex-direction: row; flex: 1; gap: 8px; margin-top: 8px; min-height: 336px; } .app-containers-Stats-___style-module__chartsRow___8kzMU > div { background-color: var(--colorBgInfo); flex: 1; min-width: 0; border-radius: 4px; padding: 16px 8px 4px; display: flex; flex-direction: column; } .app-containers-Stats-___style-module__chartsRow___8kzMU.app-containers-Stats-___style-module__chartsRowClient___Y-BAs > div { background-color: var(--colorBgPrimary); } .app-containers-Stats-___style-module__divider___lvxP8 { height: 100%; width: 1px; background-color: var(--colorDivider); } .app-containers-Stats-___style-module__chartTitle___yv6gY { color: var(--colorTextMain); font: var(--typographySubtitleFont); white-space: nowrap; padding-bottom: 1px; } .app-containers-Stats-___style-module__coloredRows___n27lh > tbody > tr:nth-child(2n) > td, .app-containers-Stats-___style-module__coloredRows___n27lh > tbody > tr:nth-child(2n) > td td, .app-containers-Stats-___style-module__coloredRows___n27lh > tbody > tr:nth-child(2n) > td th{ background: var(--colorBgSecondary50); } .app-containers-Stats-___style-module__singleRow___M7S8H > td { height: 40px!important; } .app-containers-Stats-___style-module__fixedTable___gV70w { table-layout: fixed; width: 340px; } .app-containers-Stats-___style-module__fixedTable___gV70w td { text-align: left!important; } .app-containers-Stats-___style-module__tableColumn___JPaCP { width: 420px; } .app-containers-Stats-___style-module__noPadding___mJO6n { padding: 0!important; } .app-containers-Stats-___style-module__hint___ZnLqu { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: var(--colorBgSecondary50); display: flex; flex-direction: row; align-items: center; justify-content: center; font: var(--typographySubtitleFont); color: var(--colorTextMain); pointer-events: none; } .app-containers-Stats-___style-module__generalTableRow___18Uyq{ max-height: unset; min-height: unset; } .app-components-AssetDistribution-___style-module__assetDistribution___e7z8P { min-width: 240px; position: relative; min-height: 100px; } .app-components-AssetDistribution-___style-module__chartWrapper___tAXS8 { width: 276px; height: 276px; } .app-components-AssetDistribution-___style-module__chartWrapper___tAXS8.app-components-AssetDistribution-___style-module__isWidget___7u9LJ { width: 180px; height: 180px; } .app-components-AssetDistribution-___style-module__chartWrapper___tAXS8.app-components-AssetDistribution-___style-module__isSmallWidget___T5NC6 { width: 196px; height: 196px; } .app-components-AssetDistribution-___style-module__assetHeader___HCS5N { font: var(--typographyBody1Font); font-size: 15px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 336px; margin-bottom: 16px; } .app-components-AssetDistribution-___style-module__assetHeader___HCS5N.app-components-AssetDistribution-___style-module__isWidget___7u9LJ { width: 100%; min-width: 206px; } .app-components-AssetDistribution-___style-module__assetHeader___HCS5N span { color: var(--colorTextMain); } .app-components-AssetDistribution-___style-module__assetHeader___HCS5N > div i { display: none; } .app-components-AssetDistribution-___style-module__assetHeader___HCS5N > div > span { color: var(--colorTextMain); } .app-components-AssetDistribution-___style-module__assetHeader___HCS5N button { margin-left: 8px; transition: color .2s; color: var(--colorAccent); -webkit-text-decoration: underline dashed; text-decoration: underline dashed; text-decoration-color: var(--colorAccent20); } .app-components-AssetDistribution-___style-module__assetHeader___HCS5N button:hover { color: var(--colorTextMain); } .app-components-AssetDistribution-___style-module__prefix___X2r2e { color: var(--colorTextMain)!important; margin-right: 4px; } .app-components-AssetDistribution-___style-module__bar___YAt3M { height: 8px; border-radius: 4px; width: 100%; background-color: var(--colorTextDisabled); margin: 16px 0; display: flex; flex-direction: row; gap: 2px; overflow: hidden; } .app-components-AssetDistribution-___style-module__bar___YAt3M .app-components-AssetDistribution-___style-module__barPart___3X1I4 { height: 8px; min-width: 2px; } .app-components-AssetDistribution-___style-module__asset___1C-Rk { display: flex; flex-direction: row; align-items: center; justify-content: space-between; font: var(--typographyBody1Font); font-size: 15px; color: var(--colorTextMain); margin-bottom: 6px; gap: 4px; } .app-components-AssetDistribution-___style-module__asset___1C-Rk:last-of-type { margin-bottom: 0; } .app-components-AssetDistribution-___style-module__asset___1C-Rk > span { white-space: nowrap; } .app-components-AssetDistribution-___style-module__asset___1C-Rk > div { display: flex; flex-direction: row; align-items: center; } .app-components-AssetDistribution-___style-module__asset___1C-Rk > div > i { font-size: 10px; margin-left: 8px; color: var(--colorTextIcons); } .app-components-AssetDistribution-___style-module__asset___1C-Rk > div > div { margin: 4px 8px 5px 4px; width: 10px; height: 10px; border-radius: 5px; } .app-components-AssetDistribution-___style-module__asset___1C-Rk.app-components-AssetDistribution-___style-module__isWidget___7u9LJ .app-components-AssetDistribution-___style-module__assetHeader___HCS5N { width: 100%; min-width: 206px; } .app-components-AssetDistribution-___style-module__multiAsset___9jXpO { display: flex; flex-direction: row; justify-content: space-between; margin-left: 22px; } .app-components-AssetDistribution-___style-module__multiAsset___9jXpO span { color: var(--colorTextPrimary); font: var(--typographyBody1Font); } .app-pages-TradingPage-StatsWidget-___style-module__content___-QhhR { padding: 4px 0; height: 100%; position: relative; display: flex; flex-direction: column; } .app-pages-TradingPage-StatsWidget-___style-module__headerTitle___5FwEv { display: flex; flex-direction: row; align-items: center; justify-content: space-between; color: var(--colorTextMain); font: var(--typographyBody1Font); height: 100%; flex: 1; } .app-pages-TradingPage-StatsWidget-___style-module__headerDivider___eEWo8 { height: 16px; margin: auto 8px; width: 1px; background-color: var(--colorDivider); } .app-pages-TradingPage-StatsWidget-___style-module__section___jaNqW { margin: 8px; padding: 8px; background-color: var(--colorBgAccentHover); border-radius: 4px; position: relative; } .app-pages-TradingPage-StatsWidget-___style-module__section___jaNqW h6 { color: var(--colorTextMain); margin: 0 0 8px 0; font: var(--typographySubtitleFont); } .app-pages-TradingPage-StatsWidget-___style-module__section___jaNqW h6.app-pages-TradingPage-StatsWidget-___style-module__absoluteTitle___kkpfr { margin-bottom: -8px; } .app-pages-TradingPage-StatsWidget-___style-module__section___jaNqW .app-pages-TradingPage-StatsWidget-___style-module__sectionHeader___aPtG9 { display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 8px; } .app-pages-TradingPage-StatsWidget-___style-module__section___jaNqW .app-pages-TradingPage-StatsWidget-___style-module__sectionHeader___aPtG9 button { height: auto; padding: 0; } .app-pages-TradingPage-StatsWidget-___style-module__section___jaNqW .app-pages-TradingPage-StatsWidget-___style-module__sectionHeader___aPtG9 h6 { margin-bottom: 0; } .app-pages-TradingPage-StatsWidget-___style-module__section___jaNqW table { background-color: var(--colorBgAccentHover); } .app-pages-TradingPage-StatsWidget-___style-module__section___jaNqW table th { border-bottom-color: var(--colorDivider); text-transform: none; font-size: 11px; background-color: var(--colorBgAccentHover); } .app-pages-TradingPage-StatsWidget-___style-module__section___jaNqW table tr td { background-color: var(--colorBgAccentHover); border-bottom-color: var(--colorDivider); } .app-pages-TradingPage-StatsWidget-___style-module__dataContainer___idbff { display: flex; flex-direction: row; flex-wrap: wrap; gap: 8px; } .app-pages-TradingPage-StatsWidget-___style-module__dataContainer___idbff > * { flex: 0 0 calc(33% - 8px); display: flex; flex-direction: column; justify-content: space-between; } .app-pages-TradingPage-StatsWidget-___style-module__dataContainer___idbff > * > div:first-of-type { color: var(--colorTextPrimary); font-size: 11px; margin-bottom: 4px; } .app-pages-TradingPage-StatsWidget-___style-module__dataContainer___idbff > * > div:last-of-type { color: var(--colorTextMain); font-size: 12px; } .app-pages-TradingPage-StatsWidget-___style-module__preloader___wsazd { z-index: 1000000; } .app-pages-TradingPage-StatsWidget-___style-module__list___HCoid { min-width: 110px; background-color: var(--colorDropBg); border-radius: var(--defaultDropBorderRadius); padding: 8px; box-shadow: 0px 10px 18px var(--colorDropShadow); } .app-pages-TradingPage-StatsWidget-___style-module__list___HCoid > div { margin-bottom: 5px; } .app-pages-TradingPage-StatsWidget-___style-module__list___HCoid > div:last-of-type { margin-bottom: 0; } .app-pages-TradingPage-StatsWidget-___style-module__popupButton___H7-1I { cursor: pointer; font-size: 16px; color: var(--colorTextIcons); transition: all 0.2s; } .app-pages-TradingPage-StatsWidget-___style-module__popupButton___H7-1I:hover, .app-pages-TradingPage-StatsWidget-___style-module__popupButton___H7-1I.app-pages-TradingPage-StatsWidget-___style-module__opened___6azvB { color: var(--colorTextMain); } .app-pages-TradingPage-StatsWidget-___style-module__filterPopup___UC9lI { width: 224px; background-color: var(--colorDropBg); border-radius: var(--defaultDropBorderRadius); overflow: hidden; padding: 8px; display: flex; flex-direction: column; gap: 8px; box-shadow: 0px 10px 18px var(--colorDropShadow); } .app-pages-TradingPage-StatsWidget-___style-module__tableInstrument___rXbIR { min-width: 120px; max-width: 140px; } .app-pages-TradingPage-StatsWidget-___style-module__sidePage___E7S9B { max-width: 900px; display: flex; flex-direction: column; height: 100%; } .app-pages-TradingPage-StatsWidget-___style-module__assetDistribution___VxCcL { margin: 8px; background-color: var(--colorBgInfo); padding: 16px; border-radius: 4px; min-height: fit-content!important; } .app-UI-Window-___style-module__header___otA90 { min-height: 32px; height: 32px; display: flex; flex-direction: row; justify-content: space-between; background: var(--colorBgSecondary); width: 100%; transition: background ease 0.3s; border-bottom: none; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: inset 0 1px 0 0 var(--colorWindowBorder), inset -1px 0 0 0 var(--colorWindowBorder), inset 1px 0 0 0 var(--colorWindowBorder), inset 0 -1px 0 0 transparent; } .app-UI-Window-___style-module__header___otA90.app-UI-Window-___style-module__transparentHeader___t4UZ- { background: none; box-shadow: none; } .app-UI-Window-___style-module__header___otA90.app-UI-Window-___style-module__noDrag___KYMcl { cursor: default; } .app-UI-Window-___style-module__header___otA90.app-UI-Window-___style-module__noBorder___dLZV8 { border: none; box-shadow: none; } .app-UI-Window-___style-module__headerTitle___3FiDX { height: 100%; display: flex; flex-direction: row; align-items: center; align-content: center; font: var(--typographyBody1Font); color: var(--colorTextMain); padding: 0 10px; border: 0; transition: color ease 0.3s; white-space: nowrap; font-weight: 500; position: relative; } .app-UI-Window-___style-module__active___qkonh { background: var(--colorBgPrimary); border: 1px solid var(--colorWindowBorder); border-bottom: 0; box-sizing: border-box; border-top-left-radius: 2px; border-top-right-radius: 2px; } .app-UI-Window-___style-module__active___qkonh:after { content: ""; height: 1px; width: 100%; background: var(--colorBgPrimary); position: absolute; left: 0; bottom: -1px; } .app-UI-Window-___style-module__isClickable___hFvcZ { cursor: pointer; } .app-UI-Window-___style-module__headerTitleContainer___Hjj-0 { min-height: 32px; display: flex; flex-direction: row; flex-grow: 2; overflow: hidden; /*width: calc(100% - 32px);*/ } .app-UI-Window-___style-module__headerButtonContainer___FhzcK { position: relative; display: flex; flex-direction: row; padding: 0 5px 0 0; z-index: 1050; } .header-icon { padding-right: 3px; } .app-UI-Window-___style-module__headerButton___fXvyF { background: none; border: 0; display: flex; flex-direction: row; align-items: center; justify-content: center; color: var(--colorTextIcons); font-size: 11px; cursor: pointer; } .app-UI-Window-___style-module__window___0zcqr { display: flex; align-items: center; justify-content: flex-start; flex-direction: column; background: var(--colorBgPrimary); overflow: auto; transition: background ease 0.3s; box-sizing: border-box; border-radius: 3px; box-shadow: 0 10px 18px var(--colorDropShadow); } .app-UI-Window-___style-module__overflowVisible___gv4hl { overflow: visible; } .app-UI-Window-___style-module__fullWidth___zVMRs { width: 100%; flex: 1; } .app-UI-Window-___style-module__fullHeight___3sf-U { height: calc(100% - 10px); margin-top: 10px; flex: 1; } .app-UI-Window-___style-module__headerHidden___Cs7wO { border-top: 3px solid var(--colorDivider); } .app-UI-Window-___style-module__pin___mvXgS { display: flex; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; padding: 0 2px; margin: 4px 0; color: var(--colorTextIcons); transition: all .2s; } .app-UI-Window-___style-module__pin___mvXgS svg { width: 20px; height: 20px; } .app-UI-Window-___style-module__pin___mvXgS svg > path:first-of-type { fill: transparent; } .app-UI-Window-___style-module__pin___mvXgS svg path { transition: all .2s; } .app-UI-Window-___style-module__pin___mvXgS svg { transition: all .2s; } .app-UI-Window-___style-module__pinned___iXRyQ { transition: all .2s; } .app-UI-Window-___style-module__pinned___iXRyQ svg { transition: all .2s; transform: rotate(-45deg); } .app-UI-Window-___style-module__pinned___iXRyQ svg > path:first-of-type { fill: var(--colorPreMarket); } .app-UI-Window-___style-module__pinned___iXRyQ svg path { fill: var(--colorPreMarket); } .app-UI-Window-___style-module__frozen___Oa5JE{ margin-right:10px; } .app-UI-AmountControls-___style-module__amountsContainer___T7wm6 { width: 100%; display: flex; align-items: center; justify-content: space-between; height: 28px; background-color: var(--colorSegmentControlBg); border-radius: 2px; } .app-UI-AmountControls-___style-module__amountsContainer___T7wm6.app-UI-AmountControls-___style-module__compact___PZqI8 { height: 24px; } .app-UI-AmountControls-___style-module__amountsContainer___T7wm6.app-UI-AmountControls-___style-module__compact___PZqI8 .app-UI-AmountControls-___style-module__option___hXzaK { height: 20px; } .app-UI-AmountControls-___style-module__amountsContainer___T7wm6.app-UI-AmountControls-___style-module__compact___PZqI8 .app-UI-AmountControls-___style-module__icon___PsR97 { min-width: 28px; max-width: 24px; } .app-UI-AmountControls-___style-module__amountsContainer___T7wm6.app-UI-AmountControls-___style-module__compact___PZqI8 .app-UI-AmountControls-___style-module__scrollButton___qmjkM { height: 24px; } .app-UI-AmountControls-___style-module__amountsContainer___T7wm6.app-UI-AmountControls-___style-module__compact___PZqI8 .app-UI-AmountControls-___style-module__container___hUa06:first-of-type { width: calc(100% - 128px); } .app-UI-AmountControls-___style-module__amountsContainer___T7wm6.app-UI-AmountControls-___style-module__compact___PZqI8 .app-UI-AmountControls-___style-module__container___hUa06:first-of-type.app-UI-AmountControls-___style-module__inputHidden___yMKRx { width: calc(100% - 28px); } .app-UI-AmountControls-___style-module__amountsContainer___T7wm6.app-UI-AmountControls-___style-module__compact___PZqI8 .app-UI-AmountControls-___style-module__container___hUa06:first-of-type.app-UI-AmountControls-___style-module__optionsHidden___n7iO8 { width: calc(100% - 100px); } .app-UI-AmountControls-___style-module__container___hUa06 { display: flex; flex-direction: row; align-items: center; height: 100%; } .app-UI-AmountControls-___style-module__container___hUa06:first-of-type { padding: 2px; width: calc(100% - 128px); } .app-UI-AmountControls-___style-module__container___hUa06:first-of-type.app-UI-AmountControls-___style-module__inputHidden___yMKRx { width: calc(100% - 28px); } .app-UI-AmountControls-___style-module__container___hUa06:first-of-type.app-UI-AmountControls-___style-module__optionsHidden___n7iO8 { width: calc(100% - 100px); } .app-UI-AmountControls-___style-module__container___hUa06:first-of-type.app-UI-AmountControls-___style-module__inputHidden___yMKRx.app-UI-AmountControls-___style-module__optionsHidden___n7iO8 { width: 100%; } .app-UI-AmountControls-___style-module__container___hUa06:first-of-type > div { width: 100%; } .app-UI-AmountControls-___style-module__option___hXzaK { flex: 1; min-width: 46px; height: 24px; text-align: center; color: var(--colorSegmentControlDefaultText); font: var(--typographyBody1Font); display: flex; flex-direction: row; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s; border-left: 1px solid var(--colorSegmentControlDivider); line-height: 15px; } .app-UI-AmountControls-___style-module__option___hXzaK:first-of-type { border-left: none; } .app-UI-AmountControls-___style-module__option___hXzaK:hover { color: var(--colorSegmentControlActiveText); } .app-UI-AmountControls-___style-module__option___hXzaK.app-UI-AmountControls-___style-module__active___2KruJ { color: var(--colorSegmentControlActiveText); background-color: var(--colorSegmentControlActiveBg); border-left: 1px solid transparent; border-radius: 2px; } .app-UI-AmountControls-___style-module__option___hXzaK.app-UI-AmountControls-___style-module__active___2KruJ:first-of-type { border-left: none; } .app-UI-AmountControls-___style-module__input___sDN1W { height: 100%; position: relative; } .app-UI-AmountControls-___style-module__input___sDN1W input { height: 100%; border: 1px solid transparent; border-left: 1px solid var(--colorSegmentControlDivider); padding: 0 6px; font: var(--typographyBody1Font); color: var(--colorSegmentControlActiveText); min-width: 100px; max-width: 100px; } .app-UI-AmountControls-___style-module__input___sDN1W input:focus { border-color: var(--colorInputBorderActive); } .app-UI-AmountControls-___style-module__input___sDN1W input.app-UI-AmountControls-___style-module__clearable___vwxO5 { padding-right: 22px; } .app-UI-AmountControls-___style-module__input___sDN1W input::placeholder { color: var(--colorTextIcons); font-size: 11px; } .app-UI-AmountControls-___style-module__input___sDN1W input::-ms-input-placeholder { color: var(--colorTextIcons); font-size: 11px; } .app-UI-AmountControls-___style-module__input___sDN1W .app-UI-AmountControls-___style-module__iconRemove___DXZxT { position: absolute; top: 7px; right: 6px; background-color: var(--colorTextIcons); font-size: 8px; width: 14px; height: 14px; border-radius: 7px; display: flex; flex-direction: row; align-items: center; justify-content: center; cursor: pointer; } .app-UI-AmountControls-___style-module__icon___PsR97 { min-width: 28px; max-width: 28px; height: 100%; cursor: pointer; display: flex; justify-content: center; align-items: center; color: var(--colorTextIcons); font-size: 14px; transition: all 0.2s; border-left: 1px solid var(--colorSegmentControlDivider); } .app-UI-AmountControls-___style-module__icon___PsR97:hover { color: var(--colorSegmentControlActiveText); } .app-UI-AmountControls-___style-module__scrollButton___qmjkM { background-color: var(--colorSegmentControlBg); height: 28px; width: 20px; top: -2px; box-shadow: none; font-size: 10px; } .app-UI-AmountControls-___style-module__scrollButton___qmjkM.app-UI-AmountControls-___style-module__left___BJRgQ { left: 0; border-radius: 2px 0 0 2px; border-right: 1px solid var(--colorSegmentControlDivider); } .app-UI-AmountControls-___style-module__scrollButton___qmjkM.app-UI-AmountControls-___style-module__right___fC76O { right: 0; border-radius: 0 2px 2px 0; border-left: 1px solid var(--colorSegmentControlDivider); } .app-UI-AmountControls-___style-module__presetIcon___MBNeY { display: flex; align-items: center; justify-content: center; margin: 0 4px 0 2px; } .app-UI-AmountControls-___style-module__hidden___9ftOD { display: none; } .app-UI-InstrumentLabel-___styles-module__categoryLabel___MH4Dn { color: var(--colorTextMain); font-size: 16px; line-height: 19px; font-weight: bold; margin-left: 0.5rem; } .app-UI-Instrument-___style-module__truncatedName___Mjf6S { color: var(--colorTextMain); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font: var(--typographyBody2Font); letter-spacing: var(--typographyBody2Spacing); } .app-UI-Instrument-___style-module__truncatedName___Mjf6S.app-UI-Instrument-___style-module__small___S2QZL { font: var(--typographyBody2Font); letter-spacing: var(--typographyBody2Spacing); } .app-UI-Instrument-___style-module__truncatedName___Mjf6S.app-UI-Instrument-___style-module__isOpen___ZwNuJ { color: transparent; } .app-UI-Instrument-___style-module__fullInstrumentName___4Jm-6 { font: var(--typographyBody2Font); letter-spacing: var(--typographyBody2Spacing); color: var(--colorTextMain); } .app-UI-Instrument-___style-module__fullInstrumentName___4Jm-6.app-UI-Instrument-___style-module__small___S2QZL { font: var(--typographyBody2Font); letter-spacing: var(--typographyBody2Spacing); } .app-UI-Instrument-___style-module__secondName___AlKZV { color: var(--colorTextPrimary); font: var(--typographyCaps3Font); letter-spacing: var(--typographyCaps3Spacing); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: 400; line-height: 1; max-width: 170px; } .app-UI-Instrument-___style-module__secondName___AlKZV.app-UI-Instrument-___style-module__isOpen___ZwNuJ { color: transparent; } .app-UI-Instrument-___style-module__truncatedBackground___7T2A-{ background: var(--colorBgAccent); } .app-UI-InstrumentPickerWithSelect-___styles-module__content___UIEvL { background-color: var(--colorBgAccent); border-radius: var(--defaultDropBorderRadius); padding: 12px 12px 0; min-width: 272px; box-shadow: 0 4px 12px var(--colorDropShadow); overflow: hidden; } .app-UI-InstrumentPickerWithSelect-___styles-module__content___UIEvL .app-UI-InstrumentPickerWithSelect-___styles-module__divider___T1R1L { margin: 8px -12px; height: 1px; background-color: var(--colorDivider); } .app-UI-InstrumentPickerWithSelect-___styles-module__child___i4COO { display: flex; flex: 1; flex-direction: row; align-items: center; cursor: pointer; justify-content: space-between; min-height: 24px; } .app-UI-InstrumentPickerWithSelect-___styles-module__child___i4COO input { font: var(--typographyBody2Font)!important; } .app-UI-InstrumentPickerWithSelect-___styles-module__child___i4COO > i { font-size: 12px; color: var(--colorTextIcons); padding: 0 4px; } .app-UI-InstrumentPickerWithSelect-___styles-module__input___xp8sb { min-width: 100px; } .app-UI-InstrumentPickerWithSelect-___styles-module__backdrop___dtymb { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .app-UI-InstrumentPickerWithSelect-___styles-module__list___-ImKF { padding: 4px 0 0; height: 200px; margin: 0 -12px; } .app-UI-InstrumentPickerWithSelect-___styles-module__list___-ImKF .app-UI-InstrumentPickerWithSelect-___styles-module__item___JM3Tj { color: var(--colorTextMain); padding: 4px 12px; cursor: pointer; } .app-UI-InstrumentPickerWithSelect-___styles-module__list___-ImKF .app-UI-InstrumentPickerWithSelect-___styles-module__item___JM3Tj:hover { background-color: var(--colorDropBgHover); } .app-UI-InstrumentPickerWithSelect-___styles-module__loader___gXMEY { position: relative; height: 224px; } .app-UI-InstrumentPickerWithSelect-___styles-module__wrapper___zA1Pd { flex: 1; } .app-UI-InstrumentPickerWithSelect-___styles-module__wrapper___zA1Pd > div:first-of-type { flex: 1; } .app-UI-InstrumentPickerWithSelect-___styles-module__empty___nCACb { height: 100%; color: var(--colorTextPrimary); font: var(--typographyBody2Font); line-height: 26px; white-space: nowrap; } .app-UI-InstrumentPickerWithSelect-___styles-module__emptySearch___m4Fq3 { width: 100%; height: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; color: var(--colorTextPrimary); font: var(--typographyBody1Font); } .app-UI-WidgetInstrumentPicker-___style-module__container___diUFU { display: flex; flex-direction: row; align-items: center; width: 200px; justify-content: center; } .app-UI-WidgetInstrumentPicker-___style-module__container___diUFU button { transition: all 0.2s; font-weight: 400; height: 26px; } .app-UI-WidgetInstrumentPicker-___style-module__container___diUFU button i { transition: all 0.2s; font-size: 14px; margin-bottom: 2px; } .app-UI-WidgetInstrumentPicker-___style-module__container___diUFU .app-UI-WidgetInstrumentPicker-___style-module__addButton___2eQ2u { margin: 0 auto; } .app-UI-WidgetInstrumentPicker-___style-module__container___diUFU:hover .app-UI-WidgetInstrumentPicker-___style-module__addIcon___dZ0rF, .app-UI-WidgetInstrumentPicker-___style-module__container___diUFU .app-UI-WidgetInstrumentPicker-___style-module__opened___PxVAj .app-UI-WidgetInstrumentPicker-___style-module__addIcon___dZ0rF { background-color: var(--colorTextMain); } .app-UI-WidgetInstrumentPicker-___style-module__container___diUFU:hover button, .app-UI-WidgetInstrumentPicker-___style-module__container___diUFU .app-UI-WidgetInstrumentPicker-___style-module__opened___PxVAj button { color: var(--colorTextMain); } .app-UI-Expandable-___style-module__expandable___0evHt { display: flex; flex-direction: row; align-items: center; cursor: pointer; } .app-UI-Expandable-___style-module__expandable___0evHt .app-UI-Expandable-___style-module__icon___3m-3Q { font-size: 8px; color: var(--colorTextIcons); margin-right: 6px; } .app-UI-Expandable-___style-module__expandable___0evHt .app-UI-Expandable-___style-module__elementRow___t6LNX { max-width: calc(100% - 14px); } .app-UI-Expandable-___style-module__expandable___0evHt.app-UI-Expandable-___style-module__closed___T6IFN .app-UI-Expandable-___style-module__icon___3m-3Q { transform: rotate(-90deg); } .app-UI-Expandable-___style-module__expandable___0evHt.app-UI-Expandable-___style-module__disabled___az1yL .app-UI-Expandable-___style-module__icon___3m-3Q { color: var(--colorTextDisabled); } .app-UI-Expandable-___style-module__expandable___0evHt.app-UI-Expandable-___style-module__disabled___az1yL .app-UI-Expandable-___style-module__elementText___kSiuP { color: var(--colorTextDisabled); } .app-UI-Expandable-___style-module__expandableContent___DLIpK { margin-left: 6px; } .app-UI-Expandable-___style-module__element___h-GEz { margin-bottom: 12px; } .app-UI-Expandable-___style-module__elementRow___t6LNX { display: flex; flex: 1; justify-content: space-between; font: var(--typographyBody1Font); line-height: 16px; letter-spacing: 0.02em; } .app-UI-Expandable-___style-module__elementText___kSiuP { color: var(--colorTextMain); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 8px; width: 100%; } .app-UI-Expandable-___style-module__elementText___kSiuP.app-UI-Expandable-___style-module__grey___DE4AL { color: var(--colorTextPrimary); } .app-UI-Expandable-___style-module__elementText___kSiuP.app-UI-Expandable-___style-module__small___bnHTn { font-size: 12px; } .app-UI-Expandable-___style-module__elementValue___84coQ { color: var(--colorTextMain); margin-left: auto; white-space: nowrap; } .app-UI-Expandable-___style-module__elementValue___84coQ.app-UI-Expandable-___style-module__small___bnHTn { color: var(--colorTextPrimary); font-size: 12px; } .app-UI-Expandable-___style-module__elementValue___84coQ.app-UI-Expandable-___style-module__positive___1Mx6L { color: var(--colorGreen); } .app-UI-Expandable-___style-module__elementValue___84coQ.app-UI-Expandable-___style-module__negative___GweqC { color: var(--colorError); } .app-UI-Expandable-___style-module__elementBar___aidOI { margin-top: 7px; margin-bottom: 12px; } .app-UI-Expandable-___style-module__elementBar___aidOI > div { margin-left: 0; width: 100% !important; } .app-UI-Expandable-___style-module__divider___YxB2B { background-color: var(--colorDivider); height: 1px; } .app-UI-Expandable-___style-module__expandableText___6KSRY button { display: flex; flex-direction: row; align-items: center; margin-top: 4px; } .app-UI-Expandable-___style-module__expandableText___6KSRY button span { font: var(--typographyBody1Font); color: var(--colorTextMain); -webkit-text-decoration: dashed underline var(--colorTextPrimary); text-decoration: dashed underline var(--colorTextPrimary); margin-right: 6px; } .app-UI-Expandable-___style-module__expandableText___6KSRY button i { font-size: 8px; color: var(--colorTextPrimary); transition: all 0.2s; } .app-UI-Expandable-___style-module__expandableText___6KSRY button i.app-UI-Expandable-___style-module__iconOpened___tWpEk { transform: rotate(180deg); } .app-UI-Expandable-___style-module__textContainer___M3usn { display: flex; flex-direction: row; flex-wrap: wrap; overflow: hidden; } .app-UI-Expandable-___style-module__textContainer___M3usn a { color: var(--colorAccent); -webkit-text-decoration: dashed underline var(--colorAccent20); text-decoration: dashed underline var(--colorAccent20); cursor: pointer; display: inline; } .app-UI-Expandable-___style-module__textContainer___M3usn.app-UI-Expandable-___style-module__withLinks___ond-w { display: block; } .app-UI-InstrumentTypeIcon-___styles-module__typeIcon___prl8I { border-radius: 2px; text-align: center; display: flex; flex-direction: row; align-items: center; justify-content: center; } .app-UI-InstrumentTypeIcon-___styles-module__typeIcon___prl8I svg > path:first-of-type { fill: var(--colorBgPrimary); } .app-UI-InstrumentTypeIcon-___styles-module__typeIcon___prl8I.app-UI-InstrumentTypeIcon-___styles-module__small___TYJBl { width: 10px; height: 10px; } .app-UI-InstrumentTypeIcon-___styles-module__typeIcon___prl8I.app-UI-InstrumentTypeIcon-___styles-module__small___TYJBl svg { width: 10px; height: 10px; } .app-UI-InstrumentTypeIcon-___styles-module__typeIcon___prl8I.app-UI-InstrumentTypeIcon-___styles-module__medium___PH8ii { width: 12px; height: 12px; } .app-UI-InstrumentTypeIcon-___styles-module__typeIcon___prl8I.app-UI-InstrumentTypeIcon-___styles-module__medium___PH8ii svg { width: 12px; height: 12px; } .app-UI-InstrumentTypeIcon-___styles-module__typeIconWithText___ObDD7 { display: flex; flex-direction: row; align-items: center; } .app-UI-InstrumentTypeIcon-___styles-module__typeIconWithText___ObDD7 > span:last-of-type { margin-left: 6px; color: var(--colorTextMain); } .app-UI-InstrumentTypeIcon-___styles-module__typeIconWithText___ObDD7.app-UI-InstrumentTypeIcon-___styles-module__small___TYJBl > span { font-size: 12px; line-height: 14px; } .app-UI-InstrumentTypeIcon-___styles-module__typeIconWithText___ObDD7.app-UI-InstrumentTypeIcon-___styles-module__medium___PH8ii > span { font-size: 14px; line-height: 16px; } .app-UI-EmptyPlaceholder-___style-module__placeholder___FEOoE { background: radial-gradient( 50% 50% at 50% 50%, var(--colorBgPrimary) 0%, var(--colorBgPrimary) 52.2%, transparent 96.87% ); width: 600px; height: 400px; z-index: 2; color: var(--colorTextIcons); display: flex; flex-flow: column; align-items: center; justify-content: center; font: var(--typographyDigit2Font); } .app-UI-EmptyPlaceholder-___style-module__placeholder___FEOoE.app-UI-EmptyPlaceholder-___style-module__small___n1ouq{ height: 200px; font: var(--typographyBody1Font); } .app-UI-EmptyPlaceholder-___style-module__background___DgGEA { background: url(/887e0048091dd6b7.png); } .app-UI-EmptyPlaceholder-___style-module__container___KSxO3 { position: relative; display: flex; justify-content: center; align-items: center; flex: 1; height: 100%; background: url(/887e0048091dd6b7.png); } .app-UI-Tabs-___style-module__tabContainer___fjlEW { display: flex; flex-direction: row; align-items: center; margin-bottom: 16px; padding: 0 16px; box-shadow: 0 -1px 0 0 var(--colorDivider) inset; } .app-UI-Tabs-___style-module__tabContainer___fjlEW.app-UI-Tabs-___style-module__noMargin___H7sHY { margin-bottom: 0; } .app-UI-Tabs-___style-module__tabContainer___fjlEW.app-UI-Tabs-___style-module__underline___yG6Mc { padding: 0; box-shadow: none; margin-bottom: 0; border-bottom: 1px solid var(--colorDivider); gap: 4px; } .app-UI-Tabs-___style-module__tabContainer___fjlEW.app-UI-Tabs-___style-module__underline___yG6Mc .app-UI-Tabs-___style-module__tab___dGCLa { font: var(--typographyBody2Font); letter-spacing: var(--typographyBody2Spacing); color: var(--colorTextPrimary); cursor: pointer; display: flex; flex-direction: row; align-items: center; height: 31px; line-height: 16px; padding: 0 8px; transition: color 0.2s ease-in; } .app-UI-Tabs-___style-module__tabContainer___fjlEW.app-UI-Tabs-___style-module__underline___yG6Mc .app-UI-Tabs-___style-module__tab___dGCLa.app-UI-Tabs-___style-module__current___QRgw7 { color: var(--colorTextMain); border-bottom: 1px solid var(--colorAccent); box-shadow: inset 0 -1px 0 var(--colorAccent); height: 32px; padding-top: 1px; box-sizing: border-box; } .app-UI-Tabs-___style-module__tabContainer___fjlEW.app-UI-Tabs-___style-module__underline___yG6Mc .app-UI-Tabs-___style-module__tab___dGCLa:hover { color: var(--colorTextMain); } .app-UI-Tabs-___style-module__tabContainer___fjlEW.app-UI-Tabs-___style-module__underline___yG6Mc .app-UI-Tabs-___style-module__tab___dGCLa:active { color: var(--colorTextMain); } .app-UI-Tabs-___style-module__tab___dGCLa { white-space: nowrap; height: 32px; display: flex; align-items: center; justify-content: space-between; padding: 0 16px; border-radius: 3px 3px 0 0; transition: all 0.2s ease-in; cursor: pointer; font: var(--typographyBody1Font); color: var(--colorTextPrimary); } .app-UI-Tabs-___style-module__tab___dGCLa.app-UI-Tabs-___style-module__fullWidth___oDNa1{ flex-grow: 1; justify-content: center; } .app-UI-Tabs-___style-module__tab___dGCLa[disabled] { cursor: default; } .app-UI-Tabs-___style-module__tab___dGCLa.app-UI-Tabs-___style-module__current___QRgw7 { color: var(--colorTextMain); box-shadow: inset 0 1px 0 0 var(--colorDivider), inset -1px 0 0 0 var(--colorDivider), inset 1px 0 0 0 var(--colorDivider), inset 0 -1px 0 0 var(--colorBgPrimary); } .app-UI-Tabs-___style-module__tab___dGCLa:hover { color: var(--colorTextMain); } .app-UI-Tabs-___style-module__tab___dGCLa:active { color: var(--colorTextMain); } .app-UI-Tabs-___style-module__tab___dGCLa .icon { margin-right: 5px; } .app-UI-ConfirmationPopup-___style-module__popup___gehkV { background-color: var(--colorDropBgActive); width: 328px; border-radius: var(--defaultDropBorderRadius); } .app-UI-ConfirmationPopup-___style-module__popup___gehkV .app-UI-ConfirmationPopup-___style-module__content___ezbOS { display: flex; flex-direction: column; padding: 8px; font: var(--typographyBody1Font); color: var(--colorTextMain); } .app-UI-ConfirmationPopup-___style-module__popup___gehkV .app-UI-ConfirmationPopup-___style-module__content___ezbOS .app-UI-ConfirmationPopup-___style-module__title___jtCL- { color: var(--colorTextPrimary); font: var(--typographyCaps3Font); text-transform: uppercase; margin-bottom: 8px; } .app-UI-ConfirmationPopup-___style-module__popup___gehkV .app-UI-ConfirmationPopup-___style-module__content___ezbOS .app-UI-ConfirmationPopup-___style-module__inputContainer___jcx6- { margin-top: 16px; } .app-UI-ConfirmationPopup-___style-module__popup___gehkV .app-UI-ConfirmationPopup-___style-module__content___ezbOS .app-UI-ConfirmationPopup-___style-module__inputContainer___jcx6- > div:first-of-type { font: var(--typographyDigit2Font); margin-bottom: 12px; } .app-UI-ConfirmationPopup-___style-module__popup___gehkV .app-UI-ConfirmationPopup-___style-module__content___ezbOS .app-UI-ConfirmationPopup-___style-module__warning___CyMj- { margin-top: 8px; display: flex; flex-direction: row; color: var(--colorPreMarket); font: var(--typographyBody2Font); } .app-UI-ConfirmationPopup-___style-module__popup___gehkV .app-UI-ConfirmationPopup-___style-module__content___ezbOS .app-UI-ConfirmationPopup-___style-module__warning___CyMj- i { font-size: 12px; margin-right: 6px; } .app-UI-ConfirmationPopup-___style-module__popup___gehkV .app-UI-ConfirmationPopup-___style-module__actions___aQtsa { border-top: 1px solid var(--colorDivider); padding: 4px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .app-UI-ConfirmationPopup-___style-module__popup___gehkV .app-UI-ConfirmationPopup-___style-module__actions___aQtsa > span { font-size: 10px; color: var(--colorTextPrimary); } .app-UI-ConfirmationPopup-___style-module__popup___gehkV .app-UI-ConfirmationPopup-___style-module__actions___aQtsa > div { margin-left: 4px; display: flex; flex-direction: row; } .app-UI-ConfirmationPopup-___style-module__popup___gehkV .app-UI-ConfirmationPopup-___style-module__actions___aQtsa > div button { white-space: nowrap; } .app-UI-ConfirmationPopup-___style-module__popup___gehkV .app-UI-ConfirmationPopup-___style-module__actions___aQtsa > div button:first-of-type { margin-right: 4px; } .app-UI-SideMenu-___styles-module__listContainer___lTLDR { display: flex; flex-flow: column; width: 250px; flex: 0 0 250px; height: 100%; border-right: 1px solid var(--colorDivider); } .app-UI-SideMenu-___styles-module__applicationsList___IkmFW { padding: 8px 0 0; overflow: hidden; flex: 1; position: relative; display: flex; flex-direction: column; } .app-UI-SideMenu-___styles-module__divider___k9gv3 { width: 100%; height: 1px; background-color: var(--colorDivider); margin: 12px 0; } .app-UI-SideMenu-___styles-module__addButtonWrapper___tCws2 { border-top: 1px solid var(--colorDivider); padding: 8px; } .app-UI-SideMenu-___styles-module__addButtonWrapper___tCws2 button { width: 100%; margin: 0!important; } .app-UI-SideMenu-___styles-module__addButtonWrapper___tCws2.app-UI-SideMenu-___styles-module__transparent___7L9KD { height: 49px; padding: 0; display: flex; flex-direction: row; align-items: center; justify-content: center; } .app-UI-SideMenu-___styles-module__addButtonWrapper___tCws2.app-UI-SideMenu-___styles-module__transparent___7L9KD button { padding: 8px; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; margin: 0!important; height: auto; } .app-UI-SideMenu-___styles-module__addButtonWrapper___tCws2.app-UI-SideMenu-___styles-module__transparent___7L9KD button span { font: var(--typographyBody2Font)!important; } .app-UI-SideMenu-___styles-module__applicationItem___2qXlj { display: flex; color: var(--colorTextMain); padding: 8px; align-items: center; font: var(--typographyBody1Font); margin: 0 8px; position: relative; height: 32px; } .app-UI-SideMenu-___styles-module__applicationItem___2qXlj:not(:last-of-type) { margin-bottom: 8px; } .app-UI-SideMenu-___styles-module__applicationItem___2qXlj:hover, .app-UI-SideMenu-___styles-module__applicationItem___2qXlj:active, .app-UI-SideMenu-___styles-module__applicationItem___2qXlj.app-UI-SideMenu-___styles-module__active___ZgYhZ { border-radius: 3px; cursor: pointer; color: var(--colorAccent); } .app-UI-SideMenu-___styles-module__applicationItem___2qXlj:hover > div { display: block; } .app-UI-SideMenu-___styles-module__addNew___9Xg9x { color: var(--colorAccent); margin: 8px 0 4px; justify-content: flex-start; padding: 0; transition: all 0.2s; width: auto; min-height: 24px; padding: 0 5px; } .app-UI-SideMenu-___styles-module__addNew___9Xg9x i { transition: all 0.2s; font: var(--typographyCaps3Font); color: var(--colorAccent); font-size: 14px; } .app-UI-SideMenu-___styles-module__addNew___9Xg9x:disabled i { color: var(--colorTextDisabled); } .app-UI-SideMenu-___styles-module__addNew___9Xg9x .app-UI-SideMenu-___styles-module__label___VfQTz { font: var(--typographyCaps3Font); letter-spacing: var(--typographyCaps3Spacing); text-transform: uppercase; } .app-UI-SideMenu-___styles-module__addNew___9Xg9x:hover { color: var(--colorTextMain); } .app-UI-SideMenu-___styles-module__addNew___9Xg9x.app-UI-SideMenu-___styles-module__mainPageBtn___UShwb { margin: 8px; border-top: 1px solid var(--colorDivider); color: var(--colorTextMain); justify-content: center; } .app-UI-SideMenu-___styles-module__addNew___9Xg9x.app-UI-SideMenu-___styles-module__mainPageBtn___UShwb i { color: var(--colorTextMain); transition: all 0.2s; font: var(--typographyCaps3Font); font-size: 14px; } .app-UI-SideMenu-___styles-module__addNew___9Xg9x.app-UI-SideMenu-___styles-module__noMargin___61hLm { margin: 0; } .app-UI-SideMenu-___styles-module__sortContainer___07R-r { padding: 12px 16px; } .app-UI-NavTabs-___style-module__tabContainer___UcVD0 { display: flex; border-bottom: 1px solid var(--colorDivider); padding: 0 16px; } .app-UI-NavTabs-___style-module__tab___jksCK { padding: 8px 16px; font: var(--typographyBody1Font); color: var(--colorTextPrimary); border: 1px solid transparent; position: relative; bottom: -1px; } .app-UI-NavTabs-___style-module__currentTab___R6Sz5 { color: var(--colorTextMain); border-radius: 3px 3px 0 0; border: 1px solid var(--colorDivider); border-bottom: 1px solid var(--colorBgPrimary); } .app-UI-InstrumentIcons-___style-module__pairedIcon1___yrwFy { background-color: var(--colorNotifyDefaultBg); margin-right: 12px; z-index: 1; overflow: hidden; display: flex; justify-content: center; align-items: center; } .app-UI-InstrumentIcons-___style-module__pairedIcon2___7jFtn { background-color: var(--colorNotifyDefaultBg); z-index: 1; overflow: hidden; position: absolute; bottom: 0; display: flex; justify-content: center; align-items: center; } .app-UI-InstrumentIcons-___style-module__singleIcon___lpc0o { background-color: var(--colorNotifyDefaultBg); overflow: hidden; display: flex; justify-content: center; align-items: center; } .app-UI-InstrumentIcons-___style-module__textIcon___EgZJV { font: var(--typographyBody1Font); color: var(--colorTextPrimary); margin-bottom: -1px; } .app-UI-OrderStatusBadge-___style-module__badge___31Q-K { padding: 0 5px; border-radius: 4px; height: 16px; display: flex; flex-direction: row; align-items: center; justify-content: center; } .app-UI-OrderStatusBadge-___style-module__badge___31Q-K span { font: var(--typohgraphyBody1Font); font-size: 10px; } .app-UI-Form-MarkdownEditor-Commands-___style-module__blockquote___-Fjgi { border-left: 2px solid var(--colorTextMain); color: var(--colorTextMain); border-radius: 2px; padding: 8px 8px 8px 8px; width: fit-content; font: var(--typographyBody1Font); } .app-UI-Form-MarkdownEditor-Commands-___style-module__blockquote___-Fjgi.app-UI-Form-MarkdownEditor-Commands-___style-module__bqDefault___fJ3ji { border-left-color: var(--colorTextMain); color: var(--colorTextMain); } .app-UI-Form-MarkdownEditor-Commands-___style-module__blockquote___-Fjgi.app-UI-Form-MarkdownEditor-Commands-___style-module__bqInfo___yWc69 { border-left-color: var(--colorGrey); } .app-UI-Form-MarkdownEditor-Commands-___style-module__blockquote___-Fjgi.app-UI-Form-MarkdownEditor-Commands-___style-module__bqSuccess___7z1OR { border-left-color: var(--colorGreen); } .app-UI-Form-MarkdownEditor-Commands-___style-module__blockquote___-Fjgi.app-UI-Form-MarkdownEditor-Commands-___style-module__bqWarning___OUYA3 { border-left-color: var(--colorOrange); } .app-UI-Form-MarkdownEditor-Commands-___style-module__blockquote___-Fjgi.app-UI-Form-MarkdownEditor-Commands-___style-module__bqDanger___Y66i0 { border-left-color: var(--colorError); } .app-UI-Form-MarkdownEditor-___style-module__markdownMobile___4zJB4 { padding: 0; color: var(--colorTextMain); } .app-UI-Form-MarkdownEditor-___style-module__markdownMobile___4zJB4 h1 { color: var(--colorTextMain); font-size: 28px; font-weight: 700; margin-bottom: 8px; border: none; } .app-UI-Form-MarkdownEditor-___style-module__markdownMobile___4zJB4 h2 { color: var(--colorTextMain); font-size: 20px; font-weight: 400; margin-bottom: 24px; border: none; } .app-UI-Form-MarkdownEditor-___style-module__markdownMobile___4zJB4 h3 { color: var(--colorTextMain); font-size: 20px; font-weight: 600; margin-bottom: 24px; border: none; } .app-UI-Form-MarkdownEditor-___style-module__markdownMobile___4zJB4 h6 { color: var(--colorTextMain); font-size: 11px; font-weight: 400; margin-bottom: 24px; border: none; } .app-pages-LoginPage-___style-module__selectors___0gZQU { display: flex; justify-content: space-between; align-items: center; } .app-pages-LoginPage-___style-module__emailToggler___n1nf0 { display: flex; align-items: center; justify-content: center; padding: 0 8px; color: var(--colorAccent); cursor: pointer; border-radius: 6px; min-width: 84px; max-width: 104px; text-align: center; } .app-pages-LoginPage-___style-module__emailToggler___n1nf0:hover { color: var(--colorTextMain); background-color: var(--colorBgPrimary); } .app-pages-LoginPage-___style-module__selector___veUs6 { display: flex; justify-content: center; align-items: center; flex: 1; height: 38px; border-bottom: 1px solid var(--colorWindowBorder); color: var(--colorTextPrimary); cursor: pointer; transition: .3s; position:relative; } .app-pages-LoginPage-___style-module__selector___veUs6:after { position: absolute; transition: .3s; content: ''; width: 0; left: 50%; bottom: 0; height: 2px; background: var(--colorWindowBoxShadow); } .app-pages-LoginPage-___style-module__selector___veUs6:nth-of-type(1):after { right: 0; left: 110%; } .app-pages-LoginPage-___style-module__selector___veUs6:nth-of-type(2):after { left: 0; right: auto; } .app-pages-LoginPage-___style-module__selector___veUs6:hover { cursor: pointer; } .app-pages-LoginPage-___style-module__selector___veUs6:hover:after { width: 100%; left: 0; } .app-pages-LoginPage-___style-module__selector___veUs6.app-pages-LoginPage-___style-module__active___xnzxh { color: var(--colorTextMain); } .app-pages-LoginPage-___style-module__selector___veUs6.app-pages-LoginPage-___style-module__active___xnzxh:after { width: 100%; left: 0; } .app-pages-LoginPage-___style-module__selector___veUs6.app-pages-LoginPage-___style-module__onlyLogin___4S9Gh { max-width: 50%; cursor: default; } .app-pages-LoginPage-___style-module__selector___veUs6:hover, .app-pages-LoginPage-___style-module__selector___veUs6:active { color: var(--colorTextMain); } .app-pages-LoginPage-___style-module__checkbox___IHK1H { max-width: max-content; } .app-pages-LoginPage-___style-module__demoWrapper___aV4BQ { margin-top: 16px; } .app-pages-LoginPage-___style-module__demoTitle___d3zmc { font: var(--typographyBody1Font); font-weight: 500; color: var(--colorTextMain); text-align: center; } .app-pages-LoginPage-___style-module__dropdownIcon___Q-cZO { width: 10px; border-left: 1px solid var(--colorDivider); margin-left: 8px; padding-left: 8px; } .app-pages-LoginPage-___style-module__demoButton___xFqIi { padding: 0; height: auto; line-height: 1; color: var(--colorAccent); font: var(--typographyBody1Font); } .app-pages-LoginPage-___style-module__demoButtonWrapper___1SKri { width: 100%; display: flex; justify-content: center; margin-top: 4px; } .app-pages-LoginPage-___style-module__demoButtonWrapper___1SKri button { text-decoration: none; } .app-pages-LoginPage-___style-module__backIcon___SZ9OZ { transform: rotate(90deg); padding: 0 !important; margin-right: 8px; } .app-pages-LoginPage-___style-module__title___x5wwE { font: var(--typographyDigit2Font); font-weight: 500; color: var(--colorTextMain); } .app-pages-LoginPage-___style-module__subtitle___MkieK { margin-top: 8px; font: var(--typographyBody1Font); font-weight: 400; color: var(--colorTextPrimary); margin-bottom: 24px; } .app-pages-LoginPage-___style-module__backButton___VEJbt { text-transform: uppercase; color: var(--colorTextMain); } .app-pages-LoginPage-___style-module__backButton___VEJbt i { font-size: 10px; line-height: 16px; color: var(--colorTextMain); margin-top: -2px; } .app-pages-LoginPage-___style-module__disabled___n8uyk { pointer-events: none; cursor: not-allowed; } .app-pages-LoginPage-___style-module__linkPrimaryColor___3CrJh a{ color: var(--colorTextPrimary)!important; } .app-pages-LoginPage-___style-module__link___VcD8X { color: var(--colorAccent); text-decoration: none; } .app-pages-LoginPage-___style-module__btn___ANP6I{ border: 1px solid var(--colorTextPrimary); padding: 8px; border-radius: 4px; } .app-pages-LoginPage-___style-module__cross___Ge5BW{ display: flex; align-items: center; justify-content: center; position: relative; z-index: 2; } .app-pages-LoginPage-___style-module__cross___Ge5BW > div{ font: var(--typographyBody1Font); color: var(--colorTextPrimary); background: var(--colorBgPrimary); text-transform: uppercase; text-align: center; padding: 8px; } .app-pages-LoginPage-___style-module__crossLine___D6QYP{ position:relative; top: -15px; width:100%; height: 1px; background: var(--colorTextPrimary); } .app-pages-LoginPage-___style-module__disclaimer___0hpJp { padding: 32px 32px 16px; } .app-pages-LoginPage-___style-module__disclaimer___0hpJp h1 { font: var(--typographySubtitleFont); font-weight: 700; font-size: 22px; color: var(--colorTextMain); margin-bottom: 12px; padding: 0; border: none; } .app-pages-LoginPage-___style-module__disclaimer___0hpJp h2 { font: var(--typographySubtitleFont); color: var(--colorTextMain); margin-top: 16px; margin-bottom: 8px; padding: 0; border: none; } .app-pages-LoginPage-___style-module__disclaimer___0hpJp p { margin-bottom: 0; } .app-pages-InterestRates-InstrumentsPage-___style-module__noWrap___1IaX7{ white-space: nowrap; } .app-containers-DownloadManager-___style-module__itemsWrapper___68D5L { position: absolute; bottom: 78px; right: 24px; z-index: 100000; } .app-containers-DownloadManager-___style-module__downloaderWrap___J-jve:not(:last-of-type) { margin-bottom: 8px; } .app-containers-DownloadManager-___style-module__container___QAkfn { border-radius: var(--defaultDropBorderRadius); background-color: var(--colorDropBg); min-width: 300px; display: flex; flex-direction: column; max-width: 300px; } .app-containers-DownloadManager-___style-module__container___QAkfn:not(:last-of-type) { margin-bottom: 8px; } .app-containers-DownloadManager-___style-module__container___QAkfn span { font: var(--typographyBody2Font); color: var(--colorTextMain); } .app-containers-DownloadManager-___style-module__container___QAkfn .app-containers-DownloadManager-___style-module__additionalInfo___Uarrt { border-top: 1px solid var(--colorDivider); } .app-containers-DownloadManager-___style-module__container___QAkfn .app-containers-DownloadManager-___style-module__additionalInfo___Uarrt .app-containers-DownloadManager-___style-module__infoFooter___Z0unF { display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 4px; } .app-containers-DownloadManager-___style-module__container___QAkfn .app-containers-DownloadManager-___style-module__additionalInfo___Uarrt .app-containers-DownloadManager-___style-module__infoFooter___Z0unF.app-containers-DownloadManager-___style-module__withBorder___K3yz3 { border-top: 1px solid var(--colorDivider); } .app-containers-DownloadManager-___style-module__container___QAkfn .app-containers-DownloadManager-___style-module__additionalInfo___Uarrt .app-containers-DownloadManager-___style-module__downloadAllBtn___v4qkq { text-align: center; color: var(--colorAccent); cursor: pointer; transition: all 0.2s; font-size: 12px; width: auto; } .app-containers-DownloadManager-___style-module__container___QAkfn .app-containers-DownloadManager-___style-module__additionalInfo___Uarrt .app-containers-DownloadManager-___style-module__downloadAllBtn___v4qkq:hover { color: var(--colorTextMain); } .app-containers-DownloadManager-___style-module__container___QAkfn .app-containers-DownloadManager-___style-module__additionalInfo___Uarrt .app-containers-DownloadManager-___style-module__downloadAllBtn___v4qkq:disabled { color: var(--colorTextDisabled) } .app-containers-DownloadManager-___style-module__container___QAkfn .app-containers-DownloadManager-___style-module__part___OVa6A { display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 4px 8px; height: 32px; color: var(--colorTextPrimary); } .app-containers-DownloadManager-___style-module__container___QAkfn .app-containers-DownloadManager-___style-module__part___OVa6A span { font: var(--typographyBody2Font); color: var(--colorTextPrimary); margin-right: 4px; } .app-containers-DownloadManager-___style-module__container___QAkfn .app-containers-DownloadManager-___style-module__xlsHeading___OydqO { display: flex; flex-direction: row; align-items: center; padding: 8px; cursor: pointer; height: 32px; } .app-containers-DownloadManager-___style-module__container___QAkfn .app-containers-DownloadManager-___style-module__xlsHeading___OydqO i { color: var(--colorTextIcons); font-size: 10px; transform: rotate(-90deg); transition: all 0.2s; } .app-containers-DownloadManager-___style-module__container___QAkfn .app-containers-DownloadManager-___style-module__xlsHeading___OydqO.app-containers-DownloadManager-___style-module__headingOpened___4P-pQ i { transform: rotate(0); } .app-containers-DownloadManager-___style-module__container___QAkfn .app-containers-DownloadManager-___style-module__xlsHeading___OydqO > span:first-of-type { margin-left: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .app-containers-DownloadManager-___style-module__container___QAkfn .app-containers-DownloadManager-___style-module__xlsHeading___OydqO span:last-of-type { color: var(--colorTextPrimary); } .app-containers-DownloadManager-___style-module__container___QAkfn .app-containers-DownloadManager-___style-module__cancelBtn___uXSUA { cursor: pointer; color: var(--colorPLMinus); font: var(--typographyBody2Font); transition: all 0.2s; } .app-containers-DownloadManager-___style-module__container___QAkfn .app-containers-DownloadManager-___style-module__cancelBtn___uXSUA:hover { color: var(--colorTextMain); } .app-containers-DownloadManager-___style-module__container___QAkfn .app-containers-DownloadManager-___style-module__cancelBtn___uXSUA:hover i { color: var(--colorTextMain); } .app-containers-DownloadManager-___style-module__container___QAkfn .app-containers-DownloadManager-___style-module__statusIcon___-AjIH { margin-left: 8px; } .app-containers-DownloadManager-___style-module__container___QAkfn .app-containers-DownloadManager-___style-module__statusIcon___-AjIH i { color: var(--colorPLPlus); font-size: 14px; } .app-components-NoConnection-___style-module__wrapper___YQEUh { position: absolute; top: 0; right: 0; left: 0; min-height: 100%; background: linear-gradient(180deg, rgba(34,36,39,1) 65%, rgba(0,0,0,1) 65%); z-index: 100000; display: flex; flex-direction: column; align-items: center; height: 100%; } .app-components-NoConnection-___style-module__wrapper___YQEUh .app-components-NoConnection-___style-module__info___oGCXO { display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: -340px; flex: 1; z-index: 1; position: relative; } .app-components-NoConnection-___style-module__wrapper___YQEUh h6 { font: var(--typographyDigit3Font); font-size: 60px; line-height: 72px; margin-bottom: 16px; text-align: center; color: #FFFFFF; } .app-components-NoConnection-___style-module__wrapper___YQEUh p { font: var(--typographyBody1Font); font-size: 33px; line-height: 40px; margin-bottom: 40px; text-align: center; color: #FFFFFF; opacity: 0.7; } .app-components-NoConnection-___style-module__wrapper___YQEUh .app-components-NoConnection-___style-module__cat___4LS-H { margin-left: auto; max-width: 75%; min-height: 300px; display: flex; flex-direction: column; justify-content: center; align-items: flex-end; z-index: 0; } @media screen and (max-width: 1360px) { .app-components-NoConnection-___style-module__wrapper___YQEUh .app-components-NoConnection-___style-module__info___oGCXO { margin-bottom: -200px; } .app-components-NoConnection-___style-module__wrapper___YQEUh h6 { font-size: 52px; line-height: 60px; margin-bottom: 16px; } .app-components-NoConnection-___style-module__wrapper___YQEUh p { font-size: 28px; line-height: 32px; margin-bottom: 32px; } .app-components-NoConnection-___style-module__wrapper___YQEUh .app-components-NoConnection-___style-module__cat___4LS-H { min-height: 240px; } } @media screen and (max-width: 968px) { .app-components-NoConnection-___style-module__wrapper___YQEUh .app-components-NoConnection-___style-module__info___oGCXO { margin-bottom: -120px; padding: 24px; } .app-components-NoConnection-___style-module__wrapper___YQEUh h6 { font-size: 44px; line-height: 52px; margin-bottom: 12px; } .app-components-NoConnection-___style-module__wrapper___YQEUh p { font-size: 24px; line-height: 28px; margin-bottom: 28px; } .app-components-NoConnection-___style-module__wrapper___YQEUh .app-components-NoConnection-___style-module__cat___4LS-H { max-width: 100%; min-height: 240px; } } .app-containers-App-___style-module__blocker___-fZK1 { width: 100%; min-height: 100vh; color: var(--colorTextWhite); z-index: 11000; position: fixed; top: 0; right: 0; display: none; background: var(--colorTextBlack); align-items: center; padding: 86px 10px 10px 10px; flex-direction: column; background: var(--colorBgMain); background-size: cover; } .app-containers-App-___style-module__blocker___-fZK1:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: var(--colorBackdrop); } .app-containers-App-___style-module__blocker___-fZK1.app-containers-App-___style-module__error___t9ZqW{ display: flex; } .app-containers-App-___style-module__blocker-logo___CJYsX { text-align: center; } .app-containers-App-___style-module__blocker-logo___CJYsX img { width: 180px; } .app-containers-App-___style-module__modal-req-loading-blocker___s1E-s { background-color: rgba(0, 0, 0, 0)!important; } .app-containers-App-___style-module__modal-req-loading-blocker___s1E-s + .height_100 { filter: blur(3px); } .app-containers-App-___style-module__blur-svg___gTGjF { display: none; } .app-containers-App-___style-module__logo-text___4y-qT { font-size: 36px; letter-spacing: 13.5px; font-weight: 300; text-transform: uppercase; margin-top: 10px; text-align: center; } .app-containers-App-___style-module__blocker-text___bTiai { line-height: 1.75; font-size: 16px; margin-top: 34px; /*text-align: center;*/ width: 270px; z-index: 2; } .app-containers-App-___style-module__blocker-text___bTiai > a { color: var(--colorAccent); } @media (max-width: 320px) { .app-containers-App-___style-module__blocker-text___bTiai { font-size: 14px; } } .app-containers-App-___style-module__blocker-store-ios___bIPcH { margin-top: 43px; margin-bottom: 21px; } .app-containers-App-___style-module__blocker-store-pic___9gQR1 { width: 133px; height: 38px; z-index: 1; } .app-containers-App-___style-module__blocker-store-pic___9gQR1 svg { width: 133px; height: 38px; fill: var(--colorTextBlack); } .app-containers-App-___style-module__blockerWrapper___HyzEi { padding: 44px; background-color: var(--colorBgPrimary); min-height: 600px; height: 100vh; width: 100%; overflow: hidden; display: none; position: relative; flex-direction: column; } @media (max-width: 500px) { .app-containers-App-___style-module__blockerWrapper___HyzEi { padding: 24px } } .app-containers-App-___style-module__blockerWrapper___HyzEi .app-containers-App-___style-module__content___uRQUI { margin: 104px 50px 0; flex: 1; position: relative; } .app-containers-App-___style-module__blockerWrapper___HyzEi .app-containers-App-___style-module__content___uRQUI h1 { font-size: 24px; line-height: 28px; font-weight: 500; } .app-containers-App-___style-module__blockerWrapper___HyzEi .app-containers-App-___style-module__content___uRQUI > div:first-of-type { max-width: 440px; position: relative; z-index: 2; } @media (max-width: 500px) { .app-containers-App-___style-module__blockerWrapper___HyzEi .app-containers-App-___style-module__content___uRQUI { margin: 40px 0 0 } } .app-containers-App-___style-module__blockerWrapper___HyzEi .app-containers-App-___style-module__content___uRQUI.app-containers-App-___style-module__noApps___kMX5f { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 104px 50px; flex: 1; } .app-containers-App-___style-module__blockerWrapper___HyzEi .app-containers-App-___style-module__content___uRQUI.app-containers-App-___style-module__noApps___kMX5f > div:first-of-type { max-width: 100%; } .app-containers-App-___style-module__blockerWrapper___HyzEi .app-containers-App-___style-module__content___uRQUI.app-containers-App-___style-module__noApps___kMX5f > div:first-of-type h1 { max-width: 360px; } @media (max-width: 500px) { .app-containers-App-___style-module__blockerWrapper___HyzEi .app-containers-App-___style-module__content___uRQUI.app-containers-App-___style-module__noApps___kMX5f { margin: 40px 0 0 } } .app-containers-App-___style-module__blockerWrapper___HyzEi .app-containers-App-___style-module__content___uRQUI .app-containers-App-___style-module__mobilePreview___RW72k { position: absolute; top: 69px; right: -80px; z-index: 1; } @media (max-width: 760px) { .app-containers-App-___style-module__blockerWrapper___HyzEi .app-containers-App-___style-module__content___uRQUI .app-containers-App-___style-module__mobilePreview___RW72k { position: absolute; width: fit-content; top: 220px; right: 0; left: 0; justify-self: center } } @media (max-width: 1001px), (max-height: 600px) { .app-containers-App-___style-module__blocker___-fZK1 { display: flex; } .app-containers-App-___style-module__blockerWrapper___HyzEi { display: flex; } .app-containers-App-___style-module__app-wrapper-not-login___1D5mv { display: none; } } .app-containers-App-___style-module__app-wrapper___x6EsR { overflow: hidden; height: 100%; z-index: 1; } .pull-right { float: right; } .text-right { text-align: right; } .app-containers-App-___style-module__modal___gKFef { max-width: 684px; width: 684px; max-height: 90vh; display: flex; flex-direction: column; } @media (max-width: 700px) { .app-containers-App-___style-module__modal___gKFef { width: auto } } @media (max-width: 620px) { .app-containers-App-___style-module__modal___gKFef { width: auto } .app-containers-App-___style-module__modal___gKFef > div { flex-direction: column; padding-top: 32px; padding-left: 24px; padding-right: 24px; gap: 24px; } } .app-containers-App-___style-module__backdrop___QsuNN { background-color: var(--colorBackdrop); }