/* app.css Generated by Cooker 6.0.5 (https://github.com/genericmilk/cooker) ::: Dev build compiled at 2025-04-04 15:53:49 */.toaster,ol.rack{list-style:none;margin:0}.toaster{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;box-sizing:border-box;padding:5px;outline:0;z-index:999999999;position:fixed}.butteruptoast,.butteruptoast.brutalist{font-size:13px;display:flex;padding:16px;width:325px}.toaster.bottom-right{bottom:20px;right:20px}.toaster.bottom-left{bottom:20px;left:20px}.toaster.top-right{top:20px;right:20px}.toaster.top-left{top:20px;left:20px}.toaster.bottom-center{bottom:20px;left:50%;transform:translateX(-50%)}.toaster.top-center{top:20px;left:50%;transform:translateX(-50%)}.toaster.top-center ol.rack,.toaster.top-left ol.rack,.toaster.top-right ol.rack{flex-direction:column-reverse}.toaster.bottom-center ol.rack,.toaster.bottom-left ol.rack,.toaster.bottom-right ol.rack{flex-direction:column}ol.rack{padding:0;display:flex}ol.rack li{margin-bottom:16px}ol.rack.upperstack li{margin-bottom:-35px;transition:.3s ease-in-out}ol.rack.upperstack li:hover{margin-bottom:16px;scale:1.03;transition:.3s ease-in-out}ol.rack.lowerstack li{margin-top:-35px}ol.rack.lowerstack{margin-bottom:0}.butteruptoast{border-radius:8px;box-shadow:0 4px 12px #0000001a;border:1px solid #ededed;background-color:#fff;gap:6px;color:#282828}.butteruptoast.dismissable{cursor:pointer}.butteruptoast .icon{display:flex;align-items:start;flex-direction:column}.butteruptoast .icon svg{width:20px;height:20px;fill:#282828}.notif .desc{display:flex;flex-direction:column;gap:2px}.notif .desc .title{font-weight:600;line-height:1.5}.notif .desc .message{font-weight:400;line-height:1.4}.butteruptoast.success{background-color:#ebfef2;color:#00892d;border:1px solid #d2fde4}.butteruptoast.success .icon svg{fill:hsl(140,100%,27%)}.butteruptoast.error .icon svg{fill:hsl(0,100%,27%)}.butteruptoast.warning .icon svg{fill:hsl(50,100%,27%)}.butteruptoast.info .icon svg{fill:hsl(210,100%,27%)}.butteruptoast.error{background-color:#fef0f0;color:#890000;border:1px solid #fdd2d2}.butteruptoast.warning{background-color:#fffdf0;color:#897200;border:1px solid #fdf6d2}.butteruptoast.info{background-color:#f0f8ff;color:#004489;border:1px solid #d2e8fd}.toast-buttons{display:flex;gap:8px;width:100%;align-items:center;flex-direction:row;margin-top:16px}.toast-buttons .toast-button.primary{background-color:#282828;color:#fff;padding:8px 16px;border-radius:4px;cursor:pointer;border:none;width:100%}.toast-buttons .toast-button.secondary{background-color:#f0f8ff;color:#004489;border:1px solid #d2e8fd;padding:8px 16px;border-radius:4px;cursor:pointer;width:100%}.butteruptoast.success .toast-button.primary{background-color:#27ae5f;color:#fff}.butteruptoast.success .toast-button.secondary{background-color:#daf0e3;color:#1e8549;border:1px solid #8ae4b0}.butteruptoast.error .toast-button.primary{background-color:#db3748;color:#fff}.butteruptoast.error .toast-button.secondary{background-color:#eddddf;color:#be2131;border:1px solid #eb8e97}.butteruptoast.warning .toast-button.primary{background-color:#ffc005;color:#4c3900}.butteruptoast.warning .toast-button.secondary{background-color:#fff9ea;color:#9e7600;border:1px solid #ffe084}.butteruptoast.info .toast-button.primary{background-color:#2094f3;color:#fff}.butteruptoast.info .toast-button.secondary{background-color:#e1f1fd;color:#085ea4;border:1px solid #81c2f8}.toastUp{animation:.5s ease-in-out forwards slideUp}.toastDown{animation:.5s ease-in-out forwards slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}.fadeOutToast{animation:.3s ease-in-out forwards fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.butteruptoast.glass{background-color:rgba(255,255,255,.42)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:none;box-shadow:0 4px 12px #0000001a;color:#282828}.butteruptoast.glass.success{background-color:rgba(235,254,242,.42)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:none;box-shadow:0 4px 12px #0000001a;color:#00892d}.butteruptoast.glass.error,.butteruptoast.glass.warning{backdrop-filter:blur(10px);border:none;box-shadow:0 4px 12px #0000001a}.butteruptoast.glass.error{background-color:rgba(254,240,240,.42)!important;-webkit-backdrop-filter:blur(10px);color:#890000}.butteruptoast.glass.warning{background-color:rgba(255,253,240,.42)!important;-webkit-backdrop-filter:blur(10px);color:#897200}.butteruptoast.glass.info{background-color:rgba(240,248,255,.42)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:none;box-shadow:0 4px 12px #0000001a;color:#004489}.butteruptoast.brutalist{border-radius:0;box-shadow:0 4px 12px #0000001a;border:2px solid #282828;align-items:center;background-color:#fff;gap:6px;color:#282828}.butteruptoast.brutalist.success{background-color:#ebfef2;color:#00892d;border:2px solid #00892d}.butteruptoast.brutalist.error{background-color:#fef0f0;color:#890000;border:2px solid #890000}.butteruptoast.brutalist.warning{background-color:#fffdf0;color:#897200;border:2px solid #897200}.butteruptoast.brutalist.info{background-color:#f0f8ff;color:#004489;border:2px solid #004489} /* cyrillic-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } body.quuu { font-family: 'Inter', sans-serif; } .swal2-container { background: rgba(255, 255, 255, 0.5) !important; } .swal2-container .swal2-popup { background-color: transparent; } .swal2-container .swal2-popup .swal2-header .swal2-icon { color: black; border-color: black; } .swal2-container .swal2-popup .swal2-header .swal2-icon.swal2-success .swal2-success-ring { border-color: black; } .swal2-container .swal2-popup .swal2-header .swal2-icon.swal2-success .swal2-success-line-tip, .swal2-container .swal2-popup .swal2-header .swal2-icon.swal2-success .swal2-success-line-long { background-color: black; } .swal2-container .swal2-popup .swal2-header .swal2-icon.swal2-success .swal2-success-circular-line-left, .swal2-container .swal2-popup .swal2-header .swal2-icon.swal2-success .swal2-success-circular-line-right { background-color: transparent !important; } .swal2-container .swal2-popup .swal2-header .swal2-icon.swal2-error .swal2-x-mark span { background-color: black; } .swal2-container .swal2-popup .swal2-header h2 { color: black; } .swal2-container .swal2-popup .swal2-content { color: black; } .swal2-container .swal2-popup .swal2-content .swal2-input { width: calc(100% - (40px * 2)); background: transparent; } .swal2-container .swal2-popup .swal2-content .swal2-textarea { width: 100%; min-height: 500px; background: transparent; resize: none; font-size: 15px; margin: 0; } .swal2-container .swal2-popup .swal2-content .swal2-textarea:focus { outline: none !important; } .swal2-container .swal2-popup .swal2-content .swal2-html-container { color: black; } .swal2-container .swal2-popup .swal2-content .swal2-html-container a { color: black; text-decoration: none; } .swal2-container .swal2-popup .swal2-content .swal2-html-container a:hover { text-decoration: underline; } .swal2-container .swal2-popup .swal2-content .swal2-html-container .modal-content .modal-img img { width: 100%; border-radius: 10px; } .swal2-container .swal2-popup .swal2-content .swal2-html-container .modal-content .modal-video video { width: 100%; border-radius: 10px; } .swal2-container .swal2-popup .swal2-actions .swal2-confirm { border-color: #000 !important; background: #000; background-color: #000; } .swal2-container .swal2-popup .swal2-actions .swal2-cancel { background-color: #fff; color: #000; } .swal2-container .swal2-toast { background-color: black !important; } .swal2-container.swal2-top-end { background: none !important; } .swal2-icon.swal2-warning, .swal2-icon.swal2-succcess, .swal2-icon.swal2-error, .swal2-icon.swal2-info { border-color: black !important; color: black !important; } body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .app { -webkit-filter: blur(8px); pointer-events: none; } body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .app { min-height: 100vh; } .swal2-success-fix { display: none !important; } body { padding: 0; margin: 0; } body * { -ms-overflow-style: none; scrollbar-width: none; } body *::-webkit-scrollbar { display: none; } body nav { transition: all 0.3s ease-in-out; width: 250px; height: 100vh; overflow: auto; border-right: 1px solid #e9eef0; background-color: white; float: left; } body nav .logo { display: flex; height: 20px; border-bottom: 1px solid #e9eef0; justify-content: space-between; align-items: center; padding: 20px 23px; } body nav .logo b { width: 30px; height: 30px; cursor: pointer; background-image: url('/platform/app/icons/b/menu.svg'); background-position: center; background-repeat: no-repeat; background-size: contain; transition: all 0.3s ease-in-out; } body nav .logo img { width: 35px; height: auto; margin-right: auto; transition: all 0.3s ease-in-out; } body nav .logo a { display: flex; } body nav > ul { padding: 23px; margin: 0; list-style: none; } body nav > ul > li label { color: #b3b6be; text-transform: uppercase; margin-bottom: 10px; display: block; font-size: 12px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; opacity: 1; transition: all 0.3s ease-in-out; } body nav > ul > li button { white-space: nowrap; overflow: hidden; padding: 15px 20px!important; text-align: left; background-repeat: no-repeat; font-size: 15px !important; background-image: url('/platform/app/icons/w/stars.svg'); background-position: right 20px center; border-radius: 500px !important; } body nav > ul > li button b { transition: opacity 0.1s ease-in-out; } body nav > ul > li > ul { list-style: none; padding: 0; } body nav > ul > li > ul > li a { color: #202020; text-decoration: none; display: block; padding: 5px; font-size: 15px; border-radius: 10px; padding-left: 35px; background-position: left 5px center; background-repeat: no-repeat; background-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: background-image 0.25s ease-in-out; } body nav > ul > li > ul > li a span { opacity: 1; transition: opacity 0.3s ease-in-out; } body nav > ul > li > ul > li a b { float: right; margin: 0px 10px; text-align: right; } body nav > ul > li > ul > li[data-app=insights] a { background-image: url('/platform/app/icons/g/insights.svg'); } body nav > ul > li > ul > li[data-app=library] a { background-image: url('/platform/app/icons/g/library.svg'); } body nav > ul > li > ul > li[data-app=curate] a { background-image: url('/platform/app/icons/g/curate.svg'); } body nav > ul > li > ul > li[data-app=settings] a { background-image: url('/platform/app/icons/g/settings.svg'); } body nav > ul > li > ul > li[data-app=settings-brands] a { background-image: url('/platform/app/icons/g/profiles.svg'); } body nav > ul > li > ul > li[data-app=settings-billing] a { background-image: url('/platform/app/icons/g/billing.svg'); } body nav > ul > li > ul > li[data-app=settings-profiles] a { background-image: url('/platform/app/icons/g/brand-settings.svg'); background-size: 17px; background-position: left 6px center!important; } body nav > ul > li > ul > li[data-app=help] a { background-image: url('/platform/app/icons/g/help.svg'); } body nav > ul > li > ul > li[data-app=growthpanel] a { background-image: url('/platform/app/icons/g/growthpanel.svg'); } body nav > ul > li > ul > li[data-app=roadmap] a { background-image: url('/platform/app/icons/g/roadmap.svg'); } body nav > ul > li > ul > li:hover a, body nav > ul > li > ul > li.active a { background-color: #f5f8fa; } body nav > ul > li > ul > li:hover[data-app=insights] a, body nav > ul > li > ul > li.active[data-app=insights] a { background-image: url('/platform/app/icons/bl/insights.svg'); } body nav > ul > li > ul > li:hover[data-app=library] a, body nav > ul > li > ul > li.active[data-app=library] a { background-image: url('/platform/app/icons/bl/library.svg'); } body nav > ul > li > ul > li:hover[data-app=curate] a, body nav > ul > li > ul > li.active[data-app=curate] a { background-image: url('/platform/app/icons/bl/curate.svg'); } body nav > ul > li > ul > li:hover[data-app=settings-profiles] a, body nav > ul > li > ul > li.active[data-app=settings-profiles] a { background-image: url('/platform/app/icons/bl/brand-settings.svg'); } body nav > ul > li > ul > li:hover[data-app=settings] a, body nav > ul > li > ul > li.active[data-app=settings] a { background-image: url('/platform/app/icons/bl/settings.svg'); } body nav > ul > li > ul > li:hover[data-app=settings-brands] a, body nav > ul > li > ul > li.active[data-app=settings-brands] a { background-image: url('/platform/app/icons/bl/profiles.svg'); } body nav > ul > li > ul > li:hover[data-app=settings-billing] a, body nav > ul > li > ul > li.active[data-app=settings-billing] a { background-image: url('/platform/app/icons/bl/billing.svg'); } body nav > ul > li > ul > li:hover[data-app=help] a, body nav > ul > li > ul > li.active[data-app=help] a { background-image: url('/platform/app/icons/bl/help.svg'); } body nav > ul > li > ul > li:hover[data-app=growthpanel] a, body nav > ul > li > ul > li.active[data-app=growthpanel] a { background-image: url('/platform/app/icons/bl/growthpanel.svg'); } body nav > ul > li > ul > li:hover[data-app=roadmap] a, body nav > ul > li > ul > li.active[data-app=roadmap] a { background-image: url('/platform/app/icons/bl/roadmap.svg'); } body nav > ul > li > ul > li.active a span { font-weight: bold; } body nav > ul > li > ul > li:not(:last-child) { margin-bottom: 10px; } body nav > ul > li:not(:last-child) { margin-bottom: 20px; } @media screen and (min-width: 960px) { body nav > ul > li.mobile-only { display: none; } } body main { float: left; width: calc(100% - 250px - 1px); height: 100vh; background-color: #f5f7f9; } body main .top-bar { height: 60px; display: flex; border-bottom: 1px solid #e9eef0; justify-content: space-between; background-color: white; } body main .top-bar .mobile-menu-open { display: none; } body main .top-bar .brand-and-profile-switcher { padding: 0px 23px; display: flex; align-items: center; white-space: nowrap; text-overflow: ellipsis; max-width: calc(100% - 300px); } body main .top-bar .brand-and-profile-switcher .brand img { width: 40px; } body main .top-bar .brand-and-profile-switcher .switcher-dropdown { display: flex; align-items: center; border: 1px solid #e9eef0; border-radius: 500px; cursor: pointer; width: 200px; min-width: 100px; position: relative; } body main .top-bar .brand-and-profile-switcher .switcher-dropdown img { width: 35px; height: 35px; padding: 4px; border-radius: 100%; } body main .top-bar .brand-and-profile-switcher .switcher-dropdown .profile-icon { position: relative; } body main .top-bar .brand-and-profile-switcher .switcher-dropdown .profile-icon b { position: absolute; bottom: 5px; right: 0px; width: 20px; height: 20px; border-radius: 100%; background-position: center; background-size: 15px; background-repeat: no-repeat; background-color: #f5f7f9; } body main .top-bar .brand-and-profile-switcher .switcher-dropdown .profile-icon b.facebook, body main .top-bar .brand-and-profile-switcher .switcher-dropdown .profile-icon b.facebook_page, body main .top-bar .brand-and-profile-switcher .switcher-dropdown .profile-icon b.facebook_group, body main .top-bar .brand-and-profile-switcher .switcher-dropdown .profile-icon b.fb_page { background-image: url('/platform/promote/icons/social/facebook.svg'); } body main .top-bar .brand-and-profile-switcher .switcher-dropdown .profile-icon b.twitter, body main .top-bar .brand-and-profile-switcher .switcher-dropdown .profile-icon b.tw { background-image: url('/platform/promote/icons/social/twitter.svg'); background-size: 90% !important; } body main .top-bar .brand-and-profile-switcher .switcher-dropdown .profile-icon b.bluesky { background-image: url('/platform/promote/icons/social/bluesky.svg'); background-size: 60% !important; } body main .top-bar .brand-and-profile-switcher .switcher-dropdown .profile-icon b.linkedin, body main .top-bar .brand-and-profile-switcher .switcher-dropdown .profile-icon b.linkedin_pages, body main .top-bar .brand-and-profile-switcher .switcher-dropdown .profile-icon b.in_page, body main .top-bar .brand-and-profile-switcher .switcher-dropdown .profile-icon b.in, body main .top-bar .brand-and-profile-switcher .switcher-dropdown .profile-icon b.linkedin_page, body main .top-bar .brand-and-profile-switcher .switcher-dropdown .profile-icon b.linkedin_group { background-image: url('/platform/promote/icons/social/linkedin.svg'); background-size: 50% !important; } body main .top-bar .brand-and-profile-switcher .switcher-dropdown .profile-icon b.tiktok { background-image: url('/platform/promote/icons/social/tiktok.svg'); } body main .top-bar .brand-and-profile-switcher .switcher-dropdown .profile-icon b.discord { background-image: url('/platform/promote/icons/social/discord.svg'); background-size: 12px !important; } body main .top-bar .brand-and-profile-switcher .switcher-dropdown .profile-icon b.pinterest { background-image: url('/platform/promote/icons/social/pinterest.svg'); } body main .top-bar .brand-and-profile-switcher .switcher-dropdown .profile-icon b.linkedin, body main .top-bar .brand-and-profile-switcher .switcher-dropdown .profile-icon b.linkedin_pages, body main .top-bar .brand-and-profile-switcher .switcher-dropdown .profile-icon b.in_page, body main .top-bar .brand-and-profile-switcher .switcher-dropdown .profile-icon b.in { background-image: url('/platform/promote/icons/social/linkedin.svg'); } body main .top-bar .brand-and-profile-switcher .switcher-dropdown .profile-icon b.instagram { background-image: url('/platform/promote/icons/social/instagram.svg'); background-size: 60%; } body main .top-bar .brand-and-profile-switcher .switcher-dropdown .profile-icon b.facebook_page { background-size: 8px; } body main .top-bar .brand-and-profile-switcher .switcher-dropdown .label { display: flex; flex-direction: column; margin: 0px 5px; width: calc(100% - (35px * 2) - 10px - 8px - 5px); } body main .top-bar .brand-and-profile-switcher .switcher-dropdown .label > * { font-size: 14px; width: 100%; } body main .top-bar .brand-and-profile-switcher .switcher-dropdown .label strong { font-weight: bold; color: #3485fd; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } body main .top-bar .brand-and-profile-switcher .switcher-dropdown .label span { font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } body main .top-bar .brand-and-profile-switcher .switcher-dropdown:not(:last-child) { margin-right: 10px; } body main .top-bar .brand-and-profile-switcher .switcher-dropdown > ul.dropdown-inner { position: absolute; top: 100%; left: 0; width: 100%; background-color: white; border-radius: 10px; box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.08); z-index: 999; padding: 0; margin: 0; margin-top: 5px; max-height: 300px; overflow: auto; } body main .top-bar .brand-and-profile-switcher .switcher-dropdown > ul.dropdown-inner li { padding: 5px; list-style: none; cursor: pointer; transition: all 0.1s ease-in-out; display: flex; align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } body main .top-bar .brand-and-profile-switcher .switcher-dropdown > ul.dropdown-inner li:first-child { border-top-left-radius: 10px; border-top-right-radius: 10px; } body main .top-bar .brand-and-profile-switcher .switcher-dropdown > ul.dropdown-inner li:last-child { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } body main .top-bar .brand-and-profile-switcher .switcher-dropdown > ul.dropdown-inner li img { margin-right: 5px; } body main .top-bar .brand-and-profile-switcher .switcher-dropdown > ul.dropdown-inner li .profile-icon { position: relative; } body main .top-bar .brand-and-profile-switcher .switcher-dropdown > ul.dropdown-inner li .profile-icon b { position: absolute; bottom: 5px; right: 0px; width: 20px; height: 20px; border-radius: 100%; background-position: center; background-size: 15px; background-repeat: no-repeat; background-color: #f5f7f9; } body main .top-bar .brand-and-profile-switcher .switcher-dropdown > ul.dropdown-inner li .profile-icon b.facebook, body main .top-bar .brand-and-profile-switcher .switcher-dropdown > ul.dropdown-inner li .profile-icon b.facebook_page, body main .top-bar .brand-and-profile-switcher .switcher-dropdown > ul.dropdown-inner li .profile-icon b.facebook_group, body main .top-bar .brand-and-profile-switcher .switcher-dropdown > ul.dropdown-inner li .profile-icon b.fb_page { background-image: url('/platform/promote/icons/social/facebook.svg'); } body main .top-bar .brand-and-profile-switcher .switcher-dropdown > ul.dropdown-inner li .profile-icon b.twitter, body main .top-bar .brand-and-profile-switcher .switcher-dropdown > ul.dropdown-inner li .profile-icon b.tw { background-image: url('/platform/promote/icons/social/twitter.svg'); background-size: 90% !important; } body main .top-bar .brand-and-profile-switcher .switcher-dropdown > ul.dropdown-inner li .profile-icon b.bluesky { background-image: url('/platform/promote/icons/social/bluesky.svg'); background-size: 60% !important; } body main .top-bar .brand-and-profile-switcher .switcher-dropdown > ul.dropdown-inner li .profile-icon b.linkedin, body main .top-bar .brand-and-profile-switcher .switcher-dropdown > ul.dropdown-inner li .profile-icon b.linkedin_pages, body main .top-bar .brand-and-profile-switcher .switcher-dropdown > ul.dropdown-inner li .profile-icon b.in_page, body main .top-bar .brand-and-profile-switcher .switcher-dropdown > ul.dropdown-inner li .profile-icon b.in, body main .top-bar .brand-and-profile-switcher .switcher-dropdown > ul.dropdown-inner li .profile-icon b.linkedin_page, body main .top-bar .brand-and-profile-switcher .switcher-dropdown > ul.dropdown-inner li .profile-icon b.linkedin_group { background-image: url('/platform/promote/icons/social/linkedin.svg'); background-size: 50% !important; } body main .top-bar .brand-and-profile-switcher .switcher-dropdown > ul.dropdown-inner li .profile-icon b.tiktok { background-image: url('/platform/promote/icons/social/tiktok.svg'); } body main .top-bar .brand-and-profile-switcher .switcher-dropdown > ul.dropdown-inner li .profile-icon b.discord { background-image: url('/platform/promote/icons/social/discord.svg'); background-size: 12px !important; } body main .top-bar .brand-and-profile-switcher .switcher-dropdown > ul.dropdown-inner li .profile-icon b.pinterest { background-image: url('/platform/promote/icons/social/pinterest.svg'); } body main .top-bar .brand-and-profile-switcher .switcher-dropdown > ul.dropdown-inner li .profile-icon b.linkedin, body main .top-bar .brand-and-profile-switcher .switcher-dropdown > ul.dropdown-inner li .profile-icon b.linkedin_pages, body main .top-bar .brand-and-profile-switcher .switcher-dropdown > ul.dropdown-inner li .profile-icon b.in_page, body main .top-bar .brand-and-profile-switcher .switcher-dropdown > ul.dropdown-inner li .profile-icon b.in { background-image: url('/platform/promote/icons/social/linkedin.svg'); } body main .top-bar .brand-and-profile-switcher .switcher-dropdown > ul.dropdown-inner li .profile-icon b.instagram { background-image: url('/platform/promote/icons/social/instagram.svg'); background-size: 60%; } body main .top-bar .brand-and-profile-switcher .switcher-dropdown > ul.dropdown-inner li .profile-icon b.facebook_page { background-size: 8px; } body main .top-bar .brand-and-profile-switcher .switcher-dropdown > ul.dropdown-inner li b { margin-right: 5px; width: 35px; height: 35px; background-image: url('/platform/app/icons/b/new-profile.svg'); background-position: center; background-repeat: no-repeat; } body main .top-bar .brand-and-profile-switcher .switcher-dropdown > ul.dropdown-inner li span { width: calc(100% - 60px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } body main .top-bar .brand-and-profile-switcher .switcher-dropdown > ul.dropdown-inner li:hover, body main .top-bar .brand-and-profile-switcher .switcher-dropdown > ul.dropdown-inner li.active { background-color: #3485fd; color: white; } body main .top-bar .brand-and-profile-switcher .switcher-dropdown > ul.dropdown-inner li:hover b, body main .top-bar .brand-and-profile-switcher .switcher-dropdown > ul.dropdown-inner li.active b { background-image: url('/platform/app/icons/w/new-profile.svg'); } body main .top-bar .brand-and-profile-switcher .switcher-dropdown > ul.dropdown-inner li.deactivated img { filter: grayscale(100%); -webkit-filter: grayscale(100%); opacity: 0.5; } body main .top-bar .brand-and-profile-switcher .switcher-dropdown > ul.dropdown-inner li.deactivated span { opacity: 0.5; } body main .top-bar .brand-and-profile-switcher .switcher-dropdown::after { content: ''; background-color: #e9eef0; width: 35px; height: 35px; position: absolute; justify-content: right; right: 5px; border-radius: 100%; background-image: url('/platform/app/icons/g/down.svg'); background-position: center; background-repeat: no-repeat; } body main .top-bar .progress-dots { display: flex; gap: 5px; justify-content: center; align-items: center; } body main .top-bar .progress-dots .dot { background-color: #e9eef0; width: 20px; height: 20px; border-radius: 500px; transition: all 0.3s ease-in-out; } body main .top-bar .progress-dots .dot.active { background-color: #3485fd; width: 40px; } body main .top-bar .progress-dots .dot.done { background-color: #3485fd; } body main .top-bar .user { display: flex; align-items: center; padding: 0px 23px; } body main .top-bar .user > * { transition: all 0.15s ease-in-out; } body main .top-bar .user > *:active { transform: scale(0.95); } body main .top-bar .user > *:not(:last-child) { margin-right: 10px; } body main .top-bar .user button.notifications { width: 40px; height: 40px; cursor: pointer; border-radius: 100%; border: 0; background-color: #f5f7f9; background-image: url('/platform/app/icons/b/notifications.svg'); background-position: center; background-repeat: no-repeat; } body main .top-bar .user button.upgrade { background-color: #3485fd; color: white; border: 0; border-radius: 500px; padding: 10px 20px; cursor: pointer; font-weight: bold; } body main .top-bar .user img { border-radius: 100%; height: 40px; width: 40px; cursor: pointer; } body main .inner { padding: 10px; height: calc(100vh - 60px - 1px - (10px * 2)); overflow: auto; } body main .inner .app-title { display: flex; margin-bottom: 20px; justify-content: space-between; } body main .inner .app-title h1 { margin: 0; } body main .inner .app-title .search-field { margin-right: auto; margin-left: 20px; display: flex; width: 100%; } body main .inner .app-title .search-field input { background-image: url('/platform/app/icons/g/search.svg'); background-position: left 10px center; background-repeat: no-repeat; background-size: 20px; padding-left: 40px; border: 1px solid transparent; border-radius: 10px; transition: all 0.3s ease-in-out; width: 100%; } body main .inner .app-title .search-field input:focus, body main .inner .app-title .search-field input:not(:placeholder-shown) { outline: none; border-color: #5443c8; background-position: left -20px center; padding-left: 15px; } body main .inner .app-title .configure { display: flex; align-items: center; margin-right: auto; margin-left: 10px; color: #9cabba; cursor: pointer; } body main .inner .app-title .configure b { display: inline-block; width: 25px; height: 25px; background-image: url('/platform/app/icons/g/settings.svg'); background-position: center; background-size: contain; background-repeat: no-repeat; margin-right: 10px; } body main .inner ul.filter { background-color: #f6f8fa; border-radius: 10px; padding: 0px; margin: 0; list-style: none; padding: 5px; white-space: nowrap; overflow-y: hidden; overflow-x: auto; margin-bottom: 20px; } body main .inner ul.filter li { display: inline-block; padding: 15px; color: #7e8391; transition: all 0.3s ease-in-out; cursor: pointer; border-radius: 10px; } body main .inner ul.filter li.active, body main .inner ul.filter li:hover { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08); background-color: #f5f7f9; color: #202020; } body main .inner .panels .row { display: flex; justify-content: space-between; } body main .inner .panels .row .panel { border: 1px solid #e9eef0; padding: 20px; border-radius: 30px; } body main .inner .panels .row .panel .title h2 { margin: 0; font-size: 18px; } body main .inner .panels .row .panel .title .dataline { margin: 10px 0px; display: flex; justify-content: space-between; } body main .inner .panels .row .panel .title .dataline h1 { margin: 0; font-size: 36px; } body main .inner .panels .row .panel .title .dataline .stat { display: flex; flex-direction: column; } body main .inner .panels .row .panel .title .dataline .stat span { display: flex; justify-content: right; align-items: center; font-size: 14px; } body main .inner .panels .row .panel .title .dataline .stat span:nth-of-type(1) { font-weight: 600; margin-bottom: 5px; } body main .inner .panels .row .panel .title .dataline .stat span:nth-of-type(1) b { width: 15px; height: 15px; display: inline-block; margin-right: 5px; border-radius: 2px; background-position: center; background-repeat: no-repeat; } body main .inner .panels .row .panel .title .dataline .stat span:nth-of-type(1) i { font-style: normal; } body main .inner .panels .row .panel .title .dataline .stat span:nth-of-type(2) { color: #9cabba; } body main .inner .panels .row .panel .title .dataline .stat.up span:nth-of-type(1) b { background-color: #0aa630; background-image: url('/images/icons/w/up.svg'); } body main .inner .panels .row .panel .title .dataline .stat.same span:nth-of-type(1) b { background-color: #7e8391; background-image: url('/images/icons/w/same.svg'); background-size: 10px; } body main .inner .panels .row .panel .title .dataline .stat.down span:nth-of-type(1) b { background-color: #fc0000; background-image: url('/images/icons/w/down.svg'); } body main .inner .panels .row .panel .title.with-dropdown { display: flex; justify-content: space-between; align-items: center; } body main .inner .panels .row .panel .title.with-dropdown .dropdown { border: 1px solid #e8e8e8; padding: 5px 10px; border-radius: 5px; padding-right: 50px; background-image: url('/images/icons/g/dropdown.svg'); background-position: center right 10px; background-repeat: no-repeat; position: relative; } body main .inner .panels .row .panel .title.with-dropdown .dropdown select { position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; cursor: pointer; } body main .inner .panels .row .panel ul { list-style: none; padding: 0; margin: 0; } body main .inner .panels .row .panel ul.stat-list { margin-top: 10px; } body main .inner .panels .row .panel ul.stat-list li { padding: 10px; display: flex; justify-content: space-between; align-items: center; } body main .inner .panels .row .panel ul.stat-list li:not(:last-child) { border-bottom: 1px solid #e9eef0; } body main .inner .panels .row .panel ul.stat-list li span { color: #5443c8; font-weight: 500; } body main .inner .panels .row .panel ul.stat-list li.value-blue span { color: #00aaff; } body main .inner .panels .row .panel ul.stat-list li.value-pink span { color: #ff7ff4; } body main .inner .panels .row .panel ul.stat-list li.purple-focus { background-color: #f6f1ff; border-radius: 5px; } body main .inner .panels .row.two-up .panel { width: 50%; } body main .inner .panels .row.two-up .panel:not(:last-child) { margin-right: 24px; } body main .inner .panels .row.two-up.short-wide .panel:nth-of-type(1) { width: 25%; } body main .inner .panels .row.two-up.short-wide .panel:nth-of-type(2) { width: 75%; } body main .inner .panels .row.full-view .panel { width: 100%; } body main .inner .panels .row:not(:last-child) { margin-bottom: 20px; } body main .inner .error { height: 100vh; display: flex; justify-content: center; align-items: center; flex-direction: column; } body main .inner .error h1 { font-size: 100px; margin: 0; } body main .inner .error h2 { font-size: 30px; margin: 0; } body main .inner .error p { font-size: 20px; margin: 20px 0px; } body main .inner .error p a { color: #5443c8; text-decoration: none; } body main .inner .error p a:hover { text-decoration: underline; } body ul.pull-down { position: absolute; padding: 0; background: #f5f7f9; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08); border-radius: 10px; margin: 0; list-style: none; opacity: 1; margin-top: 0px; transition: opacity 0.1s ease-in-out, margin-top 0.1s ease-in-out; outline: none; white-space: nowrap; z-index: 10; } body ul.pull-down li { min-width: 200px; } body ul.pull-down li a { cursor: pointer; display: block; padding: 10px; } body ul.pull-down li a:hover { background-color: #3485fd; color: white; } body ul.pull-down li:first-child a { border-top-left-radius: 10px; border-top-right-radius: 10px; } body ul.pull-down li:last-child a { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } body ul.pull-down li.red a { color: #fc0000; } body ul.pull-down li.red a:hover { background-color: #fc0000; color: white; } body ul.pull-down:empty { opacity: 0; margin-top: 10px; } body .loader { position: fixed; top: 50%; left: 50%; margin-left: -40px; margin-top: -40px; z-index: 9999; pointer-events: none; display: none; } body .loader .ring { display: inline-block; position: relative; width: 80px; height: 80px; } body .loader .ring div { box-sizing: border-box; display: block; position: absolute; width: 64px; height: 64px; margin: 8px; border: 8px solid #202020; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #202020 transparent transparent transparent; } body .loader .ring div:nth-child(1) { animation-delay: -0.45s; } body .loader .ring div:nth-child(2) { animation-delay: -0.3s; } body .loader .ring div:nth-child(3) { animation-delay: -0.15s; } body .loader .label { text-align: center; margin-top: 10px; opacity: 0; transition: opacity 1s ease-in-out; width: 100%; left: 0; position: fixed; } @keyframes lds-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } body.is-loading .loader { display: block; } body.is-loading .app { opacity: 0.5; filter: blur(10px); -webkit-filter: blur(10px); pointer-events: none; } @media screen and (min-width: 960px) { body.compact nav { position: fixed; z-index: 9; } body.compact nav:not(:hover) { width: 76px; } body.compact nav:not(:hover) .logo { height: auto; padding: 15px; justify-content: center; } body.compact nav:not(:hover) .logo b { transform: rotate(-90deg); margin: 0; } body.compact nav:not(:hover) .logo img { width: 0px; } body.compact nav:not(:hover) ul > li { margin-bottom: 10px; } body.compact nav:not(:hover) ul > li button { background-position: center; } body.compact nav:not(:hover) ul > li button b { opacity: 0; } body.compact nav:not(:hover) ul > li label { width: 0px; opacity: 0; } body.compact nav:not(:hover) ul > li > ul > li a { height: 20px; background-position: left 5px center; transition: all 0.3s ease-in-out; padding: 4.5px 3px; } body.compact nav:not(:hover) ul > li > ul > li a span, body.compact nav:not(:hover) ul > li > ul > li a b { opacity: 0; width: 0px; display: block; } body.compact main { position: relative; left: 76px; width: calc(100% - 70px - 1px); } } body.skeleton-loading .panel .skeleton-load:not(.loaded) { animation-duration: 2.2s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: shimmer; animation-timing-function: linear; background: #ddd; background: linear-gradient(to right, #f6f6f6 8%, #f0f0f0 18%, #f6f6f6 33%); background-size: 1200px 100%; border-radius: 5px; color: transparent !important; } body.skeleton-loading .panel .skeleton-load:not(.loaded) > * { background-color: transparent !important; } body.skeleton-loading .panel .skeleton-load:not(.loaded) > img { opacity: 0; } body.no-nav nav { display: none; } body.no-nav main { width: 100%; } body.no-nav main .top-bar .brand-and-profile-switcher { padding: 10px; } @keyframes shimmer { 0% { background-position: -1200px 0; } 100% { background-position: 1200px 0; } } body .grecaptcha-badge { display: none !important; } body .cursor-flag { position: fixed; top: 0; left: 0; width: 0px; background-color: #3485fd; color: white; padding: 5px 0px; border-radius: 500px; white-space: nowrap; overflow: hidden; transition: width 0.15s ease-in-out, padding 0.15s ease-in-out; text-align: center; z-index: 100; } body.show-cursor-flag .cursor-flag { width: 100px; padding: 5px 10px; } body .termsfeed-com---nb-simple { right: initial; left: 20px; bottom: 20px; width: 500px; border-radius: 30px; background-color: rgba(255, 255, 255, 0.9) !important; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); } body .termsfeed-com---nb-simple p { color: black !important; } body .termsfeed-com---palette-dark button:not(.cc-pc-head-close) { background-color: #3485fd !important; color: white !important; border-radius: 10px; } body .termsfeed-com---palette-dark .cc-cp-foot, body .termsfeed-com---palette-dark .cc-cp-head { background-color: white !important; border-color: white !important; } body .termsfeed-com---palette-dark p, body .termsfeed-com---palette-dark a, body .termsfeed-com---palette-dark .cc-cp-foot-byline { color: black !important; } body .termsfeed-com---palette-dark .cc-cp-body-content, body .termsfeed-com---palette-dark .cc-pc-head { background-color: white !important; } body .swal2-select { background: none; border: 1px solid #e9eef0; border-radius: 10px; width: calc(100% - (40px * 2)); } body .swal2-validation-message::before { background-color: black; } @media screen and (max-width: 960px) { body nav { position: fixed; z-index: 9; width: 100%; display: none; } body main { width: 100% !important; } body main .top-bar { width: 100% !important; } body main .top-bar .mobile-menu-open { display: block; padding: 10px; margin-right: 10px; } body main .top-bar .mobile-menu-open button { display: block; width: 40px; height: 40px; background: none; background-image: url('/platform/app/icons/b/menu.svg'); background-position: center; background-repeat: no-repeat; background-size: contain; border: 0; } body main .top-bar .mobile-menu-open button:focus { outline: none; } body main .top-bar .brand-and-profile-switcher { max-width: calc(100% - 100px); padding: 0px 5px; } body main .top-bar .user { display: none; } body.mobile-menu-open nav { display: block; } } @media screen and (max-width: 325px) { body main .top-bar .brand-and-profile-switcher { display: none; } } [v-cloak] { display: none; } body.logged-out main { width: 100%; display: flex; justify-content: space-between; } body.logged-out main .side-panel { height: calc(100vh - (50px * 2)); width: calc(500px - (50px * 2)); display: flex; justify-content: space-between; align-items: center; background-color: white; padding: 50px; } body.logged-out main .side-panel .contents img { width: 100px; } body.logged-out main .side-panel .contents h1 { font-size: 60px; font-weight: bold; line-height: 1; letter-spacing: -1.04px; margin: 40px 0px; } body.logged-out main .side-panel .contents .strapline { display: flex; justify-content: space-between; align-items: center; } body.logged-out main .side-panel .contents .strapline ul { list-style: none; padding: 0; min-width: 150px; margin-right: 20px; } body.logged-out main .side-panel .contents .strapline ul li { display: inline-block; box-shadow: 0 5px 31.5px 0 rgba(0, 0, 0, 0.17); border: solid 5px #fff; width: 50px; height: 50px; background-color: #798a9c; border-radius: 100%; margin-right: -20px; background-position: center; background-repeat: no-repeat; background-size: cover; } body.logged-out main .side-panel .contents .strapline ul li:nth-of-type(1) { background-image: url('/platform/app/images/dummy-pfp.jpg'); } body.logged-out main .side-panel .contents .strapline ul li:nth-of-type(2) { background-image: url('/platform/app/images/dummy-pfp2.jpg'); } body.logged-out main .side-panel .contents .strapline ul li:nth-of-type(3) { background-image: url('/platform/app/images/dummy-pfp3.jpg'); } body.logged-out main .side-panel .contents .strapline span { color: #798a9c; font-size: 18px; } body.logged-out main .inner { padding: 0; margin: 0; height: 100vh; width: calc(100% - (500px - (50px * 2))); background-image: linear-gradient(to bottom, #dce1ea, #ffffff 100%); } body.logged-out main .inner .sign-in, body.logged-out main .inner .terms { height: calc(100px - (20px * 2)); display: flex; align-items: center; padding: 20px; } body.logged-out main .inner .sign-in { justify-content: right; color: #202020; } body.logged-out main .inner .sign-in a { color: #202020; font-weight: 600; text-decoration: none; } body.logged-out main .inner .sign-in a:hover { text-decoration: underline; } body.logged-out main .inner .auth { display: flex; justify-content: center; align-items: center; flex-direction: column; height: calc(100vh - (100px * 2)); } body.logged-out main .inner .auth form { width: 500px; padding: 25px; background-color: white; border-radius: 20px; } body.logged-out main .inner .auth form h1 { font-weight: 600; font-size: 24px; } body.logged-out main .inner .auth form .side-by-side-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } body.logged-out main .inner .auth form .side-by-side-header h1 { margin: 0; } body.logged-out main .inner .auth form .side-by-side-header .register { color: #798a9c; } body.logged-out main .inner .auth form .side-by-side-header .register a { color: #798a9c; font-weight: bold; } body.logged-out main .inner .auth form .form-group { display: block; width: 100%; } body.logged-out main .inner .auth form .form-group:not(:last-child) { margin-bottom: 20px; } body.logged-out main .inner .auth form .form-group label { color: #3485fd; font-weight: bold; margin-bottom: 5px; display: block; } body.logged-out main .inner .auth form .form-group input { border: 1px solid #f5f7f9; background-color: #f5f7f9; padding: 15px; width: calc(100% - (15px * 2)); border-radius: 20px; } body.logged-out main .inner .auth form .form-group input:focus { outline: none; border-color: #3485fd; } body.logged-out main .inner .auth form .form-group input::placeholder { color: #798a9c; } body.logged-out main .inner .auth form .form-group button { border-radius: 20px !important; } body.logged-out main .inner .auth form .form-group .or-container { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-bottom: 20px; } body.logged-out main .inner .auth form .form-group .or-container .or { color: #202020; font-weight: normal; font-size: 14px; } body.logged-out main .inner .auth form .form-group .or-container .or-line { width: calc(50% - (15px * 2)); height: 1px; background-color: #e8e8e8; } body.logged-out main .inner .auth form .form-group button, body.logged-out main .inner .auth form .form-group a { cursor: pointer; } body.logged-out main .inner .auth form .form-group button.btn-primary, body.logged-out main .inner .auth form .form-group a.btn-primary { color: white; padding: 15px; border-radius: 500px; background-color: #3485fd; border: 1px solid #3485fd; border: 0; display: block; width: 100%; font-weight: 600; font-size: 14px; transition: all 0.15s ease-in-out; } body.logged-out main .inner .auth form .form-group button.btn-primary:active, body.logged-out main .inner .auth form .form-group a.btn-primary:active { transform: scale(0.95); } body.logged-out main .inner .auth form .form-group button.btn-secondary, body.logged-out main .inner .auth form .form-group a.btn-secondary { display: flex; justify-content: center; align-items: center; height: 50px; width: 100%; background: none; border: 1px solid #e8e8e8; border-radius: 500px; box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.5); transition: all 0.15s ease-in-out; } body.logged-out main .inner .auth form .form-group button.btn-secondary i, body.logged-out main .inner .auth form .form-group a.btn-secondary i { font-style: normal; } body.logged-out main .inner .auth form .form-group button.btn-secondary:active, body.logged-out main .inner .auth form .form-group a.btn-secondary:active { transform: scale(0.95); } body.logged-out main .inner .auth form .form-group button.btn-danger, body.logged-out main .inner .auth form .form-group a.btn-danger { display: flex; justify-content: center; align-items: center; padding: 15px; width: 100%; background: none; border: 1px solid #e8e8e8; border-radius: 500px; box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.5); transition: all 0.15s ease-in-out; background-color: #ffebea; border-color: #fc0000; color: #fc0000; } body.logged-out main .inner .auth form .form-group button.btn-danger:active, body.logged-out main .inner .auth form .form-group a.btn-danger:active { transform: scale(0.95); } body.logged-out main .inner .auth form .form-group button:disabled, body.logged-out main .inner .auth form .form-group a:disabled { opacity: 0.25; pointer-events: none; } body.logged-out main .inner .auth form .form-group button.btn-link, body.logged-out main .inner .auth form .form-group a.btn-link { display: block; text-align: center; margin: 0 auto; color: #3485fd; } body.logged-out main .inner .auth form .form-group.forgot { text-align: center; } body.logged-out main .inner .auth form .form-group.forgot a { color: #3485fd; text-decoration: none; } body.logged-out main .inner .auth form .form-group.forgot a:hover { text-decoration: underline; } body.logged-out main .inner .auth form .or-line { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-bottom: 20px; } body.logged-out main .inner .auth form .or-line span { width: calc(50% - (15px * 2)); height: 1px; background-color: #e8e8e8; } body.logged-out main .inner .auth form .or-line b { color: #202020; font-weight: normal; font-size: 14px; } body.logged-out main .inner .auth form ul.networks { padding: 0; margin: 20px 0px; list-style: none; } body.logged-out main .inner .auth form ul.networks li { border-radius: 20px; background-color: #f5f7f9; padding: 10px; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; } body.logged-out main .inner .auth form ul.networks li b { width: 27px; height: 27px; border-radius: 100%; margin-right: 10px; background-position: center; background-repeat: no-repeat; } body.logged-out main .inner .auth form ul.networks li:not(:last-child) { margin-bottom: 10px; } body.logged-out main .inner .auth form ul.networks li:active { transform: scale(0.95); } body.logged-out main .inner .auth form ul.networks li:hover { background-color: #3485fd; color: white; } body.logged-out main .inner .auth form ul.networks li:hover.facebook b { background-image: url('/platform/app/icons/special/networks/w/facebook.svg'); } body.logged-out main .inner .auth form ul.networks li:hover.twitter b { background-image: url('/platform/app/icons/special/networks/w/twitter.svg'); } body.logged-out main .inner .auth form ul.networks li:hover.bluesky b { background-image: url('/platform/app/icons/special/networks/w/bluesky.svg'); } body.logged-out main .inner .auth form ul.networks li:hover.linkedin b { background-image: url('/platform/app/icons/special/networks/w/linkedin.svg'); } body.logged-out main .inner .auth form ul.networks li.facebook b { background-image: url('/platform/app/icons/special/networks/c/facebook.svg'); } body.logged-out main .inner .auth form ul.networks li.twitter b { background-image: url('/platform/app/icons/special/networks/c/twitter.svg'); } body.logged-out main .inner .auth form ul.networks li.bluesky b { background-image: url('/platform/app/icons/special/networks/c/bluesky.svg'); } body.logged-out main .inner .auth form ul.networks li.linkedin b { background-image: url('/platform/app/icons/special/networks/c/linkedin.svg'); } body.logged-out main .inner .auth .forgot { margin-top: 20px; } body.logged-out main .inner .auth .forgot a { color: #798a9c; font-size: 14px; } body.logged-out main .inner .auth .connect-by-network { width: 500px; padding: 25px; background-color: white; border-radius: 20px; } body.logged-out main .inner .auth .connect-by-network h1 { margin: 0; margin-bottom: 10px; font-weight: 600; font-size: 24px; } body.logged-out main .inner .auth .connect-by-network p { margin: 0; } body.logged-out main .inner .auth .connect-by-network ul.networks { padding: 0; margin: 20px 0px; list-style: none; } body.logged-out main .inner .auth .connect-by-network ul.networks li { border-radius: 20px; background-color: #f5f7f9; padding: 10px; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; } body.logged-out main .inner .auth .connect-by-network ul.networks li b { width: 27px; height: 27px; border-radius: 100%; margin-right: 10px; background-position: center; background-repeat: no-repeat; } body.logged-out main .inner .auth .connect-by-network ul.networks li:not(:last-child) { margin-bottom: 10px; } body.logged-out main .inner .auth .connect-by-network ul.networks li:active { transform: scale(0.95); } body.logged-out main .inner .auth .connect-by-network ul.networks li:hover { background-color: #3485fd; color: white; } body.logged-out main .inner .auth .connect-by-network ul.networks li:hover.facebook b { background-image: url('/platform/app/icons/special/networks/w/facebook.svg'); } body.logged-out main .inner .auth .connect-by-network ul.networks li:hover.twitter b { background-image: url('/platform/app/icons/special/networks/w/twitter.svg'); } body.logged-out main .inner .auth .connect-by-network ul.networks li:hover.bluesky b { background-image: url('/platform/app/icons/special/networks/w/bluesky.svg'); } body.logged-out main .inner .auth .connect-by-network ul.networks li:hover.linkedin b { background-image: url('/platform/app/icons/special/networks/w/linkedin.svg'); } body.logged-out main .inner .auth .connect-by-network ul.networks li.facebook b { background-image: url('/platform/app/icons/special/networks/c/facebook.svg'); } body.logged-out main .inner .auth .connect-by-network ul.networks li.twitter b { background-image: url('/platform/app/icons/special/networks/c/twitter.svg'); } body.logged-out main .inner .auth .connect-by-network ul.networks li.bluesky b { background-image: url('/platform/app/icons/special/networks/c/bluesky.svg'); } body.logged-out main .inner .auth .connect-by-network ul.networks li.linkedin b { background-image: url('/platform/app/icons/special/networks/c/linkedin.svg'); } body.logged-out main .inner .auth .connect-by-network .terms-and-conditions { text-align: center; color: #84818a; width: 400px; display: block; margin: 0 auto; max-width: 100%; } body.logged-out main .inner .auth .connect-by-network .terms-and-conditions a { color: #84818a; } body.logged-out main .inner .auth.verify form a { color: #3485fd; font-weight: bold; text-decoration: none; } body.logged-out main .inner .auth.verify form a:hover { text-decoration: underline; } body.logged-out main .inner .terms { justify-content: center; } body.logged-out main .inner .terms .terms-inner { color: #9cabba; width: 450px; text-align: center; } body.logged-out main .inner .terms .terms-inner a { color: #9cabba; text-decoration: none; } body.logged-out main .inner .terms .terms-inner a:hover { text-decoration: underline; } @media screen and (max-width: 1045px) { body.logged-out main .side-panel { display: none; } body.logged-out main .inner { width: 100%; } } @media screen and (max-width: 600px) { body.logged-out main .inner { height: auto; } body.logged-out main .inner .auth { width: 100%; } body.logged-out main .inner .auth .connect-by-network { width: calc(100% - (40px * 2)) !important; } body.logged-out main .inner .auth form { margin: 10px; width: calc(100% - (40px * 2)) !important; } } @media screen and (max-height: 475px) { body.logged-out main .inner { height: auto; } body.logged-out main .inner .sign-in, body.logged-out main .inner .auth, body.logged-out main .inner .terms { height: auto; } } .panelStructure .row { display: flex; justify-content: space-between; } .panelStructure .row .panel { border: 1px solid #e9eef0; padding: 20px; border-radius: 30px; } .panelStructure .row .panel .title h2 { margin: 0; font-size: 18px; } .panelStructure .row .panel .title .dataline { margin: 10px 0px; display: flex; justify-content: space-between; } .panelStructure .row .panel .title .dataline h1 { margin: 0; font-size: 36px; } .panelStructure .row .panel .title .dataline .stat { display: flex; flex-direction: column; } .panelStructure .row .panel .title .dataline .stat span { display: flex; justify-content: right; align-items: center; font-size: 14px; } .panelStructure .row .panel .title .dataline .stat span:nth-of-type(1) { font-weight: 600; margin-bottom: 5px; } .panelStructure .row .panel .title .dataline .stat span:nth-of-type(1) b { width: 15px; height: 15px; display: inline-block; margin-right: 5px; border-radius: 2px; background-position: center; background-repeat: no-repeat; } .panelStructure .row .panel .title .dataline .stat span:nth-of-type(1) i { font-style: normal; } .panelStructure .row .panel .title .dataline .stat span:nth-of-type(2) { color: #9cabba; } .panelStructure .row .panel .title .dataline .stat.up span:nth-of-type(1) b { background-color: #0aa630; background-image: url('/images/icons/w/up.svg'); } .panelStructure .row .panel .title .dataline .stat.same span:nth-of-type(1) b { background-color: #7e8391; background-image: url('/images/icons/w/same.svg'); background-size: 10px; } .panelStructure .row .panel .title .dataline .stat.down span:nth-of-type(1) b { background-color: #fc0000; background-image: url('/images/icons/w/down.svg'); } .panelStructure .row .panel .title.with-dropdown { display: flex; justify-content: space-between; align-items: center; } .panelStructure .row .panel .title.with-dropdown .dropdown { border: 1px solid #e8e8e8; padding: 5px 10px; border-radius: 5px; padding-right: 50px; background-image: url('/images/icons/g/dropdown.svg'); background-position: center right 10px; background-repeat: no-repeat; position: relative; } .panelStructure .row .panel .title.with-dropdown .dropdown select { position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; cursor: pointer; } .panelStructure .row .panel ul { list-style: none; padding: 0; margin: 0; } .panelStructure .row .panel ul.stat-list { margin-top: 10px; } .panelStructure .row .panel ul.stat-list li { padding: 10px; display: flex; justify-content: space-between; align-items: center; } .panelStructure .row .panel ul.stat-list li:not(:last-child) { border-bottom: 1px solid #e9eef0; } .panelStructure .row .panel ul.stat-list li span { color: #5443c8; font-weight: 500; } .panelStructure .row .panel ul.stat-list li.value-blue span { color: #00aaff; } .panelStructure .row .panel ul.stat-list li.value-pink span { color: #ff7ff4; } .panelStructure .row .panel ul.stat-list li.purple-focus { background-color: #f6f1ff; border-radius: 5px; } .panelStructure .row.two-up .panel { width: 50%; } .panelStructure .row.two-up .panel:not(:last-child) { margin-right: 24px; } .panelStructure .row.two-up.short-wide .panel:nth-of-type(1) { width: 25%; } .panelStructure .row.two-up.short-wide .panel:nth-of-type(2) { width: 75%; } .panelStructure .row.full-view .panel { width: 100%; } .panelStructure .row:not(:last-child) { margin-bottom: 20px; } .table-container { display: block; overflow-x: auto; } .table-container table { width: 100%; border-collapse: collapse; margin-top: 20px; } .table-container table.no-title { margin-top: 0px; } .table-container table thead, .table-container table tbody { width: 100%; } .table-container table thead tr th { color: #9cabba; text-align: left; font-weight: normal; font-size: 12px; vertical-align: top; position: relative; padding: 20px; } .table-container table thead tr th span { display: inline-block; cursor: pointer; } .table-container table thead tr th b { width: 12px; height: 12px; display: inline-block; margin-left: 10px; position: absolute; top: 22px; cursor: pointer; background-position: center; background-repeat: no-repeat; background-size: 30px; } .table-container table thead tr th.desc-sort b { background-image: url('/images/icons/g/down-sort.svg'); } .table-container table thead tr th.asc-sort b { background-image: url('/images/icons/g/up-sort.svg'); } .table-container table tbody tr td { color: #202020; font-size: 14px; padding: 20px; } .table-container table tbody tr td span.text-blue { color: #00aaff; } .table-container table tbody tr td span.text-pink { color: #ff7ff4; } .table-container table tbody tr td span.text-purple { color: #5443c8; } .table-container table tbody tr td a { color: #202020; } .table-container table tbody tr td .modal { width: 200px; height: 113px; background-color: #e8e8e8; border-radius: 10px; display: flex; align-items: center; justify-content: center; background-size: cover; background-position: center; background-repeat: no-repeat; cursor: pointer; transition: box-shadow 0.3s ease-in-out; } .table-container table tbody tr td .modal b { background-color: white; width: 40px; height: 40px; border-radius: 100%; background-repeat: no-repeat; background-position: center; } .table-container table tbody tr td .modal:hover { -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); } .table-container table tbody tr td .modal.video b { background-image: url('/images/icons/b/play.svg'); background-size: contain; } .table-container table tbody tr td .modal.img b { background-image: url('/images/icons/b/open.svg'); } .table-container table tbody tr td .user { display: flex; justify-content: space-between; align-items: center; } .table-container table tbody tr td .user .avatar { display: flex; justify-content: center; align-items: center; border-radius: 100%; } .table-container table tbody tr td .user .avatar img { border-radius: 100%; width: 40px; height: 40px; } .table-container table tbody tr td .user .credentials { margin-right: auto; display: flex; margin-left: 10px; flex-direction: column; } .table-container table tbody tr td .user .credentials span:nth-of-type(1) { font-weight: 600; font-size: 14px; } .table-container table tbody tr td .user .credentials span:nth-of-type(2) { color: #9cabba; } .table-container table tbody tr td .status-badge { display: inline; padding: 5px; border-radius: 5px; } .table-container table tbody tr td .status-badge.approved, .table-container table tbody tr td .status-badge.paid, .table-container table tbody tr td .status-badge.converted { background-color: #ebf8ef; color: #0aa630; } .table-container table tbody tr td .status-badge.rejected { background-color: #ffebea; color: #fc0000; } .table-container table tbody tr td .status-badge.pending, .table-container table tbody tr td .status-badge.submitted, .table-container table tbody tr td .status-badge.lead { background-color: #ecf5ff; color: #00aaff; } .table-container table tbody tr td b.context { background-image: url('/images/icons/g/context.svg'); background-position: center; background-size: contain; background-repeat: no-repeat; width: 20px; height: 20px; display: inline-block; cursor: pointer; } .table-container table tbody tr:not(:last-child) { border-bottom: 1px solid #e8e8e8; } .filterList { background-color: #f6f8fa; border-radius: 10px; padding: 0px; margin: 0; list-style: none; padding: 5px; white-space: nowrap; overflow-y: hidden; overflow-x: auto; margin-bottom: 20px; } .filterList li { display: inline-block; padding: 15px; color: #7e8391; transition: all 0.3s ease-in-out; cursor: pointer; border-radius: 10px; } .filterList li.active, .filterList li:hover { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08); background-color: #f5f7f9; color: #202020; } .btn { cursor: pointer; } .btn.btn-primary { color: white; padding: 15px; border-radius: 500px; background-color: #3485fd; border: 1px solid #3485fd; border: 0; display: block; width: 100%; font-weight: 600; font-size: 14px; transition: all 0.15s ease-in-out; } .btn.btn-primary:active { transform: scale(0.95); } .btn.btn-secondary { display: flex; justify-content: center; align-items: center; height: 50px; width: 100%; background: none; border: 1px solid #e8e8e8; border-radius: 500px; box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.5); transition: all 0.15s ease-in-out; } .btn.btn-secondary i { font-style: normal; } .btn.btn-secondary:active { transform: scale(0.95); } .btn.btn-danger { display: flex; justify-content: center; align-items: center; padding: 15px; width: 100%; background: none; border: 1px solid #e8e8e8; border-radius: 500px; box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.5); transition: all 0.15s ease-in-out; background-color: #ffebea; border-color: #fc0000; color: #fc0000; } .btn.btn-danger:active { transform: scale(0.95); } .btn:disabled { opacity: 0.25; pointer-events: none; } .socialIcon { background-position: center; background-size: 15px; background-repeat: no-repeat; background-color: #f5f7f9; } .socialIcon.facebook, .socialIcon.facebook_page, .socialIcon.facebook_group, .socialIcon.fb_page { background-image: url('/platform/promote/icons/social/facebook.svg'); } .socialIcon.twitter, .socialIcon.tw { background-image: url('/platform/promote/icons/social/twitter.svg'); background-size: 90% !important; } .socialIcon.bluesky { background-image: url('/platform/promote/icons/social/bluesky.svg'); background-size: 60% !important; } .socialIcon.linkedin, .socialIcon.linkedin_pages, .socialIcon.in_page, .socialIcon.in, .socialIcon.linkedin_page, .socialIcon.linkedin_group { background-image: url('/platform/promote/icons/social/linkedin.svg'); background-size: 50% !important; } .socialIcon.tiktok { background-image: url('/platform/promote/icons/social/tiktok.svg'); } .socialIcon.discord { background-image: url('/platform/promote/icons/social/discord.svg'); background-size: 12px !important; } .socialIcon.pinterest { background-image: url('/platform/promote/icons/social/pinterest.svg'); } .socialIcon.linkedin, .socialIcon.linkedin_pages, .socialIcon.in_page, .socialIcon.in { background-image: url('/platform/promote/icons/social/linkedin.svg'); } .socialIcon.instagram { background-image: url('/platform/promote/icons/social/instagram.svg'); background-size: 60%; } .chatMixin { background: linear-gradient(180deg, #dce1ea 0%, #fefefe 100%); border-radius: 20px; display: flex; flex-direction: column; position: relative; overflow: hidden; } .chatMixin .progress { position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; opacity: 0; transition: opacity 0.15s ease-in-out; } .chatMixin .progress.show { opacity: 1; } .chatMixin .progress .bar { position: absolute; top: 0; left: 0; height: 5px; background-color: #3485fd; border-radius: 500px; transition: width 0.15s ease-in-out; } .chatMixin > ul { height: 100%; padding: 0; list-style: none; overflow: auto; margin-top: 0px; max-width: 800px; margin: 0 auto; width: 100%; } .chatMixin > ul > li { padding: 20px; border-radius: 20px; color: black; margin-bottom: 17px; } .chatMixin > ul > li.bot, .chatMixin > ul > li.user, .chatMixin > ul > li.other, .chatMixin > ul > li.btn, .chatMixin > ul > li.chat-upgrade, .chatMixin > ul > li.chat-empty, .chatMixin > ul > li.typing { animation: slideUp 0.25s ease-in-out; } .chatMixin > ul > li.bot { background-color: white; } .chatMixin > ul > li.bot .message-body { white-space: pre-line; } .chatMixin > ul > li.user { background-color: #798a9c; color: white; } .chatMixin > ul > li.other { background-color: white; } .chatMixin > ul > li.other .profile-and-post { display: flex; justify-content: space-between; } .chatMixin > ul > li.other .profile-and-post .profile-and-type { display: flex; flex-direction: column; } .chatMixin > ul > li.other .profile-and-post .profile-and-type .image, .chatMixin > ul > li.other .profile-and-post .profile-and-type .type, .chatMixin > ul > li.other .profile-and-post .profile-and-type .attach-image { width: 40px; height: 40px; border-radius: 100%; background-position: center; background-repeat: no-repeat; } .chatMixin > ul > li.other .profile-and-post .profile-and-type .image:not(:last-child), .chatMixin > ul > li.other .profile-and-post .profile-and-type .type:not(:last-child), .chatMixin > ul > li.other .profile-and-post .profile-and-type .attach-image:not(:last-child) { margin-bottom: 10px; } .chatMixin > ul > li.other .profile-and-post .profile-and-type .image { background-size: cover; } .chatMixin > ul > li.other .profile-and-post .profile-and-type .type { background-position: center; background-size: 15px; background-repeat: no-repeat; background-color: #f5f7f9; } .chatMixin > ul > li.other .profile-and-post .profile-and-type .type.facebook, .chatMixin > ul > li.other .profile-and-post .profile-and-type .type.facebook_page, .chatMixin > ul > li.other .profile-and-post .profile-and-type .type.facebook_group, .chatMixin > ul > li.other .profile-and-post .profile-and-type .type.fb_page { background-image: url('/platform/promote/icons/social/facebook.svg'); } .chatMixin > ul > li.other .profile-and-post .profile-and-type .type.twitter, .chatMixin > ul > li.other .profile-and-post .profile-and-type .type.tw { background-image: url('/platform/promote/icons/social/twitter.svg'); background-size: 90% !important; } .chatMixin > ul > li.other .profile-and-post .profile-and-type .type.bluesky { background-image: url('/platform/promote/icons/social/bluesky.svg'); background-size: 60% !important; } .chatMixin > ul > li.other .profile-and-post .profile-and-type .type.linkedin, .chatMixin > ul > li.other .profile-and-post .profile-and-type .type.linkedin_pages, .chatMixin > ul > li.other .profile-and-post .profile-and-type .type.in_page, .chatMixin > ul > li.other .profile-and-post .profile-and-type .type.in, .chatMixin > ul > li.other .profile-and-post .profile-and-type .type.linkedin_page, .chatMixin > ul > li.other .profile-and-post .profile-and-type .type.linkedin_group { background-image: url('/platform/promote/icons/social/linkedin.svg'); background-size: 50% !important; } .chatMixin > ul > li.other .profile-and-post .profile-and-type .type.tiktok { background-image: url('/platform/promote/icons/social/tiktok.svg'); } .chatMixin > ul > li.other .profile-and-post .profile-and-type .type.discord { background-image: url('/platform/promote/icons/social/discord.svg'); background-size: 12px !important; } .chatMixin > ul > li.other .profile-and-post .profile-and-type .type.pinterest { background-image: url('/platform/promote/icons/social/pinterest.svg'); } .chatMixin > ul > li.other .profile-and-post .profile-and-type .type.linkedin, .chatMixin > ul > li.other .profile-and-post .profile-and-type .type.linkedin_pages, .chatMixin > ul > li.other .profile-and-post .profile-and-type .type.in_page, .chatMixin > ul > li.other .profile-and-post .profile-and-type .type.in { background-image: url('/platform/promote/icons/social/linkedin.svg'); } .chatMixin > ul > li.other .profile-and-post .profile-and-type .type.instagram { background-image: url('/platform/promote/icons/social/instagram.svg'); background-size: 60%; } .chatMixin > ul > li.other .profile-and-post .post-data { margin-left: 10px; width: 100%; } .chatMixin > ul > li.other .profile-and-post .post-data .profile-name { display: flex; justify-content: space-between; } .chatMixin > ul > li.other .profile-and-post .post-data .profile-name .name, .chatMixin > ul > li.other .profile-and-post .post-data .profile-name .controls { display: flex; align-items: center; } .chatMixin > ul > li.other .profile-and-post .post-data .profile-name .name { text-transform: uppercase; color: #9cabba; font-size: 12px; display: flex; align-items: center; } .chatMixin > ul > li.other .profile-and-post .post-data .profile-name .name b { width: 12px; height: 14px; margin-left: 5px; margin-right: 5px; background-image: url('/platform/app/icons/bl/verified.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; } .chatMixin > ul > li.other .profile-and-post .post-data .profile-name .controls button { height: 20px; width: 20px; background: none; border: 0; background-position: center; background-repeat: no-repeat; background-size: contain; cursor: pointer; transition: all 0.15s ease-in-out; } .chatMixin > ul > li.other .profile-and-post .post-data .profile-name .controls button:nth-child(1) { background-image: url('/platform/app/icons/b/clipboard.svg'); } .chatMixin > ul > li.other .profile-and-post .post-data .profile-name .controls button:nth-child(2) { background-image: url('/platform/app/icons/b/thumbs-up.svg'); } .chatMixin > ul > li.other .profile-and-post .post-data .profile-name .controls button:nth-child(3) { background-image: url('/platform/app/icons/b/thumbs-down.svg'); } .chatMixin > ul > li.other .profile-and-post .post-data .profile-name .controls button:active { transform: scale(0.9); } .chatMixin > ul > li.other .profile-and-post .post-data .profile-name .controls button:not(:last-child) { margin-right: 5px; } .chatMixin > ul > li.other .profile-and-post .post-data .profile-name .controls.accepted button, .chatMixin > ul > li.other .profile-and-post .post-data .profile-name .controls.rejected button { pointer-events: none; } .chatMixin > ul > li.other .profile-and-post .post-data .profile-name .controls.accepted button:not(:nth-of-type(2)) { animation: animateFade 1s ease-in-out; animation-fill-mode: forwards; } .chatMixin > ul > li.other .profile-and-post .post-data .profile-name .controls.rejected button:not(:nth-of-type(3)) { animation: animateFade 1s ease-in-out; animation-fill-mode: forwards; } @keyframes animateFade { 0% { opacity: 1; width: 20px; height: 20px; } 50% { opacity: 0; width: 20px; height: 20px; } 100% { opacity: 0; width: 0px; height: 20px; margin-right: 0px; margin-left: 0px; padding-right: 0px; padding-left: 0px; } } .chatMixin > ul > li.other .profile-and-post .post-data .post-content { white-space: pre-wrap; padding: 10px 0px; line-height: 21px; } .chatMixin > ul > li.other .date-controls-container { margin-top: 10px; } .chatMixin > ul > li.other .date-controls-container .date-controls { background-color: #f5f7f9; border-radius: 500px; display: flex; align-items: center; transition: all 0.15s ease-in-out; width: 100%; } .chatMixin > ul > li.other .date-controls-container .date-controls > button { width: 40px; height: 40px; min-width: 40px; min-height: 40px; border-radius: 100%; border: 0; background: none; background-image: url('/platform/app/icons/b/calendar.svg'); background-position: center; background-repeat: no-repeat; cursor: pointer; transition: all 0.15s ease-in-out; } .chatMixin > ul > li.other .date-controls-container .date-controls > button:active { transform: scale(0.9); } .chatMixin > ul > li.other .date-controls-container .date-controls .schedule-settings { transition: all 0.15s ease-in-out; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; display: flex; justify-content: space-between; align-items: center; } .chatMixin > ul > li.other .date-controls-container .date-controls .schedule-settings button { padding: 5px 10px; background: none; border: 1px solid black; border-radius: 10px; cursor: pointer; font-weight: bold; transition: all 0.15s ease-in-out; margin-right: 10px; } .chatMixin > ul > li.other .date-controls-container .date-controls .schedule-settings button:active { transform: scale(0.9); } .chatMixin > ul > li.other .date-controls-container .date-controls .schedule-settings .schedule-options { display: flex; justify-content: space-between; } .chatMixin > ul > li.other .date-controls-container .date-controls .schedule-settings .schedule-options .schedule-button { position: relative; } .chatMixin > ul > li.other .date-controls-container .date-controls .schedule-settings .schedule-options .schedule-button > input { position: absolute; top: 0; left: 0; width: calc(100% - 15px); height: calc(100% - 5px); opacity: 0; z-index: -1; } .chatMixin > ul > li.other .date-controls-container .date-controls.collapsed { width: 40px; } .chatMixin > ul > li.other .date-controls-container .date-controls.collapsed .schedule-settings { width: 0px; } .chatMixin > ul > li.other .attached-link { background-color: #f5f7f9; border-radius: 500px; margin-top: 10px; display: flex; align-items: center; } .chatMixin > ul > li.other .attached-link b { width: 30px; height: 30px; min-width: 40px; min-height: 40px; background-image: url('/platform/app/icons/b/link.svg'); background-position: center; background-repeat: no-repeat; } .chatMixin > ul > li.other .attached-link a { color: black; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; width: calc(100% - 50px); } .chatMixin > ul > li.other .timepicker-container { position: fixed !important; z-index: 5 !important; display: flex; justify-content: space-between; } @media screen and (max-width: 768px) { .chatMixin > ul > li.other .timepicker-container { flex-direction: column; } } .chatMixin > ul > li.other .timepicker-container .calendar { background-color: white; border-radius: 20px; padding: 20px; margin-bottom: 5px; box-shadow: 0 1px 12.5px 0 rgba(0, 0, 0, 0.19); margin-right: 20px; width: 300px; } .chatMixin > ul > li.other .timepicker-container .calendar .heading { display: flex; justify-content: space-between; align-items: center; background-color: white; border-radius: 500px; width: calc(100% - 10px); padding: 5px; margin-bottom: 20px; } .chatMixin > ul > li.other .timepicker-container .calendar .heading button { width: 30px; height: 30px; border: 0; border-radius: 100%; background-color: #f5f7f9; cursor: pointer; transition: all 0.15s ease-in-out; background-position: center; background-repeat: no-repeat; background-size: 15px; } .chatMixin > ul > li.other .timepicker-container .calendar .heading button:not(.disabled):active { transform: scale(0.9); } .chatMixin > ul > li.other .timepicker-container .calendar .heading button:nth-of-type(1) { background-image: url('/platform/app/icons/g/arrow-left.svg'); } .chatMixin > ul > li.other .timepicker-container .calendar .heading button:nth-of-type(2) { background-image: url('/platform/app/icons/g/arrow-right.svg'); } .chatMixin > ul > li.other .timepicker-container .calendar .heading button.disabled { opacity: 0.25; cursor: not-allowed; } .chatMixin > ul > li.other .timepicker-container .calendar .heading label { font-weight: bold; position: relative; } .chatMixin > ul > li.other .timepicker-container .calendar .heading label input { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; cursor: pointer; } .chatMixin > ul > li.other .timepicker-container .calendar .days { display: flex; justify-content: space-between; margin-bottom: 10px; } .chatMixin > ul > li.other .timepicker-container .calendar .days .day { margin: 0; text-transform: uppercase; width: calc(100% / 7); text-align: center; } .chatMixin > ul > li.other .timepicker-container .calendar .dates { display: flex; flex-wrap: wrap; } .chatMixin > ul > li.other .timepicker-container .calendar .dates .date { width: calc(100% / 7); text-align: center; transition: all 0.15s ease-in-out; display: flex; justify-content: center; margin-bottom: 5px; } .chatMixin > ul > li.other .timepicker-container .calendar .dates .date:not(.disabled):hover b, .chatMixin > ul > li.other .timepicker-container .calendar .dates .date:not(.disabled).active b { background-color: #3485fd; color: white; } .chatMixin > ul > li.other .timepicker-container .calendar .dates .date:not(.disabled):active { transform: scale(0.95); } .chatMixin > ul > li.other .timepicker-container .calendar .dates .date:not(.disabled) b { display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; transition: all 0.15s ease-in-out; user-select: none; border-radius: 100%; } .chatMixin > ul > li.other .timepicker-container .calendar .dates .date:not(:empty) { cursor: pointer; } .chatMixin > ul > li.other .timepicker-container .calendar .dates .date.disabled { opacity: 0.25; pointer-events: none; } .chatMixin > ul > li.other .timepicker-container .timepicker-main .timepicker { background-color: white; border-radius: 20px; padding: 20px; margin-bottom: 5px; box-shadow: 0 1px 12.5px 0 rgba(0, 0, 0, 0.19); flex-direction: column; } .chatMixin > ul > li.other .timepicker-container .timepicker-main .timepicker strong { text-align: center; display: block; margin-bottom: 10px; } .chatMixin > ul > li.other .timepicker-container .timepicker-main .timepicker input, .chatMixin > ul > li.other .timepicker-container .timepicker-main .timepicker select { font-weight: bold; border: 0; font-size: 16px; text-align: center; } .chatMixin > ul > li.other .timepicker-container .timepicker-main .timepicker input:focus, .chatMixin > ul > li.other .timepicker-container .timepicker-main .timepicker select:focus { outline: none; } .chatMixin > ul > li.other .timepicker-container .timepicker-main button { box-shadow: 0 1px 12.5px 0 rgba(0, 0, 0, 0.19); color: white; padding: 15px; border-radius: 500px; background-color: #3485fd; border: 1px solid #3485fd; border: 0; display: block; width: 100%; font-weight: 600; font-size: 14px; transition: all 0.15s ease-in-out; cursor: pointer; } .chatMixin > ul > li.other .timepicker-container .timepicker-main button:active { transform: scale(0.95); } .chatMixin > ul > li.other .timepicker-container .timepicker-main button:last-child { background-color: #fd3434; } .chatMixin > ul > li.other .timepicker-container .timepicker-main button:not(:last-child) { margin-bottom: 5px; } .chatMixin > ul > li.btn { padding: 0; } .chatMixin > ul > li.btn button { border-radius: 500px; width: 100%; background-color: white; border: 1px solid #e9eef0; cursor: pointer; transition: box-shadow 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0s; display: flex; justify-content: space-between; align-items: center; padding: 5px 20px; padding-right: 5px; font-size: 16px; } .chatMixin > ul > li.btn button:active { transform: scale(0.97); } .chatMixin > ul > li.btn button::after { content: ' '; width: 35px; height: 35px; background-color: #f5f7f9; border-radius: 100%; background-image: url('/platform/app/icons/g/arrow-right.svg'); background-position: center; background-repeat: no-repeat; } .chatMixin > ul > li.chat-upgrade { background-color: white; background-image: radial-gradient(circle at 87% 18%, #106efd, #ffffff 61%); } .chatMixin > ul > li.chat-upgrade .upgrade-contents { display: flex; justify-content: space-between; } .chatMixin > ul > li.chat-upgrade .upgrade-contents > .controls, .chatMixin > ul > li.chat-upgrade .upgrade-contents > .image { width: 50%; } .chatMixin > ul > li.chat-upgrade .upgrade-contents .controls ul.rota-switcher { margin: 0; padding: 0; list-style: none; margin-bottom: 20px; } .chatMixin > ul > li.chat-upgrade .upgrade-contents .controls ul.rota-switcher li { display: inline-block; padding: 10px 30px; cursor: pointer; border-radius: 500px; font-weight: bold; font-size: 12px; transition: all 0.15s ease-in-out; } .chatMixin > ul > li.chat-upgrade .upgrade-contents .controls ul.rota-switcher li.active, .chatMixin > ul > li.chat-upgrade .upgrade-contents .controls ul.rota-switcher li:hover { background-color: black; color: white; } .chatMixin > ul > li.chat-upgrade .upgrade-contents .controls ul.rota-switcher li:active { transform: scale(0.95); } .chatMixin > ul > li.chat-upgrade .upgrade-contents .controls h1, .chatMixin > ul > li.chat-upgrade .upgrade-contents .controls h2, .chatMixin > ul > li.chat-upgrade .upgrade-contents .controls h3 { margin: 0; } .chatMixin > ul > li.chat-upgrade .upgrade-contents .controls h2 { font-weight: 500; margin-bottom: 10px; } .chatMixin > ul > li.chat-upgrade .upgrade-contents .controls h1 { margin-bottom: 10px; } .chatMixin > ul > li.chat-upgrade .upgrade-contents .controls h3 { font-weight: normal; } .chatMixin > ul > li.chat-upgrade .upgrade-contents .controls ul.features { padding: 0; margin: 0; list-style: none; padding: 20px 0px; } .chatMixin > ul > li.chat-upgrade .upgrade-contents .controls ul.features > li { background-image: url('/platform/app/icons/b/check.svg'); background-repeat: no-repeat; background-position: left center; background-size: 12px; padding-left: 20px; } .chatMixin > ul > li.chat-upgrade .upgrade-contents .controls ul.features > li:not(:last-child) { margin-bottom: 10px; } .chatMixin > ul > li.chat-upgrade .upgrade-contents .controls button { color: white; cursor: pointer; padding: 15px; border-radius: 500px; background-color: #3485fd; border: 1px solid #3485fd; border: 0; display: block; width: 100%; font-weight: 600; font-size: 14px; transition: all 0.15s ease-in-out; } .chatMixin > ul > li.chat-upgrade .upgrade-contents .controls button:active { transform: scale(0.95); } .chatMixin > ul > li.chat-upgrade .upgrade-contents .image { display: flex; justify-content: center; align-items: center; } .chatMixin > ul > li.chat-upgrade .upgrade-contents .image img { width: 100%; pointer-events: none; } .chatMixin > ul > li.chat-empty { background-color: white; position: relative; overflow: hidden; } .chatMixin > ul > li.chat-empty .empty-contents { position: relative; z-index: 2; display: flex; justify-content: space-between; flex-direction: column; width: 60%; } .chatMixin > ul > li.chat-empty .empty-contents h1 { margin: 0; margin-bottom: 10px; } .chatMixin > ul > li.chat-empty .empty-contents p { margin: 0; margin-bottom: 10px; } .chatMixin > ul > li.chat-empty .empty-contents ul { list-style: none; padding: 0; margin: 0; } .chatMixin > ul > li.chat-empty .empty-contents ul li { font-weight: bold; } .chatMixin > ul > li.chat-empty .empty-contents ul li:not(:last-child) { margin-bottom: 10px; } .chatMixin > ul > li.chat-empty video { position: absolute; top: 0; right: 0; height: 100%; z-index: 1; pointer-events: none; } .chatMixin > ul > li.typing { background-color: white; width: auto; display: inline-block; } .chatMixin > ul > li.typing .dots { width: 56px; height: 26.9px; transform: scale(0.7); background: radial-gradient(circle closest-side, #000000 90%, #ffffff) 0% 50%, radial-gradient(circle closest-side, #000000 90%, #ffffff) 50% 50%, radial-gradient(circle closest-side, #000000 90%, #ffffff) 100% 50%; background-size: calc(33.33333333%) 13.4px; background-repeat: no-repeat; animation: dots-7ar3yq 1s infinite linear; } @keyframes dots-7ar3yq { 20% { background-position: 0% 0%, 50% 50%,100% 50%; } 40% { background-position: 0% 100%, 50% 0%,100% 50%; } 60% { background-position: 0% 50%, 50% 100%,100% 0%; } 80% { background-position: 0% 50%, 50% 50%,100% 100%; } } .chatMixin > ul > li.welcome { margin-top: 100px; margin-bottom: 50px; padding: 0; } .chatMixin > ul > li.welcome img { width: 60px; margin-bottom: 10px; } .chatMixin > ul > li.welcome h1 { margin: 0; font-size: 70px; font-weight: normal; } .chatMixin > ul > li.type-button { border-radius: 500px; cursor: pointer; transition: box-shadow 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0s; display: flex; justify-content: space-between; align-items: center; padding: 5px 20px; padding-right: 5px; } .chatMixin > ul > li.type-button:active { transform: scale(0.97); } .chatMixin > ul > li.type-button::after { content: ' '; width: 35px; height: 35px; background-color: #f5f7f9; border-radius: 100%; background-image: url('/platform/app/icons/g/arrow-right.svg'); background-position: center; background-repeat: no-repeat; } .chatMixin > ul > li.type-profile-select { border-radius: 500px; cursor: pointer; transition: box-shadow 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0s; display: inline-block; width: calc(100% / 3 - 30px); padding: 5px 20px; padding-right: 5px; margin-right: 5px; } .chatMixin > ul > li.type-profile-select .profile-select { display: flex; justify-content: space-between; align-items: center; } .chatMixin > ul > li.type-profile-select .profile-select .profile-image { display: flex; justify-content: center; align-items: center; margin-right: 5px; } .chatMixin > ul > li.type-profile-select .profile-select .profile-image img { width: 35px; height: 35px; border-radius: 100%; } .chatMixin > ul > li.type-profile-select .profile-select .profile-name { display: flex; flex-direction: column; margin-right: auto; width: calc(100% - 80px); } .chatMixin > ul > li.type-profile-select .profile-select .profile-name strong { color: #3485fd; text-transform: uppercase; } .chatMixin > ul > li.type-profile-select .profile-select .profile-name > * { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; } .chatMixin > ul > li.type-profile-select .profile-select::after { content: ' '; width: 35px; height: 35px; min-width: 35px; background-color: #f5f7f9; border-radius: 100%; background-position: center; background-repeat: no-repeat; transition: all 0.15s ease-in-out; } .chatMixin > ul > li.type-profile-select .profile-select.selected::after { background-color: #3485fd; background-image: url('/platform/app/icons/w/check.svg'); } .chatMixin > ul > li.type-profile-select:active { transform: scale(0.97); } .chatMixin > ul > li.completed { transition: all 0.15s ease-in-out; opacity: 0.5; pointer-events: none; transform: scale(0.98); } .chatMixin .compose { background-color: #3485fd; border-radius: 20px; padding: 10px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.11); max-width: calc(100% - 20px); margin: 0 auto; width: calc(100% - 20px); } .chatMixin .compose .attachment { margin-bottom: 10px; display: flex; justify-content: space-between; } .chatMixin .compose .attachment span { display: flex; align-items: center; background-repeat: no-repeat; background-position: left center; background-image: url('/platform/app/icons/b/file.svg'); padding-left: 18px; background-size: 12px; } .chatMixin .compose .attachment span.file-audio { background-image: url('/platform/app/icons/b/file-audio.svg'); } .chatMixin .compose .attachment span.file-excel { background-image: url('/platform/app/icons/b/file-excel.svg'); } .chatMixin .compose .attachment span.file-image { background-image: url('/platform/app/icons/b/file-image.svg'); } .chatMixin .compose .attachment span.file-pdf { background-image: url('/platform/app/icons/b/file-pdf.svg'); } .chatMixin .compose .attachment button { border: 0; border-radius: 5px; background: linear-gradient(0deg, #ffffff 0%, #e7e7e7 100%); border: 1px solid white; position: relative; width: 20px; height: 20px; cursor: pointer; } .chatMixin .compose .attachment button::after { content: ''; display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: 8px; position: absolute; top: 0; left: 0; background-image: url('/platform/app/icons/b/x.svg'); } .chatMixin .compose .attachment button:active { transform: scale(0.9); } .chatMixin .compose .control-set { display: flex; align-items: center; justify-content: space-between; } .chatMixin .compose .control-set img { width: 35px; margin-right: 10px; } .chatMixin .compose .control-set input { background: none; border: 0; color: white; padding: 9px 15px; width: 100%; font-size: 16px; transition: opacity 0.15s ease-in-out; } .chatMixin .compose .control-set input:focus { outline: none; } .chatMixin .compose .control-set input:focus::placeholder { color: transparent; } .chatMixin .compose .control-set input::placeholder { color: white; } .chatMixin .compose .control-set input:disabled { opacity: 0.25; cursor: not-allowed; } .chatMixin .compose .control-set button { height: 35px; width: 35px; border: 0; border-radius: 10px; background: none; position: relative; cursor: pointer; transition: all 0.15s ease-in-out; /* &:nth-of-type(1){ &::after{ background-image: url('/platform/app/icons/w/upload.svg'); } border-top-right-radius: 0px; border-bottom-right-radius: 0px; } */ } .chatMixin .compose .control-set button:not(:disabled):active { transform: scale(0.9); } .chatMixin .compose .control-set button::after { content: ''; display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: 20px; position: absolute; top: 0; left: 0; } .chatMixin .compose .control-set button:disabled { opacity: 0.25; cursor: not-allowed; } .chatMixin .compose .control-set button:nth-of-type(1) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .chatMixin .compose .control-set button:nth-of-type(1)::after { background-image: url('/platform/app/icons/w/send.svg'); } .chatMixin .compose .control-set.disabled > * { opacity: 0.25; pointer-events: none; } .feedMixin .day-switcher-and-suggestions-toggle { display: flex; justify-content: space-between; } .feedMixin .day-switcher-and-suggestions-toggle .day-switcher { display: flex; justify-content: space-between; align-items: center; background-color: white; border-radius: 500px; width: 100%; padding: 5px; } .feedMixin .day-switcher-and-suggestions-toggle .day-switcher button { width: 30px; height: 30px; border: 0; border-radius: 100%; background-color: #f5f7f9; cursor: pointer; transition: all 0.15s ease-in-out; background-position: center; background-repeat: no-repeat; background-size: 15px; } .feedMixin .day-switcher-and-suggestions-toggle .day-switcher button:not(.disabled):active { transform: scale(0.9); } .feedMixin .day-switcher-and-suggestions-toggle .day-switcher button:nth-of-type(1) { background-image: url('/platform/app/icons/g/arrow-left.svg'); } .feedMixin .day-switcher-and-suggestions-toggle .day-switcher button:nth-of-type(2) { background-image: url('/platform/app/icons/g/arrow-right.svg'); } .feedMixin .day-switcher-and-suggestions-toggle .day-switcher button.disabled { opacity: 0.25; cursor: not-allowed; } .feedMixin .day-switcher-and-suggestions-toggle .day-switcher label { font-weight: bold; position: relative; } .feedMixin .day-switcher-and-suggestions-toggle .day-switcher label input { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; cursor: pointer; } .feedMixin .day-switcher-and-suggestions-toggle:not(.has-toggle) .day-switcher { width: 100%; } .feedMixin .day-switcher-and-suggestions-toggle:not(.has-toggle) ul { display: none; } .feedMixin .day-switcher-and-suggestions-toggle.has-toggle ul { margin: 0; margin-right: 10px; list-style: none; display: flex; justify-content: space-between; width: 350px; height: 40px; } .feedMixin .day-switcher-and-suggestions-toggle.has-toggle ul li { display: flex; padding: 10px 15px; margin: 0; width: 50%; text-align: center; cursor: pointer; justify-content: center; align-items: center; border-radius: 500px; font-size: 14px; transition: all 0.15s ease-in-out; } .feedMixin .day-switcher-and-suggestions-toggle.has-toggle ul li.active { background-color: #3485fd; color: white; } .feedMixin .day-switcher-and-suggestions-toggle.has-toggle ul li:active { transform: scale(0.95); } .feedMixin .day-switcher-and-suggestions-toggle.has-toggle ul li:nth-of-type(1) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .feedMixin .day-switcher-and-suggestions-toggle.has-toggle ul li:nth-of-type(2) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .feedMixin ul { height: calc(100% - 20px - 10px); margin-top: 10px; padding: 0; list-style: none; overflow: auto; border-radius: 10px; } .feedMixin ul li, .feedMixin .new-post-container li, .feedMixin ul .new-post, .feedMixin .new-post-container .new-post { padding: 20px; border-radius: 20px; color: black; background-color: white; animation: slideUp 0.15s ease-in-out; position: relative; overflow: hidden; } .feedMixin ul li .image-shade, .feedMixin .new-post-container li .image-shade, .feedMixin ul .new-post .image-shade, .feedMixin .new-post-container .new-post .image-shade { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .feedMixin ul li .image-shade .image-shade-inner, .feedMixin .new-post-container li .image-shade .image-shade-inner, .feedMixin ul .new-post .image-shade .image-shade-inner, .feedMixin .new-post-container .new-post .image-shade .image-shade-inner { position: relative; width: 100%; height: 100%; animation: imgfade 0.5s ease-in-out; } .feedMixin ul li .image-shade .image-shade-inner > div, .feedMixin .new-post-container li .image-shade .image-shade-inner > div, .feedMixin ul .new-post .image-shade .image-shade-inner > div, .feedMixin .new-post-container .new-post .image-shade .image-shade-inner > div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .feedMixin ul li .image-shade .image-shade-inner .image-shade-mask, .feedMixin .new-post-container li .image-shade .image-shade-inner .image-shade-mask, .feedMixin ul .new-post .image-shade .image-shade-inner .image-shade-mask, .feedMixin .new-post-container .new-post .image-shade .image-shade-inner .image-shade-mask { background: linear-gradient(90deg, #ffffff 25%, rgba(255, 255, 255, 0.6) 100%); z-index: -1; } .feedMixin ul li .image-shade .image-shade-inner .image-shade-image, .feedMixin .new-post-container li .image-shade .image-shade-inner .image-shade-image, .feedMixin ul .new-post .image-shade .image-shade-inner .image-shade-image, .feedMixin .new-post-container .new-post .image-shade .image-shade-inner .image-shade-image { background-position: center; background-size: cover; background-repeat: no-repeat; z-index: -2; } @keyframes imgfade { 0% { opacity: 0; transform: scale(1.1); } 100% { opacity: 1; transform: scale(1); } } .feedMixin ul li > div:not(.image-shade), .feedMixin .new-post-container li > div:not(.image-shade), .feedMixin ul .new-post > div:not(.image-shade), .feedMixin .new-post-container .new-post > div:not(.image-shade) { position: relative; z-index: 2; } .feedMixin ul li .profile-and-post, .feedMixin .new-post-container li .profile-and-post, .feedMixin ul .new-post .profile-and-post, .feedMixin .new-post-container .new-post .profile-and-post { display: flex; justify-content: space-between; } .feedMixin ul li .profile-and-post .profile-and-type, .feedMixin .new-post-container li .profile-and-post .profile-and-type, .feedMixin ul .new-post .profile-and-post .profile-and-type, .feedMixin .new-post-container .new-post .profile-and-post .profile-and-type { display: flex; flex-direction: column; } .feedMixin ul li .profile-and-post .profile-and-type .image, .feedMixin .new-post-container li .profile-and-post .profile-and-type .image, .feedMixin ul .new-post .profile-and-post .profile-and-type .image, .feedMixin .new-post-container .new-post .profile-and-post .profile-and-type .image, .feedMixin ul li .profile-and-post .profile-and-type .type, .feedMixin .new-post-container li .profile-and-post .profile-and-type .type, .feedMixin ul .new-post .profile-and-post .profile-and-type .type, .feedMixin .new-post-container .new-post .profile-and-post .profile-and-type .type, .feedMixin ul li .profile-and-post .profile-and-type .attach-image, .feedMixin .new-post-container li .profile-and-post .profile-and-type .attach-image, .feedMixin ul .new-post .profile-and-post .profile-and-type .attach-image, .feedMixin .new-post-container .new-post .profile-and-post .profile-and-type .attach-image { width: 40px; height: 40px; border-radius: 100%; background-position: center; background-repeat: no-repeat; } .feedMixin ul li .profile-and-post .profile-and-type .image:not(:last-child), .feedMixin .new-post-container li .profile-and-post .profile-and-type .image:not(:last-child), .feedMixin ul .new-post .profile-and-post .profile-and-type .image:not(:last-child), .feedMixin .new-post-container .new-post .profile-and-post .profile-and-type .image:not(:last-child), .feedMixin ul li .profile-and-post .profile-and-type .type:not(:last-child), .feedMixin .new-post-container li .profile-and-post .profile-and-type .type:not(:last-child), .feedMixin ul .new-post .profile-and-post .profile-and-type .type:not(:last-child), .feedMixin .new-post-container .new-post .profile-and-post .profile-and-type .type:not(:last-child), .feedMixin ul li .profile-and-post .profile-and-type .attach-image:not(:last-child), .feedMixin .new-post-container li .profile-and-post .profile-and-type .attach-image:not(:last-child), .feedMixin ul .new-post .profile-and-post .profile-and-type .attach-image:not(:last-child), .feedMixin .new-post-container .new-post .profile-and-post .profile-and-type .attach-image:not(:last-child) { margin-bottom: 17px; } .feedMixin ul li .profile-and-post .profile-and-type .image, .feedMixin .new-post-container li .profile-and-post .profile-and-type .image, .feedMixin ul .new-post .profile-and-post .profile-and-type .image, .feedMixin .new-post-container .new-post .profile-and-post .profile-and-type .image { background-size: cover; } .feedMixin ul li .profile-and-post .profile-and-type .type, .feedMixin .new-post-container li .profile-and-post .profile-and-type .type, .feedMixin ul .new-post .profile-and-post .profile-and-type .type, .feedMixin .new-post-container .new-post .profile-and-post .profile-and-type .type { background-position: center; background-size: 15px; background-repeat: no-repeat; background-color: #f5f7f9; } .feedMixin ul li .profile-and-post .profile-and-type .type.facebook, .feedMixin .new-post-container li .profile-and-post .profile-and-type .type.facebook, .feedMixin ul .new-post .profile-and-post .profile-and-type .type.facebook, .feedMixin .new-post-container .new-post .profile-and-post .profile-and-type .type.facebook, .feedMixin ul li .profile-and-post .profile-and-type .type.facebook_page, .feedMixin .new-post-container li .profile-and-post .profile-and-type .type.facebook_page, .feedMixin ul .new-post .profile-and-post .profile-and-type .type.facebook_page, .feedMixin .new-post-container .new-post .profile-and-post .profile-and-type .type.facebook_page, .feedMixin ul li .profile-and-post .profile-and-type .type.facebook_group, .feedMixin .new-post-container li .profile-and-post .profile-and-type .type.facebook_group, .feedMixin ul .new-post .profile-and-post .profile-and-type .type.facebook_group, .feedMixin .new-post-container .new-post .profile-and-post .profile-and-type .type.facebook_group, .feedMixin ul li .profile-and-post .profile-and-type .type.fb_page, .feedMixin .new-post-container li .profile-and-post .profile-and-type .type.fb_page, .feedMixin ul .new-post .profile-and-post .profile-and-type .type.fb_page, .feedMixin .new-post-container .new-post .profile-and-post .profile-and-type .type.fb_page { background-image: url('/platform/promote/icons/social/facebook.svg'); } .feedMixin ul li .profile-and-post .profile-and-type .type.twitter, .feedMixin .new-post-container li .profile-and-post .profile-and-type .type.twitter, .feedMixin ul .new-post .profile-and-post .profile-and-type .type.twitter, .feedMixin .new-post-container .new-post .profile-and-post .profile-and-type .type.twitter, .feedMixin ul li .profile-and-post .profile-and-type .type.tw, .feedMixin .new-post-container li .profile-and-post .profile-and-type .type.tw, .feedMixin ul .new-post .profile-and-post .profile-and-type .type.tw, .feedMixin .new-post-container .new-post .profile-and-post .profile-and-type .type.tw { background-image: url('/platform/promote/icons/social/twitter.svg'); background-size: 90% !important; } .feedMixin ul li .profile-and-post .profile-and-type .type.bluesky, .feedMixin .new-post-container li .profile-and-post .profile-and-type .type.bluesky, .feedMixin ul .new-post .profile-and-post .profile-and-type .type.bluesky, .feedMixin .new-post-container .new-post .profile-and-post .profile-and-type .type.bluesky { background-image: url('/platform/promote/icons/social/bluesky.svg'); background-size: 60% !important; } .feedMixin ul li .profile-and-post .profile-and-type .type.linkedin, .feedMixin .new-post-container li .profile-and-post .profile-and-type .type.linkedin, .feedMixin ul .new-post .profile-and-post .profile-and-type .type.linkedin, .feedMixin .new-post-container .new-post .profile-and-post .profile-and-type .type.linkedin, .feedMixin ul li .profile-and-post .profile-and-type .type.linkedin_pages, .feedMixin .new-post-container li .profile-and-post .profile-and-type .type.linkedin_pages, .feedMixin ul .new-post .profile-and-post .profile-and-type .type.linkedin_pages, .feedMixin .new-post-container .new-post .profile-and-post .profile-and-type .type.linkedin_pages, .feedMixin ul li .profile-and-post .profile-and-type .type.in_page, .feedMixin .new-post-container li .profile-and-post .profile-and-type .type.in_page, .feedMixin ul .new-post .profile-and-post .profile-and-type .type.in_page, .feedMixin .new-post-container .new-post .profile-and-post .profile-and-type .type.in_page, .feedMixin ul li .profile-and-post .profile-and-type .type.in, .feedMixin .new-post-container li .profile-and-post .profile-and-type .type.in, .feedMixin ul .new-post .profile-and-post .profile-and-type .type.in, .feedMixin .new-post-container .new-post .profile-and-post .profile-and-type .type.in, .feedMixin ul li .profile-and-post .profile-and-type .type.linkedin_page, .feedMixin .new-post-container li .profile-and-post .profile-and-type .type.linkedin_page, .feedMixin ul .new-post .profile-and-post .profile-and-type .type.linkedin_page, .feedMixin .new-post-container .new-post .profile-and-post .profile-and-type .type.linkedin_page, .feedMixin ul li .profile-and-post .profile-and-type .type.linkedin_group, .feedMixin .new-post-container li .profile-and-post .profile-and-type .type.linkedin_group, .feedMixin ul .new-post .profile-and-post .profile-and-type .type.linkedin_group, .feedMixin .new-post-container .new-post .profile-and-post .profile-and-type .type.linkedin_group { background-image: url('/platform/promote/icons/social/linkedin.svg'); background-size: 50% !important; } .feedMixin ul li .profile-and-post .profile-and-type .type.tiktok, .feedMixin .new-post-container li .profile-and-post .profile-and-type .type.tiktok, .feedMixin ul .new-post .profile-and-post .profile-and-type .type.tiktok, .feedMixin .new-post-container .new-post .profile-and-post .profile-and-type .type.tiktok { background-image: url('/platform/promote/icons/social/tiktok.svg'); } .feedMixin ul li .profile-and-post .profile-and-type .type.discord, .feedMixin .new-post-container li .profile-and-post .profile-and-type .type.discord, .feedMixin ul .new-post .profile-and-post .profile-and-type .type.discord, .feedMixin .new-post-container .new-post .profile-and-post .profile-and-type .type.discord { background-image: url('/platform/promote/icons/social/discord.svg'); background-size: 12px !important; } .feedMixin ul li .profile-and-post .profile-and-type .type.pinterest, .feedMixin .new-post-container li .profile-and-post .profile-and-type .type.pinterest, .feedMixin ul .new-post .profile-and-post .profile-and-type .type.pinterest, .feedMixin .new-post-container .new-post .profile-and-post .profile-and-type .type.pinterest { background-image: url('/platform/promote/icons/social/pinterest.svg'); } .feedMixin ul li .profile-and-post .profile-and-type .type.linkedin, .feedMixin .new-post-container li .profile-and-post .profile-and-type .type.linkedin, .feedMixin ul .new-post .profile-and-post .profile-and-type .type.linkedin, .feedMixin .new-post-container .new-post .profile-and-post .profile-and-type .type.linkedin, .feedMixin ul li .profile-and-post .profile-and-type .type.linkedin_pages, .feedMixin .new-post-container li .profile-and-post .profile-and-type .type.linkedin_pages, .feedMixin ul .new-post .profile-and-post .profile-and-type .type.linkedin_pages, .feedMixin .new-post-container .new-post .profile-and-post .profile-and-type .type.linkedin_pages, .feedMixin ul li .profile-and-post .profile-and-type .type.in_page, .feedMixin .new-post-container li .profile-and-post .profile-and-type .type.in_page, .feedMixin ul .new-post .profile-and-post .profile-and-type .type.in_page, .feedMixin .new-post-container .new-post .profile-and-post .profile-and-type .type.in_page, .feedMixin ul li .profile-and-post .profile-and-type .type.in, .feedMixin .new-post-container li .profile-and-post .profile-and-type .type.in, .feedMixin ul .new-post .profile-and-post .profile-and-type .type.in, .feedMixin .new-post-container .new-post .profile-and-post .profile-and-type .type.in { background-image: url('/platform/promote/icons/social/linkedin.svg'); } .feedMixin ul li .profile-and-post .profile-and-type .type.instagram, .feedMixin .new-post-container li .profile-and-post .profile-and-type .type.instagram, .feedMixin ul .new-post .profile-and-post .profile-and-type .type.instagram, .feedMixin .new-post-container .new-post .profile-and-post .profile-and-type .type.instagram { background-image: url('/platform/promote/icons/social/instagram.svg'); background-size: 60%; } .feedMixin ul li .profile-and-post .profile-and-type .attach-image, .feedMixin .new-post-container li .profile-and-post .profile-and-type .attach-image, .feedMixin ul .new-post .profile-and-post .profile-and-type .attach-image, .feedMixin .new-post-container .new-post .profile-and-post .profile-and-type .attach-image { background-color: #f5f7f9; cursor: pointer; transition: all 0.15s ease-in-out; background-image: url('/platform/app/icons/b/image.svg'); background-size: 20px; } .feedMixin ul li .profile-and-post .profile-and-type .attach-image:active, .feedMixin .new-post-container li .profile-and-post .profile-and-type .attach-image:active, .feedMixin ul .new-post .profile-and-post .profile-and-type .attach-image:active, .feedMixin .new-post-container .new-post .profile-and-post .profile-and-type .attach-image:active { transform: scale(0.9); } .feedMixin ul li .profile-and-post .post-data, .feedMixin .new-post-container li .profile-and-post .post-data, .feedMixin ul .new-post .profile-and-post .post-data, .feedMixin .new-post-container .new-post .profile-and-post .post-data { margin-left: 10px; width: calc(100% - 40px - 10px); } .feedMixin ul li .profile-and-post .post-data .profile-name, .feedMixin .new-post-container li .profile-and-post .post-data .profile-name, .feedMixin ul .new-post .profile-and-post .post-data .profile-name, .feedMixin .new-post-container .new-post .profile-and-post .post-data .profile-name { display: flex; } .feedMixin ul li .profile-and-post .post-data .profile-name:not(.feedMixin ul li .profile-and-post .post-data .profile-name.with-dispatch-details), .feedMixin .new-post-container li .profile-and-post .post-data .profile-name:not(.feedMixin ul li .profile-and-post .post-data .profile-name.with-dispatch-details), .feedMixin ul .new-post .profile-and-post .post-data .profile-name:not(.feedMixin ul li .profile-and-post .post-data .profile-name.with-dispatch-details), .feedMixin .new-post-container .new-post .profile-and-post .post-data .profile-name:not(.feedMixin ul li .profile-and-post .post-data .profile-name.with-dispatch-details), .feedMixin ul li .profile-and-post .post-data .profile-name:not(.feedMixin.new-post-container li .profile-and-post .post-data .profile-name.with-dispatch-details), .feedMixin .new-post-container li .profile-and-post .post-data .profile-name:not(.feedMixin.new-post-container li .profile-and-post .post-data .profile-name.with-dispatch-details), .feedMixin ul .new-post .profile-and-post .post-data .profile-name:not(.feedMixin.new-post-container li .profile-and-post .post-data .profile-name.with-dispatch-details), .feedMixin .new-post-container .new-post .profile-and-post .post-data .profile-name:not(.feedMixin.new-post-container li .profile-and-post .post-data .profile-name.with-dispatch-details), .feedMixin ul li .profile-and-post .post-data .profile-name:not(.feedMixin ul.new-post .profile-and-post .post-data .profile-name.with-dispatch-details), .feedMixin .new-post-container li .profile-and-post .post-data .profile-name:not(.feedMixin ul.new-post .profile-and-post .post-data .profile-name.with-dispatch-details), .feedMixin ul .new-post .profile-and-post .post-data .profile-name:not(.feedMixin ul.new-post .profile-and-post .post-data .profile-name.with-dispatch-details), .feedMixin .new-post-container .new-post .profile-and-post .post-data .profile-name:not(.feedMixin ul.new-post .profile-and-post .post-data .profile-name.with-dispatch-details), .feedMixin ul li .profile-and-post .post-data .profile-name:not(.feedMixin.new-post-container.new-post .profile-and-post .post-data .profile-name.with-dispatch-details), .feedMixin .new-post-container li .profile-and-post .post-data .profile-name:not(.feedMixin.new-post-container.new-post .profile-and-post .post-data .profile-name.with-dispatch-details), .feedMixin ul .new-post .profile-and-post .post-data .profile-name:not(.feedMixin.new-post-container.new-post .profile-and-post .post-data .profile-name.with-dispatch-details), .feedMixin .new-post-container .new-post .profile-and-post .post-data .profile-name:not(.feedMixin.new-post-container.new-post .profile-and-post .post-data .profile-name.with-dispatch-details) { justify-content: space-between; } .feedMixin ul li .profile-and-post .post-data .profile-name .dispatch-details, .feedMixin .new-post-container li .profile-and-post .post-data .profile-name .dispatch-details, .feedMixin ul .new-post .profile-and-post .post-data .profile-name .dispatch-details, .feedMixin .new-post-container .new-post .profile-and-post .post-data .profile-name .dispatch-details { color: #3485fd; text-transform: uppercase; font-weight: bold; margin-right: 10px; font-size: 12px; white-space: nowrap; } .feedMixin ul li .profile-and-post .post-data .profile-name .name, .feedMixin .new-post-container li .profile-and-post .post-data .profile-name .name, .feedMixin ul .new-post .profile-and-post .post-data .profile-name .name, .feedMixin .new-post-container .new-post .profile-and-post .post-data .profile-name .name, .feedMixin ul li .profile-and-post .post-data .profile-name .controls, .feedMixin .new-post-container li .profile-and-post .post-data .profile-name .controls, .feedMixin ul .new-post .profile-and-post .post-data .profile-name .controls, .feedMixin .new-post-container .new-post .profile-and-post .post-data .profile-name .controls { display: flex; align-items: center; } .feedMixin ul li .profile-and-post .post-data .profile-name .name, .feedMixin .new-post-container li .profile-and-post .post-data .profile-name .name, .feedMixin ul .new-post .profile-and-post .post-data .profile-name .name, .feedMixin .new-post-container .new-post .profile-and-post .post-data .profile-name .name { text-transform: uppercase; color: #9cabba; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; width: 100%; display: flex; align-items: center; } .feedMixin ul li .profile-and-post .post-data .profile-name .name b, .feedMixin .new-post-container li .profile-and-post .post-data .profile-name .name b, .feedMixin ul .new-post .profile-and-post .post-data .profile-name .name b, .feedMixin .new-post-container .new-post .profile-and-post .post-data .profile-name .name b { width: 12px; height: 14px; margin-left: 5px; margin-right: 5px; background-image: url('/platform/app/icons/bl/verified.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; } .feedMixin ul li .profile-and-post .post-data .profile-name .controls button, .feedMixin .new-post-container li .profile-and-post .post-data .profile-name .controls button, .feedMixin ul .new-post .profile-and-post .post-data .profile-name .controls button, .feedMixin .new-post-container .new-post .profile-and-post .post-data .profile-name .controls button { height: 20px; width: 20px; background: none; border: 0; background-position: center; background-repeat: no-repeat; background-size: contain; cursor: pointer; transition: all 0.15s ease-in-out; } .feedMixin ul li .profile-and-post .post-data .profile-name .controls button:nth-child(1), .feedMixin .new-post-container li .profile-and-post .post-data .profile-name .controls button:nth-child(1), .feedMixin ul .new-post .profile-and-post .post-data .profile-name .controls button:nth-child(1), .feedMixin .new-post-container .new-post .profile-and-post .post-data .profile-name .controls button:nth-child(1) { background-image: url('/platform/app/icons/b/clipboard.svg'); } .feedMixin ul li .profile-and-post .post-data .profile-name .controls button:nth-child(2), .feedMixin .new-post-container li .profile-and-post .post-data .profile-name .controls button:nth-child(2), .feedMixin ul .new-post .profile-and-post .post-data .profile-name .controls button:nth-child(2), .feedMixin .new-post-container .new-post .profile-and-post .post-data .profile-name .controls button:nth-child(2) { background-image: url('/platform/app/icons/b/thumbs-up.svg'); } .feedMixin ul li .profile-and-post .post-data .profile-name .controls button:nth-child(3), .feedMixin .new-post-container li .profile-and-post .post-data .profile-name .controls button:nth-child(3), .feedMixin ul .new-post .profile-and-post .post-data .profile-name .controls button:nth-child(3), .feedMixin .new-post-container .new-post .profile-and-post .post-data .profile-name .controls button:nth-child(3) { background-image: url('/platform/app/icons/b/thumbs-down.svg'); } .feedMixin ul li .profile-and-post .post-data .profile-name .controls button:active, .feedMixin .new-post-container li .profile-and-post .post-data .profile-name .controls button:active, .feedMixin ul .new-post .profile-and-post .post-data .profile-name .controls button:active, .feedMixin .new-post-container .new-post .profile-and-post .post-data .profile-name .controls button:active { transform: scale(0.9); } .feedMixin ul li .profile-and-post .post-data .profile-name .controls button:not(:last-child), .feedMixin .new-post-container li .profile-and-post .post-data .profile-name .controls button:not(:last-child), .feedMixin ul .new-post .profile-and-post .post-data .profile-name .controls button:not(:last-child), .feedMixin .new-post-container .new-post .profile-and-post .post-data .profile-name .controls button:not(:last-child) { margin-right: 5px; } .feedMixin ul li .profile-and-post .post-data .profile-name .controls.accepted button, .feedMixin .new-post-container li .profile-and-post .post-data .profile-name .controls.accepted button, .feedMixin ul .new-post .profile-and-post .post-data .profile-name .controls.accepted button, .feedMixin .new-post-container .new-post .profile-and-post .post-data .profile-name .controls.accepted button, .feedMixin ul li .profile-and-post .post-data .profile-name .controls.rejected button, .feedMixin .new-post-container li .profile-and-post .post-data .profile-name .controls.rejected button, .feedMixin ul .new-post .profile-and-post .post-data .profile-name .controls.rejected button, .feedMixin .new-post-container .new-post .profile-and-post .post-data .profile-name .controls.rejected button { pointer-events: none; } .feedMixin ul li .profile-and-post .post-data .profile-name .controls.accepted button:not(:nth-of-type(2)), .feedMixin .new-post-container li .profile-and-post .post-data .profile-name .controls.accepted button:not(:nth-of-type(2)), .feedMixin ul .new-post .profile-and-post .post-data .profile-name .controls.accepted button:not(:nth-of-type(2)), .feedMixin .new-post-container .new-post .profile-and-post .post-data .profile-name .controls.accepted button:not(:nth-of-type(2)) { animation: animateFade 1s ease-in-out; animation-fill-mode: forwards; } .feedMixin ul li .profile-and-post .post-data .profile-name .controls.rejected button:not(:nth-of-type(3)), .feedMixin .new-post-container li .profile-and-post .post-data .profile-name .controls.rejected button:not(:nth-of-type(3)), .feedMixin ul .new-post .profile-and-post .post-data .profile-name .controls.rejected button:not(:nth-of-type(3)), .feedMixin .new-post-container .new-post .profile-and-post .post-data .profile-name .controls.rejected button:not(:nth-of-type(3)) { animation: animateFade 1s ease-in-out; animation-fill-mode: forwards; } @keyframes animateFade { 0% { opacity: 1; width: 20px; height: 20px; } 50% { opacity: 0; width: 20px; height: 20px; } 100% { opacity: 0; width: 0px; height: 20px; } } .feedMixin ul li .profile-and-post .post-data .post-content, .feedMixin .new-post-container li .profile-and-post .post-data .post-content, .feedMixin ul .new-post .profile-and-post .post-data .post-content, .feedMixin .new-post-container .new-post .profile-and-post .post-data .post-content { white-space: pre-wrap; padding: 10px 0px; outline: none; line-height: 21px; } .feedMixin ul li .date-controls-container, .feedMixin .new-post-container li .date-controls-container, .feedMixin ul .new-post .date-controls-container, .feedMixin .new-post-container .new-post .date-controls-container, .feedMixin ul li .image-upload-container, .feedMixin .new-post-container li .image-upload-container, .feedMixin ul .new-post .image-upload-container, .feedMixin .new-post-container .new-post .image-upload-container { margin-top: 10px; } .feedMixin ul li .date-controls-container .date-controls, .feedMixin .new-post-container li .date-controls-container .date-controls, .feedMixin ul .new-post .date-controls-container .date-controls, .feedMixin .new-post-container .new-post .date-controls-container .date-controls, .feedMixin ul li .image-upload-container .date-controls, .feedMixin .new-post-container li .image-upload-container .date-controls, .feedMixin ul .new-post .image-upload-container .date-controls, .feedMixin .new-post-container .new-post .image-upload-container .date-controls { background-color: #f5f7f9; border-radius: 500px; display: flex; align-items: center; transition: all 0.15s ease-in-out; width: 100%; } .feedMixin ul li .date-controls-container .date-controls > button, .feedMixin .new-post-container li .date-controls-container .date-controls > button, .feedMixin ul .new-post .date-controls-container .date-controls > button, .feedMixin .new-post-container .new-post .date-controls-container .date-controls > button, .feedMixin ul li .image-upload-container .date-controls > button, .feedMixin .new-post-container li .image-upload-container .date-controls > button, .feedMixin ul .new-post .image-upload-container .date-controls > button, .feedMixin .new-post-container .new-post .image-upload-container .date-controls > button { width: 40px; height: 40px; min-width: 40px; min-height: 40px; border-radius: 100%; border: 0; background: none; background-image: url('/platform/app/icons/b/calendar.svg'); background-position: center; background-repeat: no-repeat; cursor: pointer; transition: all 0.15s ease-in-out; } .feedMixin ul li .date-controls-container .date-controls > button:active, .feedMixin .new-post-container li .date-controls-container .date-controls > button:active, .feedMixin ul .new-post .date-controls-container .date-controls > button:active, .feedMixin .new-post-container .new-post .date-controls-container .date-controls > button:active, .feedMixin ul li .image-upload-container .date-controls > button:active, .feedMixin .new-post-container li .image-upload-container .date-controls > button:active, .feedMixin ul .new-post .image-upload-container .date-controls > button:active, .feedMixin .new-post-container .new-post .image-upload-container .date-controls > button:active { transform: scale(0.9); } .feedMixin ul li .date-controls-container .date-controls .schedule-settings, .feedMixin .new-post-container li .date-controls-container .date-controls .schedule-settings, .feedMixin ul .new-post .date-controls-container .date-controls .schedule-settings, .feedMixin .new-post-container .new-post .date-controls-container .date-controls .schedule-settings, .feedMixin ul li .image-upload-container .date-controls .schedule-settings, .feedMixin .new-post-container li .image-upload-container .date-controls .schedule-settings, .feedMixin ul .new-post .image-upload-container .date-controls .schedule-settings, .feedMixin .new-post-container .new-post .image-upload-container .date-controls .schedule-settings { transition: all 0.15s ease-in-out; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; display: flex; justify-content: space-between; align-items: center; } .feedMixin ul li .date-controls-container .date-controls .schedule-settings button, .feedMixin .new-post-container li .date-controls-container .date-controls .schedule-settings button, .feedMixin ul .new-post .date-controls-container .date-controls .schedule-settings button, .feedMixin .new-post-container .new-post .date-controls-container .date-controls .schedule-settings button, .feedMixin ul li .image-upload-container .date-controls .schedule-settings button, .feedMixin .new-post-container li .image-upload-container .date-controls .schedule-settings button, .feedMixin ul .new-post .image-upload-container .date-controls .schedule-settings button, .feedMixin .new-post-container .new-post .image-upload-container .date-controls .schedule-settings button { padding: 5px 10px; background: none; border: 1px solid black; border-radius: 10px; cursor: pointer; font-weight: bold; transition: all 0.15s ease-in-out; margin-right: 10px; } .feedMixin ul li .date-controls-container .date-controls .schedule-settings button:active, .feedMixin .new-post-container li .date-controls-container .date-controls .schedule-settings button:active, .feedMixin ul .new-post .date-controls-container .date-controls .schedule-settings button:active, .feedMixin .new-post-container .new-post .date-controls-container .date-controls .schedule-settings button:active, .feedMixin ul li .image-upload-container .date-controls .schedule-settings button:active, .feedMixin .new-post-container li .image-upload-container .date-controls .schedule-settings button:active, .feedMixin ul .new-post .image-upload-container .date-controls .schedule-settings button:active, .feedMixin .new-post-container .new-post .image-upload-container .date-controls .schedule-settings button:active { transform: scale(0.9); } .feedMixin ul li .date-controls-container .date-controls .schedule-settings .schedule-and-delete, .feedMixin .new-post-container li .date-controls-container .date-controls .schedule-settings .schedule-and-delete, .feedMixin ul .new-post .date-controls-container .date-controls .schedule-settings .schedule-and-delete, .feedMixin .new-post-container .new-post .date-controls-container .date-controls .schedule-settings .schedule-and-delete, .feedMixin ul li .image-upload-container .date-controls .schedule-settings .schedule-and-delete, .feedMixin .new-post-container li .image-upload-container .date-controls .schedule-settings .schedule-and-delete, .feedMixin ul .new-post .image-upload-container .date-controls .schedule-settings .schedule-and-delete, .feedMixin .new-post-container .new-post .image-upload-container .date-controls .schedule-settings .schedule-and-delete { display: flex; justify-content: space-between; } .feedMixin ul li .date-controls-container .date-controls .schedule-settings .schedule-and-delete .schedule-button, .feedMixin .new-post-container li .date-controls-container .date-controls .schedule-settings .schedule-and-delete .schedule-button, .feedMixin ul .new-post .date-controls-container .date-controls .schedule-settings .schedule-and-delete .schedule-button, .feedMixin .new-post-container .new-post .date-controls-container .date-controls .schedule-settings .schedule-and-delete .schedule-button, .feedMixin ul li .image-upload-container .date-controls .schedule-settings .schedule-and-delete .schedule-button, .feedMixin .new-post-container li .image-upload-container .date-controls .schedule-settings .schedule-and-delete .schedule-button, .feedMixin ul .new-post .image-upload-container .date-controls .schedule-settings .schedule-and-delete .schedule-button, .feedMixin .new-post-container .new-post .image-upload-container .date-controls .schedule-settings .schedule-and-delete .schedule-button { position: relative; } .feedMixin ul li .date-controls-container .date-controls .schedule-settings .schedule-and-delete .schedule-button.disabled, .feedMixin .new-post-container li .date-controls-container .date-controls .schedule-settings .schedule-and-delete .schedule-button.disabled, .feedMixin ul .new-post .date-controls-container .date-controls .schedule-settings .schedule-and-delete .schedule-button.disabled, .feedMixin .new-post-container .new-post .date-controls-container .date-controls .schedule-settings .schedule-and-delete .schedule-button.disabled, .feedMixin ul li .image-upload-container .date-controls .schedule-settings .schedule-and-delete .schedule-button.disabled, .feedMixin .new-post-container li .image-upload-container .date-controls .schedule-settings .schedule-and-delete .schedule-button.disabled, .feedMixin ul .new-post .image-upload-container .date-controls .schedule-settings .schedule-and-delete .schedule-button.disabled, .feedMixin .new-post-container .new-post .image-upload-container .date-controls .schedule-settings .schedule-and-delete .schedule-button.disabled { pointer-events: none; opacity: 0.25; } .feedMixin ul li .date-controls-container .date-controls .schedule-settings .schedule-and-delete button:disabled, .feedMixin .new-post-container li .date-controls-container .date-controls .schedule-settings .schedule-and-delete button:disabled, .feedMixin ul .new-post .date-controls-container .date-controls .schedule-settings .schedule-and-delete button:disabled, .feedMixin .new-post-container .new-post .date-controls-container .date-controls .schedule-settings .schedule-and-delete button:disabled, .feedMixin ul li .image-upload-container .date-controls .schedule-settings .schedule-and-delete button:disabled, .feedMixin .new-post-container li .image-upload-container .date-controls .schedule-settings .schedule-and-delete button:disabled, .feedMixin ul .new-post .image-upload-container .date-controls .schedule-settings .schedule-and-delete button:disabled, .feedMixin .new-post-container .new-post .image-upload-container .date-controls .schedule-settings .schedule-and-delete button:disabled { pointer-events: none; opacity: 0.25; color: black !important; } .feedMixin ul li .date-controls-container .date-controls.collapsed, .feedMixin .new-post-container li .date-controls-container .date-controls.collapsed, .feedMixin ul .new-post .date-controls-container .date-controls.collapsed, .feedMixin .new-post-container .new-post .date-controls-container .date-controls.collapsed, .feedMixin ul li .image-upload-container .date-controls.collapsed, .feedMixin .new-post-container li .image-upload-container .date-controls.collapsed, .feedMixin ul .new-post .image-upload-container .date-controls.collapsed, .feedMixin .new-post-container .new-post .image-upload-container .date-controls.collapsed { width: 40px; } .feedMixin ul li .date-controls-container .date-controls.collapsed .schedule-settings, .feedMixin .new-post-container li .date-controls-container .date-controls.collapsed .schedule-settings, .feedMixin ul .new-post .date-controls-container .date-controls.collapsed .schedule-settings, .feedMixin .new-post-container .new-post .date-controls-container .date-controls.collapsed .schedule-settings, .feedMixin ul li .image-upload-container .date-controls.collapsed .schedule-settings, .feedMixin .new-post-container li .image-upload-container .date-controls.collapsed .schedule-settings, .feedMixin ul .new-post .image-upload-container .date-controls.collapsed .schedule-settings, .feedMixin .new-post-container .new-post .image-upload-container .date-controls.collapsed .schedule-settings { width: 0px; } .feedMixin ul li .date-controls-container .upload-controls, .feedMixin .new-post-container li .date-controls-container .upload-controls, .feedMixin ul .new-post .date-controls-container .upload-controls, .feedMixin .new-post-container .new-post .date-controls-container .upload-controls, .feedMixin ul li .image-upload-container .upload-controls, .feedMixin .new-post-container li .image-upload-container .upload-controls, .feedMixin ul .new-post .image-upload-container .upload-controls, .feedMixin .new-post-container .new-post .image-upload-container .upload-controls { background-color: #f5f7f9; border-radius: 500px; display: flex; align-items: center; transition: all 0.15s ease-in-out; width: 100%; } .feedMixin ul li .date-controls-container .upload-controls > button, .feedMixin .new-post-container li .date-controls-container .upload-controls > button, .feedMixin ul .new-post .date-controls-container .upload-controls > button, .feedMixin .new-post-container .new-post .date-controls-container .upload-controls > button, .feedMixin ul li .image-upload-container .upload-controls > button, .feedMixin .new-post-container li .image-upload-container .upload-controls > button, .feedMixin ul .new-post .image-upload-container .upload-controls > button, .feedMixin .new-post-container .new-post .image-upload-container .upload-controls > button { width: 40px; height: 40px; min-width: 40px; min-height: 40px; border-radius: 100%; border: 0; background: none; background-image: url('/platform/app/icons/b/image.svg'); background-position: center; background-repeat: no-repeat; cursor: pointer; transition: all 0.15s ease-in-out; } .feedMixin ul li .date-controls-container .upload-controls > button:active, .feedMixin .new-post-container li .date-controls-container .upload-controls > button:active, .feedMixin ul .new-post .date-controls-container .upload-controls > button:active, .feedMixin .new-post-container .new-post .date-controls-container .upload-controls > button:active, .feedMixin ul li .image-upload-container .upload-controls > button:active, .feedMixin .new-post-container li .image-upload-container .upload-controls > button:active, .feedMixin ul .new-post .image-upload-container .upload-controls > button:active, .feedMixin .new-post-container .new-post .image-upload-container .upload-controls > button:active { transform: scale(0.9); } .feedMixin ul li .date-controls-container .upload-controls .settings, .feedMixin .new-post-container li .date-controls-container .upload-controls .settings, .feedMixin ul .new-post .date-controls-container .upload-controls .settings, .feedMixin .new-post-container .new-post .date-controls-container .upload-controls .settings, .feedMixin ul li .image-upload-container .upload-controls .settings, .feedMixin .new-post-container li .image-upload-container .upload-controls .settings, .feedMixin ul .new-post .image-upload-container .upload-controls .settings, .feedMixin .new-post-container .new-post .image-upload-container .upload-controls .settings { transition: all 0.15s ease-in-out; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; display: flex; justify-content: right; align-items: center; } .feedMixin ul li .date-controls-container .upload-controls .settings button, .feedMixin .new-post-container li .date-controls-container .upload-controls .settings button, .feedMixin ul .new-post .date-controls-container .upload-controls .settings button, .feedMixin .new-post-container .new-post .date-controls-container .upload-controls .settings button, .feedMixin ul li .image-upload-container .upload-controls .settings button, .feedMixin .new-post-container li .image-upload-container .upload-controls .settings button, .feedMixin ul .new-post .image-upload-container .upload-controls .settings button, .feedMixin .new-post-container .new-post .image-upload-container .upload-controls .settings button { padding: 5px 10px; background: none; border: 1px solid black; border-radius: 10px; cursor: pointer; font-weight: bold; transition: all 0.15s ease-in-out; margin-right: 10px; } .feedMixin ul li .date-controls-container .upload-controls .settings button:active, .feedMixin .new-post-container li .date-controls-container .upload-controls .settings button:active, .feedMixin ul .new-post .date-controls-container .upload-controls .settings button:active, .feedMixin .new-post-container .new-post .date-controls-container .upload-controls .settings button:active, .feedMixin ul li .image-upload-container .upload-controls .settings button:active, .feedMixin .new-post-container li .image-upload-container .upload-controls .settings button:active, .feedMixin ul .new-post .image-upload-container .upload-controls .settings button:active, .feedMixin .new-post-container .new-post .image-upload-container .upload-controls .settings button:active { transform: scale(0.9); } .feedMixin ul li .date-controls-container .upload-controls .settings .schedule-and-delete, .feedMixin .new-post-container li .date-controls-container .upload-controls .settings .schedule-and-delete, .feedMixin ul .new-post .date-controls-container .upload-controls .settings .schedule-and-delete, .feedMixin .new-post-container .new-post .date-controls-container .upload-controls .settings .schedule-and-delete, .feedMixin ul li .image-upload-container .upload-controls .settings .schedule-and-delete, .feedMixin .new-post-container li .image-upload-container .upload-controls .settings .schedule-and-delete, .feedMixin ul .new-post .image-upload-container .upload-controls .settings .schedule-and-delete, .feedMixin .new-post-container .new-post .image-upload-container .upload-controls .settings .schedule-and-delete { display: flex; justify-content: space-between; } .feedMixin ul li .date-controls-container .upload-controls .settings .schedule-and-delete .schedule-button, .feedMixin .new-post-container li .date-controls-container .upload-controls .settings .schedule-and-delete .schedule-button, .feedMixin ul .new-post .date-controls-container .upload-controls .settings .schedule-and-delete .schedule-button, .feedMixin .new-post-container .new-post .date-controls-container .upload-controls .settings .schedule-and-delete .schedule-button, .feedMixin ul li .image-upload-container .upload-controls .settings .schedule-and-delete .schedule-button, .feedMixin .new-post-container li .image-upload-container .upload-controls .settings .schedule-and-delete .schedule-button, .feedMixin ul .new-post .image-upload-container .upload-controls .settings .schedule-and-delete .schedule-button, .feedMixin .new-post-container .new-post .image-upload-container .upload-controls .settings .schedule-and-delete .schedule-button { position: relative; } .feedMixin ul li .date-controls-container .upload-controls .settings .schedule-and-delete .schedule-button.disabled, .feedMixin .new-post-container li .date-controls-container .upload-controls .settings .schedule-and-delete .schedule-button.disabled, .feedMixin ul .new-post .date-controls-container .upload-controls .settings .schedule-and-delete .schedule-button.disabled, .feedMixin .new-post-container .new-post .date-controls-container .upload-controls .settings .schedule-and-delete .schedule-button.disabled, .feedMixin ul li .image-upload-container .upload-controls .settings .schedule-and-delete .schedule-button.disabled, .feedMixin .new-post-container li .image-upload-container .upload-controls .settings .schedule-and-delete .schedule-button.disabled, .feedMixin ul .new-post .image-upload-container .upload-controls .settings .schedule-and-delete .schedule-button.disabled, .feedMixin .new-post-container .new-post .image-upload-container .upload-controls .settings .schedule-and-delete .schedule-button.disabled { pointer-events: none; opacity: 0.25; } .feedMixin ul li .date-controls-container .upload-controls .settings .schedule-and-delete button:disabled, .feedMixin .new-post-container li .date-controls-container .upload-controls .settings .schedule-and-delete button:disabled, .feedMixin ul .new-post .date-controls-container .upload-controls .settings .schedule-and-delete button:disabled, .feedMixin .new-post-container .new-post .date-controls-container .upload-controls .settings .schedule-and-delete button:disabled, .feedMixin ul li .image-upload-container .upload-controls .settings .schedule-and-delete button:disabled, .feedMixin .new-post-container li .image-upload-container .upload-controls .settings .schedule-and-delete button:disabled, .feedMixin ul .new-post .image-upload-container .upload-controls .settings .schedule-and-delete button:disabled, .feedMixin .new-post-container .new-post .image-upload-container .upload-controls .settings .schedule-and-delete button:disabled { pointer-events: none; opacity: 0.25; color: black !important; } .feedMixin ul li .date-controls-container .upload-controls.collapsed, .feedMixin .new-post-container li .date-controls-container .upload-controls.collapsed, .feedMixin ul .new-post .date-controls-container .upload-controls.collapsed, .feedMixin .new-post-container .new-post .date-controls-container .upload-controls.collapsed, .feedMixin ul li .image-upload-container .upload-controls.collapsed, .feedMixin .new-post-container li .image-upload-container .upload-controls.collapsed, .feedMixin ul .new-post .image-upload-container .upload-controls.collapsed, .feedMixin .new-post-container .new-post .image-upload-container .upload-controls.collapsed { width: 40px; } .feedMixin ul li .date-controls-container .upload-controls.collapsed .schedule-settings, .feedMixin .new-post-container li .date-controls-container .upload-controls.collapsed .schedule-settings, .feedMixin ul .new-post .date-controls-container .upload-controls.collapsed .schedule-settings, .feedMixin .new-post-container .new-post .date-controls-container .upload-controls.collapsed .schedule-settings, .feedMixin ul li .image-upload-container .upload-controls.collapsed .schedule-settings, .feedMixin .new-post-container li .image-upload-container .upload-controls.collapsed .schedule-settings, .feedMixin ul .new-post .image-upload-container .upload-controls.collapsed .schedule-settings, .feedMixin .new-post-container .new-post .image-upload-container .upload-controls.collapsed .schedule-settings { width: 0px; } .feedMixin ul li .date-controls-container.pre-send .date-controls, .feedMixin .new-post-container li .date-controls-container.pre-send .date-controls, .feedMixin ul .new-post .date-controls-container.pre-send .date-controls, .feedMixin .new-post-container .new-post .date-controls-container.pre-send .date-controls, .feedMixin ul li .image-upload-container.pre-send .date-controls, .feedMixin .new-post-container li .image-upload-container.pre-send .date-controls, .feedMixin ul .new-post .image-upload-container.pre-send .date-controls, .feedMixin .new-post-container .new-post .image-upload-container.pre-send .date-controls { width: 40px; opacity: 0.25; pointer-events: none; } .feedMixin ul li .date-controls-container.pre-send .date-controls .schedule-settings, .feedMixin .new-post-container li .date-controls-container.pre-send .date-controls .schedule-settings, .feedMixin ul .new-post .date-controls-container.pre-send .date-controls .schedule-settings, .feedMixin .new-post-container .new-post .date-controls-container.pre-send .date-controls .schedule-settings, .feedMixin ul li .image-upload-container.pre-send .date-controls .schedule-settings, .feedMixin .new-post-container li .image-upload-container.pre-send .date-controls .schedule-settings, .feedMixin ul .new-post .image-upload-container.pre-send .date-controls .schedule-settings, .feedMixin .new-post-container .new-post .image-upload-container.pre-send .date-controls .schedule-settings { width: 0px; } .feedMixin ul li .date-controls-container.sending-now .date-controls, .feedMixin .new-post-container li .date-controls-container.sending-now .date-controls, .feedMixin ul .new-post .date-controls-container.sending-now .date-controls, .feedMixin .new-post-container .new-post .date-controls-container.sending-now .date-controls, .feedMixin ul li .image-upload-container.sending-now .date-controls, .feedMixin .new-post-container li .image-upload-container.sending-now .date-controls, .feedMixin ul .new-post .image-upload-container.sending-now .date-controls, .feedMixin .new-post-container .new-post .image-upload-container.sending-now .date-controls { width: 40px; pointer-events: none; } .feedMixin ul li .date-controls-container.sending-now .date-controls button, .feedMixin .new-post-container li .date-controls-container.sending-now .date-controls button, .feedMixin ul .new-post .date-controls-container.sending-now .date-controls button, .feedMixin .new-post-container .new-post .date-controls-container.sending-now .date-controls button, .feedMixin ul li .image-upload-container.sending-now .date-controls button, .feedMixin .new-post-container li .image-upload-container.sending-now .date-controls button, .feedMixin ul .new-post .image-upload-container.sending-now .date-controls button, .feedMixin .new-post-container .new-post .image-upload-container.sending-now .date-controls button { background-image: url('/platform/app/images/loading-small.gif'); background-size: 20px; } .feedMixin ul li .date-controls-container.sending-now .date-controls .schedule-settings, .feedMixin .new-post-container li .date-controls-container.sending-now .date-controls .schedule-settings, .feedMixin ul .new-post .date-controls-container.sending-now .date-controls .schedule-settings, .feedMixin .new-post-container .new-post .date-controls-container.sending-now .date-controls .schedule-settings, .feedMixin ul li .image-upload-container.sending-now .date-controls .schedule-settings, .feedMixin .new-post-container li .image-upload-container.sending-now .date-controls .schedule-settings, .feedMixin ul .new-post .image-upload-container.sending-now .date-controls .schedule-settings, .feedMixin .new-post-container .new-post .image-upload-container.sending-now .date-controls .schedule-settings { width: 0px; } .feedMixin ul li .date-controls-container.sent .date-controls, .feedMixin .new-post-container li .date-controls-container.sent .date-controls, .feedMixin ul .new-post .date-controls-container.sent .date-controls, .feedMixin .new-post-container .new-post .date-controls-container.sent .date-controls, .feedMixin ul li .image-upload-container.sent .date-controls, .feedMixin .new-post-container li .image-upload-container.sent .date-controls, .feedMixin ul .new-post .image-upload-container.sent .date-controls, .feedMixin .new-post-container .new-post .image-upload-container.sent .date-controls { background-color: #3485fd; } .feedMixin ul li .date-controls-container.sent .date-controls > button, .feedMixin .new-post-container li .date-controls-container.sent .date-controls > button, .feedMixin ul .new-post .date-controls-container.sent .date-controls > button, .feedMixin .new-post-container .new-post .date-controls-container.sent .date-controls > button, .feedMixin ul li .image-upload-container.sent .date-controls > button, .feedMixin .new-post-container li .image-upload-container.sent .date-controls > button, .feedMixin ul .new-post .image-upload-container.sent .date-controls > button, .feedMixin .new-post-container .new-post .image-upload-container.sent .date-controls > button { background-image: url('/platform/app/icons/w/check.svg'); } .feedMixin ul li .date-controls-container.sent .date-controls .schedule-settings, .feedMixin .new-post-container li .date-controls-container.sent .date-controls .schedule-settings, .feedMixin ul .new-post .date-controls-container.sent .date-controls .schedule-settings, .feedMixin .new-post-container .new-post .date-controls-container.sent .date-controls .schedule-settings, .feedMixin ul li .image-upload-container.sent .date-controls .schedule-settings, .feedMixin .new-post-container li .image-upload-container.sent .date-controls .schedule-settings, .feedMixin ul .new-post .image-upload-container.sent .date-controls .schedule-settings, .feedMixin .new-post-container .new-post .image-upload-container.sent .date-controls .schedule-settings { color: white; } .feedMixin ul li .date-controls-container.sent .date-controls .schedule-settings > button, .feedMixin .new-post-container li .date-controls-container.sent .date-controls .schedule-settings > button, .feedMixin ul .new-post .date-controls-container.sent .date-controls .schedule-settings > button, .feedMixin .new-post-container .new-post .date-controls-container.sent .date-controls .schedule-settings > button, .feedMixin ul li .image-upload-container.sent .date-controls .schedule-settings > button, .feedMixin .new-post-container li .image-upload-container.sent .date-controls .schedule-settings > button, .feedMixin ul .new-post .image-upload-container.sent .date-controls .schedule-settings > button, .feedMixin .new-post-container .new-post .image-upload-container.sent .date-controls .schedule-settings > button { border-color: white; color: white; } .feedMixin ul li .date-controls-container.failed .date-controls, .feedMixin .new-post-container li .date-controls-container.failed .date-controls, .feedMixin ul .new-post .date-controls-container.failed .date-controls, .feedMixin .new-post-container .new-post .date-controls-container.failed .date-controls, .feedMixin ul li .image-upload-container.failed .date-controls, .feedMixin .new-post-container li .image-upload-container.failed .date-controls, .feedMixin ul .new-post .image-upload-container.failed .date-controls, .feedMixin .new-post-container .new-post .image-upload-container.failed .date-controls { background-color: #fd3434; } .feedMixin ul li .date-controls-container.failed .date-controls > button, .feedMixin .new-post-container li .date-controls-container.failed .date-controls > button, .feedMixin ul .new-post .date-controls-container.failed .date-controls > button, .feedMixin .new-post-container .new-post .date-controls-container.failed .date-controls > button, .feedMixin ul li .image-upload-container.failed .date-controls > button, .feedMixin .new-post-container li .image-upload-container.failed .date-controls > button, .feedMixin ul .new-post .image-upload-container.failed .date-controls > button, .feedMixin .new-post-container .new-post .image-upload-container.failed .date-controls > button { background-image: url('/platform/app/icons/w/x.svg'); } .feedMixin ul li .date-controls-container.failed .date-controls .schedule-settings, .feedMixin .new-post-container li .date-controls-container.failed .date-controls .schedule-settings, .feedMixin ul .new-post .date-controls-container.failed .date-controls .schedule-settings, .feedMixin .new-post-container .new-post .date-controls-container.failed .date-controls .schedule-settings, .feedMixin ul li .image-upload-container.failed .date-controls .schedule-settings, .feedMixin .new-post-container li .image-upload-container.failed .date-controls .schedule-settings, .feedMixin ul .new-post .image-upload-container.failed .date-controls .schedule-settings, .feedMixin .new-post-container .new-post .image-upload-container.failed .date-controls .schedule-settings { color: white; } .feedMixin ul li .date-controls-container.failed .date-controls .schedule-settings .failure-buttons > button, .feedMixin .new-post-container li .date-controls-container.failed .date-controls .schedule-settings .failure-buttons > button, .feedMixin ul .new-post .date-controls-container.failed .date-controls .schedule-settings .failure-buttons > button, .feedMixin .new-post-container .new-post .date-controls-container.failed .date-controls .schedule-settings .failure-buttons > button, .feedMixin ul li .image-upload-container.failed .date-controls .schedule-settings .failure-buttons > button, .feedMixin .new-post-container li .image-upload-container.failed .date-controls .schedule-settings .failure-buttons > button, .feedMixin ul .new-post .image-upload-container.failed .date-controls .schedule-settings .failure-buttons > button, .feedMixin .new-post-container .new-post .image-upload-container.failed .date-controls .schedule-settings .failure-buttons > button { border-color: white; color: white; margin-right: 0px; } .feedMixin ul li .date-controls-container.failed .date-controls .schedule-settings .failure-buttons > button:last-child, .feedMixin .new-post-container li .date-controls-container.failed .date-controls .schedule-settings .failure-buttons > button:last-child, .feedMixin ul .new-post .date-controls-container.failed .date-controls .schedule-settings .failure-buttons > button:last-child, .feedMixin .new-post-container .new-post .date-controls-container.failed .date-controls .schedule-settings .failure-buttons > button:last-child, .feedMixin ul li .image-upload-container.failed .date-controls .schedule-settings .failure-buttons > button:last-child, .feedMixin .new-post-container li .image-upload-container.failed .date-controls .schedule-settings .failure-buttons > button:last-child, .feedMixin ul .new-post .image-upload-container.failed .date-controls .schedule-settings .failure-buttons > button:last-child, .feedMixin .new-post-container .new-post .image-upload-container.failed .date-controls .schedule-settings .failure-buttons > button:last-child { margin-right: 10px; } .feedMixin ul li .date-controls-container.tweet-too-long .date-controls, .feedMixin .new-post-container li .date-controls-container.tweet-too-long .date-controls, .feedMixin ul .new-post .date-controls-container.tweet-too-long .date-controls, .feedMixin .new-post-container .new-post .date-controls-container.tweet-too-long .date-controls, .feedMixin ul li .image-upload-container.tweet-too-long .date-controls, .feedMixin .new-post-container li .image-upload-container.tweet-too-long .date-controls, .feedMixin ul .new-post .image-upload-container.tweet-too-long .date-controls, .feedMixin .new-post-container .new-post .image-upload-container.tweet-too-long .date-controls { background-color: #fa5320; } .feedMixin ul li .date-controls-container.tweet-too-long .date-controls > button, .feedMixin .new-post-container li .date-controls-container.tweet-too-long .date-controls > button, .feedMixin ul .new-post .date-controls-container.tweet-too-long .date-controls > button, .feedMixin .new-post-container .new-post .date-controls-container.tweet-too-long .date-controls > button, .feedMixin ul li .image-upload-container.tweet-too-long .date-controls > button, .feedMixin .new-post-container li .image-upload-container.tweet-too-long .date-controls > button, .feedMixin ul .new-post .image-upload-container.tweet-too-long .date-controls > button, .feedMixin .new-post-container .new-post .image-upload-container.tweet-too-long .date-controls > button { background-image: url('/platform/app/icons/w/exclamation.svg'); background-size: 3px; pointer-events: none; } .feedMixin ul li .date-controls-container.tweet-too-long .date-controls .schedule-settings, .feedMixin .new-post-container li .date-controls-container.tweet-too-long .date-controls .schedule-settings, .feedMixin ul .new-post .date-controls-container.tweet-too-long .date-controls .schedule-settings, .feedMixin .new-post-container .new-post .date-controls-container.tweet-too-long .date-controls .schedule-settings, .feedMixin ul li .image-upload-container.tweet-too-long .date-controls .schedule-settings, .feedMixin .new-post-container li .image-upload-container.tweet-too-long .date-controls .schedule-settings, .feedMixin ul .new-post .image-upload-container.tweet-too-long .date-controls .schedule-settings, .feedMixin .new-post-container .new-post .image-upload-container.tweet-too-long .date-controls .schedule-settings { color: white; display: block; text-align: right; padding-right: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .feedMixin ul li .date-controls-container.debug .date-controls, .feedMixin .new-post-container li .date-controls-container.debug .date-controls, .feedMixin ul .new-post .date-controls-container.debug .date-controls, .feedMixin .new-post-container .new-post .date-controls-container.debug .date-controls, .feedMixin ul li .image-upload-container.debug .date-controls, .feedMixin .new-post-container li .image-upload-container.debug .date-controls, .feedMixin ul .new-post .image-upload-container.debug .date-controls, .feedMixin .new-post-container .new-post .image-upload-container.debug .date-controls { background-color: #5443c8; } .feedMixin ul li .date-controls-container.debug .date-controls > button, .feedMixin .new-post-container li .date-controls-container.debug .date-controls > button, .feedMixin ul .new-post .date-controls-container.debug .date-controls > button, .feedMixin .new-post-container .new-post .date-controls-container.debug .date-controls > button, .feedMixin ul li .image-upload-container.debug .date-controls > button, .feedMixin .new-post-container li .image-upload-container.debug .date-controls > button, .feedMixin ul .new-post .image-upload-container.debug .date-controls > button, .feedMixin .new-post-container .new-post .image-upload-container.debug .date-controls > button { background-image: url('/platform/app/icons/w/stars.svg'); } .feedMixin ul li .date-controls-container.debug .date-controls .schedule-settings, .feedMixin .new-post-container li .date-controls-container.debug .date-controls .schedule-settings, .feedMixin ul .new-post .date-controls-container.debug .date-controls .schedule-settings, .feedMixin .new-post-container .new-post .date-controls-container.debug .date-controls .schedule-settings, .feedMixin ul li .image-upload-container.debug .date-controls .schedule-settings, .feedMixin .new-post-container li .image-upload-container.debug .date-controls .schedule-settings, .feedMixin ul .new-post .image-upload-container.debug .date-controls .schedule-settings, .feedMixin .new-post-container .new-post .image-upload-container.debug .date-controls .schedule-settings { color: white; } .feedMixin ul li .date-controls-container.debug .date-controls .schedule-settings .failure-buttons > button, .feedMixin .new-post-container li .date-controls-container.debug .date-controls .schedule-settings .failure-buttons > button, .feedMixin ul .new-post .date-controls-container.debug .date-controls .schedule-settings .failure-buttons > button, .feedMixin .new-post-container .new-post .date-controls-container.debug .date-controls .schedule-settings .failure-buttons > button, .feedMixin ul li .image-upload-container.debug .date-controls .schedule-settings .failure-buttons > button, .feedMixin .new-post-container li .image-upload-container.debug .date-controls .schedule-settings .failure-buttons > button, .feedMixin ul .new-post .image-upload-container.debug .date-controls .schedule-settings .failure-buttons > button, .feedMixin .new-post-container .new-post .image-upload-container.debug .date-controls .schedule-settings .failure-buttons > button { border-color: white; color: white; margin-right: 0px; } .feedMixin ul li .date-controls-container.debug .date-controls .schedule-settings .failure-buttons > button:last-child, .feedMixin .new-post-container li .date-controls-container.debug .date-controls .schedule-settings .failure-buttons > button:last-child, .feedMixin ul .new-post .date-controls-container.debug .date-controls .schedule-settings .failure-buttons > button:last-child, .feedMixin .new-post-container .new-post .date-controls-container.debug .date-controls .schedule-settings .failure-buttons > button:last-child, .feedMixin ul li .image-upload-container.debug .date-controls .schedule-settings .failure-buttons > button:last-child, .feedMixin .new-post-container li .image-upload-container.debug .date-controls .schedule-settings .failure-buttons > button:last-child, .feedMixin ul .new-post .image-upload-container.debug .date-controls .schedule-settings .failure-buttons > button:last-child, .feedMixin .new-post-container .new-post .image-upload-container.debug .date-controls .schedule-settings .failure-buttons > button:last-child { margin-right: 10px; } .feedMixin ul li .date-controls-container.delete .date-controls > button, .feedMixin .new-post-container li .date-controls-container.delete .date-controls > button, .feedMixin ul .new-post .date-controls-container.delete .date-controls > button, .feedMixin .new-post-container .new-post .date-controls-container.delete .date-controls > button, .feedMixin ul li .image-upload-container.delete .date-controls > button, .feedMixin .new-post-container li .image-upload-container.delete .date-controls > button, .feedMixin ul .new-post .image-upload-container.delete .date-controls > button, .feedMixin .new-post-container .new-post .image-upload-container.delete .date-controls > button { background-image: url('/platform/app/icons/b/trash.svg'); background-size: 20px; } .feedMixin ul li .date-controls-container.delete .date-controls .schedule-settings .failure-buttons > button, .feedMixin .new-post-container li .date-controls-container.delete .date-controls .schedule-settings .failure-buttons > button, .feedMixin ul .new-post .date-controls-container.delete .date-controls .schedule-settings .failure-buttons > button, .feedMixin .new-post-container .new-post .date-controls-container.delete .date-controls .schedule-settings .failure-buttons > button, .feedMixin ul li .image-upload-container.delete .date-controls .schedule-settings .failure-buttons > button, .feedMixin .new-post-container li .image-upload-container.delete .date-controls .schedule-settings .failure-buttons > button, .feedMixin ul .new-post .image-upload-container.delete .date-controls .schedule-settings .failure-buttons > button, .feedMixin .new-post-container .new-post .image-upload-container.delete .date-controls .schedule-settings .failure-buttons > button { margin-right: 0px; } .feedMixin ul li .date-controls-container.delete .date-controls .schedule-settings .failure-buttons > button:last-child, .feedMixin .new-post-container li .date-controls-container.delete .date-controls .schedule-settings .failure-buttons > button:last-child, .feedMixin ul .new-post .date-controls-container.delete .date-controls .schedule-settings .failure-buttons > button:last-child, .feedMixin .new-post-container .new-post .date-controls-container.delete .date-controls .schedule-settings .failure-buttons > button:last-child, .feedMixin ul li .image-upload-container.delete .date-controls .schedule-settings .failure-buttons > button:last-child, .feedMixin .new-post-container li .image-upload-container.delete .date-controls .schedule-settings .failure-buttons > button:last-child, .feedMixin ul .new-post .image-upload-container.delete .date-controls .schedule-settings .failure-buttons > button:last-child, .feedMixin .new-post-container .new-post .image-upload-container.delete .date-controls .schedule-settings .failure-buttons > button:last-child { margin-right: 10px; } .feedMixin ul li .attached-link, .feedMixin .new-post-container li .attached-link, .feedMixin ul .new-post .attached-link, .feedMixin .new-post-container .new-post .attached-link { background-color: #f5f7f9; border-radius: 500px; margin-top: 10px; display: flex; align-items: center; padding: 5px 0px; } .feedMixin ul li .attached-link b, .feedMixin .new-post-container li .attached-link b, .feedMixin ul .new-post .attached-link b, .feedMixin .new-post-container .new-post .attached-link b { width: 30px; height: 30px; min-width: 40px; min-height: 40px; background-image: url('/platform/app/icons/g/link.svg'); background-position: center; background-repeat: no-repeat; } .feedMixin ul li .attached-link .link-info, .feedMixin .new-post-container li .attached-link .link-info, .feedMixin ul .new-post .attached-link .link-info, .feedMixin .new-post-container .new-post .attached-link .link-info { width: calc(100% - 60px); margin-left: 10px; } .feedMixin ul li .attached-link .link-info a, .feedMixin .new-post-container li .attached-link .link-info a, .feedMixin ul .new-post .attached-link .link-info a, .feedMixin .new-post-container .new-post .attached-link .link-info a { color: #798a9c; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; width: calc(100%); font-size: 14px; transition: color 0.15s ease-in-out; } .feedMixin ul li .attached-link .link-info a:hover, .feedMixin .new-post-container li .attached-link .link-info a:hover, .feedMixin ul .new-post .attached-link .link-info a:hover, .feedMixin .new-post-container .new-post .attached-link .link-info a:hover { color: black; } .feedMixin ul li .attached-link .link-info span, .feedMixin .new-post-container li .attached-link .link-info span, .feedMixin ul .new-post .attached-link .link-info span, .feedMixin .new-post-container .new-post .attached-link .link-info span { font-size: 12px; display: block; margin-top: 2px; } .feedMixin ul li > .timepicker-container, .feedMixin .new-post-container li > .timepicker-container, .feedMixin ul .new-post > .timepicker-container, .feedMixin .new-post-container .new-post > .timepicker-container { position: fixed !important; z-index: 5 !important; display: flex; justify-content: space-between; } @media screen and (max-width: 768px) { .feedMixin ul li > .timepicker-container, .feedMixin .new-post-container li > .timepicker-container, .feedMixin ul .new-post > .timepicker-container, .feedMixin .new-post-container .new-post > .timepicker-container { flex-direction: column; } } .feedMixin ul li > .timepicker-container .calendar, .feedMixin .new-post-container li > .timepicker-container .calendar, .feedMixin ul .new-post > .timepicker-container .calendar, .feedMixin .new-post-container .new-post > .timepicker-container .calendar { background-color: white; border-radius: 20px; padding: 20px; margin-bottom: 5px; box-shadow: 0 1px 12.5px 0 rgba(0, 0, 0, 0.19); margin-right: 20px; width: 300px; } .feedMixin ul li > .timepicker-container .calendar .heading, .feedMixin .new-post-container li > .timepicker-container .calendar .heading, .feedMixin ul .new-post > .timepicker-container .calendar .heading, .feedMixin .new-post-container .new-post > .timepicker-container .calendar .heading { display: flex; justify-content: space-between; align-items: center; background-color: white; border-radius: 500px; width: calc(100% - 10px); padding: 5px; margin-bottom: 20px; } .feedMixin ul li > .timepicker-container .calendar .heading button, .feedMixin .new-post-container li > .timepicker-container .calendar .heading button, .feedMixin ul .new-post > .timepicker-container .calendar .heading button, .feedMixin .new-post-container .new-post > .timepicker-container .calendar .heading button { width: 30px; height: 30px; border: 0; border-radius: 100%; background-color: #f5f7f9; cursor: pointer; transition: all 0.15s ease-in-out; background-position: center; background-repeat: no-repeat; background-size: 15px; } .feedMixin ul li > .timepicker-container .calendar .heading button:not(.disabled):active, .feedMixin .new-post-container li > .timepicker-container .calendar .heading button:not(.disabled):active, .feedMixin ul .new-post > .timepicker-container .calendar .heading button:not(.disabled):active, .feedMixin .new-post-container .new-post > .timepicker-container .calendar .heading button:not(.disabled):active { transform: scale(0.9); } .feedMixin ul li > .timepicker-container .calendar .heading button:nth-of-type(1), .feedMixin .new-post-container li > .timepicker-container .calendar .heading button:nth-of-type(1), .feedMixin ul .new-post > .timepicker-container .calendar .heading button:nth-of-type(1), .feedMixin .new-post-container .new-post > .timepicker-container .calendar .heading button:nth-of-type(1) { background-image: url('/platform/app/icons/g/arrow-left.svg'); } .feedMixin ul li > .timepicker-container .calendar .heading button:nth-of-type(2), .feedMixin .new-post-container li > .timepicker-container .calendar .heading button:nth-of-type(2), .feedMixin ul .new-post > .timepicker-container .calendar .heading button:nth-of-type(2), .feedMixin .new-post-container .new-post > .timepicker-container .calendar .heading button:nth-of-type(2) { background-image: url('/platform/app/icons/g/arrow-right.svg'); } .feedMixin ul li > .timepicker-container .calendar .heading button.disabled, .feedMixin .new-post-container li > .timepicker-container .calendar .heading button.disabled, .feedMixin ul .new-post > .timepicker-container .calendar .heading button.disabled, .feedMixin .new-post-container .new-post > .timepicker-container .calendar .heading button.disabled { opacity: 0.25; cursor: not-allowed; } .feedMixin ul li > .timepicker-container .calendar .heading label, .feedMixin .new-post-container li > .timepicker-container .calendar .heading label, .feedMixin ul .new-post > .timepicker-container .calendar .heading label, .feedMixin .new-post-container .new-post > .timepicker-container .calendar .heading label { font-weight: bold; position: relative; } .feedMixin ul li > .timepicker-container .calendar .heading label input, .feedMixin .new-post-container li > .timepicker-container .calendar .heading label input, .feedMixin ul .new-post > .timepicker-container .calendar .heading label input, .feedMixin .new-post-container .new-post > .timepicker-container .calendar .heading label input { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; cursor: pointer; } .feedMixin ul li > .timepicker-container .calendar .days, .feedMixin .new-post-container li > .timepicker-container .calendar .days, .feedMixin ul .new-post > .timepicker-container .calendar .days, .feedMixin .new-post-container .new-post > .timepicker-container .calendar .days { display: flex; justify-content: space-between; margin-bottom: 10px; } .feedMixin ul li > .timepicker-container .calendar .days .day, .feedMixin .new-post-container li > .timepicker-container .calendar .days .day, .feedMixin ul .new-post > .timepicker-container .calendar .days .day, .feedMixin .new-post-container .new-post > .timepicker-container .calendar .days .day { margin: 0; text-transform: uppercase; width: calc(100% / 7); text-align: center; } .feedMixin ul li > .timepicker-container .calendar .dates, .feedMixin .new-post-container li > .timepicker-container .calendar .dates, .feedMixin ul .new-post > .timepicker-container .calendar .dates, .feedMixin .new-post-container .new-post > .timepicker-container .calendar .dates { display: flex; flex-wrap: wrap; } .feedMixin ul li > .timepicker-container .calendar .dates .date, .feedMixin .new-post-container li > .timepicker-container .calendar .dates .date, .feedMixin ul .new-post > .timepicker-container .calendar .dates .date, .feedMixin .new-post-container .new-post > .timepicker-container .calendar .dates .date { width: calc(100% / 7); text-align: center; transition: all 0.15s ease-in-out; display: flex; justify-content: center; margin-bottom: 5px; } .feedMixin ul li > .timepicker-container .calendar .dates .date:not(.disabled):hover b, .feedMixin .new-post-container li > .timepicker-container .calendar .dates .date:not(.disabled):hover b, .feedMixin ul .new-post > .timepicker-container .calendar .dates .date:not(.disabled):hover b, .feedMixin .new-post-container .new-post > .timepicker-container .calendar .dates .date:not(.disabled):hover b, .feedMixin ul li > .timepicker-container .calendar .dates .date:not(.disabled).active b, .feedMixin .new-post-container li > .timepicker-container .calendar .dates .date:not(.disabled).active b, .feedMixin ul .new-post > .timepicker-container .calendar .dates .date:not(.disabled).active b, .feedMixin .new-post-container .new-post > .timepicker-container .calendar .dates .date:not(.disabled).active b { background-color: #3485fd; color: white; } .feedMixin ul li > .timepicker-container .calendar .dates .date:not(.disabled):active, .feedMixin .new-post-container li > .timepicker-container .calendar .dates .date:not(.disabled):active, .feedMixin ul .new-post > .timepicker-container .calendar .dates .date:not(.disabled):active, .feedMixin .new-post-container .new-post > .timepicker-container .calendar .dates .date:not(.disabled):active { transform: scale(0.95); } .feedMixin ul li > .timepicker-container .calendar .dates .date:not(.disabled) b, .feedMixin .new-post-container li > .timepicker-container .calendar .dates .date:not(.disabled) b, .feedMixin ul .new-post > .timepicker-container .calendar .dates .date:not(.disabled) b, .feedMixin .new-post-container .new-post > .timepicker-container .calendar .dates .date:not(.disabled) b { display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; transition: all 0.15s ease-in-out; user-select: none; border-radius: 100%; } .feedMixin ul li > .timepicker-container .calendar .dates .date:not(:empty), .feedMixin .new-post-container li > .timepicker-container .calendar .dates .date:not(:empty), .feedMixin ul .new-post > .timepicker-container .calendar .dates .date:not(:empty), .feedMixin .new-post-container .new-post > .timepicker-container .calendar .dates .date:not(:empty) { cursor: pointer; } .feedMixin ul li > .timepicker-container .calendar .dates .date.disabled, .feedMixin .new-post-container li > .timepicker-container .calendar .dates .date.disabled, .feedMixin ul .new-post > .timepicker-container .calendar .dates .date.disabled, .feedMixin .new-post-container .new-post > .timepicker-container .calendar .dates .date.disabled { opacity: 0.25; pointer-events: none; } .feedMixin ul li > .timepicker-container .timepicker-main .timepicker, .feedMixin .new-post-container li > .timepicker-container .timepicker-main .timepicker, .feedMixin ul .new-post > .timepicker-container .timepicker-main .timepicker, .feedMixin .new-post-container .new-post > .timepicker-container .timepicker-main .timepicker { background-color: white; border-radius: 20px; padding: 20px; margin-bottom: 5px; box-shadow: 0 1px 12.5px 0 rgba(0, 0, 0, 0.19); flex-direction: column; } .feedMixin ul li > .timepicker-container .timepicker-main .timepicker strong, .feedMixin .new-post-container li > .timepicker-container .timepicker-main .timepicker strong, .feedMixin ul .new-post > .timepicker-container .timepicker-main .timepicker strong, .feedMixin .new-post-container .new-post > .timepicker-container .timepicker-main .timepicker strong { text-align: center; display: block; margin-bottom: 10px; } .feedMixin ul li > .timepicker-container .timepicker-main .timepicker input, .feedMixin .new-post-container li > .timepicker-container .timepicker-main .timepicker input, .feedMixin ul .new-post > .timepicker-container .timepicker-main .timepicker input, .feedMixin .new-post-container .new-post > .timepicker-container .timepicker-main .timepicker input, .feedMixin ul li > .timepicker-container .timepicker-main .timepicker select, .feedMixin .new-post-container li > .timepicker-container .timepicker-main .timepicker select, .feedMixin ul .new-post > .timepicker-container .timepicker-main .timepicker select, .feedMixin .new-post-container .new-post > .timepicker-container .timepicker-main .timepicker select { font-weight: bold; border: 0; font-size: 16px; text-align: center; } .feedMixin ul li > .timepicker-container .timepicker-main .timepicker input:focus, .feedMixin .new-post-container li > .timepicker-container .timepicker-main .timepicker input:focus, .feedMixin ul .new-post > .timepicker-container .timepicker-main .timepicker input:focus, .feedMixin .new-post-container .new-post > .timepicker-container .timepicker-main .timepicker input:focus, .feedMixin ul li > .timepicker-container .timepicker-main .timepicker select:focus, .feedMixin .new-post-container li > .timepicker-container .timepicker-main .timepicker select:focus, .feedMixin ul .new-post > .timepicker-container .timepicker-main .timepicker select:focus, .feedMixin .new-post-container .new-post > .timepicker-container .timepicker-main .timepicker select:focus { outline: none; } .feedMixin ul li > .timepicker-container .timepicker-main button, .feedMixin .new-post-container li > .timepicker-container .timepicker-main button, .feedMixin ul .new-post > .timepicker-container .timepicker-main button, .feedMixin .new-post-container .new-post > .timepicker-container .timepicker-main button { box-shadow: 0 1px 12.5px 0 rgba(0, 0, 0, 0.19); color: white; padding: 15px; border-radius: 500px; background-color: #3485fd; border: 1px solid #3485fd; border: 0; display: block; width: 100%; font-weight: 600; font-size: 14px; transition: all 0.15s ease-in-out; cursor: pointer; } .feedMixin ul li > .timepicker-container .timepicker-main button:active, .feedMixin .new-post-container li > .timepicker-container .timepicker-main button:active, .feedMixin ul .new-post > .timepicker-container .timepicker-main button:active, .feedMixin .new-post-container .new-post > .timepicker-container .timepicker-main button:active { transform: scale(0.95); } .feedMixin ul li > .timepicker-container .timepicker-main button:last-child, .feedMixin .new-post-container li > .timepicker-container .timepicker-main button:last-child, .feedMixin ul .new-post > .timepicker-container .timepicker-main button:last-child, .feedMixin .new-post-container .new-post > .timepicker-container .timepicker-main button:last-child { background-color: #fd3434; } .feedMixin ul li > .timepicker-container .timepicker-main button:not(:last-child), .feedMixin .new-post-container li > .timepicker-container .timepicker-main button:not(:last-child), .feedMixin ul .new-post > .timepicker-container .timepicker-main button:not(:last-child), .feedMixin .new-post-container .new-post > .timepicker-container .timepicker-main button:not(:last-child) { margin-bottom: 5px; } .feedMixin ul li.empty, .feedMixin .new-post-container li.empty, .feedMixin ul .new-post.empty, .feedMixin .new-post-container .new-post.empty { display: flex; justify-content: center; align-items: center; height: calc(100% - (80px * 2)); background: none; } .feedMixin ul li.empty .empty-message, .feedMixin .new-post-container li.empty .empty-message, .feedMixin ul .new-post.empty .empty-message, .feedMixin .new-post-container .new-post.empty .empty-message { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; } .feedMixin ul li.empty .empty-message img, .feedMixin .new-post-container li.empty .empty-message img, .feedMixin ul .new-post.empty .empty-message img, .feedMixin .new-post-container .new-post.empty .empty-message img { width: 50px; margin-bottom: 10px; } .feedMixin ul li.empty .empty-message img.flashing, .feedMixin .new-post-container li.empty .empty-message img.flashing, .feedMixin ul .new-post.empty .empty-message img.flashing, .feedMixin .new-post-container .new-post.empty .empty-message img.flashing { animation: pulse 2s ease-in-out infinite; } @keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } } .feedMixin ul li.loading, .feedMixin .new-post-container li.loading, .feedMixin ul .new-post.loading, .feedMixin .new-post-container .new-post.loading { display: flex; justify-content: center; align-items: center; height: calc(100% - (20px * 2)); background: none; } .feedMixin ul li.loading .ring, .feedMixin .new-post-container li.loading .ring, .feedMixin ul .new-post.loading .ring, .feedMixin .new-post-container .new-post.loading .ring { display: inline-block; position: relative; width: 80px; height: 80px; } .feedMixin ul li.loading .ring div, .feedMixin .new-post-container li.loading .ring div, .feedMixin ul .new-post.loading .ring div, .feedMixin .new-post-container .new-post.loading .ring div { box-sizing: border-box; display: block; position: absolute; width: 64px; height: 64px; margin: 8px; border: 8px solid black; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: black transparent transparent transparent; } .feedMixin ul li.loading .ring div:nth-child(1), .feedMixin .new-post-container li.loading .ring div:nth-child(1), .feedMixin ul .new-post.loading .ring div:nth-child(1), .feedMixin .new-post-container .new-post.loading .ring div:nth-child(1) { animation-delay: -0.45s; } .feedMixin ul li.loading .ring div:nth-child(2), .feedMixin .new-post-container li.loading .ring div:nth-child(2), .feedMixin ul .new-post.loading .ring div:nth-child(2), .feedMixin .new-post-container .new-post.loading .ring div:nth-child(2) { animation-delay: -0.3s; } .feedMixin ul li.loading .ring div:nth-child(3), .feedMixin .new-post-container li.loading .ring div:nth-child(3), .feedMixin ul .new-post.loading .ring div:nth-child(3), .feedMixin .new-post-container .new-post.loading .ring div:nth-child(3) { animation-delay: -0.15s; } @keyframes lds-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .feedMixin ul li.loading-more, .feedMixin .new-post-container li.loading-more, .feedMixin ul .new-post.loading-more, .feedMixin .new-post-container .new-post.loading-more { background: none; display: flex; justify-content: center; align-items: center; } .feedMixin ul li.loading-more img, .feedMixin .new-post-container li.loading-more img, .feedMixin ul .new-post.loading-more img, .feedMixin .new-post-container .new-post.loading-more img { margin-right: 10px; } .feedMixin ul li.loading-more img.flashing, .feedMixin .new-post-container li.loading-more img.flashing, .feedMixin ul .new-post.loading-more img.flashing, .feedMixin .new-post-container .new-post.loading-more img.flashing { animation: pulse 2s ease-in-out infinite; } @keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } } .feedMixin ul li:not(:last-child), .feedMixin .new-post-container li:not(:last-child), .feedMixin ul .new-post:not(:last-child), .feedMixin .new-post-container .new-post:not(:last-child) { margin-bottom: 10px; } .feedMixin .new-post-container { margin-top: 10px; margin-bottom: 0px; position: relative; } .feedMixin .new-post-container .new-post { background-color: #798a9c; transition: all 0.25s ease-in-out; position: relative; } .feedMixin .new-post-container .new-post .new-post { display: flex; padding: 0; align-items: center; color: white; cursor: pointer; overflow: hidden; transition: all 0.25s ease-in-out; } .feedMixin .new-post-container .new-post .new-post img { width: 40px; height: 40px; margin-right: 10px; border-radius: 100%; } .feedMixin .new-post-container .new-post.active { background-color: white; overflow: hidden; } .feedMixin .new-post-container .new-post.active .new-post { height: 0; } .feedMixin .new-post-container .profile-and-post { position: relative; z-index: 10; } .feedMixin .new-post-container .date-controls-container, .feedMixin .new-post-container .image-upload-container { position: relative; z-index: 10; } .socialSignin { padding: 0; margin: 20px 0px; list-style: none; } .socialSignin li { border-radius: 20px; background-color: #f5f7f9; padding: 10px; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; } .socialSignin li b { width: 27px; height: 27px; border-radius: 100%; margin-right: 10px; background-position: center; background-repeat: no-repeat; } .socialSignin li:not(:last-child) { margin-bottom: 10px; } .socialSignin li:active { transform: scale(0.95); } .socialSignin li:hover { background-color: #3485fd; color: white; } .socialSignin li:hover.facebook b { background-image: url('/platform/app/icons/special/networks/w/facebook.svg'); } .socialSignin li:hover.twitter b { background-image: url('/platform/app/icons/special/networks/w/twitter.svg'); } .socialSignin li:hover.bluesky b { background-image: url('/platform/app/icons/special/networks/w/bluesky.svg'); } .socialSignin li:hover.linkedin b { background-image: url('/platform/app/icons/special/networks/w/linkedin.svg'); } .socialSignin li.facebook b { background-image: url('/platform/app/icons/special/networks/c/facebook.svg'); } .socialSignin li.twitter b { background-image: url('/platform/app/icons/special/networks/c/twitter.svg'); } .socialSignin li.bluesky b { background-image: url('/platform/app/icons/special/networks/c/bluesky.svg'); } .socialSignin li.linkedin b { background-image: url('/platform/app/icons/special/networks/c/linkedin.svg'); } .timePickerMixin { position: fixed !important; z-index: 5 !important; display: flex; justify-content: space-between; } @media screen and (max-width: 768px) { .timePickerMixin { flex-direction: column; } } .timePickerMixin .calendar { background-color: white; border-radius: 20px; padding: 20px; margin-bottom: 5px; box-shadow: 0 1px 12.5px 0 rgba(0, 0, 0, 0.19); margin-right: 20px; width: 300px; } .timePickerMixin .calendar .heading { display: flex; justify-content: space-between; align-items: center; background-color: white; border-radius: 500px; width: calc(100% - 10px); padding: 5px; margin-bottom: 20px; } .timePickerMixin .calendar .heading button { width: 30px; height: 30px; border: 0; border-radius: 100%; background-color: #f5f7f9; cursor: pointer; transition: all 0.15s ease-in-out; background-position: center; background-repeat: no-repeat; background-size: 15px; } .timePickerMixin .calendar .heading button:not(.disabled):active { transform: scale(0.9); } .timePickerMixin .calendar .heading button:nth-of-type(1) { background-image: url('/platform/app/icons/g/arrow-left.svg'); } .timePickerMixin .calendar .heading button:nth-of-type(2) { background-image: url('/platform/app/icons/g/arrow-right.svg'); } .timePickerMixin .calendar .heading button.disabled { opacity: 0.25; cursor: not-allowed; } .timePickerMixin .calendar .heading label { font-weight: bold; position: relative; } .timePickerMixin .calendar .heading label input { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; cursor: pointer; } .timePickerMixin .calendar .days { display: flex; justify-content: space-between; margin-bottom: 10px; } .timePickerMixin .calendar .days .day { margin: 0; text-transform: uppercase; width: calc(100% / 7); text-align: center; } .timePickerMixin .calendar .dates { display: flex; flex-wrap: wrap; } .timePickerMixin .calendar .dates .date { width: calc(100% / 7); text-align: center; transition: all 0.15s ease-in-out; display: flex; justify-content: center; margin-bottom: 5px; } .timePickerMixin .calendar .dates .date:not(.disabled):hover b, .timePickerMixin .calendar .dates .date:not(.disabled).active b { background-color: #3485fd; color: white; } .timePickerMixin .calendar .dates .date:not(.disabled):active { transform: scale(0.95); } .timePickerMixin .calendar .dates .date:not(.disabled) b { display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; transition: all 0.15s ease-in-out; user-select: none; border-radius: 100%; } .timePickerMixin .calendar .dates .date:not(:empty) { cursor: pointer; } .timePickerMixin .calendar .dates .date.disabled { opacity: 0.25; pointer-events: none; } .timePickerMixin .timepicker-main .timepicker { background-color: white; border-radius: 20px; padding: 20px; margin-bottom: 5px; box-shadow: 0 1px 12.5px 0 rgba(0, 0, 0, 0.19); flex-direction: column; } .timePickerMixin .timepicker-main .timepicker strong { text-align: center; display: block; margin-bottom: 10px; } .timePickerMixin .timepicker-main .timepicker input, .timePickerMixin .timepicker-main .timepicker select { font-weight: bold; border: 0; font-size: 16px; text-align: center; } .timePickerMixin .timepicker-main .timepicker input:focus, .timePickerMixin .timepicker-main .timepicker select:focus { outline: none; } .timePickerMixin .timepicker-main button { box-shadow: 0 1px 12.5px 0 rgba(0, 0, 0, 0.19); color: white; padding: 15px; border-radius: 500px; background-color: #3485fd; border: 1px solid #3485fd; border: 0; display: block; width: 100%; font-weight: 600; font-size: 14px; transition: all 0.15s ease-in-out; cursor: pointer; } .timePickerMixin .timepicker-main button:active { transform: scale(0.95); } .timePickerMixin .timepicker-main button:last-child { background-color: #fd3434; } .timePickerMixin .timepicker-main button:not(:last-child) { margin-bottom: 5px; } @keyframes slideUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } body.night { background-color: black; } body.night .loader { filter: invert(1); -webkit-filter: invert(1); } body.night .app nav { background-color: #3d3d3d; border-right-color: #252525; } body.night .app nav .logo { filter: invert(1); -webkit-filter: invert(1); } body.night .app nav ul > li > label { color: #737373; } body.night .app nav ul > li > ul > li a { color: white; } body.night .app nav ul > li > ul > li:hover a, body.night .app nav ul > li > ul > li.active a { background-color: #242424; } body.night .app main { background-color: #242424; } body.night .app main .top-bar { background-color: #3d3d3d; border-bottom-color: #252525; } body.night .app main .top-bar .brand-and-profile-switcher .switcher-dropdown { background-color: #3d3d3d; border-color: #252525; } body.night .app main .top-bar .brand-and-profile-switcher .switcher-dropdown .profile-icon b { filter: invert(1); -webkit-filter: invert(1); } body.night .app main .top-bar .brand-and-profile-switcher .switcher-dropdown .label span { color: white; } body.night .app main .top-bar .brand-and-profile-switcher .switcher-dropdown:after { background-color: #242424; } body.night .app main .top-bar .brand-and-profile-switcher .switcher-dropdown ul.dropdown-inner { background-color: #242424; } body.night .app main .top-bar .brand-and-profile-switcher .switcher-dropdown ul.dropdown-inner li.add-new-profile:not(:hover,.active), body.night .app main .top-bar .brand-and-profile-switcher .switcher-dropdown ul.dropdown-inner li.add-new-brand:not(:hover,.active) { filter: invert(1); -webkit-filter: invert(1); } body.night .app main .top-bar .brand-and-profile-switcher .switcher-dropdown ul.dropdown-inner li:not(.add-new-profile,.add-new-brand) span { color: white; } body.night .app main .panels h1 { color: white; } body.night .app main .panels .row .panel { background-color: #3d3d3d; border-color: #252525; color: white; } body.night .app main .panels .row .panel .form-group input, body.night .app main .panels .row .panel .form-group select { background-color: #242424; color: white; border-color: #252525; } body.night .app main .panels .row .panel ul.posts-per-day li { border-color: #252525; } body.night .app main .panels .row .panel ul.posts-per-day li:hover { background-color: #242424; } body.night .app main .panels .row .panel .type-scale-box, body.night .app main .panels .row .panel .switch-off, body.night .app main .panels .row .panel .refresh, body.night .app main .panels .row .panel .move-to-other-brand, body.night .app main .panels .row .panel .delete-profile { border-color: #252525; } body.night .app main .panels .row .panel .type-scale-box .type-scale .scale input[type=range]::-webkit-slider-runnable-track { border-color: #252525; } body.night .app main .panels .row .panel .switches .switch-option { border-color: #252525; } body.night .app main .panels .row .panel .switches .switch-option .switch .obj { border-color: #252525; } body.night .app main .curate .feed .day-switcher-and-suggestions-toggle .day-switcher { background-color: #3d3d3d; color: white; } body.night .app main .curate .feed .day-switcher-and-suggestions-toggle .day-switcher button { background-color: #242424; } body.night .app main .curate .feed .new-post-container .new-post { background-color: #3d3d3d; border-color: #252525; } body.night .app main .curate .feed .new-post-container .new-post.active { background-color: #3d3d3d; } body.night .app main .curate .feed .new-post-container .new-post.active .profile-and-post .profile-and-type .type { filter: invert(1); -webkit-filter: invert(1); } body.night .app main .curate .feed .new-post-container .new-post.active .profile-and-post .post-data .post-content { color: white; } body.night .app main .curate .feed .new-post-container .new-post.active .image-upload-container .upload-controls { filter: invert(1); -webkit-filter: invert(1); } body.night .app main .curate .feed .new-post-container .new-post.active .date-controls-container .date-controls { filter: invert(1); -webkit-filter: invert(1); } body.night .app main .curate .feed .new-post-container .new-post.active .image-shade .image-shade-inner .image-shade-mask { filter: invert(1); -webkit-filter: invert(1); } body.night .app main .curate .feed ul li.empty { filter: invert(1); -webkit-filter: invert(1); } body.night .app main .curate .feed ul li:not(.empty) { background-color: #3d3d3d; } body.night .app main .curate .feed ul li:not(.empty) .profile-and-post .profile-and-type .type { filter: invert(1); -webkit-filter: invert(1); } body.night .app main .curate .feed ul li:not(.empty) .profile-and-post .post-data .post-content { color: white; } body.night .app main .curate .feed ul li:not(.empty) .image-upload-container .upload-controls { filter: invert(1); -webkit-filter: invert(1); } body.night .app main .curate .feed ul li:not(.empty) .date-controls-container:not(.debug) .date-controls { filter: invert(1); -webkit-filter: invert(1); } body.night .app main .curate .feed ul li:not(.empty) .image-shade .image-shade-inner .image-shade-mask { filter: invert(1); -webkit-filter: invert(1); } body.night .app main .curate .chat { background: #3d3d3d; } body.night .app main .curate .chat ul li { color: white; } body.night .app main .curate .chat ul li.user { background-color: #242424; } body.night .app main .curate .chat ul li.bot { background-color: #737373; } body.night .app main .curate .chat ul li.typing { filter: invert(1); -webkit-filter: invert(1); } body.night .app main .curate .chat ul li.other { background-color: #737373; } body.night ul.pull-down { background-color: #252525; } body.night ul.pull-down li { color: white; } body.night .btn-danger { background-color: #fd3434 !important; border-color: #5e5757 !important; color: white !important; } body.night .btn-secondary { background-color: #242424 !important; border-color: #252525 !important; color: white !important; } body.night .swal2-container { background-color: rgba(0, 0, 0, 0.5) !important; } body.night .swal2-container .swal2-header { filter: invert(1); -webkit-filter: invert(1); } body.night .swal2-container .swal2-content { color: white; } body.night .swal2-container .swal2-content .swal2-html-container { color: white; } body[data-page=generate] .generate-tiles { display: flex; flex-wrap: wrap; } body[data-page=generate] .generate-tiles .tile { flex-grow: 1; width: calc(100% / 5 - (20px * 2 / 5)); background-color: white; border-radius: 10px; margin: 10px; text-align: center; display: flex; flex-direction: column; cursor: pointer; transition: background-color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s; min-width: 200px; } body[data-page=generate] .generate-tiles .tile img { width: 100px; display: block; margin: 10px auto; transition: all 0.2s ease-in-out; } body[data-page=generate] .generate-tiles .tile h1 { margin: 0; } body[data-page=generate] .generate-tiles .tile p { margin: 20px; } body[data-page=generate] .generate-tiles .tile:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); transform: scale(1.05); background-color: #798a9c; color: white; } body[data-page=generate] .generate-tiles .tile:hover img { filter: invert(100%); } body[data-page=generate] .generate-tiles .tile:active { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); transform: scale(1.02); } body[data-page=generate] .chatbox { padding: 10px; height: calc(100vh - 60px - 1px - (20px * 2)); background: linear-gradient(180deg, #dce1ea 0%, #fefefe 100%); border-radius: 20px; display: flex; flex-direction: column; position: relative; overflow: hidden; } body[data-page=generate] .chatbox button.back { position: absolute; top: 10px; left: 10px; background: none; border: 0; border: 1px solid #798a9c; border-radius: 500px; padding: 10px 10px; background-image: url(/platform/app/icons/g/arrow-left.svg); background-position: left 5px center; background-repeat: no-repeat; color: #798a9c; padding-left: 30px; cursor: pointer; transition: all 0.2s ease-in-out; z-index: 2; } body[data-page=generate] .chatbox button.back:active { transform: scale(0.95); } body[data-page=generate] .chatbox .progress { position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; opacity: 0; transition: opacity 0.15s ease-in-out; } body[data-page=generate] .chatbox .progress.show { opacity: 1; } body[data-page=generate] .chatbox .progress .bar { position: absolute; top: 0; left: 0; height: 5px; background-color: #3485fd; border-radius: 500px; transition: width 0.15s ease-in-out; } body[data-page=generate] .chatbox > ul { height: 100%; padding: 0; list-style: none; overflow: auto; margin-top: 0px; max-width: 800px; margin: 0 auto; width: 100%; } body[data-page=generate] .chatbox > ul > li { padding: 20px; border-radius: 20px; color: black; margin-bottom: 17px; } body[data-page=generate] .chatbox > ul > li.bot, body[data-page=generate] .chatbox > ul > li.user, body[data-page=generate] .chatbox > ul > li.other, body[data-page=generate] .chatbox > ul > li.btn, body[data-page=generate] .chatbox > ul > li.chat-upgrade, body[data-page=generate] .chatbox > ul > li.chat-empty, body[data-page=generate] .chatbox > ul > li.typing { animation: slideUp 0.25s ease-in-out; } body[data-page=generate] .chatbox > ul > li.bot { background-color: white; } body[data-page=generate] .chatbox > ul > li.bot .message-body { white-space: pre-line; } body[data-page=generate] .chatbox > ul > li.user { background-color: #798a9c; color: white; } body[data-page=generate] .chatbox > ul > li.other { background-color: white; } body[data-page=generate] .chatbox > ul > li.other .profile-and-post { display: flex; justify-content: space-between; } body[data-page=generate] .chatbox > ul > li.other .profile-and-post .profile-and-type { display: flex; flex-direction: column; } body[data-page=generate] .chatbox > ul > li.other .profile-and-post .profile-and-type .image, body[data-page=generate] .chatbox > ul > li.other .profile-and-post .profile-and-type .type, body[data-page=generate] .chatbox > ul > li.other .profile-and-post .profile-and-type .attach-image { width: 40px; height: 40px; border-radius: 100%; background-position: center; background-repeat: no-repeat; } body[data-page=generate] .chatbox > ul > li.other .profile-and-post .profile-and-type .image:not(:last-child), body[data-page=generate] .chatbox > ul > li.other .profile-and-post .profile-and-type .type:not(:last-child), body[data-page=generate] .chatbox > ul > li.other .profile-and-post .profile-and-type .attach-image:not(:last-child) { margin-bottom: 10px; } body[data-page=generate] .chatbox > ul > li.other .profile-and-post .profile-and-type .image { background-size: cover; } body[data-page=generate] .chatbox > ul > li.other .profile-and-post .profile-and-type .type { background-position: center; background-size: 15px; background-repeat: no-repeat; background-color: #f5f7f9; } body[data-page=generate] .chatbox > ul > li.other .profile-and-post .profile-and-type .type.facebook, body[data-page=generate] .chatbox > ul > li.other .profile-and-post .profile-and-type .type.facebook_page, body[data-page=generate] .chatbox > ul > li.other .profile-and-post .profile-and-type .type.facebook_group, body[data-page=generate] .chatbox > ul > li.other .profile-and-post .profile-and-type .type.fb_page { background-image: url('/platform/promote/icons/social/facebook.svg'); } body[data-page=generate] .chatbox > ul > li.other .profile-and-post .profile-and-type .type.twitter, body[data-page=generate] .chatbox > ul > li.other .profile-and-post .profile-and-type .type.tw { background-image: url('/platform/promote/icons/social/twitter.svg'); background-size: 90% !important; } body[data-page=generate] .chatbox > ul > li.other .profile-and-post .profile-and-type .type.bluesky { background-image: url('/platform/promote/icons/social/bluesky.svg'); background-size: 60% !important; } body[data-page=generate] .chatbox > ul > li.other .profile-and-post .profile-and-type .type.linkedin, body[data-page=generate] .chatbox > ul > li.other .profile-and-post .profile-and-type .type.linkedin_pages, body[data-page=generate] .chatbox > ul > li.other .profile-and-post .profile-and-type .type.in_page, body[data-page=generate] .chatbox > ul > li.other .profile-and-post .profile-and-type .type.in, body[data-page=generate] .chatbox > ul > li.other .profile-and-post .profile-and-type .type.linkedin_page, body[data-page=generate] .chatbox > ul > li.other .profile-and-post .profile-and-type .type.linkedin_group { background-image: url('/platform/promote/icons/social/linkedin.svg'); background-size: 50% !important; } body[data-page=generate] .chatbox > ul > li.other .profile-and-post .profile-and-type .type.tiktok { background-image: url('/platform/promote/icons/social/tiktok.svg'); } body[data-page=generate] .chatbox > ul > li.other .profile-and-post .profile-and-type .type.discord { background-image: url('/platform/promote/icons/social/discord.svg'); background-size: 12px !important; } body[data-page=generate] .chatbox > ul > li.other .profile-and-post .profile-and-type .type.pinterest { background-image: url('/platform/promote/icons/social/pinterest.svg'); } body[data-page=generate] .chatbox > ul > li.other .profile-and-post .profile-and-type .type.linkedin, body[data-page=generate] .chatbox > ul > li.other .profile-and-post .profile-and-type .type.linkedin_pages, body[data-page=generate] .chatbox > ul > li.other .profile-and-post .profile-and-type .type.in_page, body[data-page=generate] .chatbox > ul > li.other .profile-and-post .profile-and-type .type.in { background-image: url('/platform/promote/icons/social/linkedin.svg'); } body[data-page=generate] .chatbox > ul > li.other .profile-and-post .profile-and-type .type.instagram { background-image: url('/platform/promote/icons/social/instagram.svg'); background-size: 60%; } body[data-page=generate] .chatbox > ul > li.other .profile-and-post .post-data { margin-left: 10px; width: 100%; } body[data-page=generate] .chatbox > ul > li.other .profile-and-post .post-data .profile-name { display: flex; justify-content: space-between; } body[data-page=generate] .chatbox > ul > li.other .profile-and-post .post-data .profile-name .name, body[data-page=generate] .chatbox > ul > li.other .profile-and-post .post-data .profile-name .controls { display: flex; align-items: center; } body[data-page=generate] .chatbox > ul > li.other .profile-and-post .post-data .profile-name .name { text-transform: uppercase; color: #9cabba; font-size: 12px; display: flex; align-items: center; } body[data-page=generate] .chatbox > ul > li.other .profile-and-post .post-data .profile-name .name b { width: 12px; height: 14px; margin-left: 5px; margin-right: 5px; background-image: url('/platform/app/icons/bl/verified.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; } body[data-page=generate] .chatbox > ul > li.other .profile-and-post .post-data .profile-name .controls button { height: 20px; width: 20px; background: none; border: 0; background-position: center; background-repeat: no-repeat; background-size: contain; cursor: pointer; transition: all 0.15s ease-in-out; } body[data-page=generate] .chatbox > ul > li.other .profile-and-post .post-data .profile-name .controls button:nth-child(1) { background-image: url('/platform/app/icons/b/clipboard.svg'); } body[data-page=generate] .chatbox > ul > li.other .profile-and-post .post-data .profile-name .controls button:nth-child(2) { background-image: url('/platform/app/icons/b/thumbs-up.svg'); } body[data-page=generate] .chatbox > ul > li.other .profile-and-post .post-data .profile-name .controls button:nth-child(3) { background-image: url('/platform/app/icons/b/thumbs-down.svg'); } body[data-page=generate] .chatbox > ul > li.other .profile-and-post .post-data .profile-name .controls button:active { transform: scale(0.9); } body[data-page=generate] .chatbox > ul > li.other .profile-and-post .post-data .profile-name .controls button:not(:last-child) { margin-right: 5px; } body[data-page=generate] .chatbox > ul > li.other .profile-and-post .post-data .profile-name .controls.accepted button, body[data-page=generate] .chatbox > ul > li.other .profile-and-post .post-data .profile-name .controls.rejected button { pointer-events: none; } body[data-page=generate] .chatbox > ul > li.other .profile-and-post .post-data .profile-name .controls.accepted button:not(:nth-of-type(2)) { animation: animateFade 1s ease-in-out; animation-fill-mode: forwards; } body[data-page=generate] .chatbox > ul > li.other .profile-and-post .post-data .profile-name .controls.rejected button:not(:nth-of-type(3)) { animation: animateFade 1s ease-in-out; animation-fill-mode: forwards; } @keyframes animateFade { 0% { opacity: 1; width: 20px; height: 20px; } 50% { opacity: 0; width: 20px; height: 20px; } 100% { opacity: 0; width: 0px; height: 20px; margin-right: 0px; margin-left: 0px; padding-right: 0px; padding-left: 0px; } } body[data-page=generate] .chatbox > ul > li.other .profile-and-post .post-data .post-content { white-space: pre-wrap; padding: 10px 0px; line-height: 21px; } body[data-page=generate] .chatbox > ul > li.other .date-controls-container { margin-top: 10px; } body[data-page=generate] .chatbox > ul > li.other .date-controls-container .date-controls { background-color: #f5f7f9; border-radius: 500px; display: flex; align-items: center; transition: all 0.15s ease-in-out; width: 100%; } body[data-page=generate] .chatbox > ul > li.other .date-controls-container .date-controls > button { width: 40px; height: 40px; min-width: 40px; min-height: 40px; border-radius: 100%; border: 0; background: none; background-image: url('/platform/app/icons/b/calendar.svg'); background-position: center; background-repeat: no-repeat; cursor: pointer; transition: all 0.15s ease-in-out; } body[data-page=generate] .chatbox > ul > li.other .date-controls-container .date-controls > button:active { transform: scale(0.9); } body[data-page=generate] .chatbox > ul > li.other .date-controls-container .date-controls .schedule-settings { transition: all 0.15s ease-in-out; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; display: flex; justify-content: space-between; align-items: center; } body[data-page=generate] .chatbox > ul > li.other .date-controls-container .date-controls .schedule-settings button { padding: 5px 10px; background: none; border: 1px solid black; border-radius: 10px; cursor: pointer; font-weight: bold; transition: all 0.15s ease-in-out; margin-right: 10px; } body[data-page=generate] .chatbox > ul > li.other .date-controls-container .date-controls .schedule-settings button:active { transform: scale(0.9); } body[data-page=generate] .chatbox > ul > li.other .date-controls-container .date-controls .schedule-settings .schedule-options { display: flex; justify-content: space-between; } body[data-page=generate] .chatbox > ul > li.other .date-controls-container .date-controls .schedule-settings .schedule-options .schedule-button { position: relative; } body[data-page=generate] .chatbox > ul > li.other .date-controls-container .date-controls .schedule-settings .schedule-options .schedule-button > input { position: absolute; top: 0; left: 0; width: calc(100% - 15px); height: calc(100% - 5px); opacity: 0; z-index: -1; } body[data-page=generate] .chatbox > ul > li.other .date-controls-container .date-controls.collapsed { width: 40px; } body[data-page=generate] .chatbox > ul > li.other .date-controls-container .date-controls.collapsed .schedule-settings { width: 0px; } body[data-page=generate] .chatbox > ul > li.other .attached-link { background-color: #f5f7f9; border-radius: 500px; margin-top: 10px; display: flex; align-items: center; } body[data-page=generate] .chatbox > ul > li.other .attached-link b { width: 30px; height: 30px; min-width: 40px; min-height: 40px; background-image: url('/platform/app/icons/b/link.svg'); background-position: center; background-repeat: no-repeat; } body[data-page=generate] .chatbox > ul > li.other .attached-link a { color: black; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; width: calc(100% - 50px); } body[data-page=generate] .chatbox > ul > li.other .timepicker-container { position: fixed !important; z-index: 5 !important; display: flex; justify-content: space-between; } @media screen and (max-width: 768px) { body[data-page=generate] .chatbox > ul > li.other .timepicker-container { flex-direction: column; } } body[data-page=generate] .chatbox > ul > li.other .timepicker-container .calendar { background-color: white; border-radius: 20px; padding: 20px; margin-bottom: 5px; box-shadow: 0 1px 12.5px 0 rgba(0, 0, 0, 0.19); margin-right: 20px; width: 300px; } body[data-page=generate] .chatbox > ul > li.other .timepicker-container .calendar .heading { display: flex; justify-content: space-between; align-items: center; background-color: white; border-radius: 500px; width: calc(100% - 10px); padding: 5px; margin-bottom: 20px; } body[data-page=generate] .chatbox > ul > li.other .timepicker-container .calendar .heading button { width: 30px; height: 30px; border: 0; border-radius: 100%; background-color: #f5f7f9; cursor: pointer; transition: all 0.15s ease-in-out; background-position: center; background-repeat: no-repeat; background-size: 15px; } body[data-page=generate] .chatbox > ul > li.other .timepicker-container .calendar .heading button:not(.disabled):active { transform: scale(0.9); } body[data-page=generate] .chatbox > ul > li.other .timepicker-container .calendar .heading button:nth-of-type(1) { background-image: url('/platform/app/icons/g/arrow-left.svg'); } body[data-page=generate] .chatbox > ul > li.other .timepicker-container .calendar .heading button:nth-of-type(2) { background-image: url('/platform/app/icons/g/arrow-right.svg'); } body[data-page=generate] .chatbox > ul > li.other .timepicker-container .calendar .heading button.disabled { opacity: 0.25; cursor: not-allowed; } body[data-page=generate] .chatbox > ul > li.other .timepicker-container .calendar .heading label { font-weight: bold; position: relative; } body[data-page=generate] .chatbox > ul > li.other .timepicker-container .calendar .heading label input { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; cursor: pointer; } body[data-page=generate] .chatbox > ul > li.other .timepicker-container .calendar .days { display: flex; justify-content: space-between; margin-bottom: 10px; } body[data-page=generate] .chatbox > ul > li.other .timepicker-container .calendar .days .day { margin: 0; text-transform: uppercase; width: calc(100% / 7); text-align: center; } body[data-page=generate] .chatbox > ul > li.other .timepicker-container .calendar .dates { display: flex; flex-wrap: wrap; } body[data-page=generate] .chatbox > ul > li.other .timepicker-container .calendar .dates .date { width: calc(100% / 7); text-align: center; transition: all 0.15s ease-in-out; display: flex; justify-content: center; margin-bottom: 5px; } body[data-page=generate] .chatbox > ul > li.other .timepicker-container .calendar .dates .date:not(.disabled):hover b, body[data-page=generate] .chatbox > ul > li.other .timepicker-container .calendar .dates .date:not(.disabled).active b { background-color: #3485fd; color: white; } body[data-page=generate] .chatbox > ul > li.other .timepicker-container .calendar .dates .date:not(.disabled):active { transform: scale(0.95); } body[data-page=generate] .chatbox > ul > li.other .timepicker-container .calendar .dates .date:not(.disabled) b { display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; transition: all 0.15s ease-in-out; user-select: none; border-radius: 100%; } body[data-page=generate] .chatbox > ul > li.other .timepicker-container .calendar .dates .date:not(:empty) { cursor: pointer; } body[data-page=generate] .chatbox > ul > li.other .timepicker-container .calendar .dates .date.disabled { opacity: 0.25; pointer-events: none; } body[data-page=generate] .chatbox > ul > li.other .timepicker-container .timepicker-main .timepicker { background-color: white; border-radius: 20px; padding: 20px; margin-bottom: 5px; box-shadow: 0 1px 12.5px 0 rgba(0, 0, 0, 0.19); flex-direction: column; } body[data-page=generate] .chatbox > ul > li.other .timepicker-container .timepicker-main .timepicker strong { text-align: center; display: block; margin-bottom: 10px; } body[data-page=generate] .chatbox > ul > li.other .timepicker-container .timepicker-main .timepicker input, body[data-page=generate] .chatbox > ul > li.other .timepicker-container .timepicker-main .timepicker select { font-weight: bold; border: 0; font-size: 16px; text-align: center; } body[data-page=generate] .chatbox > ul > li.other .timepicker-container .timepicker-main .timepicker input:focus, body[data-page=generate] .chatbox > ul > li.other .timepicker-container .timepicker-main .timepicker select:focus { outline: none; } body[data-page=generate] .chatbox > ul > li.other .timepicker-container .timepicker-main button { box-shadow: 0 1px 12.5px 0 rgba(0, 0, 0, 0.19); color: white; padding: 15px; border-radius: 500px; background-color: #3485fd; border: 1px solid #3485fd; border: 0; display: block; width: 100%; font-weight: 600; font-size: 14px; transition: all 0.15s ease-in-out; cursor: pointer; } body[data-page=generate] .chatbox > ul > li.other .timepicker-container .timepicker-main button:active { transform: scale(0.95); } body[data-page=generate] .chatbox > ul > li.other .timepicker-container .timepicker-main button:last-child { background-color: #fd3434; } body[data-page=generate] .chatbox > ul > li.other .timepicker-container .timepicker-main button:not(:last-child) { margin-bottom: 5px; } body[data-page=generate] .chatbox > ul > li.btn { padding: 0; } body[data-page=generate] .chatbox > ul > li.btn button { border-radius: 500px; width: 100%; background-color: white; border: 1px solid #e9eef0; cursor: pointer; transition: box-shadow 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0s; display: flex; justify-content: space-between; align-items: center; padding: 5px 20px; padding-right: 5px; font-size: 16px; } body[data-page=generate] .chatbox > ul > li.btn button:active { transform: scale(0.97); } body[data-page=generate] .chatbox > ul > li.btn button::after { content: ' '; width: 35px; height: 35px; background-color: #f5f7f9; border-radius: 100%; background-image: url('/platform/app/icons/g/arrow-right.svg'); background-position: center; background-repeat: no-repeat; } body[data-page=generate] .chatbox > ul > li.chat-upgrade { background-color: white; background-image: radial-gradient(circle at 87% 18%, #106efd, #ffffff 61%); } body[data-page=generate] .chatbox > ul > li.chat-upgrade .upgrade-contents { display: flex; justify-content: space-between; } body[data-page=generate] .chatbox > ul > li.chat-upgrade .upgrade-contents > .controls, body[data-page=generate] .chatbox > ul > li.chat-upgrade .upgrade-contents > .image { width: 50%; } body[data-page=generate] .chatbox > ul > li.chat-upgrade .upgrade-contents .controls ul.rota-switcher { margin: 0; padding: 0; list-style: none; margin-bottom: 20px; } body[data-page=generate] .chatbox > ul > li.chat-upgrade .upgrade-contents .controls ul.rota-switcher li { display: inline-block; padding: 10px 30px; cursor: pointer; border-radius: 500px; font-weight: bold; font-size: 12px; transition: all 0.15s ease-in-out; } body[data-page=generate] .chatbox > ul > li.chat-upgrade .upgrade-contents .controls ul.rota-switcher li.active, body[data-page=generate] .chatbox > ul > li.chat-upgrade .upgrade-contents .controls ul.rota-switcher li:hover { background-color: black; color: white; } body[data-page=generate] .chatbox > ul > li.chat-upgrade .upgrade-contents .controls ul.rota-switcher li:active { transform: scale(0.95); } body[data-page=generate] .chatbox > ul > li.chat-upgrade .upgrade-contents .controls h1, body[data-page=generate] .chatbox > ul > li.chat-upgrade .upgrade-contents .controls h2, body[data-page=generate] .chatbox > ul > li.chat-upgrade .upgrade-contents .controls h3 { margin: 0; } body[data-page=generate] .chatbox > ul > li.chat-upgrade .upgrade-contents .controls h2 { font-weight: 500; margin-bottom: 10px; } body[data-page=generate] .chatbox > ul > li.chat-upgrade .upgrade-contents .controls h1 { margin-bottom: 10px; } body[data-page=generate] .chatbox > ul > li.chat-upgrade .upgrade-contents .controls h3 { font-weight: normal; } body[data-page=generate] .chatbox > ul > li.chat-upgrade .upgrade-contents .controls ul.features { padding: 0; margin: 0; list-style: none; padding: 20px 0px; } body[data-page=generate] .chatbox > ul > li.chat-upgrade .upgrade-contents .controls ul.features > li { background-image: url('/platform/app/icons/b/check.svg'); background-repeat: no-repeat; background-position: left center; background-size: 12px; padding-left: 20px; } body[data-page=generate] .chatbox > ul > li.chat-upgrade .upgrade-contents .controls ul.features > li:not(:last-child) { margin-bottom: 10px; } body[data-page=generate] .chatbox > ul > li.chat-upgrade .upgrade-contents .controls button { color: white; cursor: pointer; padding: 15px; border-radius: 500px; background-color: #3485fd; border: 1px solid #3485fd; border: 0; display: block; width: 100%; font-weight: 600; font-size: 14px; transition: all 0.15s ease-in-out; } body[data-page=generate] .chatbox > ul > li.chat-upgrade .upgrade-contents .controls button:active { transform: scale(0.95); } body[data-page=generate] .chatbox > ul > li.chat-upgrade .upgrade-contents .image { display: flex; justify-content: center; align-items: center; } body[data-page=generate] .chatbox > ul > li.chat-upgrade .upgrade-contents .image img { width: 100%; pointer-events: none; } body[data-page=generate] .chatbox > ul > li.chat-empty { background-color: white; position: relative; overflow: hidden; } body[data-page=generate] .chatbox > ul > li.chat-empty .empty-contents { position: relative; z-index: 2; display: flex; justify-content: space-between; flex-direction: column; width: 60%; } body[data-page=generate] .chatbox > ul > li.chat-empty .empty-contents h1 { margin: 0; margin-bottom: 10px; } body[data-page=generate] .chatbox > ul > li.chat-empty .empty-contents p { margin: 0; margin-bottom: 10px; } body[data-page=generate] .chatbox > ul > li.chat-empty .empty-contents ul { list-style: none; padding: 0; margin: 0; } body[data-page=generate] .chatbox > ul > li.chat-empty .empty-contents ul li { font-weight: bold; } body[data-page=generate] .chatbox > ul > li.chat-empty .empty-contents ul li:not(:last-child) { margin-bottom: 10px; } body[data-page=generate] .chatbox > ul > li.chat-empty video { position: absolute; top: 0; right: 0; height: 100%; z-index: 1; pointer-events: none; } body[data-page=generate] .chatbox > ul > li.typing { background-color: white; width: auto; display: inline-block; } body[data-page=generate] .chatbox > ul > li.typing .dots { width: 56px; height: 26.9px; transform: scale(0.7); background: radial-gradient(circle closest-side, #000000 90%, #ffffff) 0% 50%, radial-gradient(circle closest-side, #000000 90%, #ffffff) 50% 50%, radial-gradient(circle closest-side, #000000 90%, #ffffff) 100% 50%; background-size: calc(33.33333333%) 13.4px; background-repeat: no-repeat; animation: dots-7ar3yq 1s infinite linear; } @keyframes dots-7ar3yq { 20% { background-position: 0% 0%, 50% 50%,100% 50%; } 40% { background-position: 0% 100%, 50% 0%,100% 50%; } 60% { background-position: 0% 50%, 50% 100%,100% 0%; } 80% { background-position: 0% 50%, 50% 50%,100% 100%; } } body[data-page=generate] .chatbox > ul > li.welcome { margin-top: 100px; margin-bottom: 50px; padding: 0; } body[data-page=generate] .chatbox > ul > li.welcome img { width: 60px; margin-bottom: 10px; } body[data-page=generate] .chatbox > ul > li.welcome h1 { margin: 0; font-size: 70px; font-weight: normal; } body[data-page=generate] .chatbox > ul > li.type-button { border-radius: 500px; cursor: pointer; transition: box-shadow 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0s; display: flex; justify-content: space-between; align-items: center; padding: 5px 20px; padding-right: 5px; } body[data-page=generate] .chatbox > ul > li.type-button:active { transform: scale(0.97); } body[data-page=generate] .chatbox > ul > li.type-button::after { content: ' '; width: 35px; height: 35px; background-color: #f5f7f9; border-radius: 100%; background-image: url('/platform/app/icons/g/arrow-right.svg'); background-position: center; background-repeat: no-repeat; } body[data-page=generate] .chatbox > ul > li.type-profile-select { border-radius: 500px; cursor: pointer; transition: box-shadow 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0s; display: inline-block; width: calc(100% / 3 - 30px); padding: 5px 20px; padding-right: 5px; margin-right: 5px; } body[data-page=generate] .chatbox > ul > li.type-profile-select .profile-select { display: flex; justify-content: space-between; align-items: center; } body[data-page=generate] .chatbox > ul > li.type-profile-select .profile-select .profile-image { display: flex; justify-content: center; align-items: center; margin-right: 5px; } body[data-page=generate] .chatbox > ul > li.type-profile-select .profile-select .profile-image img { width: 35px; height: 35px; border-radius: 100%; } body[data-page=generate] .chatbox > ul > li.type-profile-select .profile-select .profile-name { display: flex; flex-direction: column; margin-right: auto; width: calc(100% - 80px); } body[data-page=generate] .chatbox > ul > li.type-profile-select .profile-select .profile-name strong { color: #3485fd; text-transform: uppercase; } body[data-page=generate] .chatbox > ul > li.type-profile-select .profile-select .profile-name > * { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; } body[data-page=generate] .chatbox > ul > li.type-profile-select .profile-select::after { content: ' '; width: 35px; height: 35px; min-width: 35px; background-color: #f5f7f9; border-radius: 100%; background-position: center; background-repeat: no-repeat; transition: all 0.15s ease-in-out; } body[data-page=generate] .chatbox > ul > li.type-profile-select .profile-select.selected::after { background-color: #3485fd; background-image: url('/platform/app/icons/w/check.svg'); } body[data-page=generate] .chatbox > ul > li.type-profile-select:active { transform: scale(0.97); } body[data-page=generate] .chatbox > ul > li.completed { transition: all 0.15s ease-in-out; opacity: 0.5; pointer-events: none; transform: scale(0.98); } body[data-page=generate] .chatbox .compose { background-color: #3485fd; border-radius: 20px; padding: 10px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.11); max-width: calc(100% - 20px); margin: 0 auto; width: calc(100% - 20px); } body[data-page=generate] .chatbox .compose .attachment { margin-bottom: 10px; display: flex; justify-content: space-between; } body[data-page=generate] .chatbox .compose .attachment span { display: flex; align-items: center; background-repeat: no-repeat; background-position: left center; background-image: url('/platform/app/icons/b/file.svg'); padding-left: 18px; background-size: 12px; } body[data-page=generate] .chatbox .compose .attachment span.file-audio { background-image: url('/platform/app/icons/b/file-audio.svg'); } body[data-page=generate] .chatbox .compose .attachment span.file-excel { background-image: url('/platform/app/icons/b/file-excel.svg'); } body[data-page=generate] .chatbox .compose .attachment span.file-image { background-image: url('/platform/app/icons/b/file-image.svg'); } body[data-page=generate] .chatbox .compose .attachment span.file-pdf { background-image: url('/platform/app/icons/b/file-pdf.svg'); } body[data-page=generate] .chatbox .compose .attachment button { border: 0; border-radius: 5px; background: linear-gradient(0deg, #ffffff 0%, #e7e7e7 100%); border: 1px solid white; position: relative; width: 20px; height: 20px; cursor: pointer; } body[data-page=generate] .chatbox .compose .attachment button::after { content: ''; display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: 8px; position: absolute; top: 0; left: 0; background-image: url('/platform/app/icons/b/x.svg'); } body[data-page=generate] .chatbox .compose .attachment button:active { transform: scale(0.9); } body[data-page=generate] .chatbox .compose .control-set { display: flex; align-items: center; justify-content: space-between; } body[data-page=generate] .chatbox .compose .control-set img { width: 35px; margin-right: 10px; } body[data-page=generate] .chatbox .compose .control-set input { background: none; border: 0; color: white; padding: 9px 15px; width: 100%; font-size: 16px; transition: opacity 0.15s ease-in-out; } body[data-page=generate] .chatbox .compose .control-set input:focus { outline: none; } body[data-page=generate] .chatbox .compose .control-set input:focus::placeholder { color: transparent; } body[data-page=generate] .chatbox .compose .control-set input::placeholder { color: white; } body[data-page=generate] .chatbox .compose .control-set input:disabled { opacity: 0.25; cursor: not-allowed; } body[data-page=generate] .chatbox .compose .control-set button { height: 35px; width: 35px; border: 0; border-radius: 10px; background: none; position: relative; cursor: pointer; transition: all 0.15s ease-in-out; /* &:nth-of-type(1){ &::after{ background-image: url('/platform/app/icons/w/upload.svg'); } border-top-right-radius: 0px; border-bottom-right-radius: 0px; } */ } body[data-page=generate] .chatbox .compose .control-set button:not(:disabled):active { transform: scale(0.9); } body[data-page=generate] .chatbox .compose .control-set button::after { content: ''; display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: 20px; position: absolute; top: 0; left: 0; } body[data-page=generate] .chatbox .compose .control-set button:disabled { opacity: 0.25; cursor: not-allowed; } body[data-page=generate] .chatbox .compose .control-set button:nth-of-type(1) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } body[data-page=generate] .chatbox .compose .control-set button:nth-of-type(1)::after { background-image: url('/platform/app/icons/w/send.svg'); } body[data-page=generate] .chatbox .compose .control-set.disabled > * { opacity: 0.25; pointer-events: none; } @keyframes floatingGradient { 0% { background-position: 87% 18%; background-size: 150% 150%; } 50% { background-position: 75% 25%; background-size: 170% 170%; } 100% { background-position: 87% 18%; background-size: 150% 150%; } } body[data-page=curate] .inner { padding: 23px; height: calc(100vh - 60px - 1px - (23px * 2)); overflow: hidden; } body[data-page=curate] .inner .curate { display: flex; justify-content: space-between; } body[data-page=curate] .inner .curate .feed, body[data-page=curate] .inner .curate .chat { padding: 0px 35px; width: calc(50% - (17px * 2)); height: calc(100vh - 60px - 1px - (23px * 2)); } body[data-page=curate] .inner .curate .feed { padding-left: 0px; padding-right: 23px; } body[data-page=curate] .inner .curate .feed .day-switcher-and-suggestions-toggle { display: flex; justify-content: space-between; } body[data-page=curate] .inner .curate .feed .day-switcher-and-suggestions-toggle .day-switcher { display: flex; justify-content: space-between; align-items: center; background-color: white; border-radius: 500px; width: 100%; padding: 5px; } body[data-page=curate] .inner .curate .feed .day-switcher-and-suggestions-toggle .day-switcher button { width: 30px; height: 30px; border: 0; border-radius: 100%; background-color: #f5f7f9; cursor: pointer; transition: all 0.15s ease-in-out; background-position: center; background-repeat: no-repeat; background-size: 15px; } body[data-page=curate] .inner .curate .feed .day-switcher-and-suggestions-toggle .day-switcher button:not(.disabled):active { transform: scale(0.9); } body[data-page=curate] .inner .curate .feed .day-switcher-and-suggestions-toggle .day-switcher button:nth-of-type(1) { background-image: url('/platform/app/icons/g/arrow-left.svg'); } body[data-page=curate] .inner .curate .feed .day-switcher-and-suggestions-toggle .day-switcher button:nth-of-type(2) { background-image: url('/platform/app/icons/g/arrow-right.svg'); } body[data-page=curate] .inner .curate .feed .day-switcher-and-suggestions-toggle .day-switcher button.disabled { opacity: 0.25; cursor: not-allowed; } body[data-page=curate] .inner .curate .feed .day-switcher-and-suggestions-toggle .day-switcher label { font-weight: bold; position: relative; } body[data-page=curate] .inner .curate .feed .day-switcher-and-suggestions-toggle .day-switcher label input { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; cursor: pointer; } body[data-page=curate] .inner .curate .feed .day-switcher-and-suggestions-toggle:not(.has-toggle) .day-switcher { width: 100%; } body[data-page=curate] .inner .curate .feed .day-switcher-and-suggestions-toggle:not(.has-toggle) ul { display: none; } body[data-page=curate] .inner .curate .feed .day-switcher-and-suggestions-toggle.has-toggle ul { margin: 0; margin-right: 10px; list-style: none; display: flex; justify-content: space-between; width: 350px; height: 40px; } body[data-page=curate] .inner .curate .feed .day-switcher-and-suggestions-toggle.has-toggle ul li { display: flex; padding: 10px 15px; margin: 0; width: 50%; text-align: center; cursor: pointer; justify-content: center; align-items: center; border-radius: 500px; font-size: 14px; transition: all 0.15s ease-in-out; } body[data-page=curate] .inner .curate .feed .day-switcher-and-suggestions-toggle.has-toggle ul li.active { background-color: #3485fd; color: white; } body[data-page=curate] .inner .curate .feed .day-switcher-and-suggestions-toggle.has-toggle ul li:active { transform: scale(0.95); } body[data-page=curate] .inner .curate .feed .day-switcher-and-suggestions-toggle.has-toggle ul li:nth-of-type(1) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } body[data-page=curate] .inner .curate .feed .day-switcher-and-suggestions-toggle.has-toggle ul li:nth-of-type(2) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } body[data-page=curate] .inner .curate .feed ul { height: calc(100% - 20px - 10px); margin-top: 10px; padding: 0; list-style: none; overflow: auto; border-radius: 10px; } body[data-page=curate] .inner .curate .feed ul li, body[data-page=curate] .inner .curate .feed .new-post-container li, body[data-page=curate] .inner .curate .feed ul .new-post, body[data-page=curate] .inner .curate .feed .new-post-container .new-post { padding: 20px; border-radius: 20px; color: black; background-color: white; animation: slideUp 0.15s ease-in-out; position: relative; overflow: hidden; } body[data-page=curate] .inner .curate .feed ul li .image-shade, body[data-page=curate] .inner .curate .feed .new-post-container li .image-shade, body[data-page=curate] .inner .curate .feed ul .new-post .image-shade, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-shade { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } body[data-page=curate] .inner .curate .feed ul li .image-shade .image-shade-inner, body[data-page=curate] .inner .curate .feed .new-post-container li .image-shade .image-shade-inner, body[data-page=curate] .inner .curate .feed ul .new-post .image-shade .image-shade-inner, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-shade .image-shade-inner { position: relative; width: 100%; height: 100%; animation: imgfade 0.5s ease-in-out; } body[data-page=curate] .inner .curate .feed ul li .image-shade .image-shade-inner > div, body[data-page=curate] .inner .curate .feed .new-post-container li .image-shade .image-shade-inner > div, body[data-page=curate] .inner .curate .feed ul .new-post .image-shade .image-shade-inner > div, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-shade .image-shade-inner > div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } body[data-page=curate] .inner .curate .feed ul li .image-shade .image-shade-inner .image-shade-mask, body[data-page=curate] .inner .curate .feed .new-post-container li .image-shade .image-shade-inner .image-shade-mask, body[data-page=curate] .inner .curate .feed ul .new-post .image-shade .image-shade-inner .image-shade-mask, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-shade .image-shade-inner .image-shade-mask { background: linear-gradient(90deg, #ffffff 25%, rgba(255, 255, 255, 0.6) 100%); z-index: -1; } body[data-page=curate] .inner .curate .feed ul li .image-shade .image-shade-inner .image-shade-image, body[data-page=curate] .inner .curate .feed .new-post-container li .image-shade .image-shade-inner .image-shade-image, body[data-page=curate] .inner .curate .feed ul .new-post .image-shade .image-shade-inner .image-shade-image, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-shade .image-shade-inner .image-shade-image { background-position: center; background-size: cover; background-repeat: no-repeat; z-index: -2; } @keyframes imgfade { 0% { opacity: 0; transform: scale(1.1); } 100% { opacity: 1; transform: scale(1); } } body[data-page=curate] .inner .curate .feed ul li > div:not(.image-shade), body[data-page=curate] .inner .curate .feed .new-post-container li > div:not(.image-shade), body[data-page=curate] .inner .curate .feed ul .new-post > div:not(.image-shade), body[data-page=curate] .inner .curate .feed .new-post-container .new-post > div:not(.image-shade) { position: relative; z-index: 2; } body[data-page=curate] .inner .curate .feed ul li .profile-and-post, body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post, body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post { display: flex; justify-content: space-between; } body[data-page=curate] .inner .curate .feed ul li .profile-and-post .profile-and-type, body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .profile-and-type, body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .profile-and-type, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .profile-and-type { display: flex; flex-direction: column; } body[data-page=curate] .inner .curate .feed ul li .profile-and-post .profile-and-type .image, body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .profile-and-type .image, body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .profile-and-type .image, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .profile-and-type .image, body[data-page=curate] .inner .curate .feed ul li .profile-and-post .profile-and-type .type, body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .profile-and-type .type, body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .profile-and-type .type, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .profile-and-type .type, body[data-page=curate] .inner .curate .feed ul li .profile-and-post .profile-and-type .attach-image, body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .profile-and-type .attach-image, body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .profile-and-type .attach-image, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .profile-and-type .attach-image { width: 40px; height: 40px; border-radius: 100%; background-position: center; background-repeat: no-repeat; } body[data-page=curate] .inner .curate .feed ul li .profile-and-post .profile-and-type .image:not(:last-child), body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .profile-and-type .image:not(:last-child), body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .profile-and-type .image:not(:last-child), body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .profile-and-type .image:not(:last-child), body[data-page=curate] .inner .curate .feed ul li .profile-and-post .profile-and-type .type:not(:last-child), body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .profile-and-type .type:not(:last-child), body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .profile-and-type .type:not(:last-child), body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .profile-and-type .type:not(:last-child), body[data-page=curate] .inner .curate .feed ul li .profile-and-post .profile-and-type .attach-image:not(:last-child), body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .profile-and-type .attach-image:not(:last-child), body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .profile-and-type .attach-image:not(:last-child), body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .profile-and-type .attach-image:not(:last-child) { margin-bottom: 17px; } body[data-page=curate] .inner .curate .feed ul li .profile-and-post .profile-and-type .image, body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .profile-and-type .image, body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .profile-and-type .image, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .profile-and-type .image { background-size: cover; } body[data-page=curate] .inner .curate .feed ul li .profile-and-post .profile-and-type .type, body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .profile-and-type .type, body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .profile-and-type .type, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .profile-and-type .type { background-position: center; background-size: 15px; background-repeat: no-repeat; background-color: #f5f7f9; } body[data-page=curate] .inner .curate .feed ul li .profile-and-post .profile-and-type .type.facebook, body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .profile-and-type .type.facebook, body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .profile-and-type .type.facebook, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .profile-and-type .type.facebook, body[data-page=curate] .inner .curate .feed ul li .profile-and-post .profile-and-type .type.facebook_page, body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .profile-and-type .type.facebook_page, body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .profile-and-type .type.facebook_page, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .profile-and-type .type.facebook_page, body[data-page=curate] .inner .curate .feed ul li .profile-and-post .profile-and-type .type.facebook_group, body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .profile-and-type .type.facebook_group, body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .profile-and-type .type.facebook_group, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .profile-and-type .type.facebook_group, body[data-page=curate] .inner .curate .feed ul li .profile-and-post .profile-and-type .type.fb_page, body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .profile-and-type .type.fb_page, body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .profile-and-type .type.fb_page, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .profile-and-type .type.fb_page { background-image: url('/platform/promote/icons/social/facebook.svg'); } body[data-page=curate] .inner .curate .feed ul li .profile-and-post .profile-and-type .type.twitter, body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .profile-and-type .type.twitter, body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .profile-and-type .type.twitter, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .profile-and-type .type.twitter, body[data-page=curate] .inner .curate .feed ul li .profile-and-post .profile-and-type .type.tw, body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .profile-and-type .type.tw, body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .profile-and-type .type.tw, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .profile-and-type .type.tw { background-image: url('/platform/promote/icons/social/twitter.svg'); background-size: 90% !important; } body[data-page=curate] .inner .curate .feed ul li .profile-and-post .profile-and-type .type.bluesky, body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .profile-and-type .type.bluesky, body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .profile-and-type .type.bluesky, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .profile-and-type .type.bluesky { background-image: url('/platform/promote/icons/social/bluesky.svg'); background-size: 60% !important; } body[data-page=curate] .inner .curate .feed ul li .profile-and-post .profile-and-type .type.linkedin, body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .profile-and-type .type.linkedin, body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .profile-and-type .type.linkedin, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .profile-and-type .type.linkedin, body[data-page=curate] .inner .curate .feed ul li .profile-and-post .profile-and-type .type.linkedin_pages, body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .profile-and-type .type.linkedin_pages, body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .profile-and-type .type.linkedin_pages, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .profile-and-type .type.linkedin_pages, body[data-page=curate] .inner .curate .feed ul li .profile-and-post .profile-and-type .type.in_page, body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .profile-and-type .type.in_page, body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .profile-and-type .type.in_page, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .profile-and-type .type.in_page, body[data-page=curate] .inner .curate .feed ul li .profile-and-post .profile-and-type .type.in, body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .profile-and-type .type.in, body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .profile-and-type .type.in, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .profile-and-type .type.in, body[data-page=curate] .inner .curate .feed ul li .profile-and-post .profile-and-type .type.linkedin_page, body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .profile-and-type .type.linkedin_page, body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .profile-and-type .type.linkedin_page, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .profile-and-type .type.linkedin_page, body[data-page=curate] .inner .curate .feed ul li .profile-and-post .profile-and-type .type.linkedin_group, body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .profile-and-type .type.linkedin_group, body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .profile-and-type .type.linkedin_group, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .profile-and-type .type.linkedin_group { background-image: url('/platform/promote/icons/social/linkedin.svg'); background-size: 50% !important; } body[data-page=curate] .inner .curate .feed ul li .profile-and-post .profile-and-type .type.tiktok, body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .profile-and-type .type.tiktok, body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .profile-and-type .type.tiktok, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .profile-and-type .type.tiktok { background-image: url('/platform/promote/icons/social/tiktok.svg'); } body[data-page=curate] .inner .curate .feed ul li .profile-and-post .profile-and-type .type.discord, body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .profile-and-type .type.discord, body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .profile-and-type .type.discord, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .profile-and-type .type.discord { background-image: url('/platform/promote/icons/social/discord.svg'); background-size: 12px !important; } body[data-page=curate] .inner .curate .feed ul li .profile-and-post .profile-and-type .type.pinterest, body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .profile-and-type .type.pinterest, body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .profile-and-type .type.pinterest, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .profile-and-type .type.pinterest { background-image: url('/platform/promote/icons/social/pinterest.svg'); } body[data-page=curate] .inner .curate .feed ul li .profile-and-post .profile-and-type .type.linkedin, body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .profile-and-type .type.linkedin, body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .profile-and-type .type.linkedin, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .profile-and-type .type.linkedin, body[data-page=curate] .inner .curate .feed ul li .profile-and-post .profile-and-type .type.linkedin_pages, body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .profile-and-type .type.linkedin_pages, body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .profile-and-type .type.linkedin_pages, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .profile-and-type .type.linkedin_pages, body[data-page=curate] .inner .curate .feed ul li .profile-and-post .profile-and-type .type.in_page, body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .profile-and-type .type.in_page, body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .profile-and-type .type.in_page, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .profile-and-type .type.in_page, body[data-page=curate] .inner .curate .feed ul li .profile-and-post .profile-and-type .type.in, body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .profile-and-type .type.in, body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .profile-and-type .type.in, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .profile-and-type .type.in { background-image: url('/platform/promote/icons/social/linkedin.svg'); } body[data-page=curate] .inner .curate .feed ul li .profile-and-post .profile-and-type .type.instagram, body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .profile-and-type .type.instagram, body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .profile-and-type .type.instagram, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .profile-and-type .type.instagram { background-image: url('/platform/promote/icons/social/instagram.svg'); background-size: 60%; } body[data-page=curate] .inner .curate .feed ul li .profile-and-post .profile-and-type .attach-image, body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .profile-and-type .attach-image, body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .profile-and-type .attach-image, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .profile-and-type .attach-image { background-color: #f5f7f9; cursor: pointer; transition: all 0.15s ease-in-out; background-image: url('/platform/app/icons/b/image.svg'); background-size: 20px; } body[data-page=curate] .inner .curate .feed ul li .profile-and-post .profile-and-type .attach-image:active, body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .profile-and-type .attach-image:active, body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .profile-and-type .attach-image:active, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .profile-and-type .attach-image:active { transform: scale(0.9); } body[data-page=curate] .inner .curate .feed ul li .profile-and-post .post-data, body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .post-data, body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .post-data, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .post-data { margin-left: 10px; width: calc(100% - 40px - 10px); } body[data-page=curate] .inner .curate .feed ul li .profile-and-post .post-data .profile-name, body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .post-data .profile-name, body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .post-data .profile-name, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .post-data .profile-name { display: flex; } body[data-page=curate] .inner .curate .feed ul li .profile-and-post .post-data .profile-name:not(body[data-page=curate] .inner .curate .feed ul li .profile-and-post .post-data .profile-name.with-dispatch-details), body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .post-data .profile-name:not(body[data-page=curate] .inner .curate .feed ul li .profile-and-post .post-data .profile-name.with-dispatch-details), body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .post-data .profile-name:not(body[data-page=curate] .inner .curate .feed ul li .profile-and-post .post-data .profile-name.with-dispatch-details), body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .post-data .profile-name:not(body[data-page=curate] .inner .curate .feed ul li .profile-and-post .post-data .profile-name.with-dispatch-details), body[data-page=curate] .inner .curate .feed ul li .profile-and-post .post-data .profile-name:not(body[data-page=curate] .inner .curate .feed.new-post-container li .profile-and-post .post-data .profile-name.with-dispatch-details), body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .post-data .profile-name:not(body[data-page=curate] .inner .curate .feed.new-post-container li .profile-and-post .post-data .profile-name.with-dispatch-details), body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .post-data .profile-name:not(body[data-page=curate] .inner .curate .feed.new-post-container li .profile-and-post .post-data .profile-name.with-dispatch-details), body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .post-data .profile-name:not(body[data-page=curate] .inner .curate .feed.new-post-container li .profile-and-post .post-data .profile-name.with-dispatch-details), body[data-page=curate] .inner .curate .feed ul li .profile-and-post .post-data .profile-name:not(body[data-page=curate] .inner .curate .feed ul.new-post .profile-and-post .post-data .profile-name.with-dispatch-details), body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .post-data .profile-name:not(body[data-page=curate] .inner .curate .feed ul.new-post .profile-and-post .post-data .profile-name.with-dispatch-details), body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .post-data .profile-name:not(body[data-page=curate] .inner .curate .feed ul.new-post .profile-and-post .post-data .profile-name.with-dispatch-details), body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .post-data .profile-name:not(body[data-page=curate] .inner .curate .feed ul.new-post .profile-and-post .post-data .profile-name.with-dispatch-details), body[data-page=curate] .inner .curate .feed ul li .profile-and-post .post-data .profile-name:not(body[data-page=curate] .inner .curate .feed.new-post-container.new-post .profile-and-post .post-data .profile-name.with-dispatch-details), body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .post-data .profile-name:not(body[data-page=curate] .inner .curate .feed.new-post-container.new-post .profile-and-post .post-data .profile-name.with-dispatch-details), body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .post-data .profile-name:not(body[data-page=curate] .inner .curate .feed.new-post-container.new-post .profile-and-post .post-data .profile-name.with-dispatch-details), body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .post-data .profile-name:not(body[data-page=curate] .inner .curate .feed.new-post-container.new-post .profile-and-post .post-data .profile-name.with-dispatch-details) { justify-content: space-between; } body[data-page=curate] .inner .curate .feed ul li .profile-and-post .post-data .profile-name .dispatch-details, body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .post-data .profile-name .dispatch-details, body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .post-data .profile-name .dispatch-details, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .post-data .profile-name .dispatch-details { color: #3485fd; text-transform: uppercase; font-weight: bold; margin-right: 10px; font-size: 12px; white-space: nowrap; } body[data-page=curate] .inner .curate .feed ul li .profile-and-post .post-data .profile-name .name, body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .post-data .profile-name .name, body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .post-data .profile-name .name, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .post-data .profile-name .name, body[data-page=curate] .inner .curate .feed ul li .profile-and-post .post-data .profile-name .controls, body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .post-data .profile-name .controls, body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .post-data .profile-name .controls, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .post-data .profile-name .controls { display: flex; align-items: center; } body[data-page=curate] .inner .curate .feed ul li .profile-and-post .post-data .profile-name .name, body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .post-data .profile-name .name, body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .post-data .profile-name .name, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .post-data .profile-name .name { text-transform: uppercase; color: #9cabba; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; width: 100%; display: flex; align-items: center; } body[data-page=curate] .inner .curate .feed ul li .profile-and-post .post-data .profile-name .name b, body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .post-data .profile-name .name b, body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .post-data .profile-name .name b, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .post-data .profile-name .name b { width: 12px; height: 14px; margin-left: 5px; margin-right: 5px; background-image: url('/platform/app/icons/bl/verified.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; } body[data-page=curate] .inner .curate .feed ul li .profile-and-post .post-data .profile-name .controls button, body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .post-data .profile-name .controls button, body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .post-data .profile-name .controls button, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .post-data .profile-name .controls button { height: 20px; width: 20px; background: none; border: 0; background-position: center; background-repeat: no-repeat; background-size: contain; cursor: pointer; transition: all 0.15s ease-in-out; } body[data-page=curate] .inner .curate .feed ul li .profile-and-post .post-data .profile-name .controls button:nth-child(1), body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .post-data .profile-name .controls button:nth-child(1), body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .post-data .profile-name .controls button:nth-child(1), body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .post-data .profile-name .controls button:nth-child(1) { background-image: url('/platform/app/icons/b/clipboard.svg'); } body[data-page=curate] .inner .curate .feed ul li .profile-and-post .post-data .profile-name .controls button:nth-child(2), body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .post-data .profile-name .controls button:nth-child(2), body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .post-data .profile-name .controls button:nth-child(2), body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .post-data .profile-name .controls button:nth-child(2) { background-image: url('/platform/app/icons/b/thumbs-up.svg'); } body[data-page=curate] .inner .curate .feed ul li .profile-and-post .post-data .profile-name .controls button:nth-child(3), body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .post-data .profile-name .controls button:nth-child(3), body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .post-data .profile-name .controls button:nth-child(3), body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .post-data .profile-name .controls button:nth-child(3) { background-image: url('/platform/app/icons/b/thumbs-down.svg'); } body[data-page=curate] .inner .curate .feed ul li .profile-and-post .post-data .profile-name .controls button:active, body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .post-data .profile-name .controls button:active, body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .post-data .profile-name .controls button:active, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .post-data .profile-name .controls button:active { transform: scale(0.9); } body[data-page=curate] .inner .curate .feed ul li .profile-and-post .post-data .profile-name .controls button:not(:last-child), body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .post-data .profile-name .controls button:not(:last-child), body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .post-data .profile-name .controls button:not(:last-child), body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .post-data .profile-name .controls button:not(:last-child) { margin-right: 5px; } body[data-page=curate] .inner .curate .feed ul li .profile-and-post .post-data .profile-name .controls.accepted button, body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .post-data .profile-name .controls.accepted button, body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .post-data .profile-name .controls.accepted button, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .post-data .profile-name .controls.accepted button, body[data-page=curate] .inner .curate .feed ul li .profile-and-post .post-data .profile-name .controls.rejected button, body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .post-data .profile-name .controls.rejected button, body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .post-data .profile-name .controls.rejected button, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .post-data .profile-name .controls.rejected button { pointer-events: none; } body[data-page=curate] .inner .curate .feed ul li .profile-and-post .post-data .profile-name .controls.accepted button:not(:nth-of-type(2)), body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .post-data .profile-name .controls.accepted button:not(:nth-of-type(2)), body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .post-data .profile-name .controls.accepted button:not(:nth-of-type(2)), body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .post-data .profile-name .controls.accepted button:not(:nth-of-type(2)) { animation: animateFade 1s ease-in-out; animation-fill-mode: forwards; } body[data-page=curate] .inner .curate .feed ul li .profile-and-post .post-data .profile-name .controls.rejected button:not(:nth-of-type(3)), body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .post-data .profile-name .controls.rejected button:not(:nth-of-type(3)), body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .post-data .profile-name .controls.rejected button:not(:nth-of-type(3)), body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .post-data .profile-name .controls.rejected button:not(:nth-of-type(3)) { animation: animateFade 1s ease-in-out; animation-fill-mode: forwards; } @keyframes animateFade { 0% { opacity: 1; width: 20px; height: 20px; } 50% { opacity: 0; width: 20px; height: 20px; } 100% { opacity: 0; width: 0px; height: 20px; } } body[data-page=curate] .inner .curate .feed ul li .profile-and-post .post-data .post-content, body[data-page=curate] .inner .curate .feed .new-post-container li .profile-and-post .post-data .post-content, body[data-page=curate] .inner .curate .feed ul .new-post .profile-and-post .post-data .post-content, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .profile-and-post .post-data .post-content { white-space: pre-wrap; padding: 10px 0px; outline: none; line-height: 21px; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container, body[data-page=curate] .inner .curate .feed ul li .image-upload-container, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container { margin-top: 10px; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container .date-controls, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container .date-controls, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container .date-controls, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container .date-controls, body[data-page=curate] .inner .curate .feed ul li .image-upload-container .date-controls, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container .date-controls, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container .date-controls, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container .date-controls { background-color: #f5f7f9; border-radius: 500px; display: flex; align-items: center; transition: all 0.15s ease-in-out; width: 100%; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container .date-controls > button, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container .date-controls > button, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container .date-controls > button, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container .date-controls > button, body[data-page=curate] .inner .curate .feed ul li .image-upload-container .date-controls > button, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container .date-controls > button, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container .date-controls > button, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container .date-controls > button { width: 40px; height: 40px; min-width: 40px; min-height: 40px; border-radius: 100%; border: 0; background: none; background-image: url('/platform/app/icons/b/calendar.svg'); background-position: center; background-repeat: no-repeat; cursor: pointer; transition: all 0.15s ease-in-out; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container .date-controls > button:active, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container .date-controls > button:active, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container .date-controls > button:active, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container .date-controls > button:active, body[data-page=curate] .inner .curate .feed ul li .image-upload-container .date-controls > button:active, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container .date-controls > button:active, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container .date-controls > button:active, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container .date-controls > button:active { transform: scale(0.9); } body[data-page=curate] .inner .curate .feed ul li .date-controls-container .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed ul li .image-upload-container .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container .date-controls .schedule-settings { transition: all 0.15s ease-in-out; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; display: flex; justify-content: space-between; align-items: center; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container .date-controls .schedule-settings button, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container .date-controls .schedule-settings button, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container .date-controls .schedule-settings button, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container .date-controls .schedule-settings button, body[data-page=curate] .inner .curate .feed ul li .image-upload-container .date-controls .schedule-settings button, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container .date-controls .schedule-settings button, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container .date-controls .schedule-settings button, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container .date-controls .schedule-settings button { padding: 5px 10px; background: none; border: 1px solid black; border-radius: 10px; cursor: pointer; font-weight: bold; transition: all 0.15s ease-in-out; margin-right: 10px; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container .date-controls .schedule-settings button:active, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container .date-controls .schedule-settings button:active, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container .date-controls .schedule-settings button:active, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container .date-controls .schedule-settings button:active, body[data-page=curate] .inner .curate .feed ul li .image-upload-container .date-controls .schedule-settings button:active, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container .date-controls .schedule-settings button:active, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container .date-controls .schedule-settings button:active, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container .date-controls .schedule-settings button:active { transform: scale(0.9); } body[data-page=curate] .inner .curate .feed ul li .date-controls-container .date-controls .schedule-settings .schedule-and-delete, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container .date-controls .schedule-settings .schedule-and-delete, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container .date-controls .schedule-settings .schedule-and-delete, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container .date-controls .schedule-settings .schedule-and-delete, body[data-page=curate] .inner .curate .feed ul li .image-upload-container .date-controls .schedule-settings .schedule-and-delete, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container .date-controls .schedule-settings .schedule-and-delete, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container .date-controls .schedule-settings .schedule-and-delete, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container .date-controls .schedule-settings .schedule-and-delete { display: flex; justify-content: space-between; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container .date-controls .schedule-settings .schedule-and-delete .schedule-button, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container .date-controls .schedule-settings .schedule-and-delete .schedule-button, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container .date-controls .schedule-settings .schedule-and-delete .schedule-button, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container .date-controls .schedule-settings .schedule-and-delete .schedule-button, body[data-page=curate] .inner .curate .feed ul li .image-upload-container .date-controls .schedule-settings .schedule-and-delete .schedule-button, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container .date-controls .schedule-settings .schedule-and-delete .schedule-button, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container .date-controls .schedule-settings .schedule-and-delete .schedule-button, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container .date-controls .schedule-settings .schedule-and-delete .schedule-button { position: relative; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container .date-controls .schedule-settings .schedule-and-delete .schedule-button.disabled, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container .date-controls .schedule-settings .schedule-and-delete .schedule-button.disabled, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container .date-controls .schedule-settings .schedule-and-delete .schedule-button.disabled, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container .date-controls .schedule-settings .schedule-and-delete .schedule-button.disabled, body[data-page=curate] .inner .curate .feed ul li .image-upload-container .date-controls .schedule-settings .schedule-and-delete .schedule-button.disabled, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container .date-controls .schedule-settings .schedule-and-delete .schedule-button.disabled, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container .date-controls .schedule-settings .schedule-and-delete .schedule-button.disabled, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container .date-controls .schedule-settings .schedule-and-delete .schedule-button.disabled { pointer-events: none; opacity: 0.25; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container .date-controls .schedule-settings .schedule-and-delete button:disabled, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container .date-controls .schedule-settings .schedule-and-delete button:disabled, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container .date-controls .schedule-settings .schedule-and-delete button:disabled, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container .date-controls .schedule-settings .schedule-and-delete button:disabled, body[data-page=curate] .inner .curate .feed ul li .image-upload-container .date-controls .schedule-settings .schedule-and-delete button:disabled, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container .date-controls .schedule-settings .schedule-and-delete button:disabled, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container .date-controls .schedule-settings .schedule-and-delete button:disabled, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container .date-controls .schedule-settings .schedule-and-delete button:disabled { pointer-events: none; opacity: 0.25; color: black !important; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container .date-controls.collapsed, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container .date-controls.collapsed, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container .date-controls.collapsed, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container .date-controls.collapsed, body[data-page=curate] .inner .curate .feed ul li .image-upload-container .date-controls.collapsed, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container .date-controls.collapsed, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container .date-controls.collapsed, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container .date-controls.collapsed { width: 40px; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container .date-controls.collapsed .schedule-settings, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container .date-controls.collapsed .schedule-settings, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container .date-controls.collapsed .schedule-settings, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container .date-controls.collapsed .schedule-settings, body[data-page=curate] .inner .curate .feed ul li .image-upload-container .date-controls.collapsed .schedule-settings, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container .date-controls.collapsed .schedule-settings, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container .date-controls.collapsed .schedule-settings, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container .date-controls.collapsed .schedule-settings { width: 0px; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container .upload-controls, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container .upload-controls, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container .upload-controls, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container .upload-controls, body[data-page=curate] .inner .curate .feed ul li .image-upload-container .upload-controls, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container .upload-controls, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container .upload-controls, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container .upload-controls { background-color: #f5f7f9; border-radius: 500px; display: flex; align-items: center; transition: all 0.15s ease-in-out; width: 100%; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container .upload-controls > button, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container .upload-controls > button, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container .upload-controls > button, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container .upload-controls > button, body[data-page=curate] .inner .curate .feed ul li .image-upload-container .upload-controls > button, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container .upload-controls > button, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container .upload-controls > button, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container .upload-controls > button { width: 40px; height: 40px; min-width: 40px; min-height: 40px; border-radius: 100%; border: 0; background: none; background-image: url('/platform/app/icons/b/image.svg'); background-position: center; background-repeat: no-repeat; cursor: pointer; transition: all 0.15s ease-in-out; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container .upload-controls > button:active, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container .upload-controls > button:active, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container .upload-controls > button:active, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container .upload-controls > button:active, body[data-page=curate] .inner .curate .feed ul li .image-upload-container .upload-controls > button:active, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container .upload-controls > button:active, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container .upload-controls > button:active, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container .upload-controls > button:active { transform: scale(0.9); } body[data-page=curate] .inner .curate .feed ul li .date-controls-container .upload-controls .settings, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container .upload-controls .settings, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container .upload-controls .settings, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container .upload-controls .settings, body[data-page=curate] .inner .curate .feed ul li .image-upload-container .upload-controls .settings, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container .upload-controls .settings, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container .upload-controls .settings, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container .upload-controls .settings { transition: all 0.15s ease-in-out; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; display: flex; justify-content: right; align-items: center; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container .upload-controls .settings button, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container .upload-controls .settings button, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container .upload-controls .settings button, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container .upload-controls .settings button, body[data-page=curate] .inner .curate .feed ul li .image-upload-container .upload-controls .settings button, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container .upload-controls .settings button, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container .upload-controls .settings button, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container .upload-controls .settings button { padding: 5px 10px; background: none; border: 1px solid black; border-radius: 10px; cursor: pointer; font-weight: bold; transition: all 0.15s ease-in-out; margin-right: 10px; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container .upload-controls .settings button:active, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container .upload-controls .settings button:active, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container .upload-controls .settings button:active, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container .upload-controls .settings button:active, body[data-page=curate] .inner .curate .feed ul li .image-upload-container .upload-controls .settings button:active, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container .upload-controls .settings button:active, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container .upload-controls .settings button:active, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container .upload-controls .settings button:active { transform: scale(0.9); } body[data-page=curate] .inner .curate .feed ul li .date-controls-container .upload-controls .settings .schedule-and-delete, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container .upload-controls .settings .schedule-and-delete, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container .upload-controls .settings .schedule-and-delete, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container .upload-controls .settings .schedule-and-delete, body[data-page=curate] .inner .curate .feed ul li .image-upload-container .upload-controls .settings .schedule-and-delete, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container .upload-controls .settings .schedule-and-delete, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container .upload-controls .settings .schedule-and-delete, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container .upload-controls .settings .schedule-and-delete { display: flex; justify-content: space-between; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container .upload-controls .settings .schedule-and-delete .schedule-button, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container .upload-controls .settings .schedule-and-delete .schedule-button, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container .upload-controls .settings .schedule-and-delete .schedule-button, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container .upload-controls .settings .schedule-and-delete .schedule-button, body[data-page=curate] .inner .curate .feed ul li .image-upload-container .upload-controls .settings .schedule-and-delete .schedule-button, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container .upload-controls .settings .schedule-and-delete .schedule-button, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container .upload-controls .settings .schedule-and-delete .schedule-button, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container .upload-controls .settings .schedule-and-delete .schedule-button { position: relative; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container .upload-controls .settings .schedule-and-delete .schedule-button.disabled, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container .upload-controls .settings .schedule-and-delete .schedule-button.disabled, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container .upload-controls .settings .schedule-and-delete .schedule-button.disabled, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container .upload-controls .settings .schedule-and-delete .schedule-button.disabled, body[data-page=curate] .inner .curate .feed ul li .image-upload-container .upload-controls .settings .schedule-and-delete .schedule-button.disabled, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container .upload-controls .settings .schedule-and-delete .schedule-button.disabled, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container .upload-controls .settings .schedule-and-delete .schedule-button.disabled, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container .upload-controls .settings .schedule-and-delete .schedule-button.disabled { pointer-events: none; opacity: 0.25; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container .upload-controls .settings .schedule-and-delete button:disabled, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container .upload-controls .settings .schedule-and-delete button:disabled, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container .upload-controls .settings .schedule-and-delete button:disabled, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container .upload-controls .settings .schedule-and-delete button:disabled, body[data-page=curate] .inner .curate .feed ul li .image-upload-container .upload-controls .settings .schedule-and-delete button:disabled, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container .upload-controls .settings .schedule-and-delete button:disabled, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container .upload-controls .settings .schedule-and-delete button:disabled, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container .upload-controls .settings .schedule-and-delete button:disabled { pointer-events: none; opacity: 0.25; color: black !important; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container .upload-controls.collapsed, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container .upload-controls.collapsed, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container .upload-controls.collapsed, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container .upload-controls.collapsed, body[data-page=curate] .inner .curate .feed ul li .image-upload-container .upload-controls.collapsed, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container .upload-controls.collapsed, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container .upload-controls.collapsed, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container .upload-controls.collapsed { width: 40px; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container .upload-controls.collapsed .schedule-settings, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container .upload-controls.collapsed .schedule-settings, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container .upload-controls.collapsed .schedule-settings, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container .upload-controls.collapsed .schedule-settings, body[data-page=curate] .inner .curate .feed ul li .image-upload-container .upload-controls.collapsed .schedule-settings, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container .upload-controls.collapsed .schedule-settings, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container .upload-controls.collapsed .schedule-settings, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container .upload-controls.collapsed .schedule-settings { width: 0px; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container.pre-send .date-controls, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container.pre-send .date-controls, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container.pre-send .date-controls, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container.pre-send .date-controls, body[data-page=curate] .inner .curate .feed ul li .image-upload-container.pre-send .date-controls, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container.pre-send .date-controls, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container.pre-send .date-controls, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container.pre-send .date-controls { width: 40px; opacity: 0.25; pointer-events: none; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container.pre-send .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container.pre-send .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container.pre-send .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container.pre-send .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed ul li .image-upload-container.pre-send .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container.pre-send .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container.pre-send .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container.pre-send .date-controls .schedule-settings { width: 0px; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container.sending-now .date-controls, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container.sending-now .date-controls, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container.sending-now .date-controls, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container.sending-now .date-controls, body[data-page=curate] .inner .curate .feed ul li .image-upload-container.sending-now .date-controls, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container.sending-now .date-controls, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container.sending-now .date-controls, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container.sending-now .date-controls { width: 40px; pointer-events: none; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container.sending-now .date-controls button, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container.sending-now .date-controls button, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container.sending-now .date-controls button, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container.sending-now .date-controls button, body[data-page=curate] .inner .curate .feed ul li .image-upload-container.sending-now .date-controls button, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container.sending-now .date-controls button, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container.sending-now .date-controls button, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container.sending-now .date-controls button { background-image: url('/platform/app/images/loading-small.gif'); background-size: 20px; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container.sending-now .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container.sending-now .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container.sending-now .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container.sending-now .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed ul li .image-upload-container.sending-now .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container.sending-now .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container.sending-now .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container.sending-now .date-controls .schedule-settings { width: 0px; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container.sent .date-controls, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container.sent .date-controls, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container.sent .date-controls, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container.sent .date-controls, body[data-page=curate] .inner .curate .feed ul li .image-upload-container.sent .date-controls, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container.sent .date-controls, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container.sent .date-controls, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container.sent .date-controls { background-color: #3485fd; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container.sent .date-controls > button, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container.sent .date-controls > button, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container.sent .date-controls > button, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container.sent .date-controls > button, body[data-page=curate] .inner .curate .feed ul li .image-upload-container.sent .date-controls > button, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container.sent .date-controls > button, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container.sent .date-controls > button, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container.sent .date-controls > button { background-image: url('/platform/app/icons/w/check.svg'); } body[data-page=curate] .inner .curate .feed ul li .date-controls-container.sent .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container.sent .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container.sent .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container.sent .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed ul li .image-upload-container.sent .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container.sent .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container.sent .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container.sent .date-controls .schedule-settings { color: white; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container.sent .date-controls .schedule-settings > button, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container.sent .date-controls .schedule-settings > button, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container.sent .date-controls .schedule-settings > button, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container.sent .date-controls .schedule-settings > button, body[data-page=curate] .inner .curate .feed ul li .image-upload-container.sent .date-controls .schedule-settings > button, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container.sent .date-controls .schedule-settings > button, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container.sent .date-controls .schedule-settings > button, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container.sent .date-controls .schedule-settings > button { border-color: white; color: white; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container.failed .date-controls, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container.failed .date-controls, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container.failed .date-controls, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container.failed .date-controls, body[data-page=curate] .inner .curate .feed ul li .image-upload-container.failed .date-controls, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container.failed .date-controls, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container.failed .date-controls, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container.failed .date-controls { background-color: #fd3434; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container.failed .date-controls > button, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container.failed .date-controls > button, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container.failed .date-controls > button, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container.failed .date-controls > button, body[data-page=curate] .inner .curate .feed ul li .image-upload-container.failed .date-controls > button, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container.failed .date-controls > button, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container.failed .date-controls > button, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container.failed .date-controls > button { background-image: url('/platform/app/icons/w/x.svg'); } body[data-page=curate] .inner .curate .feed ul li .date-controls-container.failed .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container.failed .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container.failed .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container.failed .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed ul li .image-upload-container.failed .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container.failed .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container.failed .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container.failed .date-controls .schedule-settings { color: white; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container.failed .date-controls .schedule-settings .failure-buttons > button, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container.failed .date-controls .schedule-settings .failure-buttons > button, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container.failed .date-controls .schedule-settings .failure-buttons > button, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container.failed .date-controls .schedule-settings .failure-buttons > button, body[data-page=curate] .inner .curate .feed ul li .image-upload-container.failed .date-controls .schedule-settings .failure-buttons > button, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container.failed .date-controls .schedule-settings .failure-buttons > button, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container.failed .date-controls .schedule-settings .failure-buttons > button, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container.failed .date-controls .schedule-settings .failure-buttons > button { border-color: white; color: white; margin-right: 0px; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container.failed .date-controls .schedule-settings .failure-buttons > button:last-child, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container.failed .date-controls .schedule-settings .failure-buttons > button:last-child, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container.failed .date-controls .schedule-settings .failure-buttons > button:last-child, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container.failed .date-controls .schedule-settings .failure-buttons > button:last-child, body[data-page=curate] .inner .curate .feed ul li .image-upload-container.failed .date-controls .schedule-settings .failure-buttons > button:last-child, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container.failed .date-controls .schedule-settings .failure-buttons > button:last-child, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container.failed .date-controls .schedule-settings .failure-buttons > button:last-child, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container.failed .date-controls .schedule-settings .failure-buttons > button:last-child { margin-right: 10px; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container.tweet-too-long .date-controls, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container.tweet-too-long .date-controls, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container.tweet-too-long .date-controls, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container.tweet-too-long .date-controls, body[data-page=curate] .inner .curate .feed ul li .image-upload-container.tweet-too-long .date-controls, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container.tweet-too-long .date-controls, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container.tweet-too-long .date-controls, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container.tweet-too-long .date-controls { background-color: #fa5320; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container.tweet-too-long .date-controls > button, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container.tweet-too-long .date-controls > button, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container.tweet-too-long .date-controls > button, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container.tweet-too-long .date-controls > button, body[data-page=curate] .inner .curate .feed ul li .image-upload-container.tweet-too-long .date-controls > button, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container.tweet-too-long .date-controls > button, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container.tweet-too-long .date-controls > button, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container.tweet-too-long .date-controls > button { background-image: url('/platform/app/icons/w/exclamation.svg'); background-size: 3px; pointer-events: none; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container.tweet-too-long .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container.tweet-too-long .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container.tweet-too-long .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container.tweet-too-long .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed ul li .image-upload-container.tweet-too-long .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container.tweet-too-long .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container.tweet-too-long .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container.tweet-too-long .date-controls .schedule-settings { color: white; display: block; text-align: right; padding-right: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container.debug .date-controls, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container.debug .date-controls, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container.debug .date-controls, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container.debug .date-controls, body[data-page=curate] .inner .curate .feed ul li .image-upload-container.debug .date-controls, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container.debug .date-controls, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container.debug .date-controls, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container.debug .date-controls { background-color: #5443c8; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container.debug .date-controls > button, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container.debug .date-controls > button, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container.debug .date-controls > button, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container.debug .date-controls > button, body[data-page=curate] .inner .curate .feed ul li .image-upload-container.debug .date-controls > button, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container.debug .date-controls > button, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container.debug .date-controls > button, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container.debug .date-controls > button { background-image: url('/platform/app/icons/w/stars.svg'); } body[data-page=curate] .inner .curate .feed ul li .date-controls-container.debug .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container.debug .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container.debug .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container.debug .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed ul li .image-upload-container.debug .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container.debug .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container.debug .date-controls .schedule-settings, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container.debug .date-controls .schedule-settings { color: white; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container.debug .date-controls .schedule-settings .failure-buttons > button, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container.debug .date-controls .schedule-settings .failure-buttons > button, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container.debug .date-controls .schedule-settings .failure-buttons > button, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container.debug .date-controls .schedule-settings .failure-buttons > button, body[data-page=curate] .inner .curate .feed ul li .image-upload-container.debug .date-controls .schedule-settings .failure-buttons > button, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container.debug .date-controls .schedule-settings .failure-buttons > button, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container.debug .date-controls .schedule-settings .failure-buttons > button, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container.debug .date-controls .schedule-settings .failure-buttons > button { border-color: white; color: white; margin-right: 0px; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container.debug .date-controls .schedule-settings .failure-buttons > button:last-child, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container.debug .date-controls .schedule-settings .failure-buttons > button:last-child, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container.debug .date-controls .schedule-settings .failure-buttons > button:last-child, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container.debug .date-controls .schedule-settings .failure-buttons > button:last-child, body[data-page=curate] .inner .curate .feed ul li .image-upload-container.debug .date-controls .schedule-settings .failure-buttons > button:last-child, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container.debug .date-controls .schedule-settings .failure-buttons > button:last-child, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container.debug .date-controls .schedule-settings .failure-buttons > button:last-child, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container.debug .date-controls .schedule-settings .failure-buttons > button:last-child { margin-right: 10px; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container.delete .date-controls > button, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container.delete .date-controls > button, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container.delete .date-controls > button, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container.delete .date-controls > button, body[data-page=curate] .inner .curate .feed ul li .image-upload-container.delete .date-controls > button, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container.delete .date-controls > button, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container.delete .date-controls > button, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container.delete .date-controls > button { background-image: url('/platform/app/icons/b/trash.svg'); background-size: 20px; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container.delete .date-controls .schedule-settings .failure-buttons > button, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container.delete .date-controls .schedule-settings .failure-buttons > button, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container.delete .date-controls .schedule-settings .failure-buttons > button, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container.delete .date-controls .schedule-settings .failure-buttons > button, body[data-page=curate] .inner .curate .feed ul li .image-upload-container.delete .date-controls .schedule-settings .failure-buttons > button, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container.delete .date-controls .schedule-settings .failure-buttons > button, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container.delete .date-controls .schedule-settings .failure-buttons > button, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container.delete .date-controls .schedule-settings .failure-buttons > button { margin-right: 0px; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container.delete .date-controls .schedule-settings .failure-buttons > button:last-child, body[data-page=curate] .inner .curate .feed .new-post-container li .date-controls-container.delete .date-controls .schedule-settings .failure-buttons > button:last-child, body[data-page=curate] .inner .curate .feed ul .new-post .date-controls-container.delete .date-controls .schedule-settings .failure-buttons > button:last-child, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .date-controls-container.delete .date-controls .schedule-settings .failure-buttons > button:last-child, body[data-page=curate] .inner .curate .feed ul li .image-upload-container.delete .date-controls .schedule-settings .failure-buttons > button:last-child, body[data-page=curate] .inner .curate .feed .new-post-container li .image-upload-container.delete .date-controls .schedule-settings .failure-buttons > button:last-child, body[data-page=curate] .inner .curate .feed ul .new-post .image-upload-container.delete .date-controls .schedule-settings .failure-buttons > button:last-child, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .image-upload-container.delete .date-controls .schedule-settings .failure-buttons > button:last-child { margin-right: 10px; } body[data-page=curate] .inner .curate .feed ul li .attached-link, body[data-page=curate] .inner .curate .feed .new-post-container li .attached-link, body[data-page=curate] .inner .curate .feed ul .new-post .attached-link, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .attached-link { background-color: #f5f7f9; border-radius: 500px; margin-top: 10px; display: flex; align-items: center; padding: 5px 0px; } body[data-page=curate] .inner .curate .feed ul li .attached-link b, body[data-page=curate] .inner .curate .feed .new-post-container li .attached-link b, body[data-page=curate] .inner .curate .feed ul .new-post .attached-link b, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .attached-link b { width: 30px; height: 30px; min-width: 40px; min-height: 40px; background-image: url('/platform/app/icons/g/link.svg'); background-position: center; background-repeat: no-repeat; } body[data-page=curate] .inner .curate .feed ul li .attached-link .link-info, body[data-page=curate] .inner .curate .feed .new-post-container li .attached-link .link-info, body[data-page=curate] .inner .curate .feed ul .new-post .attached-link .link-info, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .attached-link .link-info { width: calc(100% - 60px); margin-left: 10px; } body[data-page=curate] .inner .curate .feed ul li .attached-link .link-info a, body[data-page=curate] .inner .curate .feed .new-post-container li .attached-link .link-info a, body[data-page=curate] .inner .curate .feed ul .new-post .attached-link .link-info a, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .attached-link .link-info a { color: #798a9c; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; width: calc(100%); font-size: 14px; transition: color 0.15s ease-in-out; } body[data-page=curate] .inner .curate .feed ul li .attached-link .link-info a:hover, body[data-page=curate] .inner .curate .feed .new-post-container li .attached-link .link-info a:hover, body[data-page=curate] .inner .curate .feed ul .new-post .attached-link .link-info a:hover, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .attached-link .link-info a:hover { color: black; } body[data-page=curate] .inner .curate .feed ul li .attached-link .link-info span, body[data-page=curate] .inner .curate .feed .new-post-container li .attached-link .link-info span, body[data-page=curate] .inner .curate .feed ul .new-post .attached-link .link-info span, body[data-page=curate] .inner .curate .feed .new-post-container .new-post .attached-link .link-info span { font-size: 12px; display: block; margin-top: 2px; } body[data-page=curate] .inner .curate .feed ul li > .timepicker-container, body[data-page=curate] .inner .curate .feed .new-post-container li > .timepicker-container, body[data-page=curate] .inner .curate .feed ul .new-post > .timepicker-container, body[data-page=curate] .inner .curate .feed .new-post-container .new-post > .timepicker-container { position: fixed !important; z-index: 5 !important; display: flex; justify-content: space-between; } @media screen and (max-width: 768px) { body[data-page=curate] .inner .curate .feed ul li > .timepicker-container, body[data-page=curate] .inner .curate .feed .new-post-container li > .timepicker-container, body[data-page=curate] .inner .curate .feed ul .new-post > .timepicker-container, body[data-page=curate] .inner .curate .feed .new-post-container .new-post > .timepicker-container { flex-direction: column; } } body[data-page=curate] .inner .curate .feed ul li > .timepicker-container .calendar, body[data-page=curate] .inner .curate .feed .new-post-container li > .timepicker-container .calendar, body[data-page=curate] .inner .curate .feed ul .new-post > .timepicker-container .calendar, body[data-page=curate] .inner .curate .feed .new-post-container .new-post > .timepicker-container .calendar { background-color: white; border-radius: 20px; padding: 20px; margin-bottom: 5px; box-shadow: 0 1px 12.5px 0 rgba(0, 0, 0, 0.19); margin-right: 20px; width: 300px; } body[data-page=curate] .inner .curate .feed ul li > .timepicker-container .calendar .heading, body[data-page=curate] .inner .curate .feed .new-post-container li > .timepicker-container .calendar .heading, body[data-page=curate] .inner .curate .feed ul .new-post > .timepicker-container .calendar .heading, body[data-page=curate] .inner .curate .feed .new-post-container .new-post > .timepicker-container .calendar .heading { display: flex; justify-content: space-between; align-items: center; background-color: white; border-radius: 500px; width: calc(100% - 10px); padding: 5px; margin-bottom: 20px; } body[data-page=curate] .inner .curate .feed ul li > .timepicker-container .calendar .heading button, body[data-page=curate] .inner .curate .feed .new-post-container li > .timepicker-container .calendar .heading button, body[data-page=curate] .inner .curate .feed ul .new-post > .timepicker-container .calendar .heading button, body[data-page=curate] .inner .curate .feed .new-post-container .new-post > .timepicker-container .calendar .heading button { width: 30px; height: 30px; border: 0; border-radius: 100%; background-color: #f5f7f9; cursor: pointer; transition: all 0.15s ease-in-out; background-position: center; background-repeat: no-repeat; background-size: 15px; } body[data-page=curate] .inner .curate .feed ul li > .timepicker-container .calendar .heading button:not(.disabled):active, body[data-page=curate] .inner .curate .feed .new-post-container li > .timepicker-container .calendar .heading button:not(.disabled):active, body[data-page=curate] .inner .curate .feed ul .new-post > .timepicker-container .calendar .heading button:not(.disabled):active, body[data-page=curate] .inner .curate .feed .new-post-container .new-post > .timepicker-container .calendar .heading button:not(.disabled):active { transform: scale(0.9); } body[data-page=curate] .inner .curate .feed ul li > .timepicker-container .calendar .heading button:nth-of-type(1), body[data-page=curate] .inner .curate .feed .new-post-container li > .timepicker-container .calendar .heading button:nth-of-type(1), body[data-page=curate] .inner .curate .feed ul .new-post > .timepicker-container .calendar .heading button:nth-of-type(1), body[data-page=curate] .inner .curate .feed .new-post-container .new-post > .timepicker-container .calendar .heading button:nth-of-type(1) { background-image: url('/platform/app/icons/g/arrow-left.svg'); } body[data-page=curate] .inner .curate .feed ul li > .timepicker-container .calendar .heading button:nth-of-type(2), body[data-page=curate] .inner .curate .feed .new-post-container li > .timepicker-container .calendar .heading button:nth-of-type(2), body[data-page=curate] .inner .curate .feed ul .new-post > .timepicker-container .calendar .heading button:nth-of-type(2), body[data-page=curate] .inner .curate .feed .new-post-container .new-post > .timepicker-container .calendar .heading button:nth-of-type(2) { background-image: url('/platform/app/icons/g/arrow-right.svg'); } body[data-page=curate] .inner .curate .feed ul li > .timepicker-container .calendar .heading button.disabled, body[data-page=curate] .inner .curate .feed .new-post-container li > .timepicker-container .calendar .heading button.disabled, body[data-page=curate] .inner .curate .feed ul .new-post > .timepicker-container .calendar .heading button.disabled, body[data-page=curate] .inner .curate .feed .new-post-container .new-post > .timepicker-container .calendar .heading button.disabled { opacity: 0.25; cursor: not-allowed; } body[data-page=curate] .inner .curate .feed ul li > .timepicker-container .calendar .heading label, body[data-page=curate] .inner .curate .feed .new-post-container li > .timepicker-container .calendar .heading label, body[data-page=curate] .inner .curate .feed ul .new-post > .timepicker-container .calendar .heading label, body[data-page=curate] .inner .curate .feed .new-post-container .new-post > .timepicker-container .calendar .heading label { font-weight: bold; position: relative; } body[data-page=curate] .inner .curate .feed ul li > .timepicker-container .calendar .heading label input, body[data-page=curate] .inner .curate .feed .new-post-container li > .timepicker-container .calendar .heading label input, body[data-page=curate] .inner .curate .feed ul .new-post > .timepicker-container .calendar .heading label input, body[data-page=curate] .inner .curate .feed .new-post-container .new-post > .timepicker-container .calendar .heading label input { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; cursor: pointer; } body[data-page=curate] .inner .curate .feed ul li > .timepicker-container .calendar .days, body[data-page=curate] .inner .curate .feed .new-post-container li > .timepicker-container .calendar .days, body[data-page=curate] .inner .curate .feed ul .new-post > .timepicker-container .calendar .days, body[data-page=curate] .inner .curate .feed .new-post-container .new-post > .timepicker-container .calendar .days { display: flex; justify-content: space-between; margin-bottom: 10px; } body[data-page=curate] .inner .curate .feed ul li > .timepicker-container .calendar .days .day, body[data-page=curate] .inner .curate .feed .new-post-container li > .timepicker-container .calendar .days .day, body[data-page=curate] .inner .curate .feed ul .new-post > .timepicker-container .calendar .days .day, body[data-page=curate] .inner .curate .feed .new-post-container .new-post > .timepicker-container .calendar .days .day { margin: 0; text-transform: uppercase; width: calc(100% / 7); text-align: center; } body[data-page=curate] .inner .curate .feed ul li > .timepicker-container .calendar .dates, body[data-page=curate] .inner .curate .feed .new-post-container li > .timepicker-container .calendar .dates, body[data-page=curate] .inner .curate .feed ul .new-post > .timepicker-container .calendar .dates, body[data-page=curate] .inner .curate .feed .new-post-container .new-post > .timepicker-container .calendar .dates { display: flex; flex-wrap: wrap; } body[data-page=curate] .inner .curate .feed ul li > .timepicker-container .calendar .dates .date, body[data-page=curate] .inner .curate .feed .new-post-container li > .timepicker-container .calendar .dates .date, body[data-page=curate] .inner .curate .feed ul .new-post > .timepicker-container .calendar .dates .date, body[data-page=curate] .inner .curate .feed .new-post-container .new-post > .timepicker-container .calendar .dates .date { width: calc(100% / 7); text-align: center; transition: all 0.15s ease-in-out; display: flex; justify-content: center; margin-bottom: 5px; } body[data-page=curate] .inner .curate .feed ul li > .timepicker-container .calendar .dates .date:not(.disabled):hover b, body[data-page=curate] .inner .curate .feed .new-post-container li > .timepicker-container .calendar .dates .date:not(.disabled):hover b, body[data-page=curate] .inner .curate .feed ul .new-post > .timepicker-container .calendar .dates .date:not(.disabled):hover b, body[data-page=curate] .inner .curate .feed .new-post-container .new-post > .timepicker-container .calendar .dates .date:not(.disabled):hover b, body[data-page=curate] .inner .curate .feed ul li > .timepicker-container .calendar .dates .date:not(.disabled).active b, body[data-page=curate] .inner .curate .feed .new-post-container li > .timepicker-container .calendar .dates .date:not(.disabled).active b, body[data-page=curate] .inner .curate .feed ul .new-post > .timepicker-container .calendar .dates .date:not(.disabled).active b, body[data-page=curate] .inner .curate .feed .new-post-container .new-post > .timepicker-container .calendar .dates .date:not(.disabled).active b { background-color: #3485fd; color: white; } body[data-page=curate] .inner .curate .feed ul li > .timepicker-container .calendar .dates .date:not(.disabled):active, body[data-page=curate] .inner .curate .feed .new-post-container li > .timepicker-container .calendar .dates .date:not(.disabled):active, body[data-page=curate] .inner .curate .feed ul .new-post > .timepicker-container .calendar .dates .date:not(.disabled):active, body[data-page=curate] .inner .curate .feed .new-post-container .new-post > .timepicker-container .calendar .dates .date:not(.disabled):active { transform: scale(0.95); } body[data-page=curate] .inner .curate .feed ul li > .timepicker-container .calendar .dates .date:not(.disabled) b, body[data-page=curate] .inner .curate .feed .new-post-container li > .timepicker-container .calendar .dates .date:not(.disabled) b, body[data-page=curate] .inner .curate .feed ul .new-post > .timepicker-container .calendar .dates .date:not(.disabled) b, body[data-page=curate] .inner .curate .feed .new-post-container .new-post > .timepicker-container .calendar .dates .date:not(.disabled) b { display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; transition: all 0.15s ease-in-out; user-select: none; border-radius: 100%; } body[data-page=curate] .inner .curate .feed ul li > .timepicker-container .calendar .dates .date:not(:empty), body[data-page=curate] .inner .curate .feed .new-post-container li > .timepicker-container .calendar .dates .date:not(:empty), body[data-page=curate] .inner .curate .feed ul .new-post > .timepicker-container .calendar .dates .date:not(:empty), body[data-page=curate] .inner .curate .feed .new-post-container .new-post > .timepicker-container .calendar .dates .date:not(:empty) { cursor: pointer; } body[data-page=curate] .inner .curate .feed ul li > .timepicker-container .calendar .dates .date.disabled, body[data-page=curate] .inner .curate .feed .new-post-container li > .timepicker-container .calendar .dates .date.disabled, body[data-page=curate] .inner .curate .feed ul .new-post > .timepicker-container .calendar .dates .date.disabled, body[data-page=curate] .inner .curate .feed .new-post-container .new-post > .timepicker-container .calendar .dates .date.disabled { opacity: 0.25; pointer-events: none; } body[data-page=curate] .inner .curate .feed ul li > .timepicker-container .timepicker-main .timepicker, body[data-page=curate] .inner .curate .feed .new-post-container li > .timepicker-container .timepicker-main .timepicker, body[data-page=curate] .inner .curate .feed ul .new-post > .timepicker-container .timepicker-main .timepicker, body[data-page=curate] .inner .curate .feed .new-post-container .new-post > .timepicker-container .timepicker-main .timepicker { background-color: white; border-radius: 20px; padding: 20px; margin-bottom: 5px; box-shadow: 0 1px 12.5px 0 rgba(0, 0, 0, 0.19); flex-direction: column; } body[data-page=curate] .inner .curate .feed ul li > .timepicker-container .timepicker-main .timepicker strong, body[data-page=curate] .inner .curate .feed .new-post-container li > .timepicker-container .timepicker-main .timepicker strong, body[data-page=curate] .inner .curate .feed ul .new-post > .timepicker-container .timepicker-main .timepicker strong, body[data-page=curate] .inner .curate .feed .new-post-container .new-post > .timepicker-container .timepicker-main .timepicker strong { text-align: center; display: block; margin-bottom: 10px; } body[data-page=curate] .inner .curate .feed ul li > .timepicker-container .timepicker-main .timepicker input, body[data-page=curate] .inner .curate .feed .new-post-container li > .timepicker-container .timepicker-main .timepicker input, body[data-page=curate] .inner .curate .feed ul .new-post > .timepicker-container .timepicker-main .timepicker input, body[data-page=curate] .inner .curate .feed .new-post-container .new-post > .timepicker-container .timepicker-main .timepicker input, body[data-page=curate] .inner .curate .feed ul li > .timepicker-container .timepicker-main .timepicker select, body[data-page=curate] .inner .curate .feed .new-post-container li > .timepicker-container .timepicker-main .timepicker select, body[data-page=curate] .inner .curate .feed ul .new-post > .timepicker-container .timepicker-main .timepicker select, body[data-page=curate] .inner .curate .feed .new-post-container .new-post > .timepicker-container .timepicker-main .timepicker select { font-weight: bold; border: 0; font-size: 16px; text-align: center; } body[data-page=curate] .inner .curate .feed ul li > .timepicker-container .timepicker-main .timepicker input:focus, body[data-page=curate] .inner .curate .feed .new-post-container li > .timepicker-container .timepicker-main .timepicker input:focus, body[data-page=curate] .inner .curate .feed ul .new-post > .timepicker-container .timepicker-main .timepicker input:focus, body[data-page=curate] .inner .curate .feed .new-post-container .new-post > .timepicker-container .timepicker-main .timepicker input:focus, body[data-page=curate] .inner .curate .feed ul li > .timepicker-container .timepicker-main .timepicker select:focus, body[data-page=curate] .inner .curate .feed .new-post-container li > .timepicker-container .timepicker-main .timepicker select:focus, body[data-page=curate] .inner .curate .feed ul .new-post > .timepicker-container .timepicker-main .timepicker select:focus, body[data-page=curate] .inner .curate .feed .new-post-container .new-post > .timepicker-container .timepicker-main .timepicker select:focus { outline: none; } body[data-page=curate] .inner .curate .feed ul li > .timepicker-container .timepicker-main button, body[data-page=curate] .inner .curate .feed .new-post-container li > .timepicker-container .timepicker-main button, body[data-page=curate] .inner .curate .feed ul .new-post > .timepicker-container .timepicker-main button, body[data-page=curate] .inner .curate .feed .new-post-container .new-post > .timepicker-container .timepicker-main button { box-shadow: 0 1px 12.5px 0 rgba(0, 0, 0, 0.19); color: white; padding: 15px; border-radius: 500px; background-color: #3485fd; border: 1px solid #3485fd; border: 0; display: block; width: 100%; font-weight: 600; font-size: 14px; transition: all 0.15s ease-in-out; cursor: pointer; } body[data-page=curate] .inner .curate .feed ul li > .timepicker-container .timepicker-main button:active, body[data-page=curate] .inner .curate .feed .new-post-container li > .timepicker-container .timepicker-main button:active, body[data-page=curate] .inner .curate .feed ul .new-post > .timepicker-container .timepicker-main button:active, body[data-page=curate] .inner .curate .feed .new-post-container .new-post > .timepicker-container .timepicker-main button:active { transform: scale(0.95); } body[data-page=curate] .inner .curate .feed ul li > .timepicker-container .timepicker-main button:last-child, body[data-page=curate] .inner .curate .feed .new-post-container li > .timepicker-container .timepicker-main button:last-child, body[data-page=curate] .inner .curate .feed ul .new-post > .timepicker-container .timepicker-main button:last-child, body[data-page=curate] .inner .curate .feed .new-post-container .new-post > .timepicker-container .timepicker-main button:last-child { background-color: #fd3434; } body[data-page=curate] .inner .curate .feed ul li > .timepicker-container .timepicker-main button:not(:last-child), body[data-page=curate] .inner .curate .feed .new-post-container li > .timepicker-container .timepicker-main button:not(:last-child), body[data-page=curate] .inner .curate .feed ul .new-post > .timepicker-container .timepicker-main button:not(:last-child), body[data-page=curate] .inner .curate .feed .new-post-container .new-post > .timepicker-container .timepicker-main button:not(:last-child) { margin-bottom: 5px; } body[data-page=curate] .inner .curate .feed ul li.empty, body[data-page=curate] .inner .curate .feed .new-post-container li.empty, body[data-page=curate] .inner .curate .feed ul .new-post.empty, body[data-page=curate] .inner .curate .feed .new-post-container .new-post.empty { display: flex; justify-content: center; align-items: center; height: calc(100% - (80px * 2)); background: none; } body[data-page=curate] .inner .curate .feed ul li.empty .empty-message, body[data-page=curate] .inner .curate .feed .new-post-container li.empty .empty-message, body[data-page=curate] .inner .curate .feed ul .new-post.empty .empty-message, body[data-page=curate] .inner .curate .feed .new-post-container .new-post.empty .empty-message { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; } body[data-page=curate] .inner .curate .feed ul li.empty .empty-message img, body[data-page=curate] .inner .curate .feed .new-post-container li.empty .empty-message img, body[data-page=curate] .inner .curate .feed ul .new-post.empty .empty-message img, body[data-page=curate] .inner .curate .feed .new-post-container .new-post.empty .empty-message img { width: 50px; margin-bottom: 10px; } body[data-page=curate] .inner .curate .feed ul li.empty .empty-message img.flashing, body[data-page=curate] .inner .curate .feed .new-post-container li.empty .empty-message img.flashing, body[data-page=curate] .inner .curate .feed ul .new-post.empty .empty-message img.flashing, body[data-page=curate] .inner .curate .feed .new-post-container .new-post.empty .empty-message img.flashing { animation: pulse 2s ease-in-out infinite; } @keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } } body[data-page=curate] .inner .curate .feed ul li.loading, body[data-page=curate] .inner .curate .feed .new-post-container li.loading, body[data-page=curate] .inner .curate .feed ul .new-post.loading, body[data-page=curate] .inner .curate .feed .new-post-container .new-post.loading { display: flex; justify-content: center; align-items: center; height: calc(100% - (20px * 2)); background: none; } body[data-page=curate] .inner .curate .feed ul li.loading .ring, body[data-page=curate] .inner .curate .feed .new-post-container li.loading .ring, body[data-page=curate] .inner .curate .feed ul .new-post.loading .ring, body[data-page=curate] .inner .curate .feed .new-post-container .new-post.loading .ring { display: inline-block; position: relative; width: 80px; height: 80px; } body[data-page=curate] .inner .curate .feed ul li.loading .ring div, body[data-page=curate] .inner .curate .feed .new-post-container li.loading .ring div, body[data-page=curate] .inner .curate .feed ul .new-post.loading .ring div, body[data-page=curate] .inner .curate .feed .new-post-container .new-post.loading .ring div { box-sizing: border-box; display: block; position: absolute; width: 64px; height: 64px; margin: 8px; border: 8px solid black; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: black transparent transparent transparent; } body[data-page=curate] .inner .curate .feed ul li.loading .ring div:nth-child(1), body[data-page=curate] .inner .curate .feed .new-post-container li.loading .ring div:nth-child(1), body[data-page=curate] .inner .curate .feed ul .new-post.loading .ring div:nth-child(1), body[data-page=curate] .inner .curate .feed .new-post-container .new-post.loading .ring div:nth-child(1) { animation-delay: -0.45s; } body[data-page=curate] .inner .curate .feed ul li.loading .ring div:nth-child(2), body[data-page=curate] .inner .curate .feed .new-post-container li.loading .ring div:nth-child(2), body[data-page=curate] .inner .curate .feed ul .new-post.loading .ring div:nth-child(2), body[data-page=curate] .inner .curate .feed .new-post-container .new-post.loading .ring div:nth-child(2) { animation-delay: -0.3s; } body[data-page=curate] .inner .curate .feed ul li.loading .ring div:nth-child(3), body[data-page=curate] .inner .curate .feed .new-post-container li.loading .ring div:nth-child(3), body[data-page=curate] .inner .curate .feed ul .new-post.loading .ring div:nth-child(3), body[data-page=curate] .inner .curate .feed .new-post-container .new-post.loading .ring div:nth-child(3) { animation-delay: -0.15s; } @keyframes lds-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } body[data-page=curate] .inner .curate .feed ul li.loading-more, body[data-page=curate] .inner .curate .feed .new-post-container li.loading-more, body[data-page=curate] .inner .curate .feed ul .new-post.loading-more, body[data-page=curate] .inner .curate .feed .new-post-container .new-post.loading-more { background: none; display: flex; justify-content: center; align-items: center; } body[data-page=curate] .inner .curate .feed ul li.loading-more img, body[data-page=curate] .inner .curate .feed .new-post-container li.loading-more img, body[data-page=curate] .inner .curate .feed ul .new-post.loading-more img, body[data-page=curate] .inner .curate .feed .new-post-container .new-post.loading-more img { margin-right: 10px; } body[data-page=curate] .inner .curate .feed ul li.loading-more img.flashing, body[data-page=curate] .inner .curate .feed .new-post-container li.loading-more img.flashing, body[data-page=curate] .inner .curate .feed ul .new-post.loading-more img.flashing, body[data-page=curate] .inner .curate .feed .new-post-container .new-post.loading-more img.flashing { animation: pulse 2s ease-in-out infinite; } @keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } } body[data-page=curate] .inner .curate .feed ul li:not(:last-child), body[data-page=curate] .inner .curate .feed .new-post-container li:not(:last-child), body[data-page=curate] .inner .curate .feed ul .new-post:not(:last-child), body[data-page=curate] .inner .curate .feed .new-post-container .new-post:not(:last-child) { margin-bottom: 10px; } body[data-page=curate] .inner .curate .feed .new-post-container { margin-top: 10px; margin-bottom: 0px; position: relative; } body[data-page=curate] .inner .curate .feed .new-post-container .new-post { background-color: #798a9c; transition: all 0.25s ease-in-out; position: relative; } body[data-page=curate] .inner .curate .feed .new-post-container .new-post .new-post { display: flex; padding: 0; align-items: center; color: white; cursor: pointer; overflow: hidden; transition: all 0.25s ease-in-out; } body[data-page=curate] .inner .curate .feed .new-post-container .new-post .new-post img { width: 40px; height: 40px; margin-right: 10px; border-radius: 100%; } body[data-page=curate] .inner .curate .feed .new-post-container .new-post.active { background-color: white; overflow: hidden; } body[data-page=curate] .inner .curate .feed .new-post-container .new-post.active .new-post { height: 0; } body[data-page=curate] .inner .curate .feed .new-post-container .profile-and-post { position: relative; z-index: 10; } body[data-page=curate] .inner .curate .feed .new-post-container .date-controls-container, body[data-page=curate] .inner .curate .feed .new-post-container .image-upload-container { position: relative; z-index: 10; } body[data-page=curate] .inner .curate .feed ul { height: calc(100% - (5px) - 142px); margin-top: 17px; } body[data-page=curate] .inner .curate .feed ul li:not(:last-child) { margin-bottom: 17px; } body[data-page=curate] .inner .curate .feed ul li:last-child { margin-bottom: 23px; } body[data-page=curate] .inner .curate .feed ul li.upgrade-brand { background-color: white; background-image: radial-gradient(circle at 87% 18%, rgba(16, 110, 253, 0.4), #ffffff 61%); background-size: 150% 150%; animation: floatingGradient 8s ease-in-out infinite; } body[data-page=curate] .inner .curate .feed ul li.upgrade-brand .upgrade-brand-inner .upgrade-brand-text { display: flex; flex-direction: column; gap: 10px; } body[data-page=curate] .inner .curate .feed ul li.upgrade-brand .upgrade-brand-inner .upgrade-brand-text > * { margin: 0px; } body[data-page=curate] .inner .curate .feed ul li.upgrade-brand .upgrade-brand-inner .upgrade-brand-text button { cursor: pointer; } body[data-page=curate] .inner .curate .feed ul li.upgrade-brand .upgrade-brand-inner .upgrade-brand-text button.btn-primary { color: white; padding: 15px; border-radius: 500px; background-color: #3485fd; border: 1px solid #3485fd; border: 0; display: block; width: 100%; font-weight: 600; font-size: 14px; transition: all 0.15s ease-in-out; } body[data-page=curate] .inner .curate .feed ul li.upgrade-brand .upgrade-brand-inner .upgrade-brand-text button.btn-primary:active { transform: scale(0.95); } body[data-page=curate] .inner .curate .feed ul li.upgrade-brand .upgrade-brand-inner .upgrade-brand-text button.btn-secondary { display: flex; justify-content: center; align-items: center; height: 50px; width: 100%; background: none; border: 1px solid #e8e8e8; border-radius: 500px; box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.5); transition: all 0.15s ease-in-out; } body[data-page=curate] .inner .curate .feed ul li.upgrade-brand .upgrade-brand-inner .upgrade-brand-text button.btn-secondary i { font-style: normal; } body[data-page=curate] .inner .curate .feed ul li.upgrade-brand .upgrade-brand-inner .upgrade-brand-text button.btn-secondary:active { transform: scale(0.95); } body[data-page=curate] .inner .curate .feed ul li.upgrade-brand .upgrade-brand-inner .upgrade-brand-text button.btn-danger { display: flex; justify-content: center; align-items: center; padding: 15px; width: 100%; background: none; border: 1px solid #e8e8e8; border-radius: 500px; box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.5); transition: all 0.15s ease-in-out; background-color: #ffebea; border-color: #fc0000; color: #fc0000; } body[data-page=curate] .inner .curate .feed ul li.upgrade-brand .upgrade-brand-inner .upgrade-brand-text button.btn-danger:active { transform: scale(0.95); } body[data-page=curate] .inner .curate .feed ul li.upgrade-brand .upgrade-brand-inner .upgrade-brand-text button:disabled { opacity: 0.25; pointer-events: none; } body[data-page=curate] .inner .curate .feed ul.locked { overflow: hidden; } body[data-page=curate] .inner .curate .feed ul.locked li { pointer-events: none; } body[data-page=curate] .inner .curate .feed ul.locked li .timepicker-container { pointer-events: all; } body[data-page=curate] .inner .curate .chat { background: linear-gradient(180deg, #dce1ea 0%, #fefefe 100%); border-radius: 20px; display: flex; flex-direction: column; position: relative; overflow: hidden; padding: 0px 23px; height: calc(100vh - 106px - 1px ); } body[data-page=curate] .inner .curate .chat .progress { position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; opacity: 0; transition: opacity 0.15s ease-in-out; } body[data-page=curate] .inner .curate .chat .progress.show { opacity: 1; } body[data-page=curate] .inner .curate .chat .progress .bar { position: absolute; top: 0; left: 0; height: 5px; background-color: #3485fd; border-radius: 500px; transition: width 0.15s ease-in-out; } body[data-page=curate] .inner .curate .chat > ul { height: 100%; padding: 0; list-style: none; overflow: auto; margin-top: 0px; max-width: 800px; margin: 0 auto; width: 100%; } body[data-page=curate] .inner .curate .chat > ul > li { padding: 20px; border-radius: 20px; color: black; margin-bottom: 17px; } body[data-page=curate] .inner .curate .chat > ul > li.bot, body[data-page=curate] .inner .curate .chat > ul > li.user, body[data-page=curate] .inner .curate .chat > ul > li.other, body[data-page=curate] .inner .curate .chat > ul > li.btn, body[data-page=curate] .inner .curate .chat > ul > li.chat-upgrade, body[data-page=curate] .inner .curate .chat > ul > li.chat-empty, body[data-page=curate] .inner .curate .chat > ul > li.typing { animation: slideUp 0.25s ease-in-out; } body[data-page=curate] .inner .curate .chat > ul > li.bot { background-color: white; } body[data-page=curate] .inner .curate .chat > ul > li.bot .message-body { white-space: pre-line; } body[data-page=curate] .inner .curate .chat > ul > li.user { background-color: #798a9c; color: white; } body[data-page=curate] .inner .curate .chat > ul > li.other { background-color: white; } body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post { display: flex; justify-content: space-between; } body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .profile-and-type { display: flex; flex-direction: column; } body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .profile-and-type .image, body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .profile-and-type .type, body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .profile-and-type .attach-image { width: 40px; height: 40px; border-radius: 100%; background-position: center; background-repeat: no-repeat; } body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .profile-and-type .image:not(:last-child), body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .profile-and-type .type:not(:last-child), body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .profile-and-type .attach-image:not(:last-child) { margin-bottom: 10px; } body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .profile-and-type .image { background-size: cover; } body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .profile-and-type .type { background-position: center; background-size: 15px; background-repeat: no-repeat; background-color: #f5f7f9; } body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .profile-and-type .type.facebook, body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .profile-and-type .type.facebook_page, body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .profile-and-type .type.facebook_group, body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .profile-and-type .type.fb_page { background-image: url('/platform/promote/icons/social/facebook.svg'); } body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .profile-and-type .type.twitter, body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .profile-and-type .type.tw { background-image: url('/platform/promote/icons/social/twitter.svg'); background-size: 90% !important; } body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .profile-and-type .type.bluesky { background-image: url('/platform/promote/icons/social/bluesky.svg'); background-size: 60% !important; } body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .profile-and-type .type.linkedin, body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .profile-and-type .type.linkedin_pages, body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .profile-and-type .type.in_page, body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .profile-and-type .type.in, body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .profile-and-type .type.linkedin_page, body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .profile-and-type .type.linkedin_group { background-image: url('/platform/promote/icons/social/linkedin.svg'); background-size: 50% !important; } body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .profile-and-type .type.tiktok { background-image: url('/platform/promote/icons/social/tiktok.svg'); } body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .profile-and-type .type.discord { background-image: url('/platform/promote/icons/social/discord.svg'); background-size: 12px !important; } body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .profile-and-type .type.pinterest { background-image: url('/platform/promote/icons/social/pinterest.svg'); } body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .profile-and-type .type.linkedin, body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .profile-and-type .type.linkedin_pages, body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .profile-and-type .type.in_page, body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .profile-and-type .type.in { background-image: url('/platform/promote/icons/social/linkedin.svg'); } body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .profile-and-type .type.instagram { background-image: url('/platform/promote/icons/social/instagram.svg'); background-size: 60%; } body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .post-data { margin-left: 10px; width: 100%; } body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .post-data .profile-name { display: flex; justify-content: space-between; } body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .post-data .profile-name .name, body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .post-data .profile-name .controls { display: flex; align-items: center; } body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .post-data .profile-name .name { text-transform: uppercase; color: #9cabba; font-size: 12px; display: flex; align-items: center; } body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .post-data .profile-name .name b { width: 12px; height: 14px; margin-left: 5px; margin-right: 5px; background-image: url('/platform/app/icons/bl/verified.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; } body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .post-data .profile-name .controls button { height: 20px; width: 20px; background: none; border: 0; background-position: center; background-repeat: no-repeat; background-size: contain; cursor: pointer; transition: all 0.15s ease-in-out; } body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .post-data .profile-name .controls button:nth-child(1) { background-image: url('/platform/app/icons/b/clipboard.svg'); } body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .post-data .profile-name .controls button:nth-child(2) { background-image: url('/platform/app/icons/b/thumbs-up.svg'); } body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .post-data .profile-name .controls button:nth-child(3) { background-image: url('/platform/app/icons/b/thumbs-down.svg'); } body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .post-data .profile-name .controls button:active { transform: scale(0.9); } body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .post-data .profile-name .controls button:not(:last-child) { margin-right: 5px; } body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .post-data .profile-name .controls.accepted button, body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .post-data .profile-name .controls.rejected button { pointer-events: none; } body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .post-data .profile-name .controls.accepted button:not(:nth-of-type(2)) { animation: animateFade 1s ease-in-out; animation-fill-mode: forwards; } body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .post-data .profile-name .controls.rejected button:not(:nth-of-type(3)) { animation: animateFade 1s ease-in-out; animation-fill-mode: forwards; } @keyframes animateFade { 0% { opacity: 1; width: 20px; height: 20px; } 50% { opacity: 0; width: 20px; height: 20px; } 100% { opacity: 0; width: 0px; height: 20px; margin-right: 0px; margin-left: 0px; padding-right: 0px; padding-left: 0px; } } body[data-page=curate] .inner .curate .chat > ul > li.other .profile-and-post .post-data .post-content { white-space: pre-wrap; padding: 10px 0px; line-height: 21px; } body[data-page=curate] .inner .curate .chat > ul > li.other .date-controls-container { margin-top: 10px; } body[data-page=curate] .inner .curate .chat > ul > li.other .date-controls-container .date-controls { background-color: #f5f7f9; border-radius: 500px; display: flex; align-items: center; transition: all 0.15s ease-in-out; width: 100%; } body[data-page=curate] .inner .curate .chat > ul > li.other .date-controls-container .date-controls > button { width: 40px; height: 40px; min-width: 40px; min-height: 40px; border-radius: 100%; border: 0; background: none; background-image: url('/platform/app/icons/b/calendar.svg'); background-position: center; background-repeat: no-repeat; cursor: pointer; transition: all 0.15s ease-in-out; } body[data-page=curate] .inner .curate .chat > ul > li.other .date-controls-container .date-controls > button:active { transform: scale(0.9); } body[data-page=curate] .inner .curate .chat > ul > li.other .date-controls-container .date-controls .schedule-settings { transition: all 0.15s ease-in-out; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; display: flex; justify-content: space-between; align-items: center; } body[data-page=curate] .inner .curate .chat > ul > li.other .date-controls-container .date-controls .schedule-settings button { padding: 5px 10px; background: none; border: 1px solid black; border-radius: 10px; cursor: pointer; font-weight: bold; transition: all 0.15s ease-in-out; margin-right: 10px; } body[data-page=curate] .inner .curate .chat > ul > li.other .date-controls-container .date-controls .schedule-settings button:active { transform: scale(0.9); } body[data-page=curate] .inner .curate .chat > ul > li.other .date-controls-container .date-controls .schedule-settings .schedule-options { display: flex; justify-content: space-between; } body[data-page=curate] .inner .curate .chat > ul > li.other .date-controls-container .date-controls .schedule-settings .schedule-options .schedule-button { position: relative; } body[data-page=curate] .inner .curate .chat > ul > li.other .date-controls-container .date-controls .schedule-settings .schedule-options .schedule-button > input { position: absolute; top: 0; left: 0; width: calc(100% - 15px); height: calc(100% - 5px); opacity: 0; z-index: -1; } body[data-page=curate] .inner .curate .chat > ul > li.other .date-controls-container .date-controls.collapsed { width: 40px; } body[data-page=curate] .inner .curate .chat > ul > li.other .date-controls-container .date-controls.collapsed .schedule-settings { width: 0px; } body[data-page=curate] .inner .curate .chat > ul > li.other .attached-link { background-color: #f5f7f9; border-radius: 500px; margin-top: 10px; display: flex; align-items: center; } body[data-page=curate] .inner .curate .chat > ul > li.other .attached-link b { width: 30px; height: 30px; min-width: 40px; min-height: 40px; background-image: url('/platform/app/icons/b/link.svg'); background-position: center; background-repeat: no-repeat; } body[data-page=curate] .inner .curate .chat > ul > li.other .attached-link a { color: black; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; width: calc(100% - 50px); } body[data-page=curate] .inner .curate .chat > ul > li.other .timepicker-container { position: fixed !important; z-index: 5 !important; display: flex; justify-content: space-between; } @media screen and (max-width: 768px) { body[data-page=curate] .inner .curate .chat > ul > li.other .timepicker-container { flex-direction: column; } } body[data-page=curate] .inner .curate .chat > ul > li.other .timepicker-container .calendar { background-color: white; border-radius: 20px; padding: 20px; margin-bottom: 5px; box-shadow: 0 1px 12.5px 0 rgba(0, 0, 0, 0.19); margin-right: 20px; width: 300px; } body[data-page=curate] .inner .curate .chat > ul > li.other .timepicker-container .calendar .heading { display: flex; justify-content: space-between; align-items: center; background-color: white; border-radius: 500px; width: calc(100% - 10px); padding: 5px; margin-bottom: 20px; } body[data-page=curate] .inner .curate .chat > ul > li.other .timepicker-container .calendar .heading button { width: 30px; height: 30px; border: 0; border-radius: 100%; background-color: #f5f7f9; cursor: pointer; transition: all 0.15s ease-in-out; background-position: center; background-repeat: no-repeat; background-size: 15px; } body[data-page=curate] .inner .curate .chat > ul > li.other .timepicker-container .calendar .heading button:not(.disabled):active { transform: scale(0.9); } body[data-page=curate] .inner .curate .chat > ul > li.other .timepicker-container .calendar .heading button:nth-of-type(1) { background-image: url('/platform/app/icons/g/arrow-left.svg'); } body[data-page=curate] .inner .curate .chat > ul > li.other .timepicker-container .calendar .heading button:nth-of-type(2) { background-image: url('/platform/app/icons/g/arrow-right.svg'); } body[data-page=curate] .inner .curate .chat > ul > li.other .timepicker-container .calendar .heading button.disabled { opacity: 0.25; cursor: not-allowed; } body[data-page=curate] .inner .curate .chat > ul > li.other .timepicker-container .calendar .heading label { font-weight: bold; position: relative; } body[data-page=curate] .inner .curate .chat > ul > li.other .timepicker-container .calendar .heading label input { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; cursor: pointer; } body[data-page=curate] .inner .curate .chat > ul > li.other .timepicker-container .calendar .days { display: flex; justify-content: space-between; margin-bottom: 10px; } body[data-page=curate] .inner .curate .chat > ul > li.other .timepicker-container .calendar .days .day { margin: 0; text-transform: uppercase; width: calc(100% / 7); text-align: center; } body[data-page=curate] .inner .curate .chat > ul > li.other .timepicker-container .calendar .dates { display: flex; flex-wrap: wrap; } body[data-page=curate] .inner .curate .chat > ul > li.other .timepicker-container .calendar .dates .date { width: calc(100% / 7); text-align: center; transition: all 0.15s ease-in-out; display: flex; justify-content: center; margin-bottom: 5px; } body[data-page=curate] .inner .curate .chat > ul > li.other .timepicker-container .calendar .dates .date:not(.disabled):hover b, body[data-page=curate] .inner .curate .chat > ul > li.other .timepicker-container .calendar .dates .date:not(.disabled).active b { background-color: #3485fd; color: white; } body[data-page=curate] .inner .curate .chat > ul > li.other .timepicker-container .calendar .dates .date:not(.disabled):active { transform: scale(0.95); } body[data-page=curate] .inner .curate .chat > ul > li.other .timepicker-container .calendar .dates .date:not(.disabled) b { display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; transition: all 0.15s ease-in-out; user-select: none; border-radius: 100%; } body[data-page=curate] .inner .curate .chat > ul > li.other .timepicker-container .calendar .dates .date:not(:empty) { cursor: pointer; } body[data-page=curate] .inner .curate .chat > ul > li.other .timepicker-container .calendar .dates .date.disabled { opacity: 0.25; pointer-events: none; } body[data-page=curate] .inner .curate .chat > ul > li.other .timepicker-container .timepicker-main .timepicker { background-color: white; border-radius: 20px; padding: 20px; margin-bottom: 5px; box-shadow: 0 1px 12.5px 0 rgba(0, 0, 0, 0.19); flex-direction: column; } body[data-page=curate] .inner .curate .chat > ul > li.other .timepicker-container .timepicker-main .timepicker strong { text-align: center; display: block; margin-bottom: 10px; } body[data-page=curate] .inner .curate .chat > ul > li.other .timepicker-container .timepicker-main .timepicker input, body[data-page=curate] .inner .curate .chat > ul > li.other .timepicker-container .timepicker-main .timepicker select { font-weight: bold; border: 0; font-size: 16px; text-align: center; } body[data-page=curate] .inner .curate .chat > ul > li.other .timepicker-container .timepicker-main .timepicker input:focus, body[data-page=curate] .inner .curate .chat > ul > li.other .timepicker-container .timepicker-main .timepicker select:focus { outline: none; } body[data-page=curate] .inner .curate .chat > ul > li.other .timepicker-container .timepicker-main button { box-shadow: 0 1px 12.5px 0 rgba(0, 0, 0, 0.19); color: white; padding: 15px; border-radius: 500px; background-color: #3485fd; border: 1px solid #3485fd; border: 0; display: block; width: 100%; font-weight: 600; font-size: 14px; transition: all 0.15s ease-in-out; cursor: pointer; } body[data-page=curate] .inner .curate .chat > ul > li.other .timepicker-container .timepicker-main button:active { transform: scale(0.95); } body[data-page=curate] .inner .curate .chat > ul > li.other .timepicker-container .timepicker-main button:last-child { background-color: #fd3434; } body[data-page=curate] .inner .curate .chat > ul > li.other .timepicker-container .timepicker-main button:not(:last-child) { margin-bottom: 5px; } body[data-page=curate] .inner .curate .chat > ul > li.btn { padding: 0; } body[data-page=curate] .inner .curate .chat > ul > li.btn button { border-radius: 500px; width: 100%; background-color: white; border: 1px solid #e9eef0; cursor: pointer; transition: box-shadow 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0s; display: flex; justify-content: space-between; align-items: center; padding: 5px 20px; padding-right: 5px; font-size: 16px; } body[data-page=curate] .inner .curate .chat > ul > li.btn button:active { transform: scale(0.97); } body[data-page=curate] .inner .curate .chat > ul > li.btn button::after { content: ' '; width: 35px; height: 35px; background-color: #f5f7f9; border-radius: 100%; background-image: url('/platform/app/icons/g/arrow-right.svg'); background-position: center; background-repeat: no-repeat; } body[data-page=curate] .inner .curate .chat > ul > li.chat-upgrade { background-color: white; background-image: radial-gradient(circle at 87% 18%, #106efd, #ffffff 61%); } body[data-page=curate] .inner .curate .chat > ul > li.chat-upgrade .upgrade-contents { display: flex; justify-content: space-between; } body[data-page=curate] .inner .curate .chat > ul > li.chat-upgrade .upgrade-contents > .controls, body[data-page=curate] .inner .curate .chat > ul > li.chat-upgrade .upgrade-contents > .image { width: 50%; } body[data-page=curate] .inner .curate .chat > ul > li.chat-upgrade .upgrade-contents .controls ul.rota-switcher { margin: 0; padding: 0; list-style: none; margin-bottom: 20px; } body[data-page=curate] .inner .curate .chat > ul > li.chat-upgrade .upgrade-contents .controls ul.rota-switcher li { display: inline-block; padding: 10px 30px; cursor: pointer; border-radius: 500px; font-weight: bold; font-size: 12px; transition: all 0.15s ease-in-out; } body[data-page=curate] .inner .curate .chat > ul > li.chat-upgrade .upgrade-contents .controls ul.rota-switcher li.active, body[data-page=curate] .inner .curate .chat > ul > li.chat-upgrade .upgrade-contents .controls ul.rota-switcher li:hover { background-color: black; color: white; } body[data-page=curate] .inner .curate .chat > ul > li.chat-upgrade .upgrade-contents .controls ul.rota-switcher li:active { transform: scale(0.95); } body[data-page=curate] .inner .curate .chat > ul > li.chat-upgrade .upgrade-contents .controls h1, body[data-page=curate] .inner .curate .chat > ul > li.chat-upgrade .upgrade-contents .controls h2, body[data-page=curate] .inner .curate .chat > ul > li.chat-upgrade .upgrade-contents .controls h3 { margin: 0; } body[data-page=curate] .inner .curate .chat > ul > li.chat-upgrade .upgrade-contents .controls h2 { font-weight: 500; margin-bottom: 10px; } body[data-page=curate] .inner .curate .chat > ul > li.chat-upgrade .upgrade-contents .controls h1 { margin-bottom: 10px; } body[data-page=curate] .inner .curate .chat > ul > li.chat-upgrade .upgrade-contents .controls h3 { font-weight: normal; } body[data-page=curate] .inner .curate .chat > ul > li.chat-upgrade .upgrade-contents .controls ul.features { padding: 0; margin: 0; list-style: none; padding: 20px 0px; } body[data-page=curate] .inner .curate .chat > ul > li.chat-upgrade .upgrade-contents .controls ul.features > li { background-image: url('/platform/app/icons/b/check.svg'); background-repeat: no-repeat; background-position: left center; background-size: 12px; padding-left: 20px; } body[data-page=curate] .inner .curate .chat > ul > li.chat-upgrade .upgrade-contents .controls ul.features > li:not(:last-child) { margin-bottom: 10px; } body[data-page=curate] .inner .curate .chat > ul > li.chat-upgrade .upgrade-contents .controls button { color: white; cursor: pointer; padding: 15px; border-radius: 500px; background-color: #3485fd; border: 1px solid #3485fd; border: 0; display: block; width: 100%; font-weight: 600; font-size: 14px; transition: all 0.15s ease-in-out; } body[data-page=curate] .inner .curate .chat > ul > li.chat-upgrade .upgrade-contents .controls button:active { transform: scale(0.95); } body[data-page=curate] .inner .curate .chat > ul > li.chat-upgrade .upgrade-contents .image { display: flex; justify-content: center; align-items: center; } body[data-page=curate] .inner .curate .chat > ul > li.chat-upgrade .upgrade-contents .image img { width: 100%; pointer-events: none; } body[data-page=curate] .inner .curate .chat > ul > li.chat-empty { background-color: white; position: relative; overflow: hidden; } body[data-page=curate] .inner .curate .chat > ul > li.chat-empty .empty-contents { position: relative; z-index: 2; display: flex; justify-content: space-between; flex-direction: column; width: 60%; } body[data-page=curate] .inner .curate .chat > ul > li.chat-empty .empty-contents h1 { margin: 0; margin-bottom: 10px; } body[data-page=curate] .inner .curate .chat > ul > li.chat-empty .empty-contents p { margin: 0; margin-bottom: 10px; } body[data-page=curate] .inner .curate .chat > ul > li.chat-empty .empty-contents ul { list-style: none; padding: 0; margin: 0; } body[data-page=curate] .inner .curate .chat > ul > li.chat-empty .empty-contents ul li { font-weight: bold; } body[data-page=curate] .inner .curate .chat > ul > li.chat-empty .empty-contents ul li:not(:last-child) { margin-bottom: 10px; } body[data-page=curate] .inner .curate .chat > ul > li.chat-empty video { position: absolute; top: 0; right: 0; height: 100%; z-index: 1; pointer-events: none; } body[data-page=curate] .inner .curate .chat > ul > li.typing { background-color: white; width: auto; display: inline-block; } body[data-page=curate] .inner .curate .chat > ul > li.typing .dots { width: 56px; height: 26.9px; transform: scale(0.7); background: radial-gradient(circle closest-side, #000000 90%, #ffffff) 0% 50%, radial-gradient(circle closest-side, #000000 90%, #ffffff) 50% 50%, radial-gradient(circle closest-side, #000000 90%, #ffffff) 100% 50%; background-size: calc(33.33333333%) 13.4px; background-repeat: no-repeat; animation: dots-7ar3yq 1s infinite linear; } @keyframes dots-7ar3yq { 20% { background-position: 0% 0%, 50% 50%,100% 50%; } 40% { background-position: 0% 100%, 50% 0%,100% 50%; } 60% { background-position: 0% 50%, 50% 100%,100% 0%; } 80% { background-position: 0% 50%, 50% 50%,100% 100%; } } body[data-page=curate] .inner .curate .chat > ul > li.welcome { margin-top: 100px; margin-bottom: 50px; padding: 0; } body[data-page=curate] .inner .curate .chat > ul > li.welcome img { width: 60px; margin-bottom: 10px; } body[data-page=curate] .inner .curate .chat > ul > li.welcome h1 { margin: 0; font-size: 70px; font-weight: normal; } body[data-page=curate] .inner .curate .chat > ul > li.type-button { border-radius: 500px; cursor: pointer; transition: box-shadow 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0s; display: flex; justify-content: space-between; align-items: center; padding: 5px 20px; padding-right: 5px; } body[data-page=curate] .inner .curate .chat > ul > li.type-button:active { transform: scale(0.97); } body[data-page=curate] .inner .curate .chat > ul > li.type-button::after { content: ' '; width: 35px; height: 35px; background-color: #f5f7f9; border-radius: 100%; background-image: url('/platform/app/icons/g/arrow-right.svg'); background-position: center; background-repeat: no-repeat; } body[data-page=curate] .inner .curate .chat > ul > li.type-profile-select { border-radius: 500px; cursor: pointer; transition: box-shadow 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0s; display: inline-block; width: calc(100% / 3 - 30px); padding: 5px 20px; padding-right: 5px; margin-right: 5px; } body[data-page=curate] .inner .curate .chat > ul > li.type-profile-select .profile-select { display: flex; justify-content: space-between; align-items: center; } body[data-page=curate] .inner .curate .chat > ul > li.type-profile-select .profile-select .profile-image { display: flex; justify-content: center; align-items: center; margin-right: 5px; } body[data-page=curate] .inner .curate .chat > ul > li.type-profile-select .profile-select .profile-image img { width: 35px; height: 35px; border-radius: 100%; } body[data-page=curate] .inner .curate .chat > ul > li.type-profile-select .profile-select .profile-name { display: flex; flex-direction: column; margin-right: auto; width: calc(100% - 80px); } body[data-page=curate] .inner .curate .chat > ul > li.type-profile-select .profile-select .profile-name strong { color: #3485fd; text-transform: uppercase; } body[data-page=curate] .inner .curate .chat > ul > li.type-profile-select .profile-select .profile-name > * { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; } body[data-page=curate] .inner .curate .chat > ul > li.type-profile-select .profile-select::after { content: ' '; width: 35px; height: 35px; min-width: 35px; background-color: #f5f7f9; border-radius: 100%; background-position: center; background-repeat: no-repeat; transition: all 0.15s ease-in-out; } body[data-page=curate] .inner .curate .chat > ul > li.type-profile-select .profile-select.selected::after { background-color: #3485fd; background-image: url('/platform/app/icons/w/check.svg'); } body[data-page=curate] .inner .curate .chat > ul > li.type-profile-select:active { transform: scale(0.97); } body[data-page=curate] .inner .curate .chat > ul > li.completed { transition: all 0.15s ease-in-out; opacity: 0.5; pointer-events: none; transform: scale(0.98); } body[data-page=curate] .inner .curate .chat .compose { background-color: #3485fd; border-radius: 20px; padding: 10px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.11); max-width: calc(100% - 20px); margin: 0 auto; width: calc(100% - 20px); } body[data-page=curate] .inner .curate .chat .compose .attachment { margin-bottom: 10px; display: flex; justify-content: space-between; } body[data-page=curate] .inner .curate .chat .compose .attachment span { display: flex; align-items: center; background-repeat: no-repeat; background-position: left center; background-image: url('/platform/app/icons/b/file.svg'); padding-left: 18px; background-size: 12px; } body[data-page=curate] .inner .curate .chat .compose .attachment span.file-audio { background-image: url('/platform/app/icons/b/file-audio.svg'); } body[data-page=curate] .inner .curate .chat .compose .attachment span.file-excel { background-image: url('/platform/app/icons/b/file-excel.svg'); } body[data-page=curate] .inner .curate .chat .compose .attachment span.file-image { background-image: url('/platform/app/icons/b/file-image.svg'); } body[data-page=curate] .inner .curate .chat .compose .attachment span.file-pdf { background-image: url('/platform/app/icons/b/file-pdf.svg'); } body[data-page=curate] .inner .curate .chat .compose .attachment button { border: 0; border-radius: 5px; background: linear-gradient(0deg, #ffffff 0%, #e7e7e7 100%); border: 1px solid white; position: relative; width: 20px; height: 20px; cursor: pointer; } body[data-page=curate] .inner .curate .chat .compose .attachment button::after { content: ''; display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: 8px; position: absolute; top: 0; left: 0; background-image: url('/platform/app/icons/b/x.svg'); } body[data-page=curate] .inner .curate .chat .compose .attachment button:active { transform: scale(0.9); } body[data-page=curate] .inner .curate .chat .compose .control-set { display: flex; align-items: center; justify-content: space-between; } body[data-page=curate] .inner .curate .chat .compose .control-set img { width: 35px; margin-right: 10px; } body[data-page=curate] .inner .curate .chat .compose .control-set input { background: none; border: 0; color: white; padding: 9px 15px; width: 100%; font-size: 16px; transition: opacity 0.15s ease-in-out; } body[data-page=curate] .inner .curate .chat .compose .control-set input:focus { outline: none; } body[data-page=curate] .inner .curate .chat .compose .control-set input:focus::placeholder { color: transparent; } body[data-page=curate] .inner .curate .chat .compose .control-set input::placeholder { color: white; } body[data-page=curate] .inner .curate .chat .compose .control-set input:disabled { opacity: 0.25; cursor: not-allowed; } body[data-page=curate] .inner .curate .chat .compose .control-set button { height: 35px; width: 35px; border: 0; border-radius: 10px; background: none; position: relative; cursor: pointer; transition: all 0.15s ease-in-out; /* &:nth-of-type(1){ &::after{ background-image: url('/platform/app/icons/w/upload.svg'); } border-top-right-radius: 0px; border-bottom-right-radius: 0px; } */ } body[data-page=curate] .inner .curate .chat .compose .control-set button:not(:disabled):active { transform: scale(0.9); } body[data-page=curate] .inner .curate .chat .compose .control-set button::after { content: ''; display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: 20px; position: absolute; top: 0; left: 0; } body[data-page=curate] .inner .curate .chat .compose .control-set button:disabled { opacity: 0.25; cursor: not-allowed; } body[data-page=curate] .inner .curate .chat .compose .control-set button:nth-of-type(1) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } body[data-page=curate] .inner .curate .chat .compose .control-set button:nth-of-type(1)::after { background-image: url('/platform/app/icons/w/send.svg'); } body[data-page=curate] .inner .curate .chat .compose .control-set.disabled > * { opacity: 0.25; pointer-events: none; } body[data-page=curate] .inner .curate .chat > ul { height: calc(100% - (10px) - 30px); } body[data-page=curate] .inner .curate .chat > ul > li:first-child { margin-top: 17px; } body[data-page=curate] .inner .curate .chat > ul > li:last-child { margin-bottom: 60px; } body[data-page=curate] .inner .curate .chat .compose { width: calc(100% - (28px * 2) - 10px); position: absolute; bottom: 28px; z-index: 3; } body[data-page=curate] .inner .curate.empty { width: 100%; display: block; } body[data-page=curate] .inner .curate.empty .panel { background-color: white; } body[data-page=curate] .inner .curate.empty .panel button { cursor: pointer; width: auto !important; } body[data-page=curate] .inner .curate.empty .panel button.btn-primary { color: white; padding: 15px; border-radius: 500px; background-color: #3485fd; border: 1px solid #3485fd; border: 0; display: block; width: 100%; font-weight: 600; font-size: 14px; transition: all 0.15s ease-in-out; } body[data-page=curate] .inner .curate.empty .panel button.btn-primary:active { transform: scale(0.95); } body[data-page=curate] .inner .curate.empty .panel button.btn-secondary { display: flex; justify-content: center; align-items: center; height: 50px; width: 100%; background: none; border: 1px solid #e8e8e8; border-radius: 500px; box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.5); transition: all 0.15s ease-in-out; } body[data-page=curate] .inner .curate.empty .panel button.btn-secondary i { font-style: normal; } body[data-page=curate] .inner .curate.empty .panel button.btn-secondary:active { transform: scale(0.95); } body[data-page=curate] .inner .curate.empty .panel button.btn-danger { display: flex; justify-content: center; align-items: center; padding: 15px; width: 100%; background: none; border: 1px solid #e8e8e8; border-radius: 500px; box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.5); transition: all 0.15s ease-in-out; background-color: #ffebea; border-color: #fc0000; color: #fc0000; } body[data-page=curate] .inner .curate.empty .panel button.btn-danger:active { transform: scale(0.95); } body[data-page=curate] .inner .curate.empty .panel button:disabled { opacity: 0.25; pointer-events: none; } @media screen and (max-width: 960px) { body[data-page=curate] .inner { width: calc(100% - (23px * 2)); } body[data-page=curate] .inner .curate .chat { display: none; } body[data-page=curate] .inner .curate .feed { width: 100%; padding-right: 0px; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container .schedule-settings { overflow: auto !important; border-top-right-radius: 20px; border-bottom-right-radius: 20px; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container .schedule-settings .schedule-and-delete { margin-left: 5px; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container .schedule-settings .schedule-and-delete .schedule-button button { margin-right: 5px; } body[data-page=curate] .inner .curate .feed ul li .date-controls-container.tweet-too-long .schedule-settings { text-overflow: initial !important; } } body[data-page*='settings'] .form-group:not(:last-child) { margin-bottom: 20px; } body[data-page*='settings'] .form-group label { font-weight: bold; display: block; margin-bottom: 0px; } body[data-page*='settings'] .form-group p { margin-top: 5px; margin-bottom: 10px; } body[data-page*='settings'] .form-group input, body[data-page*='settings'] .form-group select { border: 1px solid #e8e8e8; padding: 15px; width: calc(100% - (15px * 2)); border-radius: 10px; margin-top: 5px; } body[data-page*='settings'] .form-group input:focus, body[data-page*='settings'] .form-group select:focus { outline: none; border-color: #5443c8; } body[data-page*='settings'] .form-group input[type=range] { padding: 0; accent-color: #5443c8; } body[data-page*='settings'] .form-group select { width: 100%; } body[data-page*='settings'] .form-group button { cursor: pointer; display: inline-block !important; width: auto !important; padding-left: 15px; padding-right: 15px; } body[data-page*='settings'] .form-group button.btn-primary { color: white; padding: 15px; border-radius: 500px; background-color: #3485fd; border: 1px solid #3485fd; border: 0; display: block; width: 100%; font-weight: 600; font-size: 14px; transition: all 0.15s ease-in-out; } body[data-page*='settings'] .form-group button.btn-primary:active { transform: scale(0.95); } body[data-page*='settings'] .form-group button.btn-secondary { display: flex; justify-content: center; align-items: center; height: 50px; width: 100%; background: none; border: 1px solid #e8e8e8; border-radius: 500px; box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.5); transition: all 0.15s ease-in-out; } body[data-page*='settings'] .form-group button.btn-secondary i { font-style: normal; } body[data-page*='settings'] .form-group button.btn-secondary:active { transform: scale(0.95); } body[data-page*='settings'] .form-group button.btn-danger { display: flex; justify-content: center; align-items: center; padding: 15px; width: 100%; background: none; border: 1px solid #e8e8e8; border-radius: 500px; box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.5); transition: all 0.15s ease-in-out; background-color: #ffebea; border-color: #fc0000; color: #fc0000; } body[data-page*='settings'] .form-group button.btn-danger:active { transform: scale(0.95); } body[data-page*='settings'] .form-group button:disabled { opacity: 0.25; pointer-events: none; } body[data-page*='settings'] .form-group button:not(:last-child) { margin-right: 5px; } body[data-page*='settings'] .form-group.profile-pic img { width: 150px; height: 150px; border-radius: 100%; } body[data-page*='settings'] .form-group .connection-status { border: 1px solid #e8e8e8; padding: 15px; border-radius: 10px; } body[data-page*='settings'] .form-group .connection-status p { margin: 0; margin-bottom: 10px; } body[data-page*='settings'] .form-group .range { display: flex; justify-content: space-between; align-items: center; } body[data-page*='settings'] .form-group .range output { margin-left: 10px; font-weight: bold; } body[data-page*='settings'] .form-group .switch { display: flex; align-content: center; } body[data-page*='settings'] .form-group .switch input[type=checkbox] { display: none; } body[data-page*='settings'] .form-group .switch .obj { border: 1px solid #e9eef0; width: auto; padding: 5px; border-radius: 500px; width: 50px; transition: all 0.2s ease-in-out; cursor: pointer; } body[data-page*='settings'] .form-group .switch .obj b { display: flex; width: 20px; height: 20px; background-color: #3485fd; margin-left: 0px; margin-right: auto; border-radius: 100%; transition: all 0.2s ease-in-out; } body[data-page*='settings'] .form-group .switch .obj.checked { background-color: #3485fd; } body[data-page*='settings'] .form-group .switch .obj.checked b { margin-left: auto; margin-right: 0px; background-color: white; } body[data-page*='settings'] .form-group .switch label { display: flex; font-weight: normal; align-self: center; margin-left: 10px; } body[data-page*='settings'] .panels > .panel { background-color: white; } body[data-page*='settings'] .panels > .row > .panel { background-color: white; } body[data-page*='settings'] ul.network-connect li { border-radius: 500px; cursor: pointer; transition: box-shadow 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0s; display: flex; justify-content: space-between; align-items: center; padding: 5px 20px; padding-right: 5px; border: 1px solid #e9eef0; } body[data-page*='settings'] ul.network-connect li:active { transform: scale(0.97); } body[data-page*='settings'] ul.network-connect li::after { content: ' '; width: 35px; height: 35px; background-color: #f5f7f9; border-radius: 100%; background-image: url('/platform/app/icons/g/arrow-right.svg'); background-position: center; background-repeat: no-repeat; } body[data-page*='settings'] ul.network-connect li:not(:last-child) { margin-bottom: 10px; } body[data-page='post-import-select'] { background-color: #f5f7f9; background-size: cover; min-height: 100vh; } body[data-page='post-import-select'] .profile-list { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 800px; max-width: 100%; margin: 0 auto; } body[data-page='post-import-select'] .profile-list img.logo { width: 90px; margin: 20px 0px; } body[data-page='post-import-select'] .profile-list h1 { text-align: center; } body[data-page='post-import-select'] .profile-list p { text-align: center; width: 450px; max-width: 100%; margin: 0 auto; margin-bottom: 20px; } body[data-page='post-import-select'] .profile-list .step { margin-bottom: 40px; } body[data-page='post-import-select'] .profile-list .step.select-profiles ul.profiles { list-style: none; padding: 0; display: block; width: 450px; max-width: 100%; margin: 0 auto; margin-bottom: 20px; } body[data-page='post-import-select'] .profile-list .step.select-profiles ul.profiles li { display: flex; align-items: center; justify-content: space-between; background-color: white; border-radius: 500px; cursor: pointer; transition: all 0.15s ease-in-out; } body[data-page='post-import-select'] .profile-list .step.select-profiles ul.profiles li:active { transform: scale(0.95); } body[data-page='post-import-select'] .profile-list .step.select-profiles ul.profiles li .profile-icon { position: relative; width: 45px; margin-right: 10px; } body[data-page='post-import-select'] .profile-list .step.select-profiles ul.profiles li .profile-icon img { width: 35px; height: 35px; padding: 4px; border-radius: 100%; } body[data-page='post-import-select'] .profile-list .step.select-profiles ul.profiles li .profile-icon b { position: absolute; bottom: 0px; right: 0px; width: 20px; height: 20px; border-radius: 100%; background-position: center; background-size: 15px; background-repeat: no-repeat; background-color: #f5f7f9; } body[data-page='post-import-select'] .profile-list .step.select-profiles ul.profiles li .profile-icon b.facebook, body[data-page='post-import-select'] .profile-list .step.select-profiles ul.profiles li .profile-icon b.facebook_page, body[data-page='post-import-select'] .profile-list .step.select-profiles ul.profiles li .profile-icon b.facebook_group, body[data-page='post-import-select'] .profile-list .step.select-profiles ul.profiles li .profile-icon b.fb_page { background-image: url('/platform/promote/icons/social/facebook.svg'); } body[data-page='post-import-select'] .profile-list .step.select-profiles ul.profiles li .profile-icon b.twitter, body[data-page='post-import-select'] .profile-list .step.select-profiles ul.profiles li .profile-icon b.tw { background-image: url('/platform/promote/icons/social/twitter.svg'); background-size: 90% !important; } body[data-page='post-import-select'] .profile-list .step.select-profiles ul.profiles li .profile-icon b.bluesky { background-image: url('/platform/promote/icons/social/bluesky.svg'); background-size: 60% !important; } body[data-page='post-import-select'] .profile-list .step.select-profiles ul.profiles li .profile-icon b.linkedin, body[data-page='post-import-select'] .profile-list .step.select-profiles ul.profiles li .profile-icon b.linkedin_pages, body[data-page='post-import-select'] .profile-list .step.select-profiles ul.profiles li .profile-icon b.in_page, body[data-page='post-import-select'] .profile-list .step.select-profiles ul.profiles li .profile-icon b.in, body[data-page='post-import-select'] .profile-list .step.select-profiles ul.profiles li .profile-icon b.linkedin_page, body[data-page='post-import-select'] .profile-list .step.select-profiles ul.profiles li .profile-icon b.linkedin_group { background-image: url('/platform/promote/icons/social/linkedin.svg'); background-size: 50% !important; } body[data-page='post-import-select'] .profile-list .step.select-profiles ul.profiles li .profile-icon b.tiktok { background-image: url('/platform/promote/icons/social/tiktok.svg'); } body[data-page='post-import-select'] .profile-list .step.select-profiles ul.profiles li .profile-icon b.discord { background-image: url('/platform/promote/icons/social/discord.svg'); background-size: 12px !important; } body[data-page='post-import-select'] .profile-list .step.select-profiles ul.profiles li .profile-icon b.pinterest { background-image: url('/platform/promote/icons/social/pinterest.svg'); } body[data-page='post-import-select'] .profile-list .step.select-profiles ul.profiles li .profile-icon b.linkedin, body[data-page='post-import-select'] .profile-list .step.select-profiles ul.profiles li .profile-icon b.linkedin_pages, body[data-page='post-import-select'] .profile-list .step.select-profiles ul.profiles li .profile-icon b.in_page, body[data-page='post-import-select'] .profile-list .step.select-profiles ul.profiles li .profile-icon b.in { background-image: url('/platform/promote/icons/social/linkedin.svg'); } body[data-page='post-import-select'] .profile-list .step.select-profiles ul.profiles li .profile-icon b.instagram { background-image: url('/platform/promote/icons/social/instagram.svg'); background-size: 60%; } body[data-page='post-import-select'] .profile-list .step.select-profiles ul.profiles li > span { width: calc(100% - 100px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } body[data-page='post-import-select'] .profile-list .step.select-profiles ul.profiles li > b { background-color: #f5f7f9; width: 35px; height: 35px; min-width: 35px; border-radius: 100%; margin-right: 5px; background-position: center; background-size: 20px; background-repeat: no-repeat; } body[data-page='post-import-select'] .profile-list .step.select-profiles ul.profiles li:not(:last-child) { margin-bottom: 10px; } body[data-page='post-import-select'] .profile-list .step.select-profiles ul.profiles li.active { opacity: 1; filter: grayscale(0%); } body[data-page='post-import-select'] .profile-list .step.select-profiles ul.profiles li.active > b { background-color: #3485fd; background-image: url('/platform/app/icons/w/check.svg'); } body[data-page='post-import-select'] .profile-list .step.select-profiles ul.profiles li:not(.active) { filter: grayscale(100%); opacity: 0.5; } body[data-page='post-import-select'] .profile-list .step.select-profiles ul.profiles li:not(.active):hover { filter: grayscale(50%); opacity: 0.7; } body[data-page='post-import-select'] .profile-list .step.configure-profiles .profile { display: flex; align-items: center; justify-content: space-between; background-color: white; padding: 10px; border-radius: 20px; margin: 0px 10px; border: 1px solid #e9eef0; } body[data-page='post-import-select'] .profile-list .step.configure-profiles .profile .profile-icon { position: relative; width: 45px; margin-right: 10px; } body[data-page='post-import-select'] .profile-list .step.configure-profiles .profile .profile-icon img { width: 35px; height: 35px; padding: 4px; border-radius: 100%; } body[data-page='post-import-select'] .profile-list .step.configure-profiles .profile .profile-icon b { position: absolute; bottom: 0px; right: 0px; width: 20px; height: 20px; border-radius: 100%; background-position: center; background-size: 15px; background-repeat: no-repeat; background-color: #f5f7f9; } body[data-page='post-import-select'] .profile-list .step.configure-profiles .profile .profile-icon b.facebook, body[data-page='post-import-select'] .profile-list .step.configure-profiles .profile .profile-icon b.facebook_page, body[data-page='post-import-select'] .profile-list .step.configure-profiles .profile .profile-icon b.facebook_group, body[data-page='post-import-select'] .profile-list .step.configure-profiles .profile .profile-icon b.fb_page { background-image: url('/platform/promote/icons/social/facebook.svg'); } body[data-page='post-import-select'] .profile-list .step.configure-profiles .profile .profile-icon b.twitter, body[data-page='post-import-select'] .profile-list .step.configure-profiles .profile .profile-icon b.tw { background-image: url('/platform/promote/icons/social/twitter.svg'); background-size: 90% !important; } body[data-page='post-import-select'] .profile-list .step.configure-profiles .profile .profile-icon b.bluesky { background-image: url('/platform/promote/icons/social/bluesky.svg'); background-size: 60% !important; } body[data-page='post-import-select'] .profile-list .step.configure-profiles .profile .profile-icon b.linkedin, body[data-page='post-import-select'] .profile-list .step.configure-profiles .profile .profile-icon b.linkedin_pages, body[data-page='post-import-select'] .profile-list .step.configure-profiles .profile .profile-icon b.in_page, body[data-page='post-import-select'] .profile-list .step.configure-profiles .profile .profile-icon b.in, body[data-page='post-import-select'] .profile-list .step.configure-profiles .profile .profile-icon b.linkedin_page, body[data-page='post-import-select'] .profile-list .step.configure-profiles .profile .profile-icon b.linkedin_group { background-image: url('/platform/promote/icons/social/linkedin.svg'); background-size: 50% !important; } body[data-page='post-import-select'] .profile-list .step.configure-profiles .profile .profile-icon b.tiktok { background-image: url('/platform/promote/icons/social/tiktok.svg'); } body[data-page='post-import-select'] .profile-list .step.configure-profiles .profile .profile-icon b.discord { background-image: url('/platform/promote/icons/social/discord.svg'); background-size: 12px !important; } body[data-page='post-import-select'] .profile-list .step.configure-profiles .profile .profile-icon b.pinterest { background-image: url('/platform/promote/icons/social/pinterest.svg'); } body[data-page='post-import-select'] .profile-list .step.configure-profiles .profile .profile-icon b.linkedin, body[data-page='post-import-select'] .profile-list .step.configure-profiles .profile .profile-icon b.linkedin_pages, body[data-page='post-import-select'] .profile-list .step.configure-profiles .profile .profile-icon b.in_page, body[data-page='post-import-select'] .profile-list .step.configure-profiles .profile .profile-icon b.in { background-image: url('/platform/promote/icons/social/linkedin.svg'); } body[data-page='post-import-select'] .profile-list .step.configure-profiles .profile .profile-icon b.instagram { background-image: url('/platform/promote/icons/social/instagram.svg'); background-size: 60%; } body[data-page='post-import-select'] .profile-list .step.configure-profiles .profile > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: auto; } body[data-page='post-import-select'] .profile-list .step.configure-profiles ul.posts-per-day { display: flex; padding: 0; } body[data-page='post-import-select'] .profile-list .step.configure-profiles ul.posts-per-day li { display: flex; width: calc(100% / 6); flex-direction: column; padding: 10px; margin: 10px; border: 1px solid #e9eef0; border-radius: 10px; background-color: white; cursor: pointer; transition: background-color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s; } body[data-page='post-import-select'] .profile-list .step.configure-profiles ul.posts-per-day li strong, body[data-page='post-import-select'] .profile-list .step.configure-profiles ul.posts-per-day li span { display: block; text-align: center; } body[data-page='post-import-select'] .profile-list .step.configure-profiles ul.posts-per-day li strong { font-size: 40px; } body[data-page='post-import-select'] .profile-list .step.configure-profiles ul.posts-per-day li:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); transform: scale(1.05); background-color: #798a9c; color: white; } body[data-page='post-import-select'] .profile-list .step.configure-profiles ul.posts-per-day li:active { transform: scale(0.95); } body[data-page='post-import-select'] .profile-list .step.configure-profiles ul.posts-per-day li.active { background-color: #3485fd; color: white; } body[data-page='post-import-select'] .profile-list .step.configure-profiles .switches { display: flex; justify-content: space-between; align-items: center; margin: 20px 0px; } body[data-page='post-import-select'] .profile-list .step.configure-profiles .switches .switch-option, body[data-page='post-import-select'] .profile-list .step.configure-profiles .switches .radio-option { width: calc(100% / 2); height: 100px; display: flex; flex-direction: column; align-content: center; justify-content: center; background-color: white; text-align: center; border: 1px solid #e9eef0; border-radius: 10px; margin: 0px 10px; padding: 10px; } body[data-page='post-import-select'] .profile-list .step.configure-profiles .switches .switch-option strong, body[data-page='post-import-select'] .profile-list .step.configure-profiles .switches .radio-option strong { font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; display: flex; justify-content: center; } body[data-page='post-import-select'] .profile-list .step.configure-profiles .switches .switch-option strong img, body[data-page='post-import-select'] .profile-list .step.configure-profiles .switches .radio-option strong img { width: 25px; height: 25px; margin-right: 5px; pointer-events: none; } body[data-page='post-import-select'] .profile-list .step.configure-profiles .switches .switch-option .switch, body[data-page='post-import-select'] .profile-list .step.configure-profiles .switches .radio-option .switch { display: flex; align-content: center; justify-content: center; margin: 10px 0px; } body[data-page='post-import-select'] .profile-list .step.configure-profiles .switches .switch-option .switch input[type=checkbox], body[data-page='post-import-select'] .profile-list .step.configure-profiles .switches .radio-option .switch input[type=checkbox] { display: none; } body[data-page='post-import-select'] .profile-list .step.configure-profiles .switches .switch-option .switch .obj, body[data-page='post-import-select'] .profile-list .step.configure-profiles .switches .radio-option .switch .obj { border: 1px solid #e9eef0; width: auto; padding: 5px; border-radius: 500px; width: 50px; transition: all 0.2s ease-in-out; cursor: pointer; } body[data-page='post-import-select'] .profile-list .step.configure-profiles .switches .switch-option .switch .obj b, body[data-page='post-import-select'] .profile-list .step.configure-profiles .switches .radio-option .switch .obj b { display: flex; width: 20px; height: 20px; background-color: #3485fd; margin-left: 0px; margin-right: auto; border-radius: 100%; transition: all 0.2s ease-in-out; } body[data-page='post-import-select'] .profile-list .step.configure-profiles .switches .switch-option .switch .obj.checked, body[data-page='post-import-select'] .profile-list .step.configure-profiles .switches .radio-option .switch .obj.checked { background-color: #3485fd; } body[data-page='post-import-select'] .profile-list .step.configure-profiles .switches .switch-option .switch .obj.checked b, body[data-page='post-import-select'] .profile-list .step.configure-profiles .switches .radio-option .switch .obj.checked b { margin-left: auto; margin-right: 0px; background-color: white; } body[data-page='post-import-select'] .profile-list .step.configure-profiles .switches .switch-option .switch label, body[data-page='post-import-select'] .profile-list .step.configure-profiles .switches .radio-option .switch label { display: flex; font-weight: normal; align-self: center; margin-left: 10px; } body[data-page='post-import-select'] .profile-list .step.configure-profiles .switches .radio-option ul { list-style: none; padding: 0px; margin: 0px; display: flex; justify-content: space-between; } body[data-page='post-import-select'] .profile-list .step.configure-profiles .switches .radio-option ul li { border: 1px solid #e9eef0; border-radius: 500px; padding: 10px; width: calc(100% / 3); margin: 5px; font-size: 13px; font-weight: bold; cursor: pointer; transition: background-color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s; } body[data-page='post-import-select'] .profile-list .step.configure-profiles .switches .radio-option ul li:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); transform: scale(1.05); background-color: #798a9c; color: white; } body[data-page='post-import-select'] .profile-list .step.configure-profiles .switches .radio-option ul li:active { transform: scale(0.95); } body[data-page='post-import-select'] .profile-list .step.configure-profiles .switches .radio-option ul li.active { background-color: #3485fd; color: white; } body[data-page='post-import-select'] .profile-list .step.configure-profiles .switches .radio-option.disabled { opacity: 0.5; filter: grayscale(100%); pointer-events: none; } body[data-page='post-import-select'] .profile-list .step .confirm { display: block; text-align: center; } body[data-page='post-import-select'] .profile-list .step .confirm button { cursor: pointer; display: inline-block !important; margin: 0 auto; width: auto !important; } body[data-page='post-import-select'] .profile-list .step .confirm button.btn-primary { color: white; padding: 15px; border-radius: 500px; background-color: #3485fd; border: 1px solid #3485fd; border: 0; display: block; width: 100%; font-weight: 600; font-size: 14px; transition: all 0.15s ease-in-out; } body[data-page='post-import-select'] .profile-list .step .confirm button.btn-primary:active { transform: scale(0.95); } body[data-page='post-import-select'] .profile-list .step .confirm button.btn-secondary { display: flex; justify-content: center; align-items: center; height: 50px; width: 100%; background: none; border: 1px solid #e8e8e8; border-radius: 500px; box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.5); transition: all 0.15s ease-in-out; } body[data-page='post-import-select'] .profile-list .step .confirm button.btn-secondary i { font-style: normal; } body[data-page='post-import-select'] .profile-list .step .confirm button.btn-secondary:active { transform: scale(0.95); } body[data-page='post-import-select'] .profile-list .step .confirm button.btn-danger { display: flex; justify-content: center; align-items: center; padding: 15px; width: 100%; background: none; border: 1px solid #e8e8e8; border-radius: 500px; box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.5); transition: all 0.15s ease-in-out; background-color: #ffebea; border-color: #fc0000; color: #fc0000; } body[data-page='post-import-select'] .profile-list .step .confirm button.btn-danger:active { transform: scale(0.95); } body[data-page='post-import-select'] .profile-list .step .confirm button:disabled { opacity: 0.25; pointer-events: none; } @media screen and (max-width: 550px) { body[data-page='post-import-select'] main .profile-list { width: calc(100% - (20px * 2)); max-width: initial; } body[data-page='post-import-select'] main .profile-list * { width: 100%; } } body[data-page='bluesky-auth'] { background-color: #f5f7f9; background-size: cover; min-height: 100vh; } body[data-page='bluesky-auth'] .profile-list { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 800px; max-width: calc(100% - (40px * 2)) !important; margin: 0 auto; padding: 40px; } body[data-page='bluesky-auth'] .profile-list img.logo { width: 90px; margin: 20px 0px; } body[data-page='bluesky-auth'] .profile-list h1 { text-align: center; display: block; max-width: 100%; } body[data-page='bluesky-auth'] .profile-list p { text-align: center; width: 450px; margin: 0 auto; margin-bottom: 20px; display: block; max-width: 100%; } body[data-page='bluesky-auth'] .profile-list .auth .step { padding: 0px 20px; } body[data-page='bluesky-auth'] .profile-list .auth .step:not(:last-of-type) { margin-bottom: 20px; } body[data-page='bluesky-auth'] .profile-list .auth .step .heading { display: flex; align-items: center; margin-bottom: 10px; } body[data-page='bluesky-auth'] .profile-list .auth .step .heading b { background-color: #3485fd; color: white; width: 30px; height: 30px; min-width: 30px; min-height: 30px; border-radius: 100%; display: flex; justify-content: center; align-items: center; margin-right: 10px; } body[data-page='bluesky-auth'] .profile-list .auth .step a { color: #3485fd; } body[data-page='bluesky-auth'] .profile-list .auth .step input { background: none; background-color: white; border: 0; color: black; padding: 9px 15px; width: 100%; border-radius: 500px; font-size: 16px; transition: opacity 0.15s ease-in-out; } body[data-page='bluesky-auth'] .profile-list .auth .step input:focus { outline: none; } body[data-page='bluesky-auth'] .profile-list .auth .step input:focus::placeholder { color: transparent; } body[data-page='bluesky-auth'] .profile-list .auth .step input::placeholder { color: rgba(0, 0, 0, 0.5); } body[data-page='bluesky-auth'] .profile-list .auth .step input:disabled { opacity: 0.25; cursor: not-allowed; } body[data-page='start-trial'] { background-image: url('/platform/app/images/dashboardBlur.webp'); min-height: 100vh; background-position: top center; background-size: cover; background-repeat: no-repeat; } body[data-page='start-trial'] main { background: none; display: flex; justify-content: center; align-items: center; } body[data-page='start-trial'] main .inner { height: auto; } body[data-page='start-trial'] main .inner .start-trial-modal { background-image: radial-gradient(circle at 87% 18%, #106efd, #ffffff 61%); padding: 40px; margin: 20px; border-radius: 10px; box-shadow: 0 13px 20px 0 rgb(25 24 71 / 10%); } body[data-page='start-trial'] main .inner .start-trial-modal .upgrade-contents { display: flex; justify-content: space-between; } body[data-page='start-trial'] main .inner .start-trial-modal .upgrade-contents > .controls, body[data-page='start-trial'] main .inner .start-trial-modal .upgrade-contents > .image { width: 50%; } body[data-page='start-trial'] main .inner .start-trial-modal .upgrade-contents .controls ul.rota-switcher { margin: 0; padding: 0; list-style: none; margin-bottom: 20px; } body[data-page='start-trial'] main .inner .start-trial-modal .upgrade-contents .controls ul.rota-switcher li { display: inline-block; padding: 10px 30px; cursor: pointer; border-radius: 500px; font-weight: bold; font-size: 12px; transition: all 0.15s ease-in-out; } body[data-page='start-trial'] main .inner .start-trial-modal .upgrade-contents .controls ul.rota-switcher li.active, body[data-page='start-trial'] main .inner .start-trial-modal .upgrade-contents .controls ul.rota-switcher li:hover { background-color: black; color: white; } body[data-page='start-trial'] main .inner .start-trial-modal .upgrade-contents .controls ul.rota-switcher li:active { transform: scale(0.95); } body[data-page='start-trial'] main .inner .start-trial-modal .upgrade-contents .controls h1, body[data-page='start-trial'] main .inner .start-trial-modal .upgrade-contents .controls h2, body[data-page='start-trial'] main .inner .start-trial-modal .upgrade-contents .controls h3 { margin: 0; } body[data-page='start-trial'] main .inner .start-trial-modal .upgrade-contents .controls h2 { font-weight: 500; margin-bottom: 10px; } body[data-page='start-trial'] main .inner .start-trial-modal .upgrade-contents .controls h1 { margin-bottom: 10px; } body[data-page='start-trial'] main .inner .start-trial-modal .upgrade-contents .controls h1 b.strike { text-decoration: line-through; opacity: 0.25; } body[data-page='start-trial'] main .inner .start-trial-modal .upgrade-contents .controls h3 { font-weight: normal; } body[data-page='start-trial'] main .inner .start-trial-modal .upgrade-contents .controls ul.features { padding: 0; margin: 0; list-style: none; padding: 20px 0px; } body[data-page='start-trial'] main .inner .start-trial-modal .upgrade-contents .controls ul.features > li { background-image: url('/platform/app/icons/b/check.svg'); background-repeat: no-repeat; background-position: left center; background-size: 12px; padding-left: 20px; } body[data-page='start-trial'] main .inner .start-trial-modal .upgrade-contents .controls ul.features > li:not(:last-child) { margin-bottom: 10px; } body[data-page='start-trial'] main .inner .start-trial-modal .upgrade-contents .controls button { color: white; cursor: pointer; padding: 15px; border-radius: 500px; background-color: #3485fd; border: 1px solid #3485fd; border: 0; display: block; width: 100%; font-weight: 600; font-size: 14px; transition: all 0.15s ease-in-out; } body[data-page='start-trial'] main .inner .start-trial-modal .upgrade-contents .controls button:active { transform: scale(0.95); } body[data-page='start-trial'] main .inner .start-trial-modal .upgrade-contents .controls p.small { display: flex; justify-content: center; color: #798a9c; font-size: 12px; opacity: 0.5; } body[data-page='start-trial'] main .inner .start-trial-modal .upgrade-contents .controls p.small a { color: #798a9c; text-decoration: none; margin: 0px 5px; } body[data-page='start-trial'] main .inner .start-trial-modal .upgrade-contents .controls p.small a:hover { text-decoration: underline; } body[data-page='start-trial'] main .inner .start-trial-modal .upgrade-contents .image { display: flex; justify-content: center; align-items: center; } body[data-page='start-trial'] main .inner .start-trial-modal .upgrade-contents .image img { width: 100%; pointer-events: none; } @media screen and (max-width: 768px) { body[data-page='start-trial'] main .inner .start-trial-modal .upgrade-contents { flex-direction: column; } body[data-page='start-trial'] main .inner .start-trial-modal .upgrade-contents > .controls, body[data-page='start-trial'] main .inner .start-trial-modal .upgrade-contents > .image { width: 100%; } body[data-page='start-trial'] main .inner .start-trial-modal .upgrade-contents > .image { display: none; } } body[data-page='settings/billing'] .panels .header-and-option { display: flex; justify-content: space-between; align-items: center; } body[data-page='settings/billing'] .panels .header-and-option .options { display: flex; justify-content: space-between; } body[data-page='settings/billing'] .panels .header-and-option .options button { cursor: pointer; width: auto !important; margin: 0px 5px; } body[data-page='settings/billing'] .panels .header-and-option .options button.btn-primary { color: white; padding: 15px; border-radius: 500px; background-color: #3485fd; border: 1px solid #3485fd; border: 0; display: block; width: 100%; font-weight: 600; font-size: 14px; transition: all 0.15s ease-in-out; } body[data-page='settings/billing'] .panels .header-and-option .options button.btn-primary:active { transform: scale(0.95); } body[data-page='settings/billing'] .panels .header-and-option .options button.btn-secondary { display: flex; justify-content: center; align-items: center; height: 50px; width: 100%; background: none; border: 1px solid #e8e8e8; border-radius: 500px; box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.5); transition: all 0.15s ease-in-out; } body[data-page='settings/billing'] .panels .header-and-option .options button.btn-secondary i { font-style: normal; } body[data-page='settings/billing'] .panels .header-and-option .options button.btn-secondary:active { transform: scale(0.95); } body[data-page='settings/billing'] .panels .header-and-option .options button.btn-danger { display: flex; justify-content: center; align-items: center; padding: 15px; width: 100%; background: none; border: 1px solid #e8e8e8; border-radius: 500px; box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.5); transition: all 0.15s ease-in-out; background-color: #ffebea; border-color: #fc0000; color: #fc0000; } body[data-page='settings/billing'] .panels .header-and-option .options button.btn-danger:active { transform: scale(0.95); } body[data-page='settings/billing'] .panels .header-and-option .options button:disabled { opacity: 0.25; pointer-events: none; } body[data-page='settings/billing'] .panels .row .panel .billing-new .intro { display: block; text-align: center; } body[data-page='settings/billing'] .panels .row .panel .billing-new .intro h1, body[data-page='settings/billing'] .panels .row .panel .billing-new .intro p { margin: 0; } body[data-page='settings/billing'] .panels .row .panel .billing-new .intro h1 { margin-bottom: 10px; } body[data-page='settings/billing'] .panels .row .panel .billing-new .tiers { display: flex; justify-content: space-between; margin-top: 20px; } body[data-page='settings/billing'] .panels .row .panel .billing-new .tiers .tier { border: 1px solid #e9eef0; padding: 20px; border-radius: 10px; display: flex; justify-content: center; align-items: center; flex-direction: column; width: calc(100% / 2); min-height: 150px; } body[data-page='settings/billing'] .panels .row .panel .billing-new .tiers .tier:not(:last-child) { margin-right: 20px; } body[data-page='settings/billing'] .panels .row .panel .billing-new .tiers .tier h1, body[data-page='settings/billing'] .panels .row .panel .billing-new .tiers .tier h2, body[data-page='settings/billing'] .panels .row .panel .billing-new .tiers .tier h3, body[data-page='settings/billing'] .panels .row .panel .billing-new .tiers .tier p { margin: 0; text-align: center; } body[data-page='settings/billing'] .panels .row .panel .billing-new .tiers .tier h1, body[data-page='settings/billing'] .panels .row .panel .billing-new .tiers .tier h2, body[data-page='settings/billing'] .panels .row .panel .billing-new .tiers .tier h3 { margin-bottom: 10px; } body[data-page='settings/billing'] .panels .row .panel .billing-new .tiers .tier p button { cursor: pointer; } body[data-page='settings/billing'] .panels .row .panel .billing-new .tiers .tier p button.btn-primary { color: white; padding: 15px; border-radius: 500px; background-color: #3485fd; border: 1px solid #3485fd; border: 0; display: block; width: 100%; font-weight: 600; font-size: 14px; transition: all 0.15s ease-in-out; } body[data-page='settings/billing'] .panels .row .panel .billing-new .tiers .tier p button.btn-primary:active { transform: scale(0.95); } body[data-page='settings/billing'] .panels .row .panel .billing-new .tiers .tier p button.btn-secondary { display: flex; justify-content: center; align-items: center; height: 50px; width: 100%; background: none; border: 1px solid #e8e8e8; border-radius: 500px; box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.5); transition: all 0.15s ease-in-out; } body[data-page='settings/billing'] .panels .row .panel .billing-new .tiers .tier p button.btn-secondary i { font-style: normal; } body[data-page='settings/billing'] .panels .row .panel .billing-new .tiers .tier p button.btn-secondary:active { transform: scale(0.95); } body[data-page='settings/billing'] .panels .row .panel .billing-new .tiers .tier p button.btn-danger { display: flex; justify-content: center; align-items: center; padding: 15px; width: 100%; background: none; border: 1px solid #e8e8e8; border-radius: 500px; box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.5); transition: all 0.15s ease-in-out; background-color: #ffebea; border-color: #fc0000; color: #fc0000; } body[data-page='settings/billing'] .panels .row .panel .billing-new .tiers .tier p button.btn-danger:active { transform: scale(0.95); } body[data-page='settings/billing'] .panels .row .panel .billing-new .tiers .tier p button:disabled { opacity: 0.25; pointer-events: none; } body[data-page='settings/billing'] .panels .row .panel .billing-new p { text-align: center; margin: 40px 0px; } body[data-page='settings/billing'] .panels .row .panel .billing-new p a { color: #3485fd; font-weight: bold; text-decoration: none; } body[data-page='settings/billing'] .panels .row .panel .billing-new p a:hover { text-decoration: underline; } body[data-page='settings/billing'] .panels .row .panel .billing .intro { display: block; text-align: center; margin-bottom: 20px; } body[data-page='settings/billing'] .panels .row .panel .billing .intro h1, body[data-page='settings/billing'] .panels .row .panel .billing .intro p { margin: 0; } body[data-page='settings/billing'] .panels .row .panel .billing .intro h1 { margin-bottom: 10px; } body[data-page='settings/billing'] .panels .row .panel .billing .info-and-data { display: flex; justify-content: space-between; } body[data-page='settings/billing'] .panels .row .panel .billing .info-and-data .information { border: 1px solid #e9eef0; border-radius: 10px; display: flex; text-align: center; flex-direction: column; width: 400px; max-width: 100%; padding: 10px; } body[data-page='settings/billing'] .panels .row .panel .billing .info-and-data .information h1, body[data-page='settings/billing'] .panels .row .panel .billing .info-and-data .information h2 { margin: 0; } body[data-page='settings/billing'] .panels .row .panel .billing .info-and-data .data { width: calc(100% - 400px); display: flex; flex-direction: column; margin-left: 10px; } body[data-page='settings/billing'] .panels .row .panel .billing .info-and-data .data .stat p { margin: 0; } body[data-page='settings/billing'] .panels .row .panel .billing .info-and-data .data .stat p a { color: #3485fd; font-weight: bold; text-decoration: none; } body[data-page='settings/billing'] .panels .row .panel .billing .info-and-data .data .stat p a:hover { text-decoration: underline; } body[data-page='settings/billing'] .panels .row .panel .billing .info-and-data .data .stat ul.profiles-list { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; } body[data-page='settings/billing'] .panels .row .panel .billing .info-and-data .data .stat ul.profiles-list li { display: flex; flex: 0 0 29.333333%; justify-content: space-around; flex-direction: column; margin: 10px; padding: 10px; border: 1px solid #e9eef0; border-radius: 10px; } body[data-page='settings/billing'] .panels .row .panel .billing .info-and-data .data .stat ul.profiles-list li .profile-name { display: flex; align-items: center; } body[data-page='settings/billing'] .panels .row .panel .billing .info-and-data .data .stat ul.profiles-list li .profile-name img { margin-right: 10px; width: 40px; height: 40px; border-radius: 100%; } body[data-page='settings/billing'] .panels .row .panel .billing .info-and-data .data .stat ul.profiles-list li .profile-name strong { display: flex; } body[data-page='settings/billing'] .panels .row .panel .billing .info-and-data .data .stat ul.profiles-list li .profile-name strong b { width: 16px; height: 20px; margin-left: 5px; margin-right: 5px; background-image: url('/platform/app/icons/bl/verified.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; } body[data-page='settings/billing'] .panels .row .panel .billing .info-and-data .data .stat ul.profiles-list li .cancel { display: flex; align-items: center; flex-direction: column; margin-top: 10px; } body[data-page='settings/billing'] .panels .row .panel .billing .info-and-data .data .stat ul.profiles-list li .cancel .tokens { text-align: center; width: 100%; flex-shrink: 0; font-size: 13px; } body[data-page='settings/billing'] .panels .row .panel .billing .info-and-data .data .stat ul.profiles-list li .cancel .tokens:not(:last-child) { margin-bottom: 10px; } body[data-page='settings/billing'] .panels .row .panel .billing .info-and-data .data .stat ul.profiles-list li .cancel button { cursor: pointer; margin-top: 10px; } body[data-page='settings/billing'] .panels .row .panel .billing .info-and-data .data .stat ul.profiles-list li .cancel button.btn-primary { color: white; padding: 15px; border-radius: 500px; background-color: #3485fd; border: 1px solid #3485fd; border: 0; display: block; width: 100%; font-weight: 600; font-size: 14px; transition: all 0.15s ease-in-out; } body[data-page='settings/billing'] .panels .row .panel .billing .info-and-data .data .stat ul.profiles-list li .cancel button.btn-primary:active { transform: scale(0.95); } body[data-page='settings/billing'] .panels .row .panel .billing .info-and-data .data .stat ul.profiles-list li .cancel button.btn-secondary { display: flex; justify-content: center; align-items: center; height: 50px; width: 100%; background: none; border: 1px solid #e8e8e8; border-radius: 500px; box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.5); transition: all 0.15s ease-in-out; } body[data-page='settings/billing'] .panels .row .panel .billing .info-and-data .data .stat ul.profiles-list li .cancel button.btn-secondary i { font-style: normal; } body[data-page='settings/billing'] .panels .row .panel .billing .info-and-data .data .stat ul.profiles-list li .cancel button.btn-secondary:active { transform: scale(0.95); } body[data-page='settings/billing'] .panels .row .panel .billing .info-and-data .data .stat ul.profiles-list li .cancel button.btn-danger { display: flex; justify-content: center; align-items: center; padding: 15px; width: 100%; background: none; border: 1px solid #e8e8e8; border-radius: 500px; box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.5); transition: all 0.15s ease-in-out; background-color: #ffebea; border-color: #fc0000; color: #fc0000; } body[data-page='settings/billing'] .panels .row .panel .billing .info-and-data .data .stat ul.profiles-list li .cancel button.btn-danger:active { transform: scale(0.95); } body[data-page='settings/billing'] .panels .row .panel .billing .info-and-data .data .stat ul.profiles-list li .cancel button:disabled { opacity: 0.25; pointer-events: none; } body[data-page='settings/billing'] .panels .row .panel .billing .info-and-data .data .stat:not(:last-child) { margin-bottom: 10px; } body[data-page='settings/billing'] .panels .row .panel .billing > p { text-align: center; margin: 40px 0px; } body[data-page='settings/billing'] .panels .row .panel .billing > p a { color: #3485fd; font-weight: bold; text-decoration: none; } body[data-page='settings/billing'] .panels .row .panel .billing > p a:hover { text-decoration: underline; } @media screen and (max-width: 960px) { body[data-page='settings/billing'] .panels .header-and-option { display: block !important; margin-bottom: 20px; text-align: left; } body[data-page='settings/billing'] .panels .header-and-option .options { display: block; } body[data-page='settings/billing'] .panels .header-and-option .options button { width: calc(100% - 10px) !important; margin-bottom: 10px; } body[data-page='settings/billing'] .panels .billing-new .tiers { flex-direction: column; } body[data-page='settings/billing'] .panels .billing-new .tiers .tier { width: calc(100% - (20px * 2)) !important; margin: 0; margin-bottom: 20px; } body[data-page='settings/billing'] .panels .billing .info-and-data { flex-direction: column; } body[data-page='settings/billing'] .panels .billing .info-and-data .information { width: calc(100% - 20px) !important; margin-bottom: 20px; } body[data-page='settings/billing'] .panels .billing .info-and-data .data { width: calc(100% - 10px) !important; } body[data-page='settings/billing'] .panels .billing .info-and-data .data ul.profiles-list { padding: 20px 0px!important; } body[data-page='settings/billing'] .panels .billing .info-and-data .data ul.profiles-list li { flex: auto !important; width: 100%; margin: 0; } } body[data-page='settings/billing/cancel'] .panels .secondary-heading { margin-bottom: 20px; } body[data-page='settings/billing/cancel'] .panels .secondary-heading h1 { margin: 0; } body[data-page='settings/billing/cancel'] .panels .secondary-heading h2 { margin: 0; color: #798a9c; } body[data-page='settings/billing/cancel'] .panels .panel.cancel-wizard a { cursor: pointer; } body[data-page='settings/billing/cancel'] .panels .panel.cancel-wizard .options .option button.option-button { background: none; width: 100%; font-size: 16px; border-radius: 500px; cursor: pointer; transition: box-shadow 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0s; display: flex; justify-content: space-between; align-items: center; text-align: left; padding: 5px 20px; padding-right: 5px; border: 1px solid #e9eef0; } body[data-page='settings/billing/cancel'] .panels .panel.cancel-wizard .options .option button.option-button:active { transform: scale(0.99); } body[data-page='settings/billing/cancel'] .panels .panel.cancel-wizard .options .option button.option-button::after { content: ' '; width: 35px; min-width: 35px; height: 35px; background-color: #f5f7f9; border-radius: 100%; background-image: url('/platform/app/icons/g/arrow-right.svg'); background-position: center; background-repeat: no-repeat; } body[data-page='settings/billing/cancel'] .panels .panel.cancel-wizard .options .option button.option-button:not(:last-child) { margin-bottom: 10px; } body[data-page='settings/billing/cancel'] .panels .panel.cancel-wizard .options .option .textarea textarea { width: 100%; padding: 10px; border-radius: 10px; border: 1px solid #e9eef0; margin-bottom: 10px; height: 100px; transition: all 0.2s ease-in-out 0s; } body[data-page='settings/billing/cancel'] .panels .panel.cancel-wizard .options .option .textarea textarea:focus { outline: none; border-color: #3485fd; } body[data-page='settings/billing/cancel'] .panels .panel.cancel-wizard .options .option .textarea button { cursor: pointer; display: inline-block; width: auto !important; } body[data-page='settings/billing/cancel'] .panels .panel.cancel-wizard .options .option .textarea button.btn-primary { color: white; padding: 15px; border-radius: 500px; background-color: #3485fd; border: 1px solid #3485fd; border: 0; display: block; width: 100%; font-weight: 600; font-size: 14px; transition: all 0.15s ease-in-out; } body[data-page='settings/billing/cancel'] .panels .panel.cancel-wizard .options .option .textarea button.btn-primary:active { transform: scale(0.95); } body[data-page='settings/billing/cancel'] .panels .panel.cancel-wizard .options .option .textarea button.btn-secondary { display: flex; justify-content: center; align-items: center; height: 50px; width: 100%; background: none; border: 1px solid #e8e8e8; border-radius: 500px; box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.5); transition: all 0.15s ease-in-out; } body[data-page='settings/billing/cancel'] .panels .panel.cancel-wizard .options .option .textarea button.btn-secondary i { font-style: normal; } body[data-page='settings/billing/cancel'] .panels .panel.cancel-wizard .options .option .textarea button.btn-secondary:active { transform: scale(0.95); } body[data-page='settings/billing/cancel'] .panels .panel.cancel-wizard .options .option .textarea button.btn-danger { display: flex; justify-content: center; align-items: center; padding: 15px; width: 100%; background: none; border: 1px solid #e8e8e8; border-radius: 500px; box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.5); transition: all 0.15s ease-in-out; background-color: #ffebea; border-color: #fc0000; color: #fc0000; } body[data-page='settings/billing/cancel'] .panels .panel.cancel-wizard .options .option .textarea button.btn-danger:active { transform: scale(0.95); } body[data-page='settings/billing/cancel'] .panels .panel.cancel-wizard .options .option .textarea button:disabled { opacity: 0.25; pointer-events: none; } body[data-page='settings/billing/cancel'] .panels .panel.cancel-wizard .options .option:not(:last-child) { margin-bottom: 10px; } body[data-page="settings/profiles"] .panels .row, body[data-page="settings/profiles/new"] .panels .row { flex-direction: column; } body[data-page="settings/profiles"] .panels .row .panel, body[data-page="settings/profiles/new"] .panels .row .panel { width: calc(100% - (20px * 2)) !important; } body[data-page="settings/profiles"] .panels .row .panel:not(:last-child), body[data-page="settings/profiles/new"] .panels .row .panel:not(:last-child) { margin-bottom: 20px; } body[data-page="settings/profiles"] .panels .row .panel ul.posts-per-day, body[data-page="settings/profiles/new"] .panels .row .panel ul.posts-per-day { display: flex; flex-wrap: wrap; } body[data-page="settings/profiles"] .panels .row .panel ul.posts-per-day li, body[data-page="settings/profiles/new"] .panels .row .panel ul.posts-per-day li { display: flex; flex-direction: column; padding: 10px; margin: 10px; border: 1px solid #e9eef0; border-radius: 10px; cursor: pointer; width: calc(20% - (20px * 2) - 2px); transition: background-color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s; } body[data-page="settings/profiles"] .panels .row .panel ul.posts-per-day li strong, body[data-page="settings/profiles/new"] .panels .row .panel ul.posts-per-day li strong, body[data-page="settings/profiles"] .panels .row .panel ul.posts-per-day li span, body[data-page="settings/profiles/new"] .panels .row .panel ul.posts-per-day li span { display: block; text-align: center; } body[data-page="settings/profiles"] .panels .row .panel ul.posts-per-day li strong, body[data-page="settings/profiles/new"] .panels .row .panel ul.posts-per-day li strong { font-size: 40px; } body[data-page="settings/profiles"] .panels .row .panel ul.posts-per-day li:hover, body[data-page="settings/profiles/new"] .panels .row .panel ul.posts-per-day li:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); transform: scale(1.05); background-color: #798a9c; color: white; } body[data-page="settings/profiles"] .panels .row .panel ul.posts-per-day li:active, body[data-page="settings/profiles/new"] .panels .row .panel ul.posts-per-day li:active { transform: scale(0.95); } body[data-page="settings/profiles"] .panels .row .panel ul.posts-per-day li.active, body[data-page="settings/profiles/new"] .panels .row .panel ul.posts-per-day li.active { background-color: #3485fd; color: white; } body[data-page="settings/profiles"] .panels .row .panel .disabled-profile-list, body[data-page="settings/profiles/new"] .panels .row .panel .disabled-profile-list { display: flex; flex-wrap: wrap; } body[data-page="settings/profiles"] .panels .row .panel .disabled-profile-list .profile, body[data-page="settings/profiles/new"] .panels .row .panel .disabled-profile-list .profile { display: flex; align-items: center; border: 1px solid #e9eef0; border-radius: 500px; margin: 5px; cursor: pointer; align-content: center; } body[data-page="settings/profiles"] .panels .row .panel .disabled-profile-list .profile .profile-icon, body[data-page="settings/profiles/new"] .panels .row .panel .disabled-profile-list .profile .profile-icon { position: relative; display: flex; align-items: center; } body[data-page="settings/profiles"] .panels .row .panel .disabled-profile-list .profile .profile-icon img, body[data-page="settings/profiles/new"] .panels .row .panel .disabled-profile-list .profile .profile-icon img { width: 35px; height: 35px; padding: 4px; border-radius: 100%; } body[data-page="settings/profiles"] .panels .row .panel .disabled-profile-list .profile .profile-icon b, body[data-page="settings/profiles/new"] .panels .row .panel .disabled-profile-list .profile .profile-icon b { position: absolute; bottom: 2px; right: 0px; width: 20px; height: 20px; border-radius: 100%; background-position: center; background-size: 15px; background-repeat: no-repeat; background-color: #f5f7f9; } body[data-page="settings/profiles"] .panels .row .panel .disabled-profile-list .profile .profile-icon b.facebook, body[data-page="settings/profiles/new"] .panels .row .panel .disabled-profile-list .profile .profile-icon b.facebook, body[data-page="settings/profiles"] .panels .row .panel .disabled-profile-list .profile .profile-icon b.facebook_page, body[data-page="settings/profiles/new"] .panels .row .panel .disabled-profile-list .profile .profile-icon b.facebook_page, body[data-page="settings/profiles"] .panels .row .panel .disabled-profile-list .profile .profile-icon b.facebook_group, body[data-page="settings/profiles/new"] .panels .row .panel .disabled-profile-list .profile .profile-icon b.facebook_group, body[data-page="settings/profiles"] .panels .row .panel .disabled-profile-list .profile .profile-icon b.fb_page, body[data-page="settings/profiles/new"] .panels .row .panel .disabled-profile-list .profile .profile-icon b.fb_page { background-image: url('/platform/promote/icons/social/facebook.svg'); } body[data-page="settings/profiles"] .panels .row .panel .disabled-profile-list .profile .profile-icon b.twitter, body[data-page="settings/profiles/new"] .panels .row .panel .disabled-profile-list .profile .profile-icon b.twitter, body[data-page="settings/profiles"] .panels .row .panel .disabled-profile-list .profile .profile-icon b.tw, body[data-page="settings/profiles/new"] .panels .row .panel .disabled-profile-list .profile .profile-icon b.tw { background-image: url('/platform/promote/icons/social/twitter.svg'); background-size: 90% !important; } body[data-page="settings/profiles"] .panels .row .panel .disabled-profile-list .profile .profile-icon b.bluesky, body[data-page="settings/profiles/new"] .panels .row .panel .disabled-profile-list .profile .profile-icon b.bluesky { background-image: url('/platform/promote/icons/social/bluesky.svg'); background-size: 60% !important; } body[data-page="settings/profiles"] .panels .row .panel .disabled-profile-list .profile .profile-icon b.linkedin, body[data-page="settings/profiles/new"] .panels .row .panel .disabled-profile-list .profile .profile-icon b.linkedin, body[data-page="settings/profiles"] .panels .row .panel .disabled-profile-list .profile .profile-icon b.linkedin_pages, body[data-page="settings/profiles/new"] .panels .row .panel .disabled-profile-list .profile .profile-icon b.linkedin_pages, body[data-page="settings/profiles"] .panels .row .panel .disabled-profile-list .profile .profile-icon b.in_page, body[data-page="settings/profiles/new"] .panels .row .panel .disabled-profile-list .profile .profile-icon b.in_page, body[data-page="settings/profiles"] .panels .row .panel .disabled-profile-list .profile .profile-icon b.in, body[data-page="settings/profiles/new"] .panels .row .panel .disabled-profile-list .profile .profile-icon b.in, body[data-page="settings/profiles"] .panels .row .panel .disabled-profile-list .profile .profile-icon b.linkedin_page, body[data-page="settings/profiles/new"] .panels .row .panel .disabled-profile-list .profile .profile-icon b.linkedin_page, body[data-page="settings/profiles"] .panels .row .panel .disabled-profile-list .profile .profile-icon b.linkedin_group, body[data-page="settings/profiles/new"] .panels .row .panel .disabled-profile-list .profile .profile-icon b.linkedin_group { background-image: url('/platform/promote/icons/social/linkedin.svg'); background-size: 50% !important; } body[data-page="settings/profiles"] .panels .row .panel .disabled-profile-list .profile .profile-icon b.tiktok, body[data-page="settings/profiles/new"] .panels .row .panel .disabled-profile-list .profile .profile-icon b.tiktok { background-image: url('/platform/promote/icons/social/tiktok.svg'); } body[data-page="settings/profiles"] .panels .row .panel .disabled-profile-list .profile .profile-icon b.discord, body[data-page="settings/profiles/new"] .panels .row .panel .disabled-profile-list .profile .profile-icon b.discord { background-image: url('/platform/promote/icons/social/discord.svg'); background-size: 12px !important; } body[data-page="settings/profiles"] .panels .row .panel .disabled-profile-list .profile .profile-icon b.pinterest, body[data-page="settings/profiles/new"] .panels .row .panel .disabled-profile-list .profile .profile-icon b.pinterest { background-image: url('/platform/promote/icons/social/pinterest.svg'); } body[data-page="settings/profiles"] .panels .row .panel .disabled-profile-list .profile .profile-icon b.linkedin, body[data-page="settings/profiles/new"] .panels .row .panel .disabled-profile-list .profile .profile-icon b.linkedin, body[data-page="settings/profiles"] .panels .row .panel .disabled-profile-list .profile .profile-icon b.linkedin_pages, body[data-page="settings/profiles/new"] .panels .row .panel .disabled-profile-list .profile .profile-icon b.linkedin_pages, body[data-page="settings/profiles"] .panels .row .panel .disabled-profile-list .profile .profile-icon b.in_page, body[data-page="settings/profiles/new"] .panels .row .panel .disabled-profile-list .profile .profile-icon b.in_page, body[data-page="settings/profiles"] .panels .row .panel .disabled-profile-list .profile .profile-icon b.in, body[data-page="settings/profiles/new"] .panels .row .panel .disabled-profile-list .profile .profile-icon b.in { background-image: url('/platform/promote/icons/social/linkedin.svg'); } body[data-page="settings/profiles"] .panels .row .panel .disabled-profile-list .profile .profile-icon b.instagram, body[data-page="settings/profiles/new"] .panels .row .panel .disabled-profile-list .profile .profile-icon b.instagram { background-image: url('/platform/promote/icons/social/instagram.svg'); background-size: 60%; } body[data-page="settings/profiles"] .panels .row .panel .disabled-profile-list .profile .profile-icon b.facebook_page, body[data-page="settings/profiles/new"] .panels .row .panel .disabled-profile-list .profile .profile-icon b.facebook_page { background-size: 8px; } body[data-page="settings/profiles"] .panels .row .panel .disabled-profile-list .profile .label, body[data-page="settings/profiles/new"] .panels .row .panel .disabled-profile-list .profile .label { margin: 0px 10px; } body[data-page="settings/profiles"] .panels .row .panel .switches, body[data-page="settings/profiles/new"] .panels .row .panel .switches { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; } body[data-page="settings/profiles"] .panels .row .panel .switches .switch-option, body[data-page="settings/profiles/new"] .panels .row .panel .switches .switch-option, body[data-page="settings/profiles"] .panels .row .panel .switches .radio-option, body[data-page="settings/profiles/new"] .panels .row .panel .switches .radio-option { width: calc(100% / 3); height: 100px; display: flex; flex-direction: column; align-content: center; justify-content: center; text-align: center; border: 1px solid #e9eef0; border-radius: 10px; margin: 0px 10px; padding: 10px; } body[data-page="settings/profiles"] .panels .row .panel .switches .switch-option strong, body[data-page="settings/profiles/new"] .panels .row .panel .switches .switch-option strong, body[data-page="settings/profiles"] .panels .row .panel .switches .radio-option strong, body[data-page="settings/profiles/new"] .panels .row .panel .switches .radio-option strong { font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; display: flex; justify-content: center; } body[data-page="settings/profiles"] .panels .row .panel .switches .switch-option strong img, body[data-page="settings/profiles/new"] .panels .row .panel .switches .switch-option strong img, body[data-page="settings/profiles"] .panels .row .panel .switches .radio-option strong img, body[data-page="settings/profiles/new"] .panels .row .panel .switches .radio-option strong img { width: 25px; height: 25px; margin-right: 5px; pointer-events: none; } body[data-page="settings/profiles"] .panels .row .panel .switches .switch-option .switch, body[data-page="settings/profiles/new"] .panels .row .panel .switches .switch-option .switch, body[data-page="settings/profiles"] .panels .row .panel .switches .radio-option .switch, body[data-page="settings/profiles/new"] .panels .row .panel .switches .radio-option .switch { display: flex; align-content: center; justify-content: center; margin: 10px 0px; } body[data-page="settings/profiles"] .panels .row .panel .switches .switch-option .switch input[type=checkbox], body[data-page="settings/profiles/new"] .panels .row .panel .switches .switch-option .switch input[type=checkbox], body[data-page="settings/profiles"] .panels .row .panel .switches .radio-option .switch input[type=checkbox], body[data-page="settings/profiles/new"] .panels .row .panel .switches .radio-option .switch input[type=checkbox] { display: none; } body[data-page="settings/profiles"] .panels .row .panel .switches .switch-option .switch .obj, body[data-page="settings/profiles/new"] .panels .row .panel .switches .switch-option .switch .obj, body[data-page="settings/profiles"] .panels .row .panel .switches .radio-option .switch .obj, body[data-page="settings/profiles/new"] .panels .row .panel .switches .radio-option .switch .obj { border: 1px solid #e9eef0; width: auto; padding: 5px; border-radius: 500px; width: 50px; transition: all 0.2s ease-in-out; cursor: pointer; } body[data-page="settings/profiles"] .panels .row .panel .switches .switch-option .switch .obj b, body[data-page="settings/profiles/new"] .panels .row .panel .switches .switch-option .switch .obj b, body[data-page="settings/profiles"] .panels .row .panel .switches .radio-option .switch .obj b, body[data-page="settings/profiles/new"] .panels .row .panel .switches .radio-option .switch .obj b { display: flex; width: 20px; height: 20px; background-color: #3485fd; margin-left: 0px; margin-right: auto; border-radius: 100%; transition: all 0.2s ease-in-out; } body[data-page="settings/profiles"] .panels .row .panel .switches .switch-option .switch .obj.checked, body[data-page="settings/profiles/new"] .panels .row .panel .switches .switch-option .switch .obj.checked, body[data-page="settings/profiles"] .panels .row .panel .switches .radio-option .switch .obj.checked, body[data-page="settings/profiles/new"] .panels .row .panel .switches .radio-option .switch .obj.checked { background-color: #3485fd; } body[data-page="settings/profiles"] .panels .row .panel .switches .switch-option .switch .obj.checked b, body[data-page="settings/profiles/new"] .panels .row .panel .switches .switch-option .switch .obj.checked b, body[data-page="settings/profiles"] .panels .row .panel .switches .radio-option .switch .obj.checked b, body[data-page="settings/profiles/new"] .panels .row .panel .switches .radio-option .switch .obj.checked b { margin-left: auto; margin-right: 0px; background-color: white; } body[data-page="settings/profiles"] .panels .row .panel .switches .switch-option .switch label, body[data-page="settings/profiles/new"] .panels .row .panel .switches .switch-option .switch label, body[data-page="settings/profiles"] .panels .row .panel .switches .radio-option .switch label, body[data-page="settings/profiles/new"] .panels .row .panel .switches .radio-option .switch label { display: flex; font-weight: normal; align-self: center; margin-left: 10px; } body[data-page="settings/profiles"] .panels .row .panel .switches .switch-option.disabled, body[data-page="settings/profiles/new"] .panels .row .panel .switches .switch-option.disabled, body[data-page="settings/profiles"] .panels .row .panel .switches .radio-option.disabled, body[data-page="settings/profiles/new"] .panels .row .panel .switches .radio-option.disabled { opacity: 0.5; filter: grayscale(100%); pointer-events: none; } body[data-page="settings/profiles"] .panels .row .panel .switches .radio-option ul, body[data-page="settings/profiles/new"] .panels .row .panel .switches .radio-option ul { list-style: none; padding: 0px; margin: 0px; display: flex; justify-content: space-between; } body[data-page="settings/profiles"] .panels .row .panel .switches .radio-option ul li, body[data-page="settings/profiles/new"] .panels .row .panel .switches .radio-option ul li { border: 1px solid #e9eef0; border-radius: 500px; padding: 10px; width: calc(100% / 3); margin: 5px; font-size: 13px; font-weight: bold; cursor: pointer; transition: background-color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s; } body[data-page="settings/profiles"] .panels .row .panel .switches .radio-option ul li:hover, body[data-page="settings/profiles/new"] .panels .row .panel .switches .radio-option ul li:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); transform: scale(1.05); background-color: #798a9c; color: white; } body[data-page="settings/profiles"] .panels .row .panel .switches .radio-option ul li:active, body[data-page="settings/profiles/new"] .panels .row .panel .switches .radio-option ul li:active { transform: scale(0.95); } body[data-page="settings/profiles"] .panels .row .panel .switches .radio-option ul li.active, body[data-page="settings/profiles/new"] .panels .row .panel .switches .radio-option ul li.active { background-color: #3485fd; color: white; } body[data-page="settings/profiles"] .panels .row .panel .switch-off, body[data-page="settings/profiles/new"] .panels .row .panel .switch-off, body[data-page="settings/profiles"] .panels .row .panel .refresh, body[data-page="settings/profiles/new"] .panels .row .panel .refresh, body[data-page="settings/profiles"] .panels .row .panel .move-to-other-brand, body[data-page="settings/profiles/new"] .panels .row .panel .move-to-other-brand, body[data-page="settings/profiles"] .panels .row .panel .delete-profile, body[data-page="settings/profiles/new"] .panels .row .panel .delete-profile, body[data-page="settings/profiles"] .panels .row .panel .type-scale-box, body[data-page="settings/profiles/new"] .panels .row .panel .type-scale-box { border: 1px solid #e9eef0; border-radius: 10px; padding: 10px; margin: 10px; margin-top: 20px; } body[data-page="settings/profiles"] .panels .row .panel .type-scale-box, body[data-page="settings/profiles/new"] .panels .row .panel .type-scale-box { margin-top: 0px !important; } body[data-page="settings/profiles"] .panels .row .panel .type-scale-box .type-scale, body[data-page="settings/profiles/new"] .panels .row .panel .type-scale-box .type-scale { display: flex; justify-content: space-between; margin: 20px 0px; } body[data-page="settings/profiles"] .panels .row .panel .type-scale-box .type-scale > div, body[data-page="settings/profiles/new"] .panels .row .panel .type-scale-box .type-scale > div { display: flex; align-items: center; } body[data-page="settings/profiles"] .panels .row .panel .type-scale-box .type-scale .type, body[data-page="settings/profiles/new"] .panels .row .panel .type-scale-box .type-scale .type { display: flex; justify-content: center; align-items: center; flex-direction: column; margin: 0px; border-radius: 10px; padding: 5px; width: 200px; cursor: pointer; transition: all 0.2s ease-in-out; } body[data-page="settings/profiles"] .panels .row .panel .type-scale-box .type-scale .type:active, body[data-page="settings/profiles/new"] .panels .row .panel .type-scale-box .type-scale .type:active { transform: scale(0.95); } body[data-page="settings/profiles"] .panels .row .panel .type-scale-box .type-scale .type strong, body[data-page="settings/profiles/new"] .panels .row .panel .type-scale-box .type-scale .type strong { text-align: center; } body[data-page="settings/profiles"] .panels .row .panel .type-scale-box .type-scale .type span, body[data-page="settings/profiles/new"] .panels .row .panel .type-scale-box .type-scale .type span { opacity: 0.5; } body[data-page="settings/profiles"] .panels .row .panel .type-scale-box .type-scale .type.curated, body[data-page="settings/profiles/new"] .panels .row .panel .type-scale-box .type-scale .type.curated { border: 1px solid #3485fd; } body[data-page="settings/profiles"] .panels .row .panel .type-scale-box .type-scale .type.curated strong, body[data-page="settings/profiles/new"] .panels .row .panel .type-scale-box .type-scale .type.curated strong, body[data-page="settings/profiles"] .panels .row .panel .type-scale-box .type-scale .type.curated span, body[data-page="settings/profiles/new"] .panels .row .panel .type-scale-box .type-scale .type.curated span { color: #3485fd; } body[data-page="settings/profiles"] .panels .row .panel .type-scale-box .type-scale .type.branded, body[data-page="settings/profiles/new"] .panels .row .panel .type-scale-box .type-scale .type.branded { border: 1px solid #0aa630; } body[data-page="settings/profiles"] .panels .row .panel .type-scale-box .type-scale .type.branded strong, body[data-page="settings/profiles/new"] .panels .row .panel .type-scale-box .type-scale .type.branded strong, body[data-page="settings/profiles"] .panels .row .panel .type-scale-box .type-scale .type.branded span, body[data-page="settings/profiles/new"] .panels .row .panel .type-scale-box .type-scale .type.branded span { color: #0aa630; } body[data-page="settings/profiles"] .panels .row .panel .type-scale-box .type-scale .type.disabled, body[data-page="settings/profiles/new"] .panels .row .panel .type-scale-box .type-scale .type.disabled { opacity: 0.25; filter: grayscale(100%); pointer-events: none; } body[data-page="settings/profiles"] .panels .row .panel .type-scale-box .type-scale .scale, body[data-page="settings/profiles/new"] .panels .row .panel .type-scale-box .type-scale .scale { width: 100%; position: relative; margin: 0 10px; } body[data-page="settings/profiles"] .panels .row .panel .type-scale-box .type-scale .scale input[type=range], body[data-page="settings/profiles/new"] .panels .row .panel .type-scale-box .type-scale .scale input[type=range] { width: 100%; margin: 10px 0px; -webkit-appearance: none; appearance: none; background-color: transparent; } body[data-page="settings/profiles"] .panels .row .panel .type-scale-box .type-scale .scale input[type=range]::-webkit-slider-runnable-track, body[data-page="settings/profiles/new"] .panels .row .panel .type-scale-box .type-scale .scale input[type=range]::-webkit-slider-runnable-track { position: relative; height: 25px; border: 1px solid #e9eef0; border-radius: 8px; } body[data-page="settings/profiles"] .panels .row .panel .type-scale-box .type-scale .scale input[type=range]::-webkit-slider-thumb, body[data-page="settings/profiles/new"] .panels .row .panel .type-scale-box .type-scale .scale input[type=range]::-webkit-slider-thumb { box-sizing: border-box; appearance: none; position: relative; background-color: #3485fd; border-radius: 100%; width: 24px; height: 24px; top: 50%; translate: 0 -50%; transform: scale(1.4); transition: all 0.2s ease-in-out; cursor: pointer; } body[data-page="settings/profiles"] .panels .row .panel .type-scale-box .type-scale .scale input[type=range]::-webkit-slider-thumb:hover, body[data-page="settings/profiles/new"] .panels .row .panel .type-scale-box .type-scale .scale input[type=range]::-webkit-slider-thumb:hover { transform: scale(1.5); } body[data-page="settings/profiles"] .panels .row .panel .type-scale-box .type-scale .scale input[type=range]::-webkit-slider-thumb:active, body[data-page="settings/profiles/new"] .panels .row .panel .type-scale-box .type-scale .scale input[type=range]::-webkit-slider-thumb:active { transform: scale(1.2); } body[data-page="settings/profiles"] .panels .row .panel .type-scale-box p a, body[data-page="settings/profiles/new"] .panels .row .panel .type-scale-box p a { color: #3485fd; } body[data-page="settings/profiles"] .panels .row .panel button, body[data-page="settings/profiles/new"] .panels .row .panel button { cursor: pointer; display: inline-block !important; width: auto !important; } body[data-page="settings/profiles"] .panels .row .panel button.btn-primary, body[data-page="settings/profiles/new"] .panels .row .panel button.btn-primary { color: white; padding: 15px; border-radius: 500px; background-color: #3485fd; border: 1px solid #3485fd; border: 0; display: block; width: 100%; font-weight: 600; font-size: 14px; transition: all 0.15s ease-in-out; } body[data-page="settings/profiles"] .panels .row .panel button.btn-primary:active, body[data-page="settings/profiles/new"] .panels .row .panel button.btn-primary:active { transform: scale(0.95); } body[data-page="settings/profiles"] .panels .row .panel button.btn-secondary, body[data-page="settings/profiles/new"] .panels .row .panel button.btn-secondary { display: flex; justify-content: center; align-items: center; height: 50px; width: 100%; background: none; border: 1px solid #e8e8e8; border-radius: 500px; box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.5); transition: all 0.15s ease-in-out; } body[data-page="settings/profiles"] .panels .row .panel button.btn-secondary i, body[data-page="settings/profiles/new"] .panels .row .panel button.btn-secondary i { font-style: normal; } body[data-page="settings/profiles"] .panels .row .panel button.btn-secondary:active, body[data-page="settings/profiles/new"] .panels .row .panel button.btn-secondary:active { transform: scale(0.95); } body[data-page="settings/profiles"] .panels .row .panel button.btn-danger, body[data-page="settings/profiles/new"] .panels .row .panel button.btn-danger { display: flex; justify-content: center; align-items: center; padding: 15px; width: 100%; background: none; border: 1px solid #e8e8e8; border-radius: 500px; box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.5); transition: all 0.15s ease-in-out; background-color: #ffebea; border-color: #fc0000; color: #fc0000; } body[data-page="settings/profiles"] .panels .row .panel button.btn-danger:active, body[data-page="settings/profiles/new"] .panels .row .panel button.btn-danger:active { transform: scale(0.95); } body[data-page="settings/profiles"] .panels .row .panel button:disabled, body[data-page="settings/profiles/new"] .panels .row .panel button:disabled { opacity: 0.25; pointer-events: none; } @media screen and (max-width: 960px) { body[data-page="settings/profiles"] .panels .row .panel ul.posts-per-day, body[data-page="settings/profiles/new"] .panels .row .panel ul.posts-per-day { flex-direction: column; } body[data-page="settings/profiles"] .panels .row .panel ul.posts-per-day li, body[data-page="settings/profiles/new"] .panels .row .panel ul.posts-per-day li { width: calc(100% - (20px * 2)); } body[data-page="settings/profiles"] .panels .row .panel .switches, body[data-page="settings/profiles/new"] .panels .row .panel .switches { flex-direction: column; } body[data-page="settings/profiles"] .panels .row .panel .switches .switch-option, body[data-page="settings/profiles/new"] .panels .row .panel .switches .switch-option, body[data-page="settings/profiles"] .panels .row .panel .switches .radio-option, body[data-page="settings/profiles/new"] .panels .row .panel .switches .radio-option { width: calc(100% - (20px * 2)); margin: 10px 0px; } } body[data-page='settings/brands'] .brand, body[data-page='settings/brands/new'] .brand { margin: 0px -10px; } body[data-page='settings/brands'] .brand .row, body[data-page='settings/brands/new'] .brand .row { display: flex; flex-wrap: wrap; } body[data-page='settings/brands'] .brand .row .panel, body[data-page='settings/brands/new'] .brand .row .panel { width: calc(100% / 2 - (10px * 2)); box-sizing: border-box; background-color: white; margin: 10px; display: flex; justify-content: space-between; flex-direction: column; } body[data-page='settings/brands'] .brand .row .panel.disabled, body[data-page='settings/brands/new'] .brand .row .panel.disabled { opacity: 0.25; pointer-events: none; } body[data-page='settings/brands'] .brand .row .panel .upper > strong, body[data-page='settings/brands/new'] .brand .row .panel .upper > strong { margin-bottom: 10px; display: block; } body[data-page='settings/brands'] .brand .row .panel .upper > p, body[data-page='settings/brands/new'] .brand .row .panel .upper > p { margin: 0; } body[data-page='settings/brands'] .brand .row .panel .upper .attachments, body[data-page='settings/brands/new'] .brand .row .panel .upper .attachments { display: flex; overflow: auto; padding: 10px 0px; } body[data-page='settings/brands'] .brand .row .panel .upper .attachments .attachment, body[data-page='settings/brands/new'] .brand .row .panel .upper .attachments .attachment { display: flex; flex-direction: column; justify-content: center; text-align: center; align-items: center; max-width: 150px; position: relative; padding: 5px; } body[data-page='settings/brands'] .brand .row .panel .upper .attachments .attachment .delete, body[data-page='settings/brands/new'] .brand .row .panel .upper .attachments .attachment .delete { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background-color: rgba(255, 255, 255, 0.5); backdrop-filter: blur(5px); opacity: 0; transition: opacity 0.2s ease-in-out; cursor: pointer; background-image: url('/platform/app/icons/b/trash.svg'); background-position: center; background-repeat: no-repeat; background-size: 20px; } body[data-page='settings/brands'] .brand .row .panel .upper .attachments .attachment b.ico, body[data-page='settings/brands/new'] .brand .row .panel .upper .attachments .attachment b.ico { display: block; width: 50px; height: 50px; margin-bottom: 5px; background-position: center; background-repeat: no-repeat; background-size: 50px; } body[data-page='settings/brands'] .brand .row .panel .upper .attachments .attachment label, body[data-page='settings/brands/new'] .brand .row .panel .upper .attachments .attachment label { font-weight: bold; font-size: 10px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; text-align: center; } body[data-page='settings/brands'] .brand .row .panel .upper .attachments .attachment:not(:last-child), body[data-page='settings/brands/new'] .brand .row .panel .upper .attachments .attachment:not(:last-child) { margin-right: 10px; } body[data-page='settings/brands'] .brand .row .panel .upper .attachments .attachment:hover .delete, body[data-page='settings/brands/new'] .brand .row .panel .upper .attachments .attachment:hover .delete { opacity: 1; } body[data-page='settings/brands'] .brand .row .panel .options .option .option-inner.button button, body[data-page='settings/brands/new'] .brand .row .panel .options .option .option-inner.button button { background: none; border: 0; display: flex; align-items: center; cursor: pointer; transition: all 0.3s ease-in-out; font-weight: bold; outline: none; } body[data-page='settings/brands'] .brand .row .panel .options .option .option-inner.button button b, body[data-page='settings/brands/new'] .brand .row .panel .options .option .option-inner.button button b { box-shadow: 0 6.5px 10px 0 rgba(25, 24, 71, 0.08); width: 35px; height: 35px; border-radius: 10px; margin-right: 10px; background-position: center; background-repeat: no-repeat; background-size: 25px; } body[data-page='settings/brands'] .brand .row .panel .options .option .option-inner.button button b.bolt, body[data-page='settings/brands/new'] .brand .row .panel .options .option .option-inner.button button b.bolt { background-image: url('/platform/app/icons/b/bolt.svg'); } body[data-page='settings/brands'] .brand .row .panel .options .option .option-inner.button button b.pencil, body[data-page='settings/brands/new'] .brand .row .panel .options .option .option-inner.button button b.pencil { background-image: url('/platform/app/icons/b/pencil.svg'); } body[data-page='settings/brands'] .brand .row .panel .options .option .option-inner.button button:active, body[data-page='settings/brands/new'] .brand .row .panel .options .option .option-inner.button button:active { transform: scale(0.95); outline: none; } body[data-page='settings/brands'] .brand > .options, body[data-page='settings/brands/new'] .brand > .options { padding: 0px 20px; } body[data-page='settings/brands'] .brand > .options button, body[data-page='settings/brands/new'] .brand > .options button { cursor: pointer; width: auto !important; } body[data-page='settings/brands'] .brand > .options button.btn-primary, body[data-page='settings/brands/new'] .brand > .options button.btn-primary { color: white; padding: 15px; border-radius: 500px; background-color: #3485fd; border: 1px solid #3485fd; border: 0; display: block; width: 100%; font-weight: 600; font-size: 14px; transition: all 0.15s ease-in-out; } body[data-page='settings/brands'] .brand > .options button.btn-primary:active, body[data-page='settings/brands/new'] .brand > .options button.btn-primary:active { transform: scale(0.95); } body[data-page='settings/brands'] .brand > .options button.btn-secondary, body[data-page='settings/brands/new'] .brand > .options button.btn-secondary { display: flex; justify-content: center; align-items: center; height: 50px; width: 100%; background: none; border: 1px solid #e8e8e8; border-radius: 500px; box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.5); transition: all 0.15s ease-in-out; } body[data-page='settings/brands'] .brand > .options button.btn-secondary i, body[data-page='settings/brands/new'] .brand > .options button.btn-secondary i { font-style: normal; } body[data-page='settings/brands'] .brand > .options button.btn-secondary:active, body[data-page='settings/brands/new'] .brand > .options button.btn-secondary:active { transform: scale(0.95); } body[data-page='settings/brands'] .brand > .options button.btn-danger, body[data-page='settings/brands/new'] .brand > .options button.btn-danger { display: flex; justify-content: center; align-items: center; padding: 15px; width: 100%; background: none; border: 1px solid #e8e8e8; border-radius: 500px; box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.5); transition: all 0.15s ease-in-out; background-color: #ffebea; border-color: #fc0000; color: #fc0000; } body[data-page='settings/brands'] .brand > .options button.btn-danger:active, body[data-page='settings/brands/new'] .brand > .options button.btn-danger:active { transform: scale(0.95); } body[data-page='settings/brands'] .brand > .options button:disabled, body[data-page='settings/brands/new'] .brand > .options button:disabled { opacity: 0.25; pointer-events: none; } @media screen and (max-width: 960px) { body[data-page='settings/brands'] .brand .row, body[data-page='settings/brands/new'] .brand .row { flex-direction: column; } body[data-page='settings/brands'] .brand .row .panel, body[data-page='settings/brands/new'] .brand .row .panel { width: calc(100% - 20px); } body[data-page='settings/brands'] .brand > .options, body[data-page='settings/brands/new'] .brand > .options { margin-bottom: 40px; } } body[data-page='settings/brands'] .empty button.manage-billing, body[data-page='settings/brands/new'] .empty button.manage-billing { cursor: pointer; width: auto !important; } body[data-page='settings/brands'] .empty button.manage-billing.btn-primary, body[data-page='settings/brands/new'] .empty button.manage-billing.btn-primary { color: white; padding: 15px; border-radius: 500px; background-color: #3485fd; border: 1px solid #3485fd; border: 0; display: block; width: 100%; font-weight: 600; font-size: 14px; transition: all 0.15s ease-in-out; } body[data-page='settings/brands'] .empty button.manage-billing.btn-primary:active, body[data-page='settings/brands/new'] .empty button.manage-billing.btn-primary:active { transform: scale(0.95); } body[data-page='settings/brands'] .empty button.manage-billing.btn-secondary, body[data-page='settings/brands/new'] .empty button.manage-billing.btn-secondary { display: flex; justify-content: center; align-items: center; height: 50px; width: 100%; background: none; border: 1px solid #e8e8e8; border-radius: 500px; box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.5); transition: all 0.15s ease-in-out; } body[data-page='settings/brands'] .empty button.manage-billing.btn-secondary i, body[data-page='settings/brands/new'] .empty button.manage-billing.btn-secondary i { font-style: normal; } body[data-page='settings/brands'] .empty button.manage-billing.btn-secondary:active, body[data-page='settings/brands/new'] .empty button.manage-billing.btn-secondary:active { transform: scale(0.95); } body[data-page='settings/brands'] .empty button.manage-billing.btn-danger, body[data-page='settings/brands/new'] .empty button.manage-billing.btn-danger { display: flex; justify-content: center; align-items: center; padding: 15px; width: 100%; background: none; border: 1px solid #e8e8e8; border-radius: 500px; box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.5); transition: all 0.15s ease-in-out; background-color: #ffebea; border-color: #fc0000; color: #fc0000; } body[data-page='settings/brands'] .empty button.manage-billing.btn-danger:active, body[data-page='settings/brands/new'] .empty button.manage-billing.btn-danger:active { transform: scale(0.95); } body[data-page='settings/brands'] .empty button.manage-billing:disabled, body[data-page='settings/brands/new'] .empty button.manage-billing:disabled { opacity: 0.25; pointer-events: none; } body[data-page='settings/brands'] .issue textarea, body[data-page='settings/brands/new'] .issue textarea { resize: none; border: 0; padding: 10px; border-radius: 10px; width: calc(100% - (10px * 2)); font-family: 'Inter', sans-serif; } body[data-page='settings/brands'] .issue button, body[data-page='settings/brands/new'] .issue button { cursor: pointer; width: auto !important; } body[data-page='settings/brands'] .issue button.btn-primary, body[data-page='settings/brands/new'] .issue button.btn-primary { color: white; padding: 15px; border-radius: 500px; background-color: #3485fd; border: 1px solid #3485fd; border: 0; display: block; width: 100%; font-weight: 600; font-size: 14px; transition: all 0.15s ease-in-out; } body[data-page='settings/brands'] .issue button.btn-primary:active, body[data-page='settings/brands/new'] .issue button.btn-primary:active { transform: scale(0.95); } body[data-page='settings/brands'] .issue button.btn-secondary, body[data-page='settings/brands/new'] .issue button.btn-secondary { display: flex; justify-content: center; align-items: center; height: 50px; width: 100%; background: none; border: 1px solid #e8e8e8; border-radius: 500px; box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.5); transition: all 0.15s ease-in-out; } body[data-page='settings/brands'] .issue button.btn-secondary i, body[data-page='settings/brands/new'] .issue button.btn-secondary i { font-style: normal; } body[data-page='settings/brands'] .issue button.btn-secondary:active, body[data-page='settings/brands/new'] .issue button.btn-secondary:active { transform: scale(0.95); } body[data-page='settings/brands'] .issue button.btn-danger, body[data-page='settings/brands/new'] .issue button.btn-danger { display: flex; justify-content: center; align-items: center; padding: 15px; width: 100%; background: none; border: 1px solid #e8e8e8; border-radius: 500px; box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.5); transition: all 0.15s ease-in-out; background-color: #ffebea; border-color: #fc0000; color: #fc0000; } body[data-page='settings/brands'] .issue button.btn-danger:active, body[data-page='settings/brands/new'] .issue button.btn-danger:active { transform: scale(0.95); } body[data-page='settings/brands'] .issue button:disabled, body[data-page='settings/brands/new'] .issue button:disabled { opacity: 0.25; pointer-events: none; } body[data-page='settings/brands/update'] .row { flex-direction: column; } body[data-page='settings/brands/update'] .row .panel { width: calc(100% - (20px * 2) - (1px * 2)) !important; } body[data-page='settings/brands/update'] .row .panel .group { margin-bottom: 40px; } body[data-page='settings/brands/update'] .row .panel .group .group-header { margin-bottom: 10px; } body[data-page='settings/brands/update'] .row .panel .group .group-header h2 { margin: 0; } body[data-page='settings/brands/update'] .row .panel .group .group-body textarea { resize: none; border: 1px solid #e8e8e8; padding: 20px; border-radius: 10px; width: calc(100% - (20px * 2)) !important; height: 150px; } body[data-page='settings/brands/update'] .row .panel .group .group-body textarea:read-only { background-color: #e8e8e8; color: #202020; cursor: not-allowed; } body[data-page='settings/brands/update'] .row .panel > .options { display: block; } body[data-page='settings/brands/update'] .row .panel > .options button { cursor: pointer; width: auto !important; display: inline-block !important; } body[data-page='settings/brands/update'] .row .panel > .options button.btn-primary { color: white; padding: 15px; border-radius: 500px; background-color: #3485fd; border: 1px solid #3485fd; border: 0; display: block; width: 100%; font-weight: 600; font-size: 14px; transition: all 0.15s ease-in-out; } body[data-page='settings/brands/update'] .row .panel > .options button.btn-primary:active { transform: scale(0.95); } body[data-page='settings/brands/update'] .row .panel > .options button.btn-secondary { display: flex; justify-content: center; align-items: center; height: 50px; width: 100%; background: none; border: 1px solid #e8e8e8; border-radius: 500px; box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.5); transition: all 0.15s ease-in-out; } body[data-page='settings/brands/update'] .row .panel > .options button.btn-secondary i { font-style: normal; } body[data-page='settings/brands/update'] .row .panel > .options button.btn-secondary:active { transform: scale(0.95); } body[data-page='settings/brands/update'] .row .panel > .options button.btn-danger { display: flex; justify-content: center; align-items: center; padding: 15px; width: 100%; background: none; border: 1px solid #e8e8e8; border-radius: 500px; box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.5); transition: all 0.15s ease-in-out; background-color: #ffebea; border-color: #fc0000; color: #fc0000; } body[data-page='settings/brands/update'] .row .panel > .options button.btn-danger:active { transform: scale(0.95); } body[data-page='settings/brands/update'] .row .panel > .options button:disabled { opacity: 0.25; pointer-events: none; } body[data-page='settings/brands/negative-keywords'] .row { flex-direction: column; } body[data-page='settings/brands/negative-keywords'] .row .panel { width: calc(100% - (20px * 2) - (1px * 2)) !important; } body[data-page='settings/brands/negative-keywords'] .row .panel > ul.keywords-list { margin: 20px 0px!important; } body[data-page='settings/brands/negative-keywords'] .row .panel > ul.keywords-list li { display: flex; padding: 5px; border-radius: 10px; justify-content: space-between; } body[data-page='settings/brands/negative-keywords'] .row .panel > ul.keywords-list li.keyword { border: 1px solid #e8e8e8; } body[data-page='settings/brands/negative-keywords'] .row .panel > ul.keywords-list li.keyword input { width: 100%; margin-right: 10px; border: 0; padding: 0px 15px; } body[data-page='settings/brands/negative-keywords'] .row .panel > ul.keywords-list li.keyword input:focus { outline: none; } body[data-page='settings/brands/negative-keywords'] .row .panel > ul.keywords-list li.keyword button { background: none; background-color: #ffebea; background-image: url('/platform/app/icons/r/trash.svg'); background-position: center; background-repeat: no-repeat; background-size: 12px; border: 0; width: 30px; height: 30px; border-radius: 10px; transition: all 0.3s ease-in-out; cursor: pointer; } body[data-page='settings/brands/negative-keywords'] .row .panel > ul.keywords-list li.keyword button:active { transform: scale(0.95); } body[data-page='settings/brands/negative-keywords'] .row .panel > ul.keywords-list li.add button { background-color: #e8e8e8; color: black; font-weight: bold; border: 0; border-radius: 500px; padding: 10px 15px; cursor: pointer; transition: all 0.3s ease-in-out; display: flex; align-items: center; } body[data-page='settings/brands/negative-keywords'] .row .panel > ul.keywords-list li.add button b { width: 20px; height: 20px; background-position: center; background-repeat: no-repeat; background-image: url('/platform/app/icons/b/plus-circle.svg'); background-size: contain; margin-right: 5px; } body[data-page='settings/brands/negative-keywords'] .row .panel > ul.keywords-list li.add button:active { transform: scale(0.95); } body[data-page='settings/brands/negative-keywords'] .row .panel > ul.keywords-list li:not(:last-child) { margin-bottom: 10px; } body[data-page='settings/brands/negative-keywords'] .row .panel .no-keywords-message { padding: 20px; border-radius: 10px; color: #202020; border: 1px solid #e8e8e8; } body[data-page='settings/brands/negative-keywords'] .row .panel .no-keywords-message strong { font-weight: bold; display: block; margin-bottom: 10px; } body[data-page='settings/brands/negative-keywords'] .row .panel .no-keywords-message p { margin: 0; } body[data-page='settings/brands/negative-keywords'] .row .panel > .options { display: block; } body[data-page='settings/brands/negative-keywords'] .row .panel > .options button { cursor: pointer; width: auto !important; display: inline-block !important; } body[data-page='settings/brands/negative-keywords'] .row .panel > .options button.btn-primary { color: white; padding: 15px; border-radius: 500px; background-color: #3485fd; border: 1px solid #3485fd; border: 0; display: block; width: 100%; font-weight: 600; font-size: 14px; transition: all 0.15s ease-in-out; } body[data-page='settings/brands/negative-keywords'] .row .panel > .options button.btn-primary:active { transform: scale(0.95); } body[data-page='settings/brands/negative-keywords'] .row .panel > .options button.btn-secondary { display: flex; justify-content: center; align-items: center; height: 50px; width: 100%; background: none; border: 1px solid #e8e8e8; border-radius: 500px; box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.5); transition: all 0.15s ease-in-out; } body[data-page='settings/brands/negative-keywords'] .row .panel > .options button.btn-secondary i { font-style: normal; } body[data-page='settings/brands/negative-keywords'] .row .panel > .options button.btn-secondary:active { transform: scale(0.95); } body[data-page='settings/brands/negative-keywords'] .row .panel > .options button.btn-danger { display: flex; justify-content: center; align-items: center; padding: 15px; width: 100%; background: none; border: 1px solid #e8e8e8; border-radius: 500px; box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.5); transition: all 0.15s ease-in-out; background-color: #ffebea; border-color: #fc0000; color: #fc0000; } body[data-page='settings/brands/negative-keywords'] .row .panel > .options button.btn-danger:active { transform: scale(0.95); } body[data-page='settings/brands/negative-keywords'] .row .panel > .options button:disabled { opacity: 0.25; pointer-events: none; } body[data-page='settings/brands/categories'] .row { flex-direction: column; } body[data-page='settings/brands/categories'] .row .panel { width: calc(100% - (20px * 2) - (1px * 2)) !important; } body[data-page='settings/brands/categories'] .row .panel > ul.categories-list { margin: 20px 0px!important; } body[data-page='settings/brands/categories'] .row .panel > ul.categories-list li { display: flex; padding: 5px; border-radius: 10px; justify-content: space-between; } body[data-page='settings/brands/categories'] .row .panel > ul.categories-list li.keyword { border: 1px solid #e8e8e8; } body[data-page='settings/brands/categories'] .row .panel > ul.categories-list li.keyword input { width: 100%; margin-right: 10px; border: 0; padding: 0px 15px; } body[data-page='settings/brands/categories'] .row .panel > ul.categories-list li.keyword input:focus { outline: none; } body[data-page='settings/brands/categories'] .row .panel > ul.categories-list li.keyword button { background: none; background-color: #ffebea; background-image: url('/platform/app/icons/r/trash.svg'); background-position: center; background-repeat: no-repeat; background-size: 12px; border: 0; width: 30px; height: 30px; border-radius: 10px; transition: all 0.3s ease-in-out; cursor: pointer; } body[data-page='settings/brands/categories'] .row .panel > ul.categories-list li.keyword button:active { transform: scale(0.95); } body[data-page='settings/brands/categories'] .row .panel > ul.categories-list li.add button { background-color: #e8e8e8; color: black; font-weight: bold; border: 0; border-radius: 500px; padding: 10px 15px; cursor: pointer; transition: all 0.3s ease-in-out; display: flex; align-items: center; } body[data-page='settings/brands/categories'] .row .panel > ul.categories-list li.add button b { width: 20px; height: 20px; background-position: center; background-repeat: no-repeat; background-image: url('/platform/app/icons/b/plus-circle.svg'); background-size: contain; margin-right: 5px; } body[data-page='settings/brands/categories'] .row .panel > ul.categories-list li.add button:active { transform: scale(0.95); } body[data-page='settings/brands/categories'] .row .panel > ul.categories-list li:not(:last-child) { margin-bottom: 10px; } body[data-page='settings/brands/categories'] .row .panel .no-keywords-message { padding: 20px; border-radius: 10px; color: #202020; border: 1px solid #e8e8e8; } body[data-page='settings/brands/categories'] .row .panel .no-keywords-message strong { font-weight: bold; display: block; margin-bottom: 10px; } body[data-page='settings/brands/categories'] .row .panel .no-keywords-message p { margin: 0; } body[data-page='settings/brands/categories'] .row .panel > .options { display: block; } body[data-page='settings/brands/categories'] .row .panel > .options button { cursor: pointer; width: auto !important; display: inline-block !important; } body[data-page='settings/brands/categories'] .row .panel > .options button.btn-primary { color: white; padding: 15px; border-radius: 500px; background-color: #3485fd; border: 1px solid #3485fd; border: 0; display: block; width: 100%; font-weight: 600; font-size: 14px; transition: all 0.15s ease-in-out; } body[data-page='settings/brands/categories'] .row .panel > .options button.btn-primary:active { transform: scale(0.95); } body[data-page='settings/brands/categories'] .row .panel > .options button.btn-secondary { display: flex; justify-content: center; align-items: center; height: 50px; width: 100%; background: none; border: 1px solid #e8e8e8; border-radius: 500px; box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.5); transition: all 0.15s ease-in-out; } body[data-page='settings/brands/categories'] .row .panel > .options button.btn-secondary i { font-style: normal; } body[data-page='settings/brands/categories'] .row .panel > .options button.btn-secondary:active { transform: scale(0.95); } body[data-page='settings/brands/categories'] .row .panel > .options button.btn-danger { display: flex; justify-content: center; align-items: center; padding: 15px; width: 100%; background: none; border: 1px solid #e8e8e8; border-radius: 500px; box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.5); transition: all 0.15s ease-in-out; background-color: #ffebea; border-color: #fc0000; color: #fc0000; } body[data-page='settings/brands/categories'] .row .panel > .options button.btn-danger:active { transform: scale(0.95); } body[data-page='settings/brands/categories'] .row .panel > .options button:disabled { opacity: 0.25; pointer-events: none; } body[data-page='settings/account'] .form-group input[type=time] { display: inline-block !important; width: auto !important; font-family: 'Inter', sans-serif; } body[data-page='settings/account'] .form-group span.timeSpacer { padding: 0px 10px; } body[data-page=setup] .setup-container { display: flex; justify-content: center; align-items: center; flex-direction: column; height: calc(100vh - 60px - 1px - (10px * 2)); } @media (max-height: 800px) { body[data-page=setup] .setup-container { justify-content: flex-start; } } body[data-page=setup] .setup-container .step { max-width: calc(100% - (20px * 2)); overflow: auto; max-height: calc(100vh - 60px - 1px - (10px * 2)); padding: 20px; width: 800px; animation: rise-and-fade 0.25s ease-in-out; display: flex; flex-direction: column; justify-content: center; align-items: center; } @media (max-height: 800px) { body[data-page=setup] .setup-container .step { justify-content: flex-start; } } body[data-page=setup] .setup-container .step > * { margin: 0; text-align: center; } body[data-page=setup] .setup-container .step > *:not(:last-child) { margin-bottom: 20px; } body[data-page=setup] .setup-container .step h1 { font-size: 3rem; } body[data-page=setup] .setup-container .step h2 { font-size: 1.5rem; } body[data-page=setup] .setup-container .step p { font-size: 1rem; } body[data-page=setup] .setup-container .step textarea, body[data-page=setup] .setup-container .step input[type=text] { border-color: rgba(0, 0, 0, 0.1); border-radius: 10px; width: 70%; min-width: 200px; justify-content: left; text-align: left; font-family: 'Outfit', sans-serif; } body[data-page=setup] .setup-container .step input[type=text] { padding: 10px 20px; } body[data-page=setup] .setup-container .step textarea { resize: none; height: 150px; padding: 20px; } body[data-page=setup] .setup-container .step ul:not(.social-profile-list,.posts-per-day) { list-style: none; padding: 0; margin: 0; margin-bottom: 20px; } body[data-page=setup] .setup-container .step ul:not(.social-profile-list,.posts-per-day) li { display: flex; gap: 10px; align-items: center; } body[data-page=setup] .setup-container .step ul:not(.social-profile-list,.posts-per-day) li:not(:last-child) { margin-bottom: 10px; } body[data-page=setup] .setup-container .step ul:not(.social-profile-list,.posts-per-day) li input[type=radio], body[data-page=setup] .setup-container .step ul:not(.social-profile-list,.posts-per-day) li input[type=checkbox] { width: 20px; height: 20px; } body[data-page=setup] .setup-container .step ul:not(.social-profile-list,.posts-per-day) li.other { flex-direction: column; } body[data-page=setup] .setup-container .step ul:not(.social-profile-list,.posts-per-day) li.other > div { width: 100%; display: flex; gap: 10px; } body[data-page=setup] .setup-container .step ul.social-profile-list { list-style: none; padding: 0; margin: 0; margin-bottom: 20px; width: 100%; display: flex; flex-direction: column; } body[data-page=setup] .setup-container .step ul.social-profile-list li { border: 1px solid #e9eef0; padding: 10px 20px; border-radius: 500px; width: calc(100% - (20px * 2)); display: flex; cursor: pointer; align-items: center; transition: all 0.25s ease-in-out; } body[data-page=setup] .setup-container .step ul.social-profile-list li:not(:last-child) { margin-bottom: 10px; } body[data-page=setup] .setup-container .step ul.social-profile-list li:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); transform: scale(1.05); background-color: #798a9c; color: white; } body[data-page=setup] .setup-container .step ul.social-profile-list li:active { transform: scale(0.97); } body[data-page=setup] .setup-container .step ul.social-profile-list li b { display: flex; width: 25px; height: 25px; background-position: center; background-size: 15px; background-repeat: no-repeat; background-color: #f5f7f9; margin-right: 10px; background-color: transparent !important; } body[data-page=setup] .setup-container .step ul.social-profile-list li b.facebook, body[data-page=setup] .setup-container .step ul.social-profile-list li b.facebook_page, body[data-page=setup] .setup-container .step ul.social-profile-list li b.facebook_group, body[data-page=setup] .setup-container .step ul.social-profile-list li b.fb_page { background-image: url('/platform/promote/icons/social/facebook.svg'); } body[data-page=setup] .setup-container .step ul.social-profile-list li b.twitter, body[data-page=setup] .setup-container .step ul.social-profile-list li b.tw { background-image: url('/platform/promote/icons/social/twitter.svg'); background-size: 90% !important; } body[data-page=setup] .setup-container .step ul.social-profile-list li b.bluesky { background-image: url('/platform/promote/icons/social/bluesky.svg'); background-size: 60% !important; } body[data-page=setup] .setup-container .step ul.social-profile-list li b.linkedin, body[data-page=setup] .setup-container .step ul.social-profile-list li b.linkedin_pages, body[data-page=setup] .setup-container .step ul.social-profile-list li b.in_page, body[data-page=setup] .setup-container .step ul.social-profile-list li b.in, body[data-page=setup] .setup-container .step ul.social-profile-list li b.linkedin_page, body[data-page=setup] .setup-container .step ul.social-profile-list li b.linkedin_group { background-image: url('/platform/promote/icons/social/linkedin.svg'); background-size: 50% !important; } body[data-page=setup] .setup-container .step ul.social-profile-list li b.tiktok { background-image: url('/platform/promote/icons/social/tiktok.svg'); } body[data-page=setup] .setup-container .step ul.social-profile-list li b.discord { background-image: url('/platform/promote/icons/social/discord.svg'); background-size: 12px !important; } body[data-page=setup] .setup-container .step ul.social-profile-list li b.pinterest { background-image: url('/platform/promote/icons/social/pinterest.svg'); } body[data-page=setup] .setup-container .step ul.social-profile-list li b.linkedin, body[data-page=setup] .setup-container .step ul.social-profile-list li b.linkedin_pages, body[data-page=setup] .setup-container .step ul.social-profile-list li b.in_page, body[data-page=setup] .setup-container .step ul.social-profile-list li b.in { background-image: url('/platform/promote/icons/social/linkedin.svg'); } body[data-page=setup] .setup-container .step ul.social-profile-list li b.instagram { background-image: url('/platform/promote/icons/social/instagram.svg'); background-size: 60%; } body[data-page=setup] .setup-container .step ul.social-profile-list li b.facebook { background-size: 10px; } body[data-page=setup] .setup-container .step ul.social-profile-list li:hover b { filter: invert(1); -webkit-filter: invert(1); } body[data-page=setup] .setup-container .step ul.posts-per-day { display: flex; margin: 0; padding: 0; margin-bottom: 20px; flex-wrap: wrap; } body[data-page=setup] .setup-container .step ul.posts-per-day li { display: flex; flex-direction: column; padding: 10px; margin: 10px; border: 1px solid #e9eef0; border-radius: 10px; cursor: pointer; width: calc(20% - (20px * 2) - 2px); transition: background-color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s; } body[data-page=setup] .setup-container .step ul.posts-per-day li strong, body[data-page=setup] .setup-container .step ul.posts-per-day li span { display: block; text-align: center; } body[data-page=setup] .setup-container .step ul.posts-per-day li strong { font-size: 40px; } body[data-page=setup] .setup-container .step ul.posts-per-day li:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); transform: scale(1.05); background-color: #798a9c; color: white; } body[data-page=setup] .setup-container .step ul.posts-per-day li:active { transform: scale(0.95); } body[data-page=setup] .setup-container .step ul.posts-per-day li.active { background-color: #3485fd; color: white; } body[data-page=setup] .setup-container .step.step-fifteen .categories .category-list { max-height: 200px; overflow: auto; } body[data-page=setup] .setup-container .step.step-fifteen .categories .category-list li { display: flex; justify-content: space-between; align-items: center; } body[data-page=setup] .setup-container .step.step-fifteen .categories .category-list li button { background: none; width: 30px; height: 30px; border: 1px solid #e9eef0; border-radius: 10px; background-image: url('/platform/app/icons/b/trash.svg'); background-position: center; background-size: 15px; background-repeat: no-repeat; transition: background-color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s; } body[data-page=setup] .setup-container .step.step-fifteen .categories .category-list li button:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); transform: scale(1.05); background-color: #798a9c; background-image: url('/platform/app/icons/w/trash.svg'); } body[data-page=setup] .setup-container .step.step-fifteen .categories .category-list li button:active { transform: scale(0.95); } body[data-page=setup] .setup-container .step.step-fifteen .categories .add-category { display: flex; gap: 10px; align-items: center; } body[data-page=setup] .setup-container .step.step-fifteen .categories .add-category input[type=text] { width: 100%; } body[data-page=setup] .setup-container .step.step-fifteen .categories .add-category button { background: none; background-color: #3485fd; border: 0; width: 40px; height: 40px; min-width: 40px; border-radius: 10px; background-image: url('/platform/app/icons/w/plus.svg'); background-position: center; background-size: 15px; background-repeat: no-repeat; transition: background-color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s; } body[data-page=setup] .setup-container .step.step-fifteen .categories .add-category button:active { transform: scale(0.95); } body[data-page=setup] .setup-container .step.step-sixteen { justify-content: flex-start; } body[data-page=setup] .setup-container .step.step-sixteen .feed-examples { width: 100%; } body[data-page=setup] .setup-container .step.step-sixteen .feed-examples.loading ul li.feed-item .feed-placeholder { display: flex; gap: 10px; width: 100%; background-color: white; padding: 20px; border-radius: 30px; } body[data-page=setup] .setup-container .step.step-sixteen .feed-examples.loading ul li.feed-item .feed-placeholder .feed-placeholder-image { width: 50px; height: 50px; border-radius: 100%; background-color: #f0f0f0; animation: shimmer 1.5s infinite linear; } body[data-page=setup] .setup-container .step.step-sixteen .feed-examples.loading ul li.feed-item .feed-placeholder .feed-placeholder-content { display: flex; flex: 1; width: 100%; flex-direction: column; } body[data-page=setup] .setup-container .step.step-sixteen .feed-examples.loading ul li.feed-item .feed-placeholder .feed-placeholder-content .placeholder-line { width: 100%; height: 20px; margin-bottom: 10px; background-color: #f0f0f0; border-radius: 500px; animation: shimmer 1.5s infinite linear; } body[data-page=setup] .setup-container .step.step-sixteen .feed-examples.loading ul li.feed-item .feed-placeholder .feed-placeholder-content .placeholder-line.short { width: 50%; } @keyframes shimmer { 0% { background-color: #f0f0f0; } 50% { background-color: #e0e0e0; } 100% { background-color: #f0f0f0; } } body[data-page=setup] .setup-container .step.step-sixteen .feed-examples.loading ul li.feed-item:not(:last-child) { margin-bottom: 20px; } body[data-page=setup] .setup-container .step.step-sixteen .feed-examples.loaded { width: 100%; } body[data-page=setup] .setup-container .step.step-sixteen .feed-examples.loaded ul { width: 100%; } body[data-page=setup] .setup-container .step.step-sixteen .feed-examples.loaded ul li.feed-item { width: 100%; } body[data-page=setup] .setup-container .step.step-sixteen .feed-examples.loaded ul li.feed-item .feed { display: flex; gap: 10px; width: 100%; max-width: calc(100% - (20px * 2)); background-color: white; padding: 20px; border-radius: 30px; } body[data-page=setup] .setup-container .step.step-sixteen .feed-examples.loaded ul li.feed-item .feed .feed-image { min-width: 50px; height: 50px; border-radius: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; } body[data-page=setup] .setup-container .step.step-sixteen .feed-examples.loaded ul li.feed-item .feed .feed-content { display: flex; flex: 1; width: calc(100% - (40px * 2)); max-width: calc(100% - (40px * 2)); flex-direction: column; text-align: left; } body[data-page=setup] .setup-container .step.step-sixteen .feed-examples.loaded ul li.feed-item .feed .feed-content strong { color: #3485fd; display: block; margin-bottom: 20px; text-transform: uppercase; } body[data-page=setup] .setup-container .step.step-sixteen .feed-examples.loaded ul li.feed-item .feed .feed-content .content { white-space: pre-line; } body[data-page=setup] .setup-container .step.step-sixteen .feed-examples.loaded ul li.feed-item .feed .feed-content .link { background-color: #f5f7f9; padding: 10px 15px; border-radius: 500px; display: flex; align-items: center; width: 100%; margin-top: 20px; } body[data-page=setup] .setup-container .step.step-sixteen .feed-examples.loaded ul li.feed-item .feed .feed-content .link b { width: 30px; height: 30px; min-width: 40px; min-height: 40px; background-image: url('/platform/app/icons/g/link.svg'); background-position: center; background-repeat: no-repeat; } body[data-page=setup] .setup-container .step.step-sixteen .feed-examples.loaded ul li.feed-item .feed .feed-content .link a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #202020; text-decoration: none; } body[data-page=setup] .setup-container .step.step-sixteen .feed-examples.loaded ul li.feed-item .feed .feed-content .link a:hover { text-decoration: underline; } body[data-page=setup] .setup-container .step.step-sixteen .feed-examples.loaded ul li.feed-item:not(:last-child) { margin-bottom: 20px; } body[data-page=setup] .setup-container .step.step-one img, body[data-page=setup] .setup-container .step.step-eighteen img { width: 150px; height: 150px; border-radius: 100%; } body[data-page=setup] .setup-container .step.step-eighteen .lottie { position: relative; display: flex; overflow: hidden; width: 100px; height: 100px; justify-content: center; align-items: center; } body[data-page=setup] .setup-container .step.step-eighteen .lottie dotlottie-player { transform: scale(4); } body[data-page=setup] .setup-container .step button { cursor: pointer; } body[data-page=setup] .setup-container .step button.btn-primary { color: white; padding: 15px; border-radius: 500px; background-color: #3485fd; border: 1px solid #3485fd; border: 0; display: block; width: 100%; font-weight: 600; font-size: 14px; transition: all 0.15s ease-in-out; } body[data-page=setup] .setup-container .step button.btn-primary:active { transform: scale(0.95); } body[data-page=setup] .setup-container .step button.btn-secondary { display: flex; justify-content: center; align-items: center; height: 50px; width: 100%; background: none; border: 1px solid #e8e8e8; border-radius: 500px; box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.5); transition: all 0.15s ease-in-out; } body[data-page=setup] .setup-container .step button.btn-secondary i { font-style: normal; } body[data-page=setup] .setup-container .step button.btn-secondary:active { transform: scale(0.95); } body[data-page=setup] .setup-container .step button.btn-danger { display: flex; justify-content: center; align-items: center; padding: 15px; width: 100%; background: none; border: 1px solid #e8e8e8; border-radius: 500px; box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.5); transition: all 0.15s ease-in-out; background-color: #ffebea; border-color: #fc0000; color: #fc0000; } body[data-page=setup] .setup-container .step button.btn-danger:active { transform: scale(0.95); } body[data-page=setup] .setup-container .step button:disabled { opacity: 0.25; pointer-events: none; } body[data-page=setup] .setup-container .step .controls { display: flex; gap: 10px; flex-direction: row; text-align: center; align-items: center; justify-content: center; } body[data-page=setup] .setup-container .step .controls button { min-width: 100px; width: auto; padding: 15px 20px; } @keyframes rise-and-fade { 0% { transform: translateY(10px); opacity: 0; } 100% { transform: translateY(0px); opacity: 1; } }