@charset "utf-8"; :root, [data-theme="light"] { --AssistColorAzure: #2b5db9; --AssistColorBlue: #4b5dc2; --AssistColorCelulean: #408d9f; --AssistColorGreen: #3b824a; --AssistColorOrange: #fc9c0c; --AssistColorPurple: #5e39d0; --AssistColorRed: #e54a82; --AssistColorResso: #ff005c; --AssistColorYellow: #face15; --BGBase: #f5f5f5; --BGBrand: rgba(254,44,85,.06); --BGCreation: #121212; --BGCreation2: #1b1b1b; --BGCreation3: #f8f8f8; --BGInput: rgba(22,24,35,.06); --BGInput2: rgba(22,24,35,.06); --BGInverse3: rgba(37,37,37,.6); --BGLevitation: #fff; --BGPlaceholderDefault: rgba(22,24,35,.06); --BGPlaceholderOpaque: #f1f1f1; --BGPrimary: #fff; --BGPrimary2: #fff; --BGQuaternary: #fff; --BGQuinary: #fff; --BGReverse: #fff; --BGReverse2: hsla(0,0%,100%,.9); --BGSecondary: #fff; --BGSecondary2: #fff; --BGTertiary: #fff; --BGTertiary2: #fff; --BGView: rgba(22,24,35,.03); --BGView2: rgba(22,24,35,.03); --ConstBGBrand: rgba(254,44,85,.5); --ConstBGContainer: hsla(0,0%,100%,.12); --ConstBGContainer2: hsla(0,0%,100%,.08); --ConstBGContainer3: hsla(0,0%,100%,.04); --ConstBGInverse: #000; --ConstBGInverse1: rgba(56,56,56,.95); --ConstBGInverse2: rgba(0,0,0,.6); --ConstBGInverse3: rgba(37,37,37,.6); --ConstBGInverse4: rgba(84,84,84,.5); --ConstBGInverse5: rgba(0,0,0,.2); --ConstBGInverseOpaque: #2e2e2e; --ConstBGMat: hsla(0,0%,100%,.34); --ConstBGMat2: hsla(0,0%,100%,.2); --ConstBGPlaceholderOpaque: #f1f1f1; --ConstBGSecondary: rgba(32,213,236,.05); --ConstInteractStatePressedMaskLightInverse: rgba(22,24,35,.1); --ConstInteractStatePressedMaskStrongInverse: rgba(22,24,35,.3); --ConstLineInverse: hsla(0,0%,100%,.2); --ConstLineInverse2: hsla(0,0%,100%,.12); --ConstTextInverse: #fff; --ConstTextInverse2: hsla(0,0%,100%,.9); --ConstTextInverse3: hsla(0,0%,100%,.75); --ConstTextInverse4: hsla(0,0%,100%,.5); --ConstTextInverse5: hsla(0,0%,100%,.34); --ConstTextPrimary: #161823; --InteractStatePressedMaskLight: rgba(22,24,35,.1); --LineDarker: rgba(22,24,35,.03); --LineInput: rgba(22,24,35,.5); --LineInverse: rgba(22,24,35,.2); --LinePrimary: rgba(22,24,35,.2); --LinePrimary2: rgba(22,24,35,.2); --LineReverse2: rgba(22,24,35,.12); --LineReverse3: rgba(22,24,35,.12); --LineSecondary: rgba(22,24,35,.12); --LineSecondary2: rgba(22,24,35,.12); --LineSecondary3: rgba(22,24,35,.12); --Link: #fe2c55; --Link2: #fe2c55; --Link3: #fe2c55; --LiveColorEnd: #ed3495; --LiveColorStart: #ff1764; --Negative: #ff4c3a; --Positive: #0be09b; --Positive2: #4fab7e; --Primary: #fe2c55; --Primary2: #161823; --SDPrimary: rgba(0,0,0,.8); --SDSecondary: rgba(0,0,0,.6); --SDTertiary: rgba(0,0,0,.2); --Secondary: #20d5ec; --Secondary2: #10a2c5; --ShadowPrimary: rgba(0,0,0,.12); --ShadowSecondary: rgba(0,0,0,.06); --StoryColorEnd: #1ae3c6; --StoryColorMiddle: #20d5ec; --StoryColorStart: #15c0f9; --TagBrownBG: #f5f0f0; --TagBrownText: #805959; --TagGreenBG: #eff5f2; --TagGreenText: #59806c; --TagPurpleBG: #f6f0f5; --TagPurpleText: #805979; --TextPrimary: #161823; --TextQuaternary: rgba(22,24,35,.34); --TextReverse: #161823; --TextReverse2: rgba(22,24,35,.75); --TextReverse3: rgba(22,24,35,.5); --TextReverse4: rgba(22,24,35,.34); --TextSecondary: rgba(22,24,35,.75); --TextTertiary: rgba(22,24,35,.5); --TextTertiary2: rgba(22,24,35,.5); --TextTertiaryAlt: rgba(22,24,35,.6); --ToastDefault: rgba(84,84,84,.92); --ToastNegative: rgba(255,76,58,.92); } [data-theme="dark"] { --AssistColorAzure: #8fbee9; --AssistColorCelulean: #7ebbc9; --BGBase: #000; --BGBrand: rgba(254,44,85,.24); --BGCreation3: #121212; --BGInput: hsla(0,0%,100%,.12); --BGInput2: hsla(0,0%,100%,.08); --BGLevitation: #191919; --BGPlaceholderDefault: hsla(0,0%,100%,.08); --BGPlaceholderOpaque: #252525; --BGPrimary: #121212; --BGPrimary2: hsla(0,0%,100%,.04); --BGQuaternary: #383838; --BGQuinary: #4b4b4b; --BGReverse: #121212; --BGReverse2: hsla(0,0%,7%,.9); --BGSecondary: #252525; --BGSecondary2: hsla(0,0%,100%,.08); --BGTertiary: #2e2e2e; --BGTertiary2: hsla(0,0%,100%,.12); --BGView: hsla(0,0%,100%,.04); --BGView2: hsla(0,0%,100%,0); --InteractStatePressedMaskLight: hsla(0,0%,100%,.1); --LineDarker: rgba(0,0,0,.35); --LineInput: hsla(0,0%,100%,.5); --LineInverse: hsla(0,0%,100%,0); --LinePrimary: hsla(0,0%,100%,0); --LinePrimary2: hsla(0,0%,100%,.2); --LineReverse2: hsla(0,0%,100%,.12); --LineReverse3: hsla(0,0%,100%,0); --LineSecondary: hsla(0,0%,100%,.12); --LineSecondary2: hsla(0,0%,100%,0); --LineSecondary3: hsla(0,0%,100%,.5); --Link: #ff3b5c; --Link2: #ff3b5c; --Link3: #ff3b5c; --Primary: #ff3b5c; --Primary2: hsla(0,0%,100%,.9); --SDTertiary: rgba(0,0,0,.5); --TagBrownBG: #805959; --TagBrownText: #ffb3b3; --TagGreenBG: #598066; --TagGreenText: #b2ffd9; --TagPurpleBG: #80596c; --TagPurpleText: #ffb2d9; --TextPrimary: hsla(0,0%,100%,.9); --TextQuaternary: hsla(0,0%,100%,.34); --TextReverse: hsla(0,0%,100%,.9); --TextReverse2: hsla(0,0%,100%,.75); --TextReverse3: hsla(0,0%,100%,.5); --TextReverse4: hsla(0,0%,100%,.34); --TextSecondary: hsla(0,0%,100%,.75); --TextTertiary: hsla(0,0%,100%,.5); --TextTertiary2: hsla(0,0%,100%,.75); --TextTertiaryAlt: hsla(0,0%,100%,.6); } .twv-container .pointer-events-none { pointer-events: none; } .twv-container .pointer-events-auto { pointer-events: auto; } .twv-container .visible { visibility: visible; } .twv-container .invisible { visibility: hidden; } .twv-container .static { position: static; } .twv-container .fixed { position: fixed; } .twv-container .absolute { position: absolute; } .twv-container .relative { position: relative; } .twv-container .sticky { position: sticky; } .twv-container .inset-0 { bottom: 0px; top: 0px; } .twv-container .inset-0, .twv-container .inset-x-0 { left: 0px; right: 0px; } .twv-container .inset-y-0 { bottom: 0px; top: 0px; } .twv-container .top-0 { top: 0px; } .twv-container .right-0 { right: 0px; } .twv-container .bottom-0 { bottom: 0px; } .twv-container .left-0 { left: 0px; } .twv-container .z-0 { z-index: 0; } .twv-container .z-1000 { z-index: 1000; } .twv-container .z-2000 { z-index: 2000; } .twv-container .z-3000 { z-index: 3000; } .twv-container .z-4000 { z-index: 4000; } .twv-container .z-5000 { z-index: 5000; } .twv-container .-z-1 { z-index: -1; } .twv-container .z-auto { z-index: auto; } .twv-container .order-1 { order: 1; } .twv-container .order-2 { order: 2; } .twv-container .order-first { order: -9999; } .twv-container .order-last { order: 9999; } .twv-container .order-none { order: 0; } .twv-container .m-0 { margin: 0px; } .twv-container .m-1 { margin: 1px; } .twv-container .m-2 { margin: 2px; } .twv-container .m-4 { margin: 4px; } .twv-container .m-6 { margin: 6px; } .twv-container .m-8 { margin: 8px; } .twv-container .m-10 { margin: 10px; } .twv-container .m-12 { margin: 12px; } .twv-container .m-14 { margin: 14px; } .twv-container .m-16 { margin: 16px; } .twv-container .m-18 { margin: 18px; } .twv-container .m-20 { margin: 20px; } .twv-container .m-22 { margin: 22px; } .twv-container .m-24 { margin: 24px; } .twv-container .m-26 { margin: 26px; } .twv-container .m-28 { margin: 28px; } .twv-container .m-30 { margin: 30px; } .twv-container .m-32 { margin: 32px; } .twv-container .m-34 { margin: 34px; } .twv-container .m-36 { margin: 36px; } .twv-container .m-38 { margin: 38px; } .twv-container .m-40 { margin: 40px; } .twv-container .m-42 { margin: 42px; } .twv-container .m-44 { margin: 44px; } .twv-container .m-46 { margin: 46px; } .twv-container .m-48 { margin: 48px; } .twv-container .m-50 { margin: 50px; } .twv-container .m-52 { margin: 52px; } .twv-container .m-54 { margin: 54px; } .twv-container .m-56 { margin: 56px; } .twv-container .m-58 { margin: 58px; } .twv-container .m-60 { margin: 60px; } .twv-container .m-62 { margin: 62px; } .twv-container .m-64 { margin: 64px; } .twv-container .m-auto { margin: auto; } .twv-container .mx-0 { margin-left: 0px; margin-right: 0px; } .twv-container .mx-1 { margin-left: 1px; margin-right: 1px; } .twv-container .mx-2 { margin-left: 2px; margin-right: 2px; } .twv-container .mx-4 { margin-left: 4px; margin-right: 4px; } .twv-container .mx-6 { margin-left: 6px; margin-right: 6px; } .twv-container .mx-8 { margin-left: 8px; margin-right: 8px; } .twv-container .mx-10 { margin-left: 10px; margin-right: 10px; } .twv-container .mx-12 { margin-left: 12px; margin-right: 12px; } .twv-container .mx-14 { margin-left: 14px; margin-right: 14px; } .twv-container .mx-16 { margin-left: 16px; margin-right: 16px; } .twv-container .mx-18 { margin-left: 18px; margin-right: 18px; } .twv-container .mx-20 { margin-left: 20px; margin-right: 20px; } .twv-container .mx-22 { margin-left: 22px; margin-right: 22px; } .twv-container .mx-24 { margin-left: 24px; margin-right: 24px; } .twv-container .mx-26 { margin-left: 26px; margin-right: 26px; } .twv-container .mx-28 { margin-left: 28px; margin-right: 28px; } .twv-container .mx-30 { margin-left: 30px; margin-right: 30px; } .twv-container .mx-32 { margin-left: 32px; margin-right: 32px; } .twv-container .mx-34 { margin-left: 34px; margin-right: 34px; } .twv-container .mx-36 { margin-left: 36px; margin-right: 36px; } .twv-container .mx-38 { margin-left: 38px; margin-right: 38px; } .twv-container .mx-40 { margin-left: 40px; margin-right: 40px; } .twv-container .mx-42 { margin-left: 42px; margin-right: 42px; } .twv-container .mx-44 { margin-left: 44px; margin-right: 44px; } .twv-container .mx-46 { margin-left: 46px; margin-right: 46px; } .twv-container .mx-48 { margin-left: 48px; margin-right: 48px; } .twv-container .mx-50 { margin-left: 50px; margin-right: 50px; } .twv-container .mx-52 { margin-left: 52px; margin-right: 52px; } .twv-container .mx-54 { margin-left: 54px; margin-right: 54px; } .twv-container .mx-56 { margin-left: 56px; margin-right: 56px; } .twv-container .mx-58 { margin-left: 58px; margin-right: 58px; } .twv-container .mx-60 { margin-left: 60px; margin-right: 60px; } .twv-container .mx-62 { margin-left: 62px; margin-right: 62px; } .twv-container .mx-64 { margin-left: 64px; margin-right: 64px; } .twv-container .mx-auto { margin-left: auto; margin-right: auto; } .twv-container .my-0 { margin-bottom: 0px; margin-top: 0px; } .twv-container .my-1 { margin-bottom: 1px; margin-top: 1px; } .twv-container .my-2 { margin-bottom: 2px; margin-top: 2px; } .twv-container .my-4 { margin-bottom: 4px; margin-top: 4px; } .twv-container .my-6 { margin-bottom: 6px; margin-top: 6px; } .twv-container .my-8 { margin-bottom: 8px; margin-top: 8px; } .twv-container .my-10 { margin-bottom: 10px; margin-top: 10px; } .twv-container .my-12 { margin-bottom: 12px; margin-top: 12px; } .twv-container .my-14 { margin-bottom: 14px; margin-top: 14px; } .twv-container .my-16 { margin-bottom: 16px; margin-top: 16px; } .twv-container .my-18 { margin-bottom: 18px; margin-top: 18px; } .twv-container .my-20 { margin-bottom: 20px; margin-top: 20px; } .twv-container .my-22 { margin-bottom: 22px; margin-top: 22px; } .twv-container .my-24 { margin-bottom: 24px; margin-top: 24px; } .twv-container .my-26 { margin-bottom: 26px; margin-top: 26px; } .twv-container .my-28 { margin-bottom: 28px; margin-top: 28px; } .twv-container .my-30 { margin-bottom: 30px; margin-top: 30px; } .twv-container .my-32 { margin-bottom: 32px; margin-top: 32px; } .twv-container .my-34 { margin-bottom: 34px; margin-top: 34px; } .twv-container .my-36 { margin-bottom: 36px; margin-top: 36px; } .twv-container .my-38 { margin-bottom: 38px; margin-top: 38px; } .twv-container .my-40 { margin-bottom: 40px; margin-top: 40px; } .twv-container .my-42 { margin-bottom: 42px; margin-top: 42px; } .twv-container .my-44 { margin-bottom: 44px; margin-top: 44px; } .twv-container .my-46 { margin-bottom: 46px; margin-top: 46px; } .twv-container .my-48 { margin-bottom: 48px; margin-top: 48px; } .twv-container .my-50 { margin-bottom: 50px; margin-top: 50px; } .twv-container .my-52 { margin-bottom: 52px; margin-top: 52px; } .twv-container .my-54 { margin-bottom: 54px; margin-top: 54px; } .twv-container .my-56 { margin-bottom: 56px; margin-top: 56px; } .twv-container .my-58 { margin-bottom: 58px; margin-top: 58px; } .twv-container .my-60 { margin-bottom: 60px; margin-top: 60px; } .twv-container .my-62 { margin-bottom: 62px; margin-top: 62px; } .twv-container .my-64 { margin-bottom: 64px; margin-top: 64px; } .twv-container .my-auto { margin-bottom: auto; margin-top: auto; } .twv-container .mt-0 { margin-top: 0px; } .twv-container .mt-1 { margin-top: 1px; } .twv-container .mt-2 { margin-top: 2px; } .twv-container .mt-4 { margin-top: 4px; } .twv-container .mt-6 { margin-top: 6px; } .twv-container .mt-8 { margin-top: 8px; } .twv-container .mt-10 { margin-top: 10px; } .twv-container .mt-12 { margin-top: 12px; } .twv-container .mt-14 { margin-top: 14px; } .twv-container .mt-16 { margin-top: 16px; } .twv-container .mt-18 { margin-top: 18px; } .twv-container .mt-20 { margin-top: 20px; } .twv-container .mt-22 { margin-top: 22px; } .twv-container .mt-24 { margin-top: 24px; } .twv-container .mt-26 { margin-top: 26px; } .twv-container .mt-28 { margin-top: 28px; } .twv-container .mt-30 { margin-top: 30px; } .twv-container .mt-32 { margin-top: 32px; } .twv-container .mt-34 { margin-top: 34px; } .twv-container .mt-36 { margin-top: 36px; } .twv-container .mt-38 { margin-top: 38px; } .twv-container .mt-40 { margin-top: 40px; } .twv-container .mt-42 { margin-top: 42px; } .twv-container .mt-44 { margin-top: 44px; } .twv-container .mt-46 { margin-top: 46px; } .twv-container .mt-48 { margin-top: 48px; } .twv-container .mt-50 { margin-top: 50px; } .twv-container .mt-52 { margin-top: 52px; } .twv-container .mt-54 { margin-top: 54px; } .twv-container .mt-56 { margin-top: 56px; } .twv-container .mt-58 { margin-top: 58px; } .twv-container .mt-60 { margin-top: 60px; } .twv-container .mt-62 { margin-top: 62px; } .twv-container .mt-64 { margin-top: 64px; } .twv-container .mt-auto { margin-top: auto; } .twv-container .mr-0 { margin-right: 0px; } .twv-container .mr-1 { margin-right: 1px; } .twv-container .mr-2 { margin-right: 2px; } .twv-container .mr-4 { margin-right: 4px; } .twv-container .mr-6 { margin-right: 6px; } .twv-container .mr-8 { margin-right: 8px; } .twv-container .mr-10 { margin-right: 10px; } .twv-container .mr-12 { margin-right: 12px; } .twv-container .mr-14 { margin-right: 14px; } .twv-container .mr-16 { margin-right: 16px; } .twv-container .mr-18 { margin-right: 18px; } .twv-container .mr-20 { margin-right: 20px; } .twv-container .mr-22 { margin-right: 22px; } .twv-container .mr-24 { margin-right: 24px; } .twv-container .mr-26 { margin-right: 26px; } .twv-container .mr-28 { margin-right: 28px; } .twv-container .mr-30 { margin-right: 30px; } .twv-container .mr-32 { margin-right: 32px; } .twv-container .mr-34 { margin-right: 34px; } .twv-container .mr-36 { margin-right: 36px; } .twv-container .mr-38 { margin-right: 38px; } .twv-container .mr-40 { margin-right: 40px; } .twv-container .mr-42 { margin-right: 42px; } .twv-container .mr-44 { margin-right: 44px; } .twv-container .mr-46 { margin-right: 46px; } .twv-container .mr-48 { margin-right: 48px; } .twv-container .mr-50 { margin-right: 50px; } .twv-container .mr-52 { margin-right: 52px; } .twv-container .mr-54 { margin-right: 54px; } .twv-container .mr-56 { margin-right: 56px; } .twv-container .mr-58 { margin-right: 58px; } .twv-container .mr-60 { margin-right: 60px; } .twv-container .mr-62 { margin-right: 62px; } .twv-container .mr-64 { margin-right: 64px; } .twv-container .mr-auto { margin-right: auto; } .twv-container .mb-0 { margin-bottom: 0px; } .twv-container .mb-1 { margin-bottom: 1px; } .twv-container .mb-2 { margin-bottom: 2px; } .twv-container .mb-4 { margin-bottom: 4px; } .twv-container .mb-6 { margin-bottom: 6px; } .twv-container .mb-8 { margin-bottom: 8px; } .twv-container .mb-10 { margin-bottom: 10px; } .twv-container .mb-12 { margin-bottom: 12px; } .twv-container .mb-14 { margin-bottom: 14px; } .twv-container .mb-16 { margin-bottom: 16px; } .twv-container .mb-18 { margin-bottom: 18px; } .twv-container .mb-20 { margin-bottom: 20px; } .twv-container .mb-22 { margin-bottom: 22px; } .twv-container .mb-24 { margin-bottom: 24px; } .twv-container .mb-26 { margin-bottom: 26px; } .twv-container .mb-28 { margin-bottom: 28px; } .twv-container .mb-30 { margin-bottom: 30px; } .twv-container .mb-32 { margin-bottom: 32px; } .twv-container .mb-34 { margin-bottom: 34px; } .twv-container .mb-36 { margin-bottom: 36px; } .twv-container .mb-38 { margin-bottom: 38px; } .twv-container .mb-40 { margin-bottom: 40px; } .twv-container .mb-42 { margin-bottom: 42px; } .twv-container .mb-44 { margin-bottom: 44px; } .twv-container .mb-46 { margin-bottom: 46px; } .twv-container .mb-48 { margin-bottom: 48px; } .twv-container .mb-50 { margin-bottom: 50px; } .twv-container .mb-52 { margin-bottom: 52px; } .twv-container .mb-54 { margin-bottom: 54px; } .twv-container .mb-56 { margin-bottom: 56px; } .twv-container .mb-58 { margin-bottom: 58px; } .twv-container .mb-60 { margin-bottom: 60px; } .twv-container .mb-62 { margin-bottom: 62px; } .twv-container .mb-64 { margin-bottom: 64px; } .twv-container .mb-auto { margin-bottom: auto; } .twv-container .ml-0 { margin-left: 0px; } .twv-container .ml-1 { margin-left: 1px; } .twv-container .ml-2 { margin-left: 2px; } .twv-container .ml-4 { margin-left: 4px; } .twv-container .ml-6 { margin-left: 6px; } .twv-container .ml-8 { margin-left: 8px; } .twv-container .ml-10 { margin-left: 10px; } .twv-container .ml-12 { margin-left: 12px; } .twv-container .ml-14 { margin-left: 14px; } .twv-container .ml-16 { margin-left: 16px; } .twv-container .ml-18 { margin-left: 18px; } .twv-container .ml-20 { margin-left: 20px; } .twv-container .ml-22 { margin-left: 22px; } .twv-container .ml-24 { margin-left: 24px; } .twv-container .ml-26 { margin-left: 26px; } .twv-container .ml-28 { margin-left: 28px; } .twv-container .ml-30 { margin-left: 30px; } .twv-container .ml-32 { margin-left: 32px; } .twv-container .ml-34 { margin-left: 34px; } .twv-container .ml-36 { margin-left: 36px; } .twv-container .ml-38 { margin-left: 38px; } .twv-container .ml-40 { margin-left: 40px; } .twv-container .ml-42 { margin-left: 42px; } .twv-container .ml-44 { margin-left: 44px; } .twv-container .ml-46 { margin-left: 46px; } .twv-container .ml-48 { margin-left: 48px; } .twv-container .ml-50 { margin-left: 50px; } .twv-container .ml-52 { margin-left: 52px; } .twv-container .ml-54 { margin-left: 54px; } .twv-container .ml-56 { margin-left: 56px; } .twv-container .ml-58 { margin-left: 58px; } .twv-container .ml-60 { margin-left: 60px; } .twv-container .ml-62 { margin-left: 62px; } .twv-container .ml-64 { margin-left: 64px; } .twv-container .ml-auto { margin-left: auto; } .twv-container .box-border { box-sizing: border-box; } .twv-container .box-content { box-sizing: content-box; } .twv-container .block { display: block; } .twv-container .inline-block { display: inline-block; } .twv-container .inline { display: inline; } .twv-container .flex { display: flex; } .twv-container .inline-flex { display: inline-flex; } .twv-container .table { display: table; } .twv-container .inline-table { display: inline-table; } .twv-container .table-caption { display: table-caption; } .twv-container .table-cell { display: table-cell; } .twv-container .table-column { display: table-column; } .twv-container .table-column-group { display: table-column-group; } .twv-container .table-footer-group { display: table-footer-group; } .twv-container .table-header-group { display: table-header-group; } .twv-container .table-row-group { display: table-row-group; } .twv-container .table-row { display: table-row; } .twv-container .flow-root { display: flow-root; } .twv-container .grid { display: grid; } .twv-container .inline-grid { display: inline-grid; } .twv-container .contents { display: contents; } .twv-container .list-item { display: list-item; } .twv-container .hidden { display: none; } .twv-container .h-0 { height: 0px; } .twv-container .h-1 { height: 1px; } .twv-container .h-2 { height: 2px; } .twv-container .h-4 { height: 4px; } .twv-container .h-6 { height: 6px; } .twv-container .h-8 { height: 8px; } .twv-container .h-10 { height: 10px; } .twv-container .h-12 { height: 12px; } .twv-container .h-14 { height: 14px; } .twv-container .h-16 { height: 16px; } .twv-container .h-18 { height: 18px; } .twv-container .h-20 { height: 20px; } .twv-container .h-22 { height: 22px; } .twv-container .h-24 { height: 24px; } .twv-container .h-26 { height: 26px; } .twv-container .h-28 { height: 28px; } .twv-container .h-30 { height: 30px; } .twv-container .h-32 { height: 32px; } .twv-container .h-34 { height: 34px; } .twv-container .h-36 { height: 36px; } .twv-container .h-38 { height: 38px; } .twv-container .h-40 { height: 40px; } .twv-container .h-42 { height: 42px; } .twv-container .h-44 { height: 44px; } .twv-container .h-46 { height: 46px; } .twv-container .h-48 { height: 48px; } .twv-container .h-50 { height: 50px; } .twv-container .h-52 { height: 52px; } .twv-container .h-54 { height: 54px; } .twv-container .h-56 { height: 56px; } .twv-container .h-58 { height: 58px; } .twv-container .h-60 { height: 60px; } .twv-container .h-62 { height: 62px; } .twv-container .h-64 { height: 64px; } .twv-container .h-auto { height: auto; } .twv-container .h-full { height: 100%; } .twv-container .h-screen { height: 100vh; } .twv-container .w-0 { width: 0px; } .twv-container .w-1 { width: 1px; } .twv-container .w-2 { width: 2px; } .twv-container .w-4 { width: 4px; } .twv-container .w-6 { width: 6px; } .twv-container .w-8 { width: 8px; } .twv-container .w-10 { width: 10px; } .twv-container .w-12 { width: 12px; } .twv-container .w-14 { width: 14px; } .twv-container .w-16 { width: 16px; } .twv-container .w-18 { width: 18px; } .twv-container .w-20 { width: 20px; } .twv-container .w-22 { width: 22px; } .twv-container .w-24 { width: 24px; } .twv-container .w-26 { width: 26px; } .twv-container .w-28 { width: 28px; } .twv-container .w-30 { width: 30px; } .twv-container .w-32 { width: 32px; } .twv-container .w-34 { width: 34px; } .twv-container .w-36 { width: 36px; } .twv-container .w-38 { width: 38px; } .twv-container .w-40 { width: 40px; } .twv-container .w-42 { width: 42px; } .twv-container .w-44 { width: 44px; } .twv-container .w-46 { width: 46px; } .twv-container .w-48 { width: 48px; } .twv-container .w-50 { width: 50px; } .twv-container .w-52 { width: 52px; } .twv-container .w-54 { width: 54px; } .twv-container .w-56 { width: 56px; } .twv-container .w-58 { width: 58px; } .twv-container .w-60 { width: 60px; } .twv-container .w-62 { width: 62px; } .twv-container .w-64 { width: 64px; } .twv-container .w-auto { width: auto; } .twv-container .w-full { width: 100%; } .twv-container .w-screen { width: 100vw; } .twv-container .max-w-full { max-width: 100%; } .twv-container .flex-1 { flex: 1 1 0%; } .twv-container .flex-auto { flex: 1 1 auto; } .twv-container .flex-initial { flex: 0 1 auto; } .twv-container .flex-none { flex: 0 0 auto; } .twv-container .flex-shrink-0 { flex-shrink: 0; } .twv-container .flex-shrink { flex-shrink: 1; } .twv-container .flex-grow-0 { flex-grow: 0; } .twv-container .flex-grow { flex-grow: 1; } .twv-container .cursor-auto { cursor: auto; } .twv-container .cursor-default { cursor: default; } .twv-container .cursor-pointer { cursor: pointer; } .twv-container .cursor-wait { cursor: wait; } .twv-container .cursor-text { cursor: text; } .twv-container .cursor-move { cursor: move; } .twv-container .cursor-help { cursor: help; } .twv-container .cursor-not-allowed { cursor: not-allowed; } .twv-container .select-none { user-select: none; } .twv-container .select-text { user-select: text; } .twv-container .select-all { user-select: all; } .twv-container .select-auto { user-select: auto; } .twv-container .appearance-none { appearance: none; } .twv-container .flex-row { flex-direction: row; } .twv-container .flex-row-reverse { flex-direction: row-reverse; } .twv-container .flex-col { flex-direction: column; } .twv-container .flex-col-reverse { flex-direction: column-reverse; } .twv-container .flex-wrap { flex-wrap: wrap; } .twv-container .flex-wrap-reverse { flex-wrap: wrap-reverse; } .twv-container .flex-nowrap { flex-wrap: nowrap; } .twv-container .content-center { align-content: center; } .twv-container .content-start { align-content: flex-start; } .twv-container .content-end { align-content: flex-end; } .twv-container .content-between { align-content: space-between; } .twv-container .content-around { align-content: space-around; } .twv-container .content-evenly { align-content: space-evenly; } .twv-container .items-start { align-items: flex-start; } .twv-container .items-end { align-items: flex-end; } .twv-container .items-center { align-items: center; } .twv-container .items-baseline { align-items: baseline; } .twv-container .items-stretch { align-items: stretch; } .twv-container .justify-start { justify-content: flex-start; } .twv-container .justify-end { justify-content: flex-end; } .twv-container .justify-center { justify-content: center; } .twv-container .justify-between { justify-content: space-between; } .twv-container .justify-around { justify-content: space-around; } .twv-container .justify-evenly { justify-content: space-evenly; } .twv-container .self-auto { align-self: auto; } .twv-container .self-start { align-self: flex-start; } .twv-container .self-end { align-self: flex-end; } .twv-container .self-center { align-self: center; } .twv-container .self-stretch { align-self: stretch; } .twv-container .self-baseline { align-self: baseline; } .twv-container .overflow-auto { overflow: auto; } .twv-container .overflow-hidden { overflow: hidden; } .twv-container .overflow-visible { overflow: visible; } .twv-container .overflow-scroll { overflow: scroll; } .twv-container .overflow-x-auto { overflow-x: auto; } .twv-container .overflow-y-auto { overflow-y: auto; } .twv-container .overflow-x-hidden { overflow-x: hidden; } .twv-container .overflow-y-hidden { overflow-y: hidden; } .twv-container .overflow-x-visible { overflow-x: visible; } .twv-container .overflow-y-visible { overflow-y: visible; } .twv-container .overflow-x-scroll { overflow-x: scroll; } .twv-container .overflow-y-scroll { overflow-y: scroll; } .twv-container .truncate { overflow: hidden; white-space: nowrap; } .twv-container .overflow-ellipsis, .twv-container .truncate { text-overflow: ellipsis; } .twv-container .overflow-clip { text-overflow: clip; } .twv-container .rounded-2 { border-radius: 2px; } .twv-container .rounded-4 { border-radius: 4px; } .twv-container .rounded-8 { border-radius: 8px; } .twv-container .rounded-none { border-radius: 0px; } .twv-container .rounded { border-radius: 2px; } .twv-container .rounded-full { border-radius: 9999px; } .twv-container .rounded-t-2 { border-top-left-radius: 2px; border-top-right-radius: 2px; } .twv-container .rounded-t-4 { border-top-left-radius: 4px; border-top-right-radius: 4px; } .twv-container .rounded-t-8 { border-top-left-radius: 8px; border-top-right-radius: 8px; } .twv-container .rounded-t-none { border-top-left-radius: 0px; border-top-right-radius: 0px; } .twv-container .rounded-t { border-top-left-radius: 2px; border-top-right-radius: 2px; } .twv-container .rounded-t-full { border-top-left-radius: 9999px; border-top-right-radius: 9999px; } .twv-container .rounded-r-2 { border-bottom-right-radius: 2px; border-top-right-radius: 2px; } .twv-container .rounded-r-4 { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .twv-container .rounded-r-8 { border-bottom-right-radius: 8px; border-top-right-radius: 8px; } .twv-container .rounded-r-none { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .twv-container .rounded-r { border-bottom-right-radius: 2px; border-top-right-radius: 2px; } .twv-container .rounded-r-full { border-bottom-right-radius: 9999px; border-top-right-radius: 9999px; } .twv-container .rounded-b-2 { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .twv-container .rounded-b-4 { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .twv-container .rounded-b-8 { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .twv-container .rounded-b-none { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .twv-container .rounded-b { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .twv-container .rounded-b-full { border-bottom-left-radius: 9999px; border-bottom-right-radius: 9999px; } .twv-container .rounded-l-2 { border-bottom-left-radius: 2px; border-top-left-radius: 2px; } .twv-container .rounded-l-4 { border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .twv-container .rounded-l-8 { border-bottom-left-radius: 8px; border-top-left-radius: 8px; } .twv-container .rounded-l-none { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .twv-container .rounded-l { border-bottom-left-radius: 2px; border-top-left-radius: 2px; } .twv-container .rounded-l-full { border-bottom-left-radius: 9999px; border-top-left-radius: 9999px; } .twv-container .rounded-tl-2 { border-top-left-radius: 2px; } .twv-container .rounded-tl-4 { border-top-left-radius: 4px; } .twv-container .rounded-tl-8 { border-top-left-radius: 8px; } .twv-container .rounded-tl-none { border-top-left-radius: 0px; } .twv-container .rounded-tl { border-top-left-radius: 2px; } .twv-container .rounded-tl-full { border-top-left-radius: 9999px; } .twv-container .rounded-tr-2 { border-top-right-radius: 2px; } .twv-container .rounded-tr-4 { border-top-right-radius: 4px; } .twv-container .rounded-tr-8 { border-top-right-radius: 8px; } .twv-container .rounded-tr-none { border-top-right-radius: 0px; } .twv-container .rounded-tr { border-top-right-radius: 2px; } .twv-container .rounded-tr-full { border-top-right-radius: 9999px; } .twv-container .rounded-br-2 { border-bottom-right-radius: 2px; } .twv-container .rounded-br-4 { border-bottom-right-radius: 4px; } .twv-container .rounded-br-8 { border-bottom-right-radius: 8px; } .twv-container .rounded-br-none { border-bottom-right-radius: 0px; } .twv-container .rounded-br { border-bottom-right-radius: 2px; } .twv-container .rounded-br-full { border-bottom-right-radius: 9999px; } .twv-container .rounded-bl-2 { border-bottom-left-radius: 2px; } .twv-container .rounded-bl-4 { border-bottom-left-radius: 4px; } .twv-container .rounded-bl-8 { border-bottom-left-radius: 8px; } .twv-container .rounded-bl-none { border-bottom-left-radius: 0px; } .twv-container .rounded-bl { border-bottom-left-radius: 2px; } .twv-container .rounded-bl-full { border-bottom-left-radius: 9999px; } .twv-container .border-0 { border-width: 0px; } .twv-container .border-2 { border-width: 2px; } .twv-container .border { border-width: 1px; } .twv-container .border-t-0 { border-top-width: 0px; } .twv-container .border-t-2 { border-top-width: 2px; } .twv-container .border-t { border-top-width: 1px; } .twv-container .border-r-0 { border-right-width: 0px; } .twv-container .border-r-2 { border-right-width: 2px; } .twv-container .border-r { border-right-width: 1px; } .twv-container .border-b-0 { border-bottom-width: 0px; } .twv-container .border-b-2 { border-bottom-width: 2px; } .twv-container .border-b { border-bottom-width: 1px; } .twv-container .border-l-0 { border-left-width: 0px; } .twv-container .border-l-2 { border-left-width: 2px; } .twv-container .border-l { border-left-width: 1px; } .twv-container .border-solid { border-style: solid; } .twv-container .border-dashed { border-style: dashed; } .twv-container .border-dotted { border-style: dotted; } .twv-container .border-double { border-style: double; } .twv-container .border-none { border-style: none; } .twv-container .p-0 { padding: 0px; } .twv-container .p-1 { padding: 1px; } .twv-container .p-2 { padding: 2px; } .twv-container .p-4 { padding: 4px; } .twv-container .p-6 { padding: 6px; } .twv-container .p-8 { padding: 8px; } .twv-container .p-10 { padding: 10px; } .twv-container .p-12 { padding: 12px; } .twv-container .p-14 { padding: 14px; } .twv-container .p-16 { padding: 16px; } .twv-container .p-18 { padding: 18px; } .twv-container .p-20 { padding: 20px; } .twv-container .p-22 { padding: 22px; } .twv-container .p-24 { padding: 24px; } .twv-container .p-26 { padding: 26px; } .twv-container .p-28 { padding: 28px; } .twv-container .p-30 { padding: 30px; } .twv-container .p-32 { padding: 32px; } .twv-container .p-34 { padding: 34px; } .twv-container .p-36 { padding: 36px; } .twv-container .p-38 { padding: 38px; } .twv-container .p-40 { padding: 40px; } .twv-container .p-42 { padding: 42px; } .twv-container .p-44 { padding: 44px; } .twv-container .p-46 { padding: 46px; } .twv-container .p-48 { padding: 48px; } .twv-container .p-50 { padding: 50px; } .twv-container .p-52 { padding: 52px; } .twv-container .p-54 { padding: 54px; } .twv-container .p-56 { padding: 56px; } .twv-container .p-58 { padding: 58px; } .twv-container .p-60 { padding: 60px; } .twv-container .p-62 { padding: 62px; } .twv-container .p-64 { padding: 64px; } .twv-container .px-0 { padding-left: 0px; padding-right: 0px; } .twv-container .px-1 { padding-left: 1px; padding-right: 1px; } .twv-container .px-2 { padding-left: 2px; padding-right: 2px; } .twv-container .px-4 { padding-left: 4px; padding-right: 4px; } .twv-container .px-6 { padding-left: 6px; padding-right: 6px; } .twv-container .px-8 { padding-left: 8px; padding-right: 8px; } .twv-container .px-10 { padding-left: 10px; padding-right: 10px; } .twv-container .px-12 { padding-left: 12px; padding-right: 12px; } .twv-container .px-14 { padding-left: 14px; padding-right: 14px; } .twv-container .px-16 { padding-left: 16px; padding-right: 16px; } .twv-container .px-18 { padding-left: 18px; padding-right: 18px; } .twv-container .px-20 { padding-left: 20px; padding-right: 20px; } .twv-container .px-22 { padding-left: 22px; padding-right: 22px; } .twv-container .px-24 { padding-left: 24px; padding-right: 24px; } .twv-container .px-26 { padding-left: 26px; padding-right: 26px; } .twv-container .px-28 { padding-left: 28px; padding-right: 28px; } .twv-container .px-30 { padding-left: 30px; padding-right: 30px; } .twv-container .px-32 { padding-left: 32px; padding-right: 32px; } .twv-container .px-34 { padding-left: 34px; padding-right: 34px; } .twv-container .px-36 { padding-left: 36px; padding-right: 36px; } .twv-container .px-38 { padding-left: 38px; padding-right: 38px; } .twv-container .px-40 { padding-left: 40px; padding-right: 40px; } .twv-container .px-42 { padding-left: 42px; padding-right: 42px; } .twv-container .px-44 { padding-left: 44px; padding-right: 44px; } .twv-container .px-46 { padding-left: 46px; padding-right: 46px; } .twv-container .px-48 { padding-left: 48px; padding-right: 48px; } .twv-container .px-50 { padding-left: 50px; padding-right: 50px; } .twv-container .px-52 { padding-left: 52px; padding-right: 52px; } .twv-container .px-54 { padding-left: 54px; padding-right: 54px; } .twv-container .px-56 { padding-left: 56px; padding-right: 56px; } .twv-container .px-58 { padding-left: 58px; padding-right: 58px; } .twv-container .px-60 { padding-left: 60px; padding-right: 60px; } .twv-container .px-62 { padding-left: 62px; padding-right: 62px; } .twv-container .px-64 { padding-left: 64px; padding-right: 64px; } .twv-container .py-0 { padding-bottom: 0px; padding-top: 0px; } .twv-container .py-1 { padding-bottom: 1px; padding-top: 1px; } .twv-container .py-2 { padding-bottom: 2px; padding-top: 2px; } .twv-container .py-4 { padding-bottom: 4px; padding-top: 4px; } .twv-container .py-6 { padding-bottom: 6px; padding-top: 6px; } .twv-container .py-8 { padding-bottom: 8px; padding-top: 8px; } .twv-container .py-10 { padding-bottom: 10px; padding-top: 10px; } .twv-container .py-12 { padding-bottom: 12px; padding-top: 12px; } .twv-container .py-14 { padding-bottom: 14px; padding-top: 14px; } .twv-container .py-16 { padding-bottom: 16px; padding-top: 16px; } .twv-container .py-18 { padding-bottom: 18px; padding-top: 18px; } .twv-container .py-20 { padding-bottom: 20px; padding-top: 20px; } .twv-container .py-22 { padding-bottom: 22px; padding-top: 22px; } .twv-container .py-24 { padding-bottom: 24px; padding-top: 24px; } .twv-container .py-26 { padding-bottom: 26px; padding-top: 26px; } .twv-container .py-28 { padding-bottom: 28px; padding-top: 28px; } .twv-container .py-30 { padding-bottom: 30px; padding-top: 30px; } .twv-container .py-32 { padding-bottom: 32px; padding-top: 32px; } .twv-container .py-34 { padding-bottom: 34px; padding-top: 34px; } .twv-container .py-36 { padding-bottom: 36px; padding-top: 36px; } .twv-container .py-38 { padding-bottom: 38px; padding-top: 38px; } .twv-container .py-40 { padding-bottom: 40px; padding-top: 40px; } .twv-container .py-42 { padding-bottom: 42px; padding-top: 42px; } .twv-container .py-44 { padding-bottom: 44px; padding-top: 44px; } .twv-container .py-46 { padding-bottom: 46px; padding-top: 46px; } .twv-container .py-48 { padding-bottom: 48px; padding-top: 48px; } .twv-container .py-50 { padding-bottom: 50px; padding-top: 50px; } .twv-container .py-52 { padding-bottom: 52px; padding-top: 52px; } .twv-container .py-54 { padding-bottom: 54px; padding-top: 54px; } .twv-container .py-56 { padding-bottom: 56px; padding-top: 56px; } .twv-container .py-58 { padding-bottom: 58px; padding-top: 58px; } .twv-container .py-60 { padding-bottom: 60px; padding-top: 60px; } .twv-container .py-62 { padding-bottom: 62px; padding-top: 62px; } .twv-container .py-64 { padding-bottom: 64px; padding-top: 64px; } .twv-container .pt-0 { padding-top: 0px; } .twv-container .pt-1 { padding-top: 1px; } .twv-container .pt-2 { padding-top: 2px; } .twv-container .pt-4 { padding-top: 4px; } .twv-container .pt-6 { padding-top: 6px; } .twv-container .pt-8 { padding-top: 8px; } .twv-container .pt-10 { padding-top: 10px; } .twv-container .pt-12 { padding-top: 12px; } .twv-container .pt-14 { padding-top: 14px; } .twv-container .pt-16 { padding-top: 16px; } .twv-container .pt-18 { padding-top: 18px; } .twv-container .pt-20 { padding-top: 20px; } .twv-container .pt-22 { padding-top: 22px; } .twv-container .pt-24 { padding-top: 24px; } .twv-container .pt-26 { padding-top: 26px; } .twv-container .pt-28 { padding-top: 28px; } .twv-container .pt-30 { padding-top: 30px; } .twv-container .pt-32 { padding-top: 32px; } .twv-container .pt-34 { padding-top: 34px; } .twv-container .pt-36 { padding-top: 36px; } .twv-container .pt-38 { padding-top: 38px; } .twv-container .pt-40 { padding-top: 40px; } .twv-container .pt-42 { padding-top: 42px; } .twv-container .pt-44 { padding-top: 44px; } .twv-container .pt-46 { padding-top: 46px; } .twv-container .pt-48 { padding-top: 48px; } .twv-container .pt-50 { padding-top: 50px; } .twv-container .pt-52 { padding-top: 52px; } .twv-container .pt-54 { padding-top: 54px; } .twv-container .pt-56 { padding-top: 56px; } .twv-container .pt-58 { padding-top: 58px; } .twv-container .pt-60 { padding-top: 60px; } .twv-container .pt-62 { padding-top: 62px; } .twv-container .pt-64 { padding-top: 64px; } .twv-container .pr-0 { padding-right: 0px; } .twv-container .pr-1 { padding-right: 1px; } .twv-container .pr-2 { padding-right: 2px; } .twv-container .pr-4 { padding-right: 4px; } .twv-container .pr-6 { padding-right: 6px; } .twv-container .pr-8 { padding-right: 8px; } .twv-container .pr-10 { padding-right: 10px; } .twv-container .pr-12 { padding-right: 12px; } .twv-container .pr-14 { padding-right: 14px; } .twv-container .pr-16 { padding-right: 16px; } .twv-container .pr-18 { padding-right: 18px; } .twv-container .pr-20 { padding-right: 20px; } .twv-container .pr-22 { padding-right: 22px; } .twv-container .pr-24 { padding-right: 24px; } .twv-container .pr-26 { padding-right: 26px; } .twv-container .pr-28 { padding-right: 28px; } .twv-container .pr-30 { padding-right: 30px; } .twv-container .pr-32 { padding-right: 32px; } .twv-container .pr-34 { padding-right: 34px; } .twv-container .pr-36 { padding-right: 36px; } .twv-container .pr-38 { padding-right: 38px; } .twv-container .pr-40 { padding-right: 40px; } .twv-container .pr-42 { padding-right: 42px; } .twv-container .pr-44 { padding-right: 44px; } .twv-container .pr-46 { padding-right: 46px; } .twv-container .pr-48 { padding-right: 48px; } .twv-container .pr-50 { padding-right: 50px; } .twv-container .pr-52 { padding-right: 52px; } .twv-container .pr-54 { padding-right: 54px; } .twv-container .pr-56 { padding-right: 56px; } .twv-container .pr-58 { padding-right: 58px; } .twv-container .pr-60 { padding-right: 60px; } .twv-container .pr-62 { padding-right: 62px; } .twv-container .pr-64 { padding-right: 64px; } .twv-container .pb-0 { padding-bottom: 0px; } .twv-container .pb-1 { padding-bottom: 1px; } .twv-container .pb-2 { padding-bottom: 2px; } .twv-container .pb-4 { padding-bottom: 4px; } .twv-container .pb-6 { padding-bottom: 6px; } .twv-container .pb-8 { padding-bottom: 8px; } .twv-container .pb-10 { padding-bottom: 10px; } .twv-container .pb-12 { padding-bottom: 12px; } .twv-container .pb-14 { padding-bottom: 14px; } .twv-container .pb-16 { padding-bottom: 16px; } .twv-container .pb-18 { padding-bottom: 18px; } .twv-container .pb-20 { padding-bottom: 20px; } .twv-container .pb-22 { padding-bottom: 22px; } .twv-container .pb-24 { padding-bottom: 24px; } .twv-container .pb-26 { padding-bottom: 26px; } .twv-container .pb-28 { padding-bottom: 28px; } .twv-container .pb-30 { padding-bottom: 30px; } .twv-container .pb-32 { padding-bottom: 32px; } .twv-container .pb-34 { padding-bottom: 34px; } .twv-container .pb-36 { padding-bottom: 36px; } .twv-container .pb-38 { padding-bottom: 38px; } .twv-container .pb-40 { padding-bottom: 40px; } .twv-container .pb-42 { padding-bottom: 42px; } .twv-container .pb-44 { padding-bottom: 44px; } .twv-container .pb-46 { padding-bottom: 46px; } .twv-container .pb-48 { padding-bottom: 48px; } .twv-container .pb-50 { padding-bottom: 50px; } .twv-container .pb-52 { padding-bottom: 52px; } .twv-container .pb-54 { padding-bottom: 54px; } .twv-container .pb-56 { padding-bottom: 56px; } .twv-container .pb-58 { padding-bottom: 58px; } .twv-container .pb-60 { padding-bottom: 60px; } .twv-container .pb-62 { padding-bottom: 62px; } .twv-container .pb-64 { padding-bottom: 64px; } .twv-container .pl-0 { padding-left: 0px; } .twv-container .pl-1 { padding-left: 1px; } .twv-container .pl-2 { padding-left: 2px; } .twv-container .pl-4 { padding-left: 4px; } .twv-container .pl-6 { padding-left: 6px; } .twv-container .pl-8 { padding-left: 8px; } .twv-container .pl-10 { padding-left: 10px; } .twv-container .pl-12 { padding-left: 12px; } .twv-container .pl-14 { padding-left: 14px; } .twv-container .pl-16 { padding-left: 16px; } .twv-container .pl-18 { padding-left: 18px; } .twv-container .pl-20 { padding-left: 20px; } .twv-container .pl-22 { padding-left: 22px; } .twv-container .pl-24 { padding-left: 24px; } .twv-container .pl-26 { padding-left: 26px; } .twv-container .pl-28 { padding-left: 28px; } .twv-container .pl-30 { padding-left: 30px; } .twv-container .pl-32 { padding-left: 32px; } .twv-container .pl-34 { padding-left: 34px; } .twv-container .pl-36 { padding-left: 36px; } .twv-container .pl-38 { padding-left: 38px; } .twv-container .pl-40 { padding-left: 40px; } .twv-container .pl-42 { padding-left: 42px; } .twv-container .pl-44 { padding-left: 44px; } .twv-container .pl-46 { padding-left: 46px; } .twv-container .pl-48 { padding-left: 48px; } .twv-container .pl-50 { padding-left: 50px; } .twv-container .pl-52 { padding-left: 52px; } .twv-container .pl-54 { padding-left: 54px; } .twv-container .pl-56 { padding-left: 56px; } .twv-container .pl-58 { padding-left: 58px; } .twv-container .pl-60 { padding-left: 60px; } .twv-container .pl-62 { padding-left: 62px; } .twv-container .pl-64 { padding-left: 64px; } .twv-container .text-left { text-align: left; } .twv-container .text-center { text-align: center; } .twv-container .text-right { text-align: right; } .twv-container .text-justify { text-align: justify; } .twv-container .font-normal { font-weight: 400; } .twv-container .font-medium { font-weight: 500; } .twv-container .font-semibold { font-weight: 600; } .twv-container .font-bold { font-weight: 700; } .twv-container .opacity-0 { opacity: 0; } .twv-container .opacity-5 { opacity: 0.05; } .twv-container .opacity-10 { opacity: 0.1; } .twv-container .opacity-20 { opacity: 0.2; } .twv-container .opacity-25 { opacity: 0.25; } .twv-container .opacity-30 { opacity: 0.3; } .twv-container .opacity-40 { opacity: 0.4; } .twv-container .opacity-50 { opacity: 0.5; } .twv-container .opacity-60 { opacity: 0.6; } .twv-container .opacity-70 { opacity: 0.7; } .twv-container .opacity-75 { opacity: 0.75; } .twv-container .opacity-80 { opacity: 0.8; } .twv-container .opacity-90 { opacity: 0.9; } .twv-container .opacity-95 { opacity: 0.95; } .twv-container .opacity-100 { opacity: 1; } .twv-container .outline-none { outline: transparent solid 2px; outline-offset: 2px; } .twv-container .outline-white { outline: rgb(255, 255, 255) dotted 2px; outline-offset: 2px; } .twv-container .outline-black { outline: rgb(0, 0, 0) dotted 2px; outline-offset: 2px; } .twv-container .ps-0 { padding-inline-start: 0px; } .twv-container .pe-0 { padding-inline-end: 0px; } .twv-container .ps-1 { padding-inline-start: 1px; } .twv-container .pe-1 { padding-inline-end: 1px; } .twv-container .ps-2 { padding-inline-start: 2px; } .twv-container .pe-2 { padding-inline-end: 2px; } .twv-container .ps-4 { padding-inline-start: 4px; } .twv-container .pe-4 { padding-inline-end: 4px; } .twv-container .ps-6 { padding-inline-start: 6px; } .twv-container .pe-6 { padding-inline-end: 6px; } .twv-container .ps-8 { padding-inline-start: 8px; } .twv-container .pe-8 { padding-inline-end: 8px; } .twv-container .ps-10 { padding-inline-start: 10px; } .twv-container .pe-10 { padding-inline-end: 10px; } .twv-container .ps-12 { padding-inline-start: 12px; } .twv-container .pe-12 { padding-inline-end: 12px; } .twv-container .ps-14 { padding-inline-start: 14px; } .twv-container .pe-14 { padding-inline-end: 14px; } .twv-container .ps-16 { padding-inline-start: 16px; } .twv-container .pe-16 { padding-inline-end: 16px; } .twv-container .ps-18 { padding-inline-start: 18px; } .twv-container .pe-18 { padding-inline-end: 18px; } .twv-container .ps-20 { padding-inline-start: 20px; } .twv-container .pe-20 { padding-inline-end: 20px; } .twv-container .ps-22 { padding-inline-start: 22px; } .twv-container .pe-22 { padding-inline-end: 22px; } .twv-container .ps-24 { padding-inline-start: 24px; } .twv-container .pe-24 { padding-inline-end: 24px; } .twv-container .ps-26 { padding-inline-start: 26px; } .twv-container .pe-26 { padding-inline-end: 26px; } .twv-container .ps-28 { padding-inline-start: 28px; } .twv-container .pe-28 { padding-inline-end: 28px; } .twv-container .ps-30 { padding-inline-start: 30px; } .twv-container .pe-30 { padding-inline-end: 30px; } .twv-container .ps-32 { padding-inline-start: 32px; } .twv-container .pe-32 { padding-inline-end: 32px; } .twv-container .ps-34 { padding-inline-start: 34px; } .twv-container .pe-34 { padding-inline-end: 34px; } .twv-container .ps-36 { padding-inline-start: 36px; } .twv-container .pe-36 { padding-inline-end: 36px; } .twv-container .ps-38 { padding-inline-start: 38px; } .twv-container .pe-38 { padding-inline-end: 38px; } .twv-container .ps-40 { padding-inline-start: 40px; } .twv-container .pe-40 { padding-inline-end: 40px; } .twv-container .ps-42 { padding-inline-start: 42px; } .twv-container .pe-42 { padding-inline-end: 42px; } .twv-container .ps-44 { padding-inline-start: 44px; } .twv-container .pe-44 { padding-inline-end: 44px; } .twv-container .ps-46 { padding-inline-start: 46px; } .twv-container .pe-46 { padding-inline-end: 46px; } .twv-container .ps-48 { padding-inline-start: 48px; } .twv-container .pe-48 { padding-inline-end: 48px; } .twv-container .ps-50 { padding-inline-start: 50px; } .twv-container .pe-50 { padding-inline-end: 50px; } .twv-container .ps-52 { padding-inline-start: 52px; } .twv-container .pe-52 { padding-inline-end: 52px; } .twv-container .ps-54 { padding-inline-start: 54px; } .twv-container .pe-54 { padding-inline-end: 54px; } .twv-container .ps-56 { padding-inline-start: 56px; } .twv-container .pe-56 { padding-inline-end: 56px; } .twv-container .ps-58 { padding-inline-start: 58px; } .twv-container .pe-58 { padding-inline-end: 58px; } .twv-container .ps-60 { padding-inline-start: 60px; } .twv-container .pe-60 { padding-inline-end: 60px; } .twv-container .ps-62 { padding-inline-start: 62px; } .twv-container .pe-62 { padding-inline-end: 62px; } .twv-container .ps-64 { padding-inline-start: 64px; } .twv-container .pe-64 { padding-inline-end: 64px; } .twv-container .ms-0 { margin-inline-start: 0px; } .twv-container .me-0 { margin-inline-end: 0px; } .twv-container .ms-1 { margin-inline-start: 1px; } .twv-container .me-1 { margin-inline-end: 1px; } .twv-container .ms-2 { margin-inline-start: 2px; } .twv-container .me-2 { margin-inline-end: 2px; } .twv-container .ms-4 { margin-inline-start: 4px; } .twv-container .me-4 { margin-inline-end: 4px; } .twv-container .ms-6 { margin-inline-start: 6px; } .twv-container .me-6 { margin-inline-end: 6px; } .twv-container .ms-8 { margin-inline-start: 8px; } .twv-container .me-8 { margin-inline-end: 8px; } .twv-container .ms-10 { margin-inline-start: 10px; } .twv-container .me-10 { margin-inline-end: 10px; } .twv-container .ms-12 { margin-inline-start: 12px; } .twv-container .me-12 { margin-inline-end: 12px; } .twv-container .ms-14 { margin-inline-start: 14px; } .twv-container .me-14 { margin-inline-end: 14px; } .twv-container .ms-16 { margin-inline-start: 16px; } .twv-container .me-16 { margin-inline-end: 16px; } .twv-container .ms-18 { margin-inline-start: 18px; } .twv-container .me-18 { margin-inline-end: 18px; } .twv-container .ms-20 { margin-inline-start: 20px; } .twv-container .me-20 { margin-inline-end: 20px; } .twv-container .ms-22 { margin-inline-start: 22px; } .twv-container .me-22 { margin-inline-end: 22px; } .twv-container .ms-24 { margin-inline-start: 24px; } .twv-container .me-24 { margin-inline-end: 24px; } .twv-container .ms-26 { margin-inline-start: 26px; } .twv-container .me-26 { margin-inline-end: 26px; } .twv-container .ms-28 { margin-inline-start: 28px; } .twv-container .me-28 { margin-inline-end: 28px; } .twv-container .ms-30 { margin-inline-start: 30px; } .twv-container .me-30 { margin-inline-end: 30px; } .twv-container .ms-32 { margin-inline-start: 32px; } .twv-container .me-32 { margin-inline-end: 32px; } .twv-container .ms-34 { margin-inline-start: 34px; } .twv-container .me-34 { margin-inline-end: 34px; } .twv-container .ms-36 { margin-inline-start: 36px; } .twv-container .me-36 { margin-inline-end: 36px; } .twv-container .ms-38 { margin-inline-start: 38px; } .twv-container .me-38 { margin-inline-end: 38px; } .twv-container .ms-40 { margin-inline-start: 40px; } .twv-container .me-40 { margin-inline-end: 40px; } .twv-container .ms-42 { margin-inline-start: 42px; } .twv-container .me-42 { margin-inline-end: 42px; } .twv-container .ms-44 { margin-inline-start: 44px; } .twv-container .me-44 { margin-inline-end: 44px; } .twv-container .ms-46 { margin-inline-start: 46px; } .twv-container .me-46 { margin-inline-end: 46px; } .twv-container .ms-48 { margin-inline-start: 48px; } .twv-container .me-48 { margin-inline-end: 48px; } .twv-container .ms-50 { margin-inline-start: 50px; } .twv-container .me-50 { margin-inline-end: 50px; } .twv-container .ms-52 { margin-inline-start: 52px; } .twv-container .me-52 { margin-inline-end: 52px; } .twv-container .ms-54 { margin-inline-start: 54px; } .twv-container .me-54 { margin-inline-end: 54px; } .twv-container .ms-56 { margin-inline-start: 56px; } .twv-container .me-56 { margin-inline-end: 56px; } .twv-container .ms-58 { margin-inline-start: 58px; } .twv-container .me-58 { margin-inline-end: 58px; } .twv-container .ms-60 { margin-inline-start: 60px; } .twv-container .me-60 { margin-inline-end: 60px; } .twv-container .ms-62 { margin-inline-start: 62px; } .twv-container .me-62 { margin-inline-end: 62px; } .twv-container .ms-64 { margin-inline-start: 64px; } .twv-container .me-64 { margin-inline-end: 64px; } .twv-container .ms-auto { margin-inline-start: auto; } .twv-container .me-auto { margin-inline-end: auto; } .twv-container .opacity-PressedStrong { opacity: 0.2; } .twv-container .opacity-ConstPressedStrong, .twv-container .theme-dark .opacity-ConstPressedStrong, .twv-container .theme-dark .opacity-PressedStrong { opacity: 0.4; } .twv-container .transform-PressedScaleLight { transform: scale(0.99); transform-origin: center center; } .twv-container .transform-PressedScaleMedium { transform: scale(0.95); transform-origin: center center; } .twv-container .transform-PressedScaleStrong { transform: scale(0.9); transform-origin: center center; } .twv-container .motion-easeOutStandard { transition-timing-function: cubic-bezier(0.33, 0.86, 0.2, 1); } .twv-container .motion-easeInOut { transition-timing-function: cubic-bezier(0.25, 0, 0.25, 1); } .twv-container .motion-easeOutCubic { transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); } .twv-container .motion-easeInCubic { transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0); } .twv-container .motion-easeOvershoot { transition-timing-function: cubic-bezier(0.4, 1.25, 0.26, 1); } .twv-container .motion-linear { transition-timing-function: linear; } .twv-container .motion-easeSineOut { transition-timing-function: cubic-bezier(0.61, 1, 0.88, 1); } .twv-container .motion-easeOutQuad { transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1); } .twv-container .motion-easeOutQuart { transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1); } .twv-container .motion-easeOutQuint { transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1); } .twv-container .motion-easeOutExpo { transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1); } .twv-container .motion-easeInSine { transition-timing-function: cubic-bezier(0.12, 0, 0.39, 0); } .twv-container .motion-easeInQuad { transition-timing-function: cubic-bezier(0.11, 0, 0.5, 0); } .twv-container .motion-easeInQuart { transition-timing-function: cubic-bezier(0.5, 0, 0.75, 0); } .twv-container .motion-easeInQuint { transition-timing-function: cubic-bezier(0.64, 0, 0.78, 0); } .twv-container .motion-easeInExpo { transition-timing-function: cubic-bezier(0.7, 0, 0.84, 0); } .twv-container .motion-easeInOutSine { transition-timing-function: cubic-bezier(0.37, 0, 0.63, 1); } .twv-container .motion-easeInOutQuad { transition-timing-function: cubic-bezier(0.45, 0, 0.55, 1); } .twv-container .motion-easeInOutCubic { transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1); } .twv-container .motion-easeInOutQuart { transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1); } .twv-container .motion-easeInOutQuint { transition-timing-function: cubic-bezier(0.83, 0, 0.17, 1); } .twv-container .motion-easeInOutExpo { transition-timing-function: cubic-bezier(0.87, 0, 0.13, 1); } .twv-container .motion-easeInBack { transition-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56); } .twv-container .motion-easeOutBack { transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1); } .twv-container .radius-control-tiny { border-radius: 4px; } .twv-container .radius-control-tiny-t { border-top-left-radius: 4px; border-top-right-radius: 4px; } .twv-container .radius-control-tiny-r { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .twv-container .radius-control-tiny-b { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .twv-container .radius-control-tiny-l { border-bottom-left-radius: 4px; } .twv-container .radius-control-tiny-l, .twv-container .radius-control-tiny-tl { border-top-left-radius: 4px; } .twv-container .radius-control-tiny-tr { border-top-right-radius: 4px; } .twv-container .radius-control-tiny-br { border-bottom-right-radius: 4px; } .twv-container .radius-control-tiny-bl { border-bottom-left-radius: 4px; } .twv-container .radius-control-tiny-ss { border-start-start-radius: 4px; } .twv-container .radius-control-tiny-se { border-start-end-radius: 4px; } .twv-container .radius-control-tiny-es { border-end-start-radius: 4px; } .twv-container .radius-control-tiny-ee { border-end-end-radius: 4px; } .twv-container .radius-control-small { border-radius: 5px; } .twv-container .radius-control-small-t { border-top-left-radius: 5px; border-top-right-radius: 5px; } .twv-container .radius-control-small-r { border-bottom-right-radius: 5px; border-top-right-radius: 5px; } .twv-container .radius-control-small-b { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .twv-container .radius-control-small-l { border-bottom-left-radius: 5px; } .twv-container .radius-control-small-l, .twv-container .radius-control-small-tl { border-top-left-radius: 5px; } .twv-container .radius-control-small-tr { border-top-right-radius: 5px; } .twv-container .radius-control-small-br { border-bottom-right-radius: 5px; } .twv-container .radius-control-small-bl { border-bottom-left-radius: 5px; } .twv-container .radius-control-small-ss { border-start-start-radius: 5px; } .twv-container .radius-control-small-se { border-start-end-radius: 5px; } .twv-container .radius-control-small-es { border-end-start-radius: 5px; } .twv-container .radius-control-small-ee { border-end-end-radius: 5px; } .twv-container .radius-control-medium { border-radius: 6px; } .twv-container .radius-control-medium-t { border-top-left-radius: 6px; border-top-right-radius: 6px; } .twv-container .radius-control-medium-r { border-bottom-right-radius: 6px; border-top-right-radius: 6px; } .twv-container .radius-control-medium-b { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .twv-container .radius-control-medium-l { border-bottom-left-radius: 6px; } .twv-container .radius-control-medium-l, .twv-container .radius-control-medium-tl { border-top-left-radius: 6px; } .twv-container .radius-control-medium-tr { border-top-right-radius: 6px; } .twv-container .radius-control-medium-br { border-bottom-right-radius: 6px; } .twv-container .radius-control-medium-bl { border-bottom-left-radius: 6px; } .twv-container .radius-control-medium-ss { border-start-start-radius: 6px; } .twv-container .radius-control-medium-se { border-start-end-radius: 6px; } .twv-container .radius-control-medium-es { border-end-start-radius: 6px; } .twv-container .radius-control-medium-ee { border-end-end-radius: 6px; } .twv-container .radius-control-large { border-radius: 8px; } .twv-container .radius-control-large-t { border-top-left-radius: 8px; border-top-right-radius: 8px; } .twv-container .radius-control-large-r { border-bottom-right-radius: 8px; border-top-right-radius: 8px; } .twv-container .radius-control-large-b { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .twv-container .radius-control-large-l { border-bottom-left-radius: 8px; } .twv-container .radius-control-large-l, .twv-container .radius-control-large-tl { border-top-left-radius: 8px; } .twv-container .radius-control-large-tr { border-top-right-radius: 8px; } .twv-container .radius-control-large-br { border-bottom-right-radius: 8px; } .twv-container .radius-control-large-bl { border-bottom-left-radius: 8px; } .twv-container .radius-control-large-ss { border-start-start-radius: 8px; } .twv-container .radius-control-large-se { border-start-end-radius: 8px; } .twv-container .radius-control-large-es { border-end-start-radius: 8px; } .twv-container .radius-control-large-ee { border-end-end-radius: 8px; } .twv-container .radius-control-old { border-radius: 2px; } .twv-container .radius-control-old-t { border-top-left-radius: 2px; border-top-right-radius: 2px; } .twv-container .radius-control-old-r { border-bottom-right-radius: 2px; border-top-right-radius: 2px; } .twv-container .radius-control-old-b { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .twv-container .radius-control-old-l { border-bottom-left-radius: 2px; } .twv-container .radius-control-old-l, .twv-container .radius-control-old-tl { border-top-left-radius: 2px; } .twv-container .radius-control-old-tr { border-top-right-radius: 2px; } .twv-container .radius-control-old-br { border-bottom-right-radius: 2px; } .twv-container .radius-control-old-bl { border-bottom-left-radius: 2px; } .twv-container .radius-control-old-ss { border-start-start-radius: 2px; } .twv-container .radius-control-old-se { border-start-end-radius: 2px; } .twv-container .radius-control-old-es { border-end-start-radius: 2px; } .twv-container .radius-control-old-ee { border-end-end-radius: 2px; } .twv-container .radius-control-capsule { border-radius: 50%; } .twv-container .radius-control-capsule-t { border-top-left-radius: 50%; border-top-right-radius: 50%; } .twv-container .radius-control-capsule-r { border-bottom-right-radius: 50%; border-top-right-radius: 50%; } .twv-container .radius-control-capsule-b { border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; } .twv-container .radius-control-capsule-l { border-bottom-left-radius: 50%; } .twv-container .radius-control-capsule-l, .twv-container .radius-control-capsule-tl { border-top-left-radius: 50%; } .twv-container .radius-control-capsule-tr { border-top-right-radius: 50%; } .twv-container .radius-control-capsule-br { border-bottom-right-radius: 50%; } .twv-container .radius-control-capsule-bl { border-bottom-left-radius: 50%; } .twv-container .radius-control-capsule-ss { border-start-start-radius: 50%; } .twv-container .radius-control-capsule-se { border-start-end-radius: 50%; } .twv-container .radius-control-capsule-es { border-end-start-radius: 50%; } .twv-container .radius-control-capsule-ee { border-end-end-radius: 50%; } .twv-container .radius-content-tiny { border-radius: 4px; } .twv-container .radius-content-tiny-t { border-top-left-radius: 4px; border-top-right-radius: 4px; } .twv-container .radius-content-tiny-r { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .twv-container .radius-content-tiny-b { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .twv-container .radius-content-tiny-l { border-bottom-left-radius: 4px; } .twv-container .radius-content-tiny-l, .twv-container .radius-content-tiny-tl { border-top-left-radius: 4px; } .twv-container .radius-content-tiny-tr { border-top-right-radius: 4px; } .twv-container .radius-content-tiny-br { border-bottom-right-radius: 4px; } .twv-container .radius-content-tiny-bl { border-bottom-left-radius: 4px; } .twv-container .radius-content-tiny-ss { border-start-start-radius: 4px; } .twv-container .radius-content-tiny-se { border-start-end-radius: 4px; } .twv-container .radius-content-tiny-es { border-end-start-radius: 4px; } .twv-container .radius-content-tiny-ee { border-end-end-radius: 4px; } .twv-container .radius-content-small { border-radius: 5px; } .twv-container .radius-content-small-t { border-top-left-radius: 5px; border-top-right-radius: 5px; } .twv-container .radius-content-small-r { border-bottom-right-radius: 5px; border-top-right-radius: 5px; } .twv-container .radius-content-small-b { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .twv-container .radius-content-small-l { border-bottom-left-radius: 5px; } .twv-container .radius-content-small-l, .twv-container .radius-content-small-tl { border-top-left-radius: 5px; } .twv-container .radius-content-small-tr { border-top-right-radius: 5px; } .twv-container .radius-content-small-br { border-bottom-right-radius: 5px; } .twv-container .radius-content-small-bl { border-bottom-left-radius: 5px; } .twv-container .radius-content-small-ss { border-start-start-radius: 5px; } .twv-container .radius-content-small-se { border-start-end-radius: 5px; } .twv-container .radius-content-small-es { border-end-start-radius: 5px; } .twv-container .radius-content-small-ee { border-end-end-radius: 5px; } .twv-container .radius-content-medium { border-radius: 6px; } .twv-container .radius-content-medium-t { border-top-left-radius: 6px; border-top-right-radius: 6px; } .twv-container .radius-content-medium-r { border-bottom-right-radius: 6px; border-top-right-radius: 6px; } .twv-container .radius-content-medium-b { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .twv-container .radius-content-medium-l { border-bottom-left-radius: 6px; } .twv-container .radius-content-medium-l, .twv-container .radius-content-medium-tl { border-top-left-radius: 6px; } .twv-container .radius-content-medium-tr { border-top-right-radius: 6px; } .twv-container .radius-content-medium-br { border-bottom-right-radius: 6px; } .twv-container .radius-content-medium-bl { border-bottom-left-radius: 6px; } .twv-container .radius-content-medium-ss { border-start-start-radius: 6px; } .twv-container .radius-content-medium-se { border-start-end-radius: 6px; } .twv-container .radius-content-medium-es { border-end-start-radius: 6px; } .twv-container .radius-content-medium-ee { border-end-end-radius: 6px; } .twv-container .radius-content-large { border-radius: 8px; } .twv-container .radius-content-large-t { border-top-left-radius: 8px; border-top-right-radius: 8px; } .twv-container .radius-content-large-r { border-bottom-right-radius: 8px; border-top-right-radius: 8px; } .twv-container .radius-content-large-b { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .twv-container .radius-content-large-l { border-bottom-left-radius: 8px; } .twv-container .radius-content-large-l, .twv-container .radius-content-large-tl { border-top-left-radius: 8px; } .twv-container .radius-content-large-tr { border-top-right-radius: 8px; } .twv-container .radius-content-large-br { border-bottom-right-radius: 8px; } .twv-container .radius-content-large-bl { border-bottom-left-radius: 8px; } .twv-container .radius-content-large-ss { border-start-start-radius: 8px; } .twv-container .radius-content-large-se { border-start-end-radius: 8px; } .twv-container .radius-content-large-es { border-end-start-radius: 8px; } .twv-container .radius-content-large-ee { border-end-end-radius: 8px; } .twv-container .radius-containerslevel0-small { border-radius: 8px; } .twv-container .radius-containerslevel0-small-t { border-top-left-radius: 8px; border-top-right-radius: 8px; } .twv-container .radius-containerslevel0-small-r { border-bottom-right-radius: 8px; border-top-right-radius: 8px; } .twv-container .radius-containerslevel0-small-b { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .twv-container .radius-containerslevel0-small-l { border-bottom-left-radius: 8px; border-top-left-radius: 8px; } .twv-container .radius-containerslevel0-small-tl { border-top-left-radius: 8px; } .twv-container .radius-containerslevel0-small-tr { border-top-right-radius: 8px; } .twv-container .radius-containerslevel0-small-br { border-bottom-right-radius: 8px; } .twv-container .radius-containerslevel0-small-bl { border-bottom-left-radius: 8px; } .twv-container .radius-containerslevel0-small-ss { border-start-start-radius: 8px; } .twv-container .radius-containerslevel0-small-se { border-start-end-radius: 8px; } .twv-container .radius-containerslevel0-small-es { border-end-start-radius: 8px; } .twv-container .radius-containerslevel0-small-ee { border-end-end-radius: 8px; } .twv-container .radius-containerslevel1-small { border-radius: 10px; } .twv-container .radius-containerslevel1-small-t { border-top-left-radius: 10px; border-top-right-radius: 10px; } .twv-container .radius-containerslevel1-small-r { border-bottom-right-radius: 10px; border-top-right-radius: 10px; } .twv-container .radius-containerslevel1-small-b { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .twv-container .radius-containerslevel1-small-l { border-bottom-left-radius: 10px; border-top-left-radius: 10px; } .twv-container .radius-containerslevel1-small-tl { border-top-left-radius: 10px; } .twv-container .radius-containerslevel1-small-tr { border-top-right-radius: 10px; } .twv-container .radius-containerslevel1-small-br { border-bottom-right-radius: 10px; } .twv-container .radius-containerslevel1-small-bl { border-bottom-left-radius: 10px; } .twv-container .radius-containerslevel1-small-ss { border-start-start-radius: 10px; } .twv-container .radius-containerslevel1-small-se { border-start-end-radius: 10px; } .twv-container .radius-containerslevel1-small-es { border-end-start-radius: 10px; } .twv-container .radius-containerslevel1-small-ee { border-end-end-radius: 10px; } .twv-container .radius-containerslevel2-small { border-radius: 12px; } .twv-container .radius-containerslevel2-small-t { border-top-left-radius: 12px; border-top-right-radius: 12px; } .twv-container .radius-containerslevel2-small-r { border-bottom-right-radius: 12px; border-top-right-radius: 12px; } .twv-container .radius-containerslevel2-small-b { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; } .twv-container .radius-containerslevel2-small-l { border-bottom-left-radius: 12px; border-top-left-radius: 12px; } .twv-container .radius-containerslevel2-small-tl { border-top-left-radius: 12px; } .twv-container .radius-containerslevel2-small-tr { border-top-right-radius: 12px; } .twv-container .radius-containerslevel2-small-br { border-bottom-right-radius: 12px; } .twv-container .radius-containerslevel2-small-bl { border-bottom-left-radius: 12px; } .twv-container .radius-containerslevel2-small-ss { border-start-start-radius: 12px; } .twv-container .radius-containerslevel2-small-se { border-start-end-radius: 12px; } .twv-container .radius-containerslevel2-small-es { border-end-start-radius: 12px; } .twv-container .radius-containerslevel2-small-ee { border-end-end-radius: 12px; } .twv-container .radius-containerslevel0-large { border-radius: 10px; } .twv-container .radius-containerslevel0-large-t { border-top-left-radius: 10px; border-top-right-radius: 10px; } .twv-container .radius-containerslevel0-large-r { border-bottom-right-radius: 10px; border-top-right-radius: 10px; } .twv-container .radius-containerslevel0-large-b { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .twv-container .radius-containerslevel0-large-l { border-bottom-left-radius: 10px; border-top-left-radius: 10px; } .twv-container .radius-containerslevel0-large-tl { border-top-left-radius: 10px; } .twv-container .radius-containerslevel0-large-tr { border-top-right-radius: 10px; } .twv-container .radius-containerslevel0-large-br { border-bottom-right-radius: 10px; } .twv-container .radius-containerslevel0-large-bl { border-bottom-left-radius: 10px; } .twv-container .radius-containerslevel0-large-ss { border-start-start-radius: 10px; } .twv-container .radius-containerslevel0-large-se { border-start-end-radius: 10px; } .twv-container .radius-containerslevel0-large-es { border-end-start-radius: 10px; } .twv-container .radius-containerslevel0-large-ee { border-end-end-radius: 10px; } .twv-container .radius-containerslevel1-large { border-radius: 12px; } .twv-container .radius-containerslevel1-large-t { border-top-left-radius: 12px; border-top-right-radius: 12px; } .twv-container .radius-containerslevel1-large-r { border-bottom-right-radius: 12px; border-top-right-radius: 12px; } .twv-container .radius-containerslevel1-large-b { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; } .twv-container .radius-containerslevel1-large-l { border-bottom-left-radius: 12px; border-top-left-radius: 12px; } .twv-container .radius-containerslevel1-large-tl { border-top-left-radius: 12px; } .twv-container .radius-containerslevel1-large-tr { border-top-right-radius: 12px; } .twv-container .radius-containerslevel1-large-br { border-bottom-right-radius: 12px; } .twv-container .radius-containerslevel1-large-bl { border-bottom-left-radius: 12px; } .twv-container .radius-containerslevel1-large-ss { border-start-start-radius: 12px; } .twv-container .radius-containerslevel1-large-se { border-start-end-radius: 12px; } .twv-container .radius-containerslevel1-large-es { border-end-start-radius: 12px; } .twv-container .radius-containerslevel1-large-ee { border-end-end-radius: 12px; } .twv-container .radius-containerslevel2-large { border-radius: 14px; } .twv-container .radius-containerslevel2-large-t { border-top-left-radius: 14px; border-top-right-radius: 14px; } .twv-container .radius-containerslevel2-large-r { border-bottom-right-radius: 14px; border-top-right-radius: 14px; } .twv-container .radius-containerslevel2-large-b { border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; } .twv-container .radius-containerslevel2-large-l { border-bottom-left-radius: 14px; border-top-left-radius: 14px; } .twv-container .radius-containerslevel2-large-tl { border-top-left-radius: 14px; } .twv-container .radius-containerslevel2-large-tr { border-top-right-radius: 14px; } .twv-container .radius-containerslevel2-large-br { border-bottom-right-radius: 14px; } .twv-container .radius-containerslevel2-large-bl { border-bottom-left-radius: 14px; } .twv-container .radius-containerslevel2-large-ss { border-start-start-radius: 14px; } .twv-container .radius-containerslevel2-large-se { border-start-end-radius: 14px; } .twv-container .radius-containerslevel2-large-es { border-end-start-radius: 14px; } .twv-container .radius-containerslevel2-large-ee { border-end-end-radius: 14px; } .twv-container .text-color-AssistColorAzure { color: var(--AssistColorAzure); } .twv-container .background-color-AssistColorAzure { background-color: var(--AssistColorAzure); } .twv-container .border-color-AssistColorAzure { border-color: var(--AssistColorAzure); } .twv-container .text-color-AssistColorBlue { color: var(--AssistColorBlue); } .twv-container .background-color-AssistColorBlue { background-color: var(--AssistColorBlue); } .twv-container .border-color-AssistColorBlue { border-color: var(--AssistColorBlue); } .twv-container .text-color-AssistColorCelulean { color: var(--AssistColorCelulean); } .twv-container .background-color-AssistColorCelulean { background-color: var(--AssistColorCelulean); } .twv-container .border-color-AssistColorCelulean { border-color: var(--AssistColorCelulean); } .twv-container .text-color-AssistColorGreen { color: var(--AssistColorGreen); } .twv-container .background-color-AssistColorGreen { background-color: var(--AssistColorGreen); } .twv-container .border-color-AssistColorGreen { border-color: var(--AssistColorGreen); } .twv-container .text-color-AssistColorOrange { color: var(--AssistColorOrange); } .twv-container .background-color-AssistColorOrange { background-color: var(--AssistColorOrange); } .twv-container .border-color-AssistColorOrange { border-color: var(--AssistColorOrange); } .twv-container .text-color-AssistColorPurple { color: var(--AssistColorPurple); } .twv-container .background-color-AssistColorPurple { background-color: var(--AssistColorPurple); } .twv-container .border-color-AssistColorPurple { border-color: var(--AssistColorPurple); } .twv-container .text-color-AssistColorRed { color: var(--AssistColorRed); } .twv-container .background-color-AssistColorRed { background-color: var(--AssistColorRed); } .twv-container .border-color-AssistColorRed { border-color: var(--AssistColorRed); } .twv-container .text-color-AssistColorResso { color: var(--AssistColorResso); } .twv-container .background-color-AssistColorResso { background-color: var(--AssistColorResso); } .twv-container .border-color-AssistColorResso { border-color: var(--AssistColorResso); } .twv-container .text-color-AssistColorYellow { color: var(--AssistColorYellow); } .twv-container .background-color-AssistColorYellow { background-color: var(--AssistColorYellow); } .twv-container .border-color-AssistColorYellow { border-color: var(--AssistColorYellow); } .twv-container .text-color-BGBase { color: var(--BGBase); } .twv-container .background-color-BGBase { background-color: var(--BGBase); } .twv-container .border-color-BGBase { border-color: var(--BGBase); } .twv-container .text-color-BGBrand { color: var(--BGBrand); } .twv-container .background-color-BGBrand { background-color: var(--BGBrand); } .twv-container .border-color-BGBrand { border-color: var(--BGBrand); } .twv-container .text-color-BGCreation { color: var(--BGCreation); } .twv-container .background-color-BGCreation { background-color: var(--BGCreation); } .twv-container .border-color-BGCreation { border-color: var(--BGCreation); } .twv-container .text-color-BGCreation2 { color: var(--BGCreation2); } .twv-container .background-color-BGCreation2 { background-color: var(--BGCreation2); } .twv-container .border-color-BGCreation2 { border-color: var(--BGCreation2); } .twv-container .text-color-BGCreation3 { color: var(--BGCreation3); } .twv-container .background-color-BGCreation3 { background-color: var(--BGCreation3); } .twv-container .border-color-BGCreation3 { border-color: var(--BGCreation3); } .twv-container .text-color-BGInput { color: var(--BGInput); } .twv-container .background-color-BGInput { background-color: var(--BGInput); } .twv-container .border-color-BGInput { border-color: var(--BGInput); } .twv-container .text-color-BGInput2 { color: var(--BGInput2); } .twv-container .background-color-BGInput2 { background-color: var(--BGInput2); } .twv-container .border-color-BGInput2 { border-color: var(--BGInput2); } .twv-container .text-color-BGInverse3 { color: var(--BGInverse3); } .twv-container .background-color-BGInverse3 { background-color: var(--BGInverse3); } .twv-container .border-color-BGInverse3 { border-color: var(--BGInverse3); } .twv-container .text-color-BGLevitation { color: var(--BGLevitation); } .twv-container .background-color-BGLevitation { background-color: var(--BGLevitation); } .twv-container .border-color-BGLevitation { border-color: var(--BGLevitation); } .twv-container .text-color-BGPlaceholderDefault { color: var(--BGPlaceholderDefault); } .twv-container .background-color-BGPlaceholderDefault { background-color: var(--BGPlaceholderDefault); } .twv-container .border-color-BGPlaceholderDefault { border-color: var(--BGPlaceholderDefault); } .twv-container .text-color-BGPlaceholderOpaque { color: var(--BGPlaceholderOpaque); } .twv-container .background-color-BGPlaceholderOpaque { background-color: var(--BGPlaceholderOpaque); } .twv-container .border-color-BGPlaceholderOpaque { border-color: var(--BGPlaceholderOpaque); } .twv-container .text-color-BGPrimary { color: var(--BGPrimary); } .twv-container .background-color-BGPrimary { background-color: var(--BGPrimary); } .twv-container .border-color-BGPrimary { border-color: var(--BGPrimary); } .twv-container .text-color-BGPrimary2 { color: var(--BGPrimary2); } .twv-container .background-color-BGPrimary2 { background-color: var(--BGPrimary2); } .twv-container .border-color-BGPrimary2 { border-color: var(--BGPrimary2); } .twv-container .text-color-BGQuaternary { color: var(--BGQuaternary); } .twv-container .background-color-BGQuaternary { background-color: var(--BGQuaternary); } .twv-container .border-color-BGQuaternary { border-color: var(--BGQuaternary); } .twv-container .text-color-BGQuinary { color: var(--BGQuinary); } .twv-container .background-color-BGQuinary { background-color: var(--BGQuinary); } .twv-container .border-color-BGQuinary { border-color: var(--BGQuinary); } .twv-container .text-color-BGReverse { color: var(--BGReverse); } .twv-container .background-color-BGReverse { background-color: var(--BGReverse); } .twv-container .border-color-BGReverse { border-color: var(--BGReverse); } .twv-container .text-color-BGReverse2 { color: var(--BGReverse2); } .twv-container .background-color-BGReverse2 { background-color: var(--BGReverse2); } .twv-container .border-color-BGReverse2 { border-color: var(--BGReverse2); } .twv-container .text-color-BGSecondary { color: var(--BGSecondary); } .twv-container .background-color-BGSecondary { background-color: var(--BGSecondary); } .twv-container .border-color-BGSecondary { border-color: var(--BGSecondary); } .twv-container .text-color-BGSecondary2 { color: var(--BGSecondary2); } .twv-container .background-color-BGSecondary2 { background-color: var(--BGSecondary2); } .twv-container .border-color-BGSecondary2 { border-color: var(--BGSecondary2); } .twv-container .text-color-BGTertiary { color: var(--BGTertiary); } .twv-container .background-color-BGTertiary { background-color: var(--BGTertiary); } .twv-container .border-color-BGTertiary { border-color: var(--BGTertiary); } .twv-container .text-color-BGTertiary2 { color: var(--BGTertiary2); } .twv-container .background-color-BGTertiary2 { background-color: var(--BGTertiary2); } .twv-container .border-color-BGTertiary2 { border-color: var(--BGTertiary2); } .twv-container .text-color-BGView { color: var(--BGView); } .twv-container .background-color-BGView { background-color: var(--BGView); } .twv-container .border-color-BGView { border-color: var(--BGView); } .twv-container .text-color-BGView2 { color: var(--BGView2); } .twv-container .background-color-BGView2 { background-color: var(--BGView2); } .twv-container .border-color-BGView2 { border-color: var(--BGView2); } .twv-container .text-color-ConstBGBrand { color: var(--ConstBGBrand); } .twv-container .background-color-ConstBGBrand { background-color: var(--ConstBGBrand); } .twv-container .border-color-ConstBGBrand { border-color: var(--ConstBGBrand); } .twv-container .text-color-ConstBGContainer { color: var(--ConstBGContainer); } .twv-container .background-color-ConstBGContainer { background-color: var(--ConstBGContainer); } .twv-container .border-color-ConstBGContainer { border-color: var(--ConstBGContainer); } .twv-container .text-color-ConstBGContainer2 { color: var(--ConstBGContainer2); } .twv-container .background-color-ConstBGContainer2 { background-color: var(--ConstBGContainer2); } .twv-container .border-color-ConstBGContainer2 { border-color: var(--ConstBGContainer2); } .twv-container .text-color-ConstBGContainer3 { color: var(--ConstBGContainer3); } .twv-container .background-color-ConstBGContainer3 { background-color: var(--ConstBGContainer3); } .twv-container .border-color-ConstBGContainer3 { border-color: var(--ConstBGContainer3); } .twv-container .text-color-ConstBGInverse { color: var(--ConstBGInverse); } .twv-container .background-color-ConstBGInverse { background-color: var(--ConstBGInverse); } .twv-container .border-color-ConstBGInverse { border-color: var(--ConstBGInverse); } .twv-container .text-color-ConstBGInverse1 { color: var(--ConstBGInverse1); } .twv-container .background-color-ConstBGInverse1 { background-color: var(--ConstBGInverse1); } .twv-container .border-color-ConstBGInverse1 { border-color: var(--ConstBGInverse1); } .twv-container .text-color-ConstBGInverse2 { color: var(--ConstBGInverse2); } .twv-container .background-color-ConstBGInverse2 { background-color: var(--ConstBGInverse2); } .twv-container .border-color-ConstBGInverse2 { border-color: var(--ConstBGInverse2); } .twv-container .text-color-ConstBGInverse3 { color: var(--ConstBGInverse3); } .twv-container .background-color-ConstBGInverse3 { background-color: var(--ConstBGInverse3); } .twv-container .border-color-ConstBGInverse3 { border-color: var(--ConstBGInverse3); } .twv-container .text-color-ConstBGInverse4 { color: var(--ConstBGInverse4); } .twv-container .background-color-ConstBGInverse4 { background-color: var(--ConstBGInverse4); } .twv-container .border-color-ConstBGInverse4 { border-color: var(--ConstBGInverse4); } .twv-container .text-color-ConstBGInverse5 { color: var(--ConstBGInverse5); } .twv-container .background-color-ConstBGInverse5 { background-color: var(--ConstBGInverse5); } .twv-container .border-color-ConstBGInverse5 { border-color: var(--ConstBGInverse5); } .twv-container .text-color-ConstBGInverseOpaque { color: var(--ConstBGInverseOpaque); } .twv-container .background-color-ConstBGInverseOpaque { background-color: var(--ConstBGInverseOpaque); } .twv-container .border-color-ConstBGInverseOpaque { border-color: var(--ConstBGInverseOpaque); } .twv-container .text-color-ConstBGMat { color: var(--ConstBGMat); } .twv-container .background-color-ConstBGMat { background-color: var(--ConstBGMat); } .twv-container .border-color-ConstBGMat { border-color: var(--ConstBGMat); } .twv-container .text-color-ConstBGMat2 { color: var(--ConstBGMat2); } .twv-container .background-color-ConstBGMat2 { background-color: var(--ConstBGMat2); } .twv-container .border-color-ConstBGMat2 { border-color: var(--ConstBGMat2); } .twv-container .text-color-ConstBGPlaceholderOpaque { color: var(--ConstBGPlaceholderOpaque); } .twv-container .background-color-ConstBGPlaceholderOpaque { background-color: var(--ConstBGPlaceholderOpaque); } .twv-container .border-color-ConstBGPlaceholderOpaque { border-color: var(--ConstBGPlaceholderOpaque); } .twv-container .text-color-ConstBGSecondary { color: var(--ConstBGSecondary); } .twv-container .background-color-ConstBGSecondary { background-color: var(--ConstBGSecondary); } .twv-container .border-color-ConstBGSecondary { border-color: var(--ConstBGSecondary); } .twv-container .text-color-ConstInteractStatePressedMaskLightInverse { color: var(--ConstInteractStatePressedMaskLightInverse); } .twv-container .background-color-ConstInteractStatePressedMaskLightInverse { background-color: var(--ConstInteractStatePressedMaskLightInverse); } .twv-container .border-color-ConstInteractStatePressedMaskLightInverse { border-color: var(--ConstInteractStatePressedMaskLightInverse); } .twv-container .text-color-ConstInteractStatePressedMaskStrongInverse { color: var(--ConstInteractStatePressedMaskStrongInverse); } .twv-container .background-color-ConstInteractStatePressedMaskStrongInverse { background-color: var(--ConstInteractStatePressedMaskStrongInverse); } .twv-container .border-color-ConstInteractStatePressedMaskStrongInverse { border-color: var(--ConstInteractStatePressedMaskStrongInverse); } .twv-container .text-color-ConstLineInverse { color: var(--ConstLineInverse); } .twv-container .background-color-ConstLineInverse { background-color: var(--ConstLineInverse); } .twv-container .border-color-ConstLineInverse { border-color: var(--ConstLineInverse); } .twv-container .text-color-ConstLineInverse2 { color: var(--ConstLineInverse2); } .twv-container .background-color-ConstLineInverse2 { background-color: var(--ConstLineInverse2); } .twv-container .border-color-ConstLineInverse2 { border-color: var(--ConstLineInverse2); } .twv-container .text-color-ConstTextInverse { color: var(--ConstTextInverse); } .twv-container .background-color-ConstTextInverse { background-color: var(--ConstTextInverse); } .twv-container .border-color-ConstTextInverse { border-color: var(--ConstTextInverse); } .twv-container .text-color-ConstTextInverse2 { color: var(--ConstTextInverse2); } .twv-container .background-color-ConstTextInverse2 { background-color: var(--ConstTextInverse2); } .twv-container .border-color-ConstTextInverse2 { border-color: var(--ConstTextInverse2); } .twv-container .text-color-ConstTextInverse3 { color: var(--ConstTextInverse3); } .twv-container .background-color-ConstTextInverse3 { background-color: var(--ConstTextInverse3); } .twv-container .border-color-ConstTextInverse3 { border-color: var(--ConstTextInverse3); } .twv-container .text-color-ConstTextInverse4 { color: var(--ConstTextInverse4); } .twv-container .background-color-ConstTextInverse4 { background-color: var(--ConstTextInverse4); } .twv-container .border-color-ConstTextInverse4 { border-color: var(--ConstTextInverse4); } .twv-container .text-color-ConstTextInverse5 { color: var(--ConstTextInverse5); } .twv-container .background-color-ConstTextInverse5 { background-color: var(--ConstTextInverse5); } .twv-container .border-color-ConstTextInverse5 { border-color: var(--ConstTextInverse5); } .twv-container .text-color-ConstTextPrimary { color: var(--ConstTextPrimary); } .twv-container .background-color-ConstTextPrimary { background-color: var(--ConstTextPrimary); } .twv-container .border-color-ConstTextPrimary { border-color: var(--ConstTextPrimary); } .twv-container .text-color-InteractStatePressedMaskLight { color: var(--InteractStatePressedMaskLight); } .twv-container .background-color-InteractStatePressedMaskLight { background-color: var(--InteractStatePressedMaskLight); } .twv-container .border-color-InteractStatePressedMaskLight { border-color: var(--InteractStatePressedMaskLight); } .twv-container .text-color-LineDarker { color: var(--LineDarker); } .twv-container .background-color-LineDarker { background-color: var(--LineDarker); } .twv-container .border-color-LineDarker { border-color: var(--LineDarker); } .twv-container .text-color-LineInput { color: var(--LineInput); } .twv-container .background-color-LineInput { background-color: var(--LineInput); } .twv-container .border-color-LineInput { border-color: var(--LineInput); } .twv-container .text-color-LineInverse { color: var(--LineInverse); } .twv-container .background-color-LineInverse { background-color: var(--LineInverse); } .twv-container .border-color-LineInverse { border-color: var(--LineInverse); } .twv-container .text-color-LinePrimary { color: var(--LinePrimary); } .twv-container .background-color-LinePrimary { background-color: var(--LinePrimary); } .twv-container .border-color-LinePrimary { border-color: var(--LinePrimary); } .twv-container .text-color-LinePrimary2 { color: var(--LinePrimary2); } .twv-container .background-color-LinePrimary2 { background-color: var(--LinePrimary2); } .twv-container .border-color-LinePrimary2 { border-color: var(--LinePrimary2); } .twv-container .text-color-LineReverse2 { color: var(--LineReverse2); } .twv-container .background-color-LineReverse2 { background-color: var(--LineReverse2); } .twv-container .border-color-LineReverse2 { border-color: var(--LineReverse2); } .twv-container .text-color-LineReverse3 { color: var(--LineReverse3); } .twv-container .background-color-LineReverse3 { background-color: var(--LineReverse3); } .twv-container .border-color-LineReverse3 { border-color: var(--LineReverse3); } .twv-container .text-color-LineSecondary { color: var(--LineSecondary); } .twv-container .background-color-LineSecondary { background-color: var(--LineSecondary); } .twv-container .border-color-LineSecondary { border-color: var(--LineSecondary); } .twv-container .text-color-LineSecondary2 { color: var(--LineSecondary2); } .twv-container .background-color-LineSecondary2 { background-color: var(--LineSecondary2); } .twv-container .border-color-LineSecondary2 { border-color: var(--LineSecondary2); } .twv-container .text-color-LineSecondary3 { color: var(--LineSecondary3); } .twv-container .background-color-LineSecondary3 { background-color: var(--LineSecondary3); } .twv-container .border-color-LineSecondary3 { border-color: var(--LineSecondary3); } .twv-container .text-color-Link { color: var(--Link); } .twv-container .background-color-Link { background-color: var(--Link); } .twv-container .border-color-Link { border-color: var(--Link); } .twv-container .text-color-Link2 { color: var(--Link2); } .twv-container .background-color-Link2 { background-color: var(--Link2); } .twv-container .border-color-Link2 { border-color: var(--Link2); } .twv-container .text-color-Link3 { color: var(--Link3); } .twv-container .background-color-Link3 { background-color: var(--Link3); } .twv-container .border-color-Link3 { border-color: var(--Link3); } .twv-container .text-color-LiveColorEnd { color: var(--LiveColorEnd); } .twv-container .background-color-LiveColorEnd { background-color: var(--LiveColorEnd); } .twv-container .border-color-LiveColorEnd { border-color: var(--LiveColorEnd); } .twv-container .text-color-LiveColorStart { color: var(--LiveColorStart); } .twv-container .background-color-LiveColorStart { background-color: var(--LiveColorStart); } .twv-container .border-color-LiveColorStart { border-color: var(--LiveColorStart); } .twv-container .text-color-Negative { color: var(--Negative); } .twv-container .background-color-Negative { background-color: var(--Negative); } .twv-container .border-color-Negative { border-color: var(--Negative); } .twv-container .text-color-Positive { color: var(--Positive); } .twv-container .background-color-Positive { background-color: var(--Positive); } .twv-container .border-color-Positive { border-color: var(--Positive); } .twv-container .text-color-Positive2 { color: var(--Positive2); } .twv-container .background-color-Positive2 { background-color: var(--Positive2); } .twv-container .border-color-Positive2 { border-color: var(--Positive2); } .twv-container .text-color-Primary { color: var(--Primary); } .twv-container .background-color-Primary { background-color: var(--Primary); } .twv-container .border-color-Primary { border-color: var(--Primary); } .twv-container .text-color-Primary2 { color: var(--Primary2); } .twv-container .background-color-Primary2 { background-color: var(--Primary2); } .twv-container .border-color-Primary2 { border-color: var(--Primary2); } .twv-container .text-color-SDPrimary { color: var(--SDPrimary); } .twv-container .background-color-SDPrimary { background-color: var(--SDPrimary); } .twv-container .border-color-SDPrimary { border-color: var(--SDPrimary); } .twv-container .text-color-SDSecondary { color: var(--SDSecondary); } .twv-container .background-color-SDSecondary { background-color: var(--SDSecondary); } .twv-container .border-color-SDSecondary { border-color: var(--SDSecondary); } .twv-container .text-color-SDTertiary { color: var(--SDTertiary); } .twv-container .background-color-SDTertiary { background-color: var(--SDTertiary); } .twv-container .border-color-SDTertiary { border-color: var(--SDTertiary); } .twv-container .text-color-Secondary { color: var(--Secondary); } .twv-container .background-color-Secondary { background-color: var(--Secondary); } .twv-container .border-color-Secondary { border-color: var(--Secondary); } .twv-container .text-color-Secondary2 { color: var(--Secondary2); } .twv-container .background-color-Secondary2 { background-color: var(--Secondary2); } .twv-container .border-color-Secondary2 { border-color: var(--Secondary2); } .twv-container .text-color-ShadowPrimary { color: var(--ShadowPrimary); } .twv-container .background-color-ShadowPrimary { background-color: var(--ShadowPrimary); } .twv-container .border-color-ShadowPrimary { border-color: var(--ShadowPrimary); } .twv-container .text-color-ShadowSecondary { color: var(--ShadowSecondary); } .twv-container .background-color-ShadowSecondary { background-color: var(--ShadowSecondary); } .twv-container .border-color-ShadowSecondary { border-color: var(--ShadowSecondary); } .twv-container .text-color-StoryColorEnd { color: var(--StoryColorEnd); } .twv-container .background-color-StoryColorEnd { background-color: var(--StoryColorEnd); } .twv-container .border-color-StoryColorEnd { border-color: var(--StoryColorEnd); } .twv-container .text-color-StoryColorMiddle { color: var(--StoryColorMiddle); } .twv-container .background-color-StoryColorMiddle { background-color: var(--StoryColorMiddle); } .twv-container .border-color-StoryColorMiddle { border-color: var(--StoryColorMiddle); } .twv-container .text-color-StoryColorStart { color: var(--StoryColorStart); } .twv-container .background-color-StoryColorStart { background-color: var(--StoryColorStart); } .twv-container .border-color-StoryColorStart { border-color: var(--StoryColorStart); } .twv-container .text-color-TagBrownBG { color: var(--TagBrownBG); } .twv-container .background-color-TagBrownBG { background-color: var(--TagBrownBG); } .twv-container .border-color-TagBrownBG { border-color: var(--TagBrownBG); } .twv-container .text-color-TagBrownText { color: var(--TagBrownText); } .twv-container .background-color-TagBrownText { background-color: var(--TagBrownText); } .twv-container .border-color-TagBrownText { border-color: var(--TagBrownText); } .twv-container .text-color-TagGreenBG { color: var(--TagGreenBG); } .twv-container .background-color-TagGreenBG { background-color: var(--TagGreenBG); } .twv-container .border-color-TagGreenBG { border-color: var(--TagGreenBG); } .twv-container .text-color-TagGreenText { color: var(--TagGreenText); } .twv-container .background-color-TagGreenText { background-color: var(--TagGreenText); } .twv-container .border-color-TagGreenText { border-color: var(--TagGreenText); } .twv-container .text-color-TagPurpleBG { color: var(--TagPurpleBG); } .twv-container .background-color-TagPurpleBG { background-color: var(--TagPurpleBG); } .twv-container .border-color-TagPurpleBG { border-color: var(--TagPurpleBG); } .twv-container .text-color-TagPurpleText { color: var(--TagPurpleText); } .twv-container .background-color-TagPurpleText { background-color: var(--TagPurpleText); } .twv-container .border-color-TagPurpleText { border-color: var(--TagPurpleText); } .twv-container .text-color-TextPrimary { color: var(--TextPrimary); } .twv-container .background-color-TextPrimary { background-color: var(--TextPrimary); } .twv-container .border-color-TextPrimary { border-color: var(--TextPrimary); } .twv-container .text-color-TextQuaternary { color: var(--TextQuaternary); } .twv-container .background-color-TextQuaternary { background-color: var(--TextQuaternary); } .twv-container .border-color-TextQuaternary { border-color: var(--TextQuaternary); } .twv-container .text-color-TextReverse { color: var(--TextReverse); } .twv-container .background-color-TextReverse { background-color: var(--TextReverse); } .twv-container .border-color-TextReverse { border-color: var(--TextReverse); } .twv-container .text-color-TextReverse2 { color: var(--TextReverse2); } .twv-container .background-color-TextReverse2 { background-color: var(--TextReverse2); } .twv-container .border-color-TextReverse2 { border-color: var(--TextReverse2); } .twv-container .text-color-TextReverse3 { color: var(--TextReverse3); } .twv-container .background-color-TextReverse3 { background-color: var(--TextReverse3); } .twv-container .border-color-TextReverse3 { border-color: var(--TextReverse3); } .twv-container .text-color-TextReverse4 { color: var(--TextReverse4); } .twv-container .background-color-TextReverse4 { background-color: var(--TextReverse4); } .twv-container .border-color-TextReverse4 { border-color: var(--TextReverse4); } .twv-container .text-color-TextSecondary { color: var(--TextSecondary); } .twv-container .background-color-TextSecondary { background-color: var(--TextSecondary); } .twv-container .border-color-TextSecondary { border-color: var(--TextSecondary); } .twv-container .text-color-TextTertiary { color: var(--TextTertiary); } .twv-container .background-color-TextTertiary { background-color: var(--TextTertiary); } .twv-container .border-color-TextTertiary { border-color: var(--TextTertiary); } .twv-container .text-color-TextTertiary2 { color: var(--TextTertiary2); } .twv-container .background-color-TextTertiary2 { background-color: var(--TextTertiary2); } .twv-container .border-color-TextTertiary2 { border-color: var(--TextTertiary2); } .twv-container .text-color-TextTertiaryAlt { color: var(--TextTertiaryAlt); } .twv-container .background-color-TextTertiaryAlt { background-color: var(--TextTertiaryAlt); } .twv-container .border-color-TextTertiaryAlt { border-color: var(--TextTertiaryAlt); } .twv-container .text-color-ToastDefault { color: var(--ToastDefault); } .twv-container .background-color-ToastDefault { background-color: var(--ToastDefault); } .twv-container .border-color-ToastDefault { border-color: var(--ToastDefault); } .twv-container .text-color-ToastNegative { color: var(--ToastNegative); } .twv-container .background-color-ToastNegative { background-color: var(--ToastNegative); } .twv-container .border-color-ToastNegative { border-color: var(--ToastNegative); } .twv-container .text-color-transparent { color: transparent; } .twv-container .background-color-transparent { background-color: transparent; } .twv-container .border-color-transparent { border-color: transparent; } .twv-container .font-sofia { font-family: SofiaPro, system-ui, sans-serif; } .twv-container .H1-Bold, .twv-container .H1-Regular, .twv-container .H1-Semibold { font-family: TikTokDisplayFont, system-ui, -apple-system, Roboto, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 24px; letter-spacing: 0.01em; line-height: 1.25em; } .twv-container .H1-Regular { font-weight: 400; } .twv-container .H1-Medium { font-weight: 500; } .twv-container .H1-Semibold { font-weight: 600; } .twv-container .H1-Bold { font-weight: 700; } .twv-container .H2-Bold, .twv-container .H2-Regular, .twv-container .H2-Semibold { font-family: TikTokDisplayFont, system-ui, -apple-system, Roboto, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 20px; letter-spacing: 0.02em; line-height: 1.25em; } .twv-container .H2-Regular { font-weight: 400; } .twv-container .H2-Medium { font-weight: 500; } .twv-container .H2-Semibold { font-weight: 600; } .twv-container .H2-Bold { font-weight: 700; } .twv-container .H3-Bold, .twv-container .H3-Regular, .twv-container .H3-Semibold { font-size: 17px; letter-spacing: -0.01em; line-height: 21px; } .twv-container .H3-Regular { font-weight: 400; } .twv-container .H3-Medium { font-weight: 500; } .twv-container .H3-Semibold { font-weight: 600; } .twv-container .H3-Bold, .twv-container .H3-Semibold { font-family: TikTokDisplayFont, system-ui, -apple-system, Roboto, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .twv-container .H3-Bold { font-weight: 700; } .twv-container .H4-Bold, .twv-container .H4-Regular, .twv-container .H4-Semibold { font-size: 15px; letter-spacing: -0.0083em; line-height: 1.3em; } .twv-container .H4-Regular { font-weight: 400; } .twv-container .H4-Medium { font-weight: 500; } .twv-container .H4-Semibold { font-weight: 600; } .twv-container .H4-Bold { font-weight: 700; } .twv-container .P1-Bold, .twv-container .P1-Regular, .twv-container .P1-Semibold { font-size: 14px; letter-spacing: -0.0074em; line-height: 1.3em; } .twv-container .P1-Regular { font-weight: 400; } .twv-container .P1-Medium { font-weight: 500; } .twv-container .P1-Semibold { font-weight: 600; } .twv-container .P1-Bold { font-weight: 700; } .twv-container .P2-Bold, .twv-container .P2-Regular, .twv-container .P2-Semibold { font-size: 13px; letter-spacing: -0.0066em; line-height: 1.3em; } .twv-container .P2-Regular { font-weight: 400; } .twv-container .P2-Medium { font-weight: 500; } .twv-container .P2-Semibold { font-weight: 600; } .twv-container .P2-Bold { font-weight: 700; } .twv-container .P3-Bold, .twv-container .P3-Regular, .twv-container .P3-Semibold { font-size: 12px; letter-spacing: -0.0057em; line-height: 1.3em; } .twv-container .P3-Regular { font-weight: 400; } .twv-container .P3-Medium { font-weight: 500; } .twv-container .P3-Semibold { font-weight: 600; } .twv-container .P3-Bold { font-weight: 700; } .twv-container .SmallText1-Bold, .twv-container .SmallText1-Regular, .twv-container .SmallText1-Semibold { font-size: 11px; letter-spacing: -0.0049em; line-height: 1.3em; } .twv-container .SmallText1-Regular { font-weight: 400; } .twv-container .SmallText1-Medium { font-weight: 500; } .twv-container .SmallText1-Semibold { font-weight: 600; } .twv-container .SmallText1-Bold { font-weight: 700; } .twv-container .SmallText2-Bold, .twv-container .SmallText2-Regular, .twv-container .SmallText2-Semibold { font-size: 10px; letter-spacing: -0.004em; line-height: 1.3em; } .twv-container .SmallText2-Regular { font-weight: 400; } .twv-container .SmallText2-Medium { font-weight: 500; } .twv-container .SmallText2-Semibold { font-weight: 600; } .twv-container .SmallText2-Bold { font-weight: 700; } .twv-container .Headline-Bold, .twv-container .Headline-Regular, .twv-container .Headline-Semibold { font-size: 16px; letter-spacing: -0.0091em; line-height: 1.3em; } .twv-container .Headline-Regular { font-weight: 400; } .twv-container .Headline-Medium { font-weight: 500; } .twv-container .Headline-Semibold { font-weight: 600; } .twv-container .Headline-Bold { font-weight: 700; } .twv-container .Longform-Bold, .twv-container .Longform-Regular, .twv-container .Longform-Semibold { font-size: 16px; letter-spacing: -0.0091em; line-height: 1.5em; } .twv-container .Longform-Regular { font-weight: 400; } .twv-container .Longform-Medium { font-weight: 500; } .twv-container .Longform-Semibold { font-weight: 600; } .twv-container .Longform-Bold { font-weight: 700; } .twv-container .icon_shadow_onVideo { filter: drop-shadow(rgba(0, 0, 0, 0.12) 0px 1px 1px); } .twv-container .layer_shadow { box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 8px; } .twv-container .notice_shadow { box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 12px; } .twv-container [dir="rtl"] .flip-rtl { transform: scaleX(-1); } .twv-container .pt-safe { padding-top: env(safe-area-inset-top); } .twv-container .pb-safe { padding-bottom: env(safe-area-inset-bottom); } @media (prefers-color-scheme: dark) { .twv-container :root { --AssistColorAzure: #8fbee9; --AssistColorCelulean: #7ebbc9; --BGBase: #000; --BGBrand: rgba(254,44,85,.24); --BGCreation3: #121212; --BGInput: hsla(0,0%,100%,.12); --BGInput2: hsla(0,0%,100%,.08); --BGLevitation: #191919; --BGPlaceholderDefault: hsla(0,0%,100%,.08); --BGPlaceholderOpaque: #252525; --BGPrimary: #121212; --BGPrimary2: hsla(0,0%,100%,.04); --BGQuaternary: #383838; --BGQuinary: #4b4b4b; --BGReverse: #121212; --BGReverse2: hsla(0,0%,7%,.9); --BGSecondary: #252525; --BGSecondary2: hsla(0,0%,100%,.08); --BGTertiary: #2e2e2e; --BGTertiary2: hsla(0,0%,100%,.12); --BGView: hsla(0,0%,100%,.04); --BGView2: hsla(0,0%,100%,0); --InteractStatePressedMaskLight: hsla(0,0%,100%,.1); --LineDarker: rgba(0,0,0,.35); --LineInput: hsla(0,0%,100%,.5); --LineInverse: hsla(0,0%,100%,0); --LinePrimary: hsla(0,0%,100%,0); --LinePrimary2: hsla(0,0%,100%,.2); --LineReverse2: hsla(0,0%,100%,.12); --LineReverse3: hsla(0,0%,100%,0); --LineSecondary: hsla(0,0%,100%,.12); --LineSecondary2: hsla(0,0%,100%,0); --LineSecondary3: hsla(0,0%,100%,.5); --Link: #ff3b5c; --Link2: #ff3b5c; --Link3: #ff3b5c; --Primary: #ff3b5c; --Primary2: hsla(0,0%,100%,.9); --SDTertiary: rgba(0,0,0,.5); --TagBrownBG: #805959; --TagBrownText: #ffb3b3; --TagGreenBG: #598066; --TagGreenText: #b2ffd9; --TagPurpleBG: #80596c; --TagPurpleText: #ffb2d9; --TextPrimary: hsla(0,0%,100%,.9); --TextQuaternary: hsla(0,0%,100%,.34); --TextReverse: hsla(0,0%,100%,.9); --TextReverse2: hsla(0,0%,100%,.75); --TextReverse3: hsla(0,0%,100%,.5); --TextReverse4: hsla(0,0%,100%,.34); --TextSecondary: hsla(0,0%,100%,.75); --TextTertiary: hsla(0,0%,100%,.5); --TextTertiary2: hsla(0,0%,100%,.75); --TextTertiaryAlt: hsla(0,0%,100%,.6); } .twv-container .text-color-AssistColorAzure { color: var(--AssistColorAzure); } .twv-container .background-color-AssistColorAzure { background-color: var(--AssistColorAzure); } .twv-container .border-color-AssistColorAzure { border-color: var(--AssistColorAzure); } .twv-container .text-color-AssistColorCelulean { color: var(--AssistColorCelulean); } .twv-container .background-color-AssistColorCelulean { background-color: var(--AssistColorCelulean); } .twv-container .border-color-AssistColorCelulean { border-color: var(--AssistColorCelulean); } .twv-container .text-color-BGBase { color: var(--BGBase); } .twv-container .background-color-BGBase { background-color: var(--BGBase); } .twv-container .border-color-BGBase { border-color: var(--BGBase); } .twv-container .text-color-BGBrand { color: var(--BGBrand); } .twv-container .background-color-BGBrand { background-color: var(--BGBrand); } .twv-container .border-color-BGBrand { border-color: var(--BGBrand); } .twv-container .text-color-BGCreation3 { color: var(--BGCreation3); } .twv-container .background-color-BGCreation3 { background-color: var(--BGCreation3); } .twv-container .border-color-BGCreation3 { border-color: var(--BGCreation3); } .twv-container .text-color-BGInput { color: var(--BGInput); } .twv-container .background-color-BGInput { background-color: var(--BGInput); } .twv-container .border-color-BGInput { border-color: var(--BGInput); } .twv-container .text-color-BGInput2 { color: var(--BGInput2); } .twv-container .background-color-BGInput2 { background-color: var(--BGInput2); } .twv-container .border-color-BGInput2 { border-color: var(--BGInput2); } .twv-container .text-color-BGLevitation { color: var(--BGLevitation); } .twv-container .background-color-BGLevitation { background-color: var(--BGLevitation); } .twv-container .border-color-BGLevitation { border-color: var(--BGLevitation); } .twv-container .text-color-BGPlaceholderDefault { color: var(--BGPlaceholderDefault); } .twv-container .background-color-BGPlaceholderDefault { background-color: var(--BGPlaceholderDefault); } .twv-container .border-color-BGPlaceholderDefault { border-color: var(--BGPlaceholderDefault); } .twv-container .text-color-BGPlaceholderOpaque { color: var(--BGPlaceholderOpaque); } .twv-container .background-color-BGPlaceholderOpaque { background-color: var(--BGPlaceholderOpaque); } .twv-container .border-color-BGPlaceholderOpaque { border-color: var(--BGPlaceholderOpaque); } .twv-container .text-color-BGPrimary { color: var(--BGPrimary); } .twv-container .background-color-BGPrimary { background-color: var(--BGPrimary); } .twv-container .border-color-BGPrimary { border-color: var(--BGPrimary); } .twv-container .text-color-BGPrimary2 { color: var(--BGPrimary2); } .twv-container .background-color-BGPrimary2 { background-color: var(--BGPrimary2); } .twv-container .border-color-BGPrimary2 { border-color: var(--BGPrimary2); } .twv-container .text-color-BGQuaternary { color: var(--BGQuaternary); } .twv-container .background-color-BGQuaternary { background-color: var(--BGQuaternary); } .twv-container .border-color-BGQuaternary { border-color: var(--BGQuaternary); } .twv-container .text-color-BGQuinary { color: var(--BGQuinary); } .twv-container .background-color-BGQuinary { background-color: var(--BGQuinary); } .twv-container .border-color-BGQuinary { border-color: var(--BGQuinary); } .twv-container .text-color-BGReverse { color: var(--BGReverse); } .twv-container .background-color-BGReverse { background-color: var(--BGReverse); } .twv-container .border-color-BGReverse { border-color: var(--BGReverse); } .twv-container .text-color-BGReverse2 { color: var(--BGReverse2); } .twv-container .background-color-BGReverse2 { background-color: var(--BGReverse2); } .twv-container .border-color-BGReverse2 { border-color: var(--BGReverse2); } .twv-container .text-color-BGSecondary { color: var(--BGSecondary); } .twv-container .background-color-BGSecondary { background-color: var(--BGSecondary); } .twv-container .border-color-BGSecondary { border-color: var(--BGSecondary); } .twv-container .text-color-BGSecondary2 { color: var(--BGSecondary2); } .twv-container .background-color-BGSecondary2 { background-color: var(--BGSecondary2); } .twv-container .border-color-BGSecondary2 { border-color: var(--BGSecondary2); } .twv-container .text-color-BGTertiary { color: var(--BGTertiary); } .twv-container .background-color-BGTertiary { background-color: var(--BGTertiary); } .twv-container .border-color-BGTertiary { border-color: var(--BGTertiary); } .twv-container .text-color-BGTertiary2 { color: var(--BGTertiary2); } .twv-container .background-color-BGTertiary2 { background-color: var(--BGTertiary2); } .twv-container .border-color-BGTertiary2 { border-color: var(--BGTertiary2); } .twv-container .text-color-BGView { color: var(--BGView); } .twv-container .background-color-BGView { background-color: var(--BGView); } .twv-container .border-color-BGView { border-color: var(--BGView); } .twv-container .text-color-BGView2 { color: var(--BGView2); } .twv-container .background-color-BGView2 { background-color: var(--BGView2); } .twv-container .border-color-BGView2 { border-color: var(--BGView2); } .twv-container .text-color-InteractStatePressedMaskLight { color: var(--InteractStatePressedMaskLight); } .twv-container .background-color-InteractStatePressedMaskLight { background-color: var(--InteractStatePressedMaskLight); } .twv-container .border-color-InteractStatePressedMaskLight { border-color: var(--InteractStatePressedMaskLight); } .twv-container .text-color-LineDarker { color: var(--LineDarker); } .twv-container .background-color-LineDarker { background-color: var(--LineDarker); } .twv-container .border-color-LineDarker { border-color: var(--LineDarker); } .twv-container .text-color-LineInput { color: var(--LineInput); } .twv-container .background-color-LineInput { background-color: var(--LineInput); } .twv-container .border-color-LineInput { border-color: var(--LineInput); } .twv-container .text-color-LineInverse { color: var(--LineInverse); } .twv-container .background-color-LineInverse { background-color: var(--LineInverse); } .twv-container .border-color-LineInverse { border-color: var(--LineInverse); } .twv-container .text-color-LinePrimary { color: var(--LinePrimary); } .twv-container .background-color-LinePrimary { background-color: var(--LinePrimary); } .twv-container .border-color-LinePrimary { border-color: var(--LinePrimary); } .twv-container .text-color-LinePrimary2 { color: var(--LinePrimary2); } .twv-container .background-color-LinePrimary2 { background-color: var(--LinePrimary2); } .twv-container .border-color-LinePrimary2 { border-color: var(--LinePrimary2); } .twv-container .text-color-LineReverse2 { color: var(--LineReverse2); } .twv-container .background-color-LineReverse2 { background-color: var(--LineReverse2); } .twv-container .border-color-LineReverse2 { border-color: var(--LineReverse2); } .twv-container .text-color-LineReverse3 { color: var(--LineReverse3); } .twv-container .background-color-LineReverse3 { background-color: var(--LineReverse3); } .twv-container .border-color-LineReverse3 { border-color: var(--LineReverse3); } .twv-container .text-color-LineSecondary { color: var(--LineSecondary); } .twv-container .background-color-LineSecondary { background-color: var(--LineSecondary); } .twv-container .border-color-LineSecondary { border-color: var(--LineSecondary); } .twv-container .text-color-LineSecondary2 { color: var(--LineSecondary2); } .twv-container .background-color-LineSecondary2 { background-color: var(--LineSecondary2); } .twv-container .border-color-LineSecondary2 { border-color: var(--LineSecondary2); } .twv-container .text-color-LineSecondary3 { color: var(--LineSecondary3); } .twv-container .background-color-LineSecondary3 { background-color: var(--LineSecondary3); } .twv-container .border-color-LineSecondary3 { border-color: var(--LineSecondary3); } .twv-container .text-color-Link { color: var(--Link); } .twv-container .background-color-Link { background-color: var(--Link); } .twv-container .border-color-Link { border-color: var(--Link); } .twv-container .text-color-Link2 { color: var(--Link2); } .twv-container .background-color-Link2 { background-color: var(--Link2); } .twv-container .border-color-Link2 { border-color: var(--Link2); } .twv-container .text-color-Link3 { color: var(--Link3); } .twv-container .background-color-Link3 { background-color: var(--Link3); } .twv-container .border-color-Link3 { border-color: var(--Link3); } .twv-container .text-color-Primary { color: var(--Primary); } .twv-container .background-color-Primary { background-color: var(--Primary); } .twv-container .border-color-Primary { border-color: var(--Primary); } .twv-container .text-color-Primary2 { color: var(--Primary2); } .twv-container .background-color-Primary2 { background-color: var(--Primary2); } .twv-container .border-color-Primary2 { border-color: var(--Primary2); } .twv-container .text-color-SDTertiary { color: var(--SDTertiary); } .twv-container .background-color-SDTertiary { background-color: var(--SDTertiary); } .twv-container .border-color-SDTertiary { border-color: var(--SDTertiary); } .twv-container .text-color-TagBrownBG { color: var(--TagBrownBG); } .twv-container .background-color-TagBrownBG { background-color: var(--TagBrownBG); } .twv-container .border-color-TagBrownBG { border-color: var(--TagBrownBG); } .twv-container .text-color-TagBrownText { color: var(--TagBrownText); } .twv-container .background-color-TagBrownText { background-color: var(--TagBrownText); } .twv-container .border-color-TagBrownText { border-color: var(--TagBrownText); } .twv-container .text-color-TagGreenBG { color: var(--TagGreenBG); } .twv-container .background-color-TagGreenBG { background-color: var(--TagGreenBG); } .twv-container .border-color-TagGreenBG { border-color: var(--TagGreenBG); } .twv-container .text-color-TagGreenText { color: var(--TagGreenText); } .twv-container .background-color-TagGreenText { background-color: var(--TagGreenText); } .twv-container .border-color-TagGreenText { border-color: var(--TagGreenText); } .twv-container .text-color-TagPurpleBG { color: var(--TagPurpleBG); } .twv-container .background-color-TagPurpleBG { background-color: var(--TagPurpleBG); } .twv-container .border-color-TagPurpleBG { border-color: var(--TagPurpleBG); } .twv-container .text-color-TagPurpleText { color: var(--TagPurpleText); } .twv-container .background-color-TagPurpleText { background-color: var(--TagPurpleText); } .twv-container .border-color-TagPurpleText { border-color: var(--TagPurpleText); } .twv-container .text-color-TextPrimary { color: var(--TextPrimary); } .twv-container .background-color-TextPrimary { background-color: var(--TextPrimary); } .twv-container .border-color-TextPrimary { border-color: var(--TextPrimary); } .twv-container .text-color-TextQuaternary { color: var(--TextQuaternary); } .twv-container .background-color-TextQuaternary { background-color: var(--TextQuaternary); } .twv-container .border-color-TextQuaternary { border-color: var(--TextQuaternary); } .twv-container .text-color-TextReverse { color: var(--TextReverse); } .twv-container .background-color-TextReverse { background-color: var(--TextReverse); } .twv-container .border-color-TextReverse { border-color: var(--TextReverse); } .twv-container .text-color-TextReverse2 { color: var(--TextReverse2); } .twv-container .background-color-TextReverse2 { background-color: var(--TextReverse2); } .twv-container .border-color-TextReverse2 { border-color: var(--TextReverse2); } .twv-container .text-color-TextReverse3 { color: var(--TextReverse3); } .twv-container .background-color-TextReverse3 { background-color: var(--TextReverse3); } .twv-container .border-color-TextReverse3 { border-color: var(--TextReverse3); } .twv-container .text-color-TextReverse4 { color: var(--TextReverse4); } .twv-container .background-color-TextReverse4 { background-color: var(--TextReverse4); } .twv-container .border-color-TextReverse4 { border-color: var(--TextReverse4); } .twv-container .text-color-TextSecondary { color: var(--TextSecondary); } .twv-container .background-color-TextSecondary { background-color: var(--TextSecondary); } .twv-container .border-color-TextSecondary { border-color: var(--TextSecondary); } .twv-container .text-color-TextTertiary { color: var(--TextTertiary); } .twv-container .background-color-TextTertiary { background-color: var(--TextTertiary); } .twv-container .border-color-TextTertiary { border-color: var(--TextTertiary); } .twv-container .text-color-TextTertiary2 { color: var(--TextTertiary2); } .twv-container .background-color-TextTertiary2 { background-color: var(--TextTertiary2); } .twv-container .border-color-TextTertiary2 { border-color: var(--TextTertiary2); } .twv-container .text-color-TextTertiaryAlt { color: var(--TextTertiaryAlt); } .twv-container .background-color-TextTertiaryAlt { background-color: var(--TextTertiaryAlt); } .twv-container .border-color-TextTertiaryAlt { border-color: var(--TextTertiaryAlt); } } .twv-container .tt-text-field--input { caret-color: var(--Primary); resize: none; white-space: break-spaces; width: 100%; } .twv-container .tt-text-field--input:disabled { background: none; color: var(--TextQuaternary); } .twv-container .tt-text-field--input::placeholder { color: var(--TextQuaternary); } .twv-container .tt-text-field--input:focus { outline: none; } .twv-container .tt-text-field--divider { height: 1px; transform: scaleY(0.5); width: 100%; } .twv-container .tux-button { --tux-button-text-color__primary: var(--ConstTextInverse); --tux-button-background-color__primary: var(--Primary); --tux-button-border-color__primary: unset; --tux-button-border-width__primary: 0; --tux-button-text-color__primary-disabled: var(--TextQuaternary); --tux-button-background-color__primary-disabled: var(--BGInput2); --tux-button-border-color__primary-disabled: unset; --tux-button-border-width__primary-disabled: 0; --tux-button-text-color__secondary: var(--TextPrimary); --tux-button-background-color__secondary: var(--BGTertiary2); --tux-button-border-color__secondary: var(--LineSecondary2); --tux-button-border-width__secondary: 1px; --tux-button-text-color__secondary-disabled: var(--TextQuaternary); --tux-button-background-color__secondary-disabled: var(--BGTertiary2); --tux-button-border-color__secondary-disabled: var(--LineSecondary2); --tux-button-border-width__secondary-disabled: 1px; --tux-button-text-color__secondary-newRadiusDesign: var(--TextPrimary); --tux-button-background-color__secondary-newRadiusDesign: var(--BGInput); --tux-button-border-color__secondary-newRadiusDesign: var(--LineSecondary2); --tux-button-border-width__secondary-newRadiusDesign: 0; --tux-button-text-color__secondary-disabled-newRadiusDesign: var(--TextQuaternary); --tux-button-background-color__secondary-disabled-newRadiusDesign: var(--BGInput); --tux-button-border-color__secondary-disabled-newRadiusDesign: var(--LineSecondary2); --tux-button-border-width__secondary-disabled-newRadiusDesign: 0; --tux-button-text-color__const-secondary: var(--ConstTextInverse); --tux-button-background-color__const-secondary: var(--ConstBGContainer); --tux-button-border-color__const-secondary: var(--LineSecondary2); --tux-button-border-width__const-secondary: 1px; vertical-align: middle; } .twv-container .tux-button:enabled:active { opacity: 0.75; } .twv-container .tux-button--const-secondary:disabled { opacity: 0.4; } .twv-container .tux-button__loading path { animation: 1s linear 0s infinite normal none running tux-button__loading_anim; transform-origin: center center; will-change: transform; } @keyframes tux-button__loading_anim { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } .twv-container .tux-button__loading-placeholder--primary { background: linear-gradient(270deg, rgb(254, 44, 85) -4.17%, rgba(254, 44, 85, 0) 91.67%); } .twv-container .tux-button__loading-placeholder--secondary { background: linear-gradient(270deg, rgb(255, 255, 255) -4.17%, rgba(255, 255, 255, 0) 91.67%); }