@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
html { background-color: #1b2341; }
body { color: #f5f5f5; background-color: #1b2341; font-family: "Poppins", sans-serif; font-optical-sizing: auto; font-weight: normal; font-size: 16px; }

html, .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 { font-family: "Poppins", sans-serif; color: #f5f5f5; }
h1,h2,h3,h4,h5,h6,.uk-h1,.uk-h2,.uk-h3,.uk-h4,.uk-h5,.uk-h6 { color: #f5f5f5; font-weight: 700; }

b, strong {
    font-weight: 600;
}

.dot { z-index: 1; width: 100%; opacity: 0.15; position: fixed; bottom: 0px; left: 0px; background-image: url(images/dot.png); background-position: top left; background-repeat: repeat; }
.fade { z-index: 2; width: 100%; opacity: 0.8; position: fixed; bottom: 0px; left: 0px; background-image: url(images/sf-background.png); background-position: bottom right; background-repeat: no-repeat; background-size: 100%; }

a { color: #f1f1f1; transition: color 0.5s; }
a:hover, a:focus { color: #ffffff; text-decoration: none; }

.uk-link { color: #f1f1f1; transition: color 0.5s; }
.uk-link:hover, .uk-link:focus { background-image: linear-gradient(to right, #0090f7, #ba62fc, #f2416b); -webkit-background-clip: text; display: inline; background-clip: text; -webkit-text-fill-color: transparent; text-decoration: none; }

h1 span { background-image: linear-gradient(to right, #0090f7, #ba62fc, #f2416b); -webkit-background-clip: text; display: inline; background-clip: text; -webkit-text-fill-color: transparent; }

.uk-link-color { background-image: linear-gradient(to right, #0090f7, #ba62fc, #f2416b); -webkit-background-clip: text; display: inline; background-clip: text; -webkit-text-fill-color: transparent; transition: color 0.5s; }
.uk-link-color:hover, .uk-link-color:focus { text-decoration: none; }

nav { padding-left: 15px; padding-right: 15px; padding-top: 4px; }
.uk-tab { margin: 0 0 0 -30px; }
.uk-tab>* { padding-left: 30px; }
.uk-tab>*>a { padding: 15px 0 9px; color: #f5f5f5; border-bottom: 3px solid transparent; text-transform: none; font-weight: 600; font-size: 1.25em; }

.uk-container-full { max-width: 100%; }
.uk-container-mid { max-width: 80%; }
.uk-table-xsmall th { padding: 0px 0px; }
.uk-table-xsmall td { padding: 2px 0px 0px; }

.uk-navbar-container:not(.uk-navbar-transparent) {
    background: transparent;
}

.uk-tab a { color: #f5f5f5; }
.uk-tab>.uk-active>a {
    color: #adadad;
    border-color: transparent;
}
.uk-tab>.uk-active>a span { background-image: linear-gradient(to right, #0090f7, #ba62fc, #f2416b); -webkit-background-clip: text; display: inline; background-clip: text; -webkit-text-fill-color: transparent; }
.uk-tab>*>a:focus, .uk-tab>*>a:hover {
    color: #adadad;
    text-decoration: none;
}

.navbar-wrap { background: transparent; -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); position: relative; z-index: 10; }

body > .uk-section,
body > .uk-container,
body > header,
body > footer { z-index: 2; position: relative; }

.uk-card.main { background: #fff; border-radius: 8px; box-shadow: 0 0 0 1px #dadce0; }

.rank_listed_link { max-width: 450px;overflow:hidden;text-wrap:nowrap;word-break:keep-all;
-webkit-mask-image: linear-gradient(to right, black 75%, transparent 100%);
  mask-image: linear-gradient(to right, black 75%, transparent 100%);
 }

.difficulty-wrapper { width: 75px; height: 12px; border-radius: 5px; background: #ededed; margin-top: 6px; }
.difficulty-wrapper > div { height: 12px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }

.top_spot { margin-left: 12px; }
.top_spot svg { color: green; height: 18px; width: 18px; margin-top: -5px; }
.demoreport .top_spot svg { color: gold; height: 17px; width: 17px; margin-top: -5px; }

.intent { display: inline-block; margin-right: 3px; height: 24px; width: 24px; line-height: 24px; text-align: center; font-size: 16px; font-weight: bold; cursor: pointer; }
.intent:last-of-type { margin-right: 0px; }
.intent.transactional { background: #a33b00; color: white; }
.intent.navigational { background: #6c008a; color: white; }
.intent.commercial { background: #2f746d; color: white; }

.feature_icons span svg { color: #999; }
.demoreport .feature_icons span svg { color: rgba(255,255,255,0.5); }
.feature_icons span.rank_icon_active svg { color: #1e87f0; }
.demoreport .feature_icons span.rank_icon_active svg { color: #fff; }
.feature_icons span.images_icon svg { height: 22px; width: 22px;  margin-right: 7px; }
.feature_icons span.links_icon svg { height: 26px; width: 26px; margin-right: 5px; margin-left: -1px; }
.feature_icons span.ask_icon svg { height: 23px; width: 23px; margin-right: 10px; }
.feature_icons span.snippet_icon svg { height: 20px; width: 20px; margin-right: 7px; }
.feature_icons span:last-of-type { margin-right: 0!important; }

.uk-navbar-container img { height: 38px!important; }
.uk-navbar-item.bordered { margin-left: 0px!important; }

.uk-input { background: #fff!important; color: rgba(0,0,0,0.87)!important; }
.uk-checkbox-large { height: 32px; width: 32px; }

.uk-tooltip { border-radius: 10px; padding: 10px; -webkit-backdrop-filter: blur(50px); backdrop-filter: blur(50px); background-color: rgba(255, 255, 255, .2); color: #fff; }

.uk-text-xsmall { font-size: 12px; }

.worklog .uk-tab::before,
.actionlist .uk-tab::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 0;
    border-bottom: 1px solid rgba(255,255,255,0.3);
}

.uk-hrnew { border-top: 1px solid rgba(255,255,255,0.1); }

.chart-container { position: relative; margin: auto; height: 40vh; width: 100%; }
.modal-content .uk-tab::before { border-bottom: 1px solid rgba(255,255,255,0.3); }
.demoreport h4 a { color: #f5f5f5; }
.demoreport h4 a:hover { color: #adadad; }

.uk-table-divider>:first-child>tr:not(:first-child), .uk-table-divider>:not(:first-child)>tr, .uk-table-divider>tr:not(:first-child) {
    border-top: 1px solid rgba(255,255,255,0.3);
}

.uk-table thead tr,
.uk-table tfoot tr { background-color: transparent; } 
.uk-table thead tr { font-size: 0.75em; }
.uk-table tfoot  { font-size: 1em; }
.uk-table tfoot tr { background-color: transparent; font-size: 1em; }
.uk-table tfoot tr th { color: #fff; font-size: 1em; }
.uk-table th { color: #fff; }

.uk-button-primary { border: 0px; padding: 1px; border-radius: 8px; color: #f5f5f5; font-weight: 600; text-transform: none; background-image: linear-gradient(to right, #0090f7, #ba62fc, #f2416b); transition: background 0.5s; }
.uk-button-primary span { display: inline-block; box-sizing: border-box; border-radius: 7px; padding: 0 30px; background: #1b2341; }
.uk-button-primary:hover,
.uk-button-primary:focus { background-color: transparent; color: #444; background-image: linear-gradient(to right, #0090f7, #ba62fc, #f2416b); }
.uk-button-primary:hover span,
.uk-button-primary:focus span { background: transparent; color: #f5f5f5; }

.og-position { display: block; margin-top: 10px; }
.og-position span:first-of-type { font-size: 10px; display: block; }

.uk-modal-dialog { background: transparent; }
.uk-modal-header {
    padding: 20px 30px;
    background: transparent;
    border-bottom: 0px solid #e5e5e5;
}

.uk-dropdown,
.sf-card { border-radius: 10px; padding: 0px; -webkit-backdrop-filter: blur(50px); backdrop-filter: blur(50px); background-color: rgba(255, 255, 255, .1); }
.sf-card .sf-card-inner .sf-card { background-color: rgba(255, 255, 255, .05); }
.sf-card-header,
.sf-card-footer { padding: 25px 25px; }
.sf-card-inner { padding: 35px 25px; }
.sf-card-header + .sf-card-inner { padding-top: 0px; }
.sf-card-inner + .sf-card-footer { padding-top: 0px; }
.sf-card-inner > *:last-child { margin-bottom: 0px; }
.sf-card-header > * { margin-bottom: 0; }
.sf-card-header h3 a { text-decoration: underline; }
.sf-card-header h3 a:hover { color: #adadad; }

.uk-dropdown {
	min-width: 150px;
	background-color: rgba(255, 255, 255, .2);
	padding: 20px;
}
.uk-dropdown-nav>li>a {
    color: #f5f5f5;
}
.uk-dropdown-nav>li>a.uk-active,
.uk-dropdown-nav>li>a:hover { color: #fff; }

.navbar-wrap .uk-button-small { margin-right: 15px; }
.uk-navbar-container img { height: 32px; }
.uk-navbar-nav>li>a,
.uk-navbar-item { min-height: 60px; text-transform: none; }
.uk-navbar .bordered { margin-left: 15px; padding-left: 15px; }
.uk-navbar-subtitle { font-size: 0.65em; color: #f5f5f5; font-weight: 400; line-height: 1em; padding-top: 11px; }
.uk-navbar-nav>li>a { font-size: 1.25em; font-weight: 600; color: #f5f5f5; }
.uk-navbar-nav>li>a:hover { color: #f5f5f5; }
.uk-navbar-dropdown { width: 300px; max-height: 250px; overflow-y: scroll; }

#feedback { font-size: 18px; line-height: 21px; padding: 25px; 
	margin: 0px; box-sizing: border-box; position: fixed; 
	bottom: 0; text-align: center; left: 0; font-weight: 600; 
	width: 100%; z-index: 50000; color: #fff; }
#feedback.uk-alert-primary { background: #1e87f0; }
#feedback.uk-alert-success { background: #32d296; }
#feedback.uk-alert-warning { background: #faa05a; }
#feedback.uk-alert-danger { background: #f0506e; }
#feedback p { margin: 0; padding: 0; }
#feedback ul { margin: 0; padding: 0; list-style-type: none; }

#feedback .uk-alert-close { opacity: 1; top: 25px; right: 25px; color: #fff; }
#feedback .uk-alert-close svg { height: 20px; width: 20px; }

.stat_container { margin-top: 0px!important; }
.stat_container:hover { cursor: pointer; }
.stat_container p { margin: 0px; }
.stat_container p.title { margin-bottom: 10px; line-height: 1em; color: #999; }
.stat_container p.data { font-size: 40px; line-height: 1em; font-weight: 100; color: #0e93ba; margin-bottom: 30px; }
.stat_container p.data.hasOldData { margin-bottom: 0px; }
.stat_container p.previous_data { font-size: 14px; line-height: 1em; font-weight: 100; color: #14cc3f; margin-bottom: 30px; padding-top:10px; }
.stat_container p.previous_data.neg { color: red; }

.graph-col-wrap { float:left; }
.graph-col-wrap .graph-col { box-sizing: border-box; border-right:1px solid white; width:100%; background: #0e93ba; }
.graph-col-wrap .graph-col:hover { background:#085b73; }
.graph-col-wrap .graph-col-foot { width:100%; text-align:center; background:#085b73; color:white; font-size:12px; }

.dropdown-overflow { overflow-x: hidden; max-height: 300px; min-width: 300px; }

.keyword-table .uk-label .uk-icon svg { height: 15px; line-height: 1em; margin-right: 6px; width: auto; margin-left: -2px; margin-top: -2px; }

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 3px center;
    outline: none;
}
table.dataTable thead .sorting {
    background-image: url(https://cdn.datatables.net/1.10.19//images/sort_both.png);
    padding-left: 25px;
}
table.dataTable thead .sorting_asc {
    background-image: url(https://cdn.datatables.net/1.10.19//images/sort_asc.png);
    padding-left: 25px;
}
table.dataTable thead .sorting_desc {
    background-image: url(https://cdn.datatables.net/1.10.19//images/sort_desc.png);
    padding-left: 25px;
}

table.dataTable thead tr { border-top: 1px solid #e5e5e5; }
table.dataTable tr { border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; }
table.dataTable tr td:not(:last-child),
table.dataTable tr th:not(:last-child) { border-right: 1px solid #f5f5f5; }

@media(max-width: 960px){
	.worklog.uk-table-responsive td { padding-left: 0; padding-right: 0; }
}

@media(max-width: 640px){
	nav { padding-left: 0px; padding-right: 0px; }
	.uk-navbar-container img { height: 24px; }
	.uk-navbar-item.bordered { padding: 0; margin: 0; padding-left: 15px; justify-content: left; }
	.uk-navbar-nav>li>a { padding: 0 15px 0 0; }
	.uk-modal-body,
	.uk-card-body { padding: 20px 20px; }
	.uk-modal-header { padding: 12px 20px; }
	.uk-h1, h1 { font-size: 2rem; line-height: 1.2; }
	.stat_container p.data { font-size: 30px; margin-bottom: 20px; }
	.stat_container p.previous_data { font-size: 13px; margin-bottom: 20px; padding-top: 6px; }
	.uk-button { padding: 0 15px; line-height: 28px; font-size: .875rem; }
}

.button-group a { margin-left: 10px; margin-right: 10px; }

.calendar-grid { border-bottom: 2px solid #EEE; border-right: 2px solid #EEE; }
.calendar-grid > div > div { box-sizing: border-box; width: 100%; height: 100%; display: block; border-left: 1px solid #CCC; border-top: 1px solid #CCC; padding: 10px; }
.calendar-grid > div.date > div { min-height: 150px; }
.calendar-grid .date { position: relative; }
.calendar-grid .date .post-date { color: #999; display: block; font-size: 13px; font-weight: bold; }
.calendar-grid .date .post-preview { margin-top: 10px; padding: 5px; border: 1px solid #CCC; background: #f5f5f5; display: block; color: #666; }
.calendar-grid .date .post-preview.in-hootsuite { background: #d1fcec; border-color: #32d296; }
.calendar-grid .date .post-preview.reported { border-bottom-color: #f0506e!important; }
.calendar-grid .date .post-preview:hover { text-decoration: none; }

.calendar-grid .date .post-control { font-size: 12px; position: absolute; bottom: 5px; right: 5px; }

.calendar-grid .date .post-text { max-height: 44px; overflow: hidden; font-size: 11px; line-height: 1.3em; }
.calendar-grid .date .post-title { font-size: 11px; line-height: 1.3em; font-weight: bold; margin-bottom: 4px; }
.calendar-grid .date .post-time { font-size: 11px; margin: 4px 0 0 0; }
.uk-width-1-7 { width: 14.28%; }
#extra-content { padding: 15px; border: 1px solid #ccc; background: #f5f5f5; }

.post-comment { padding: 5px; background: #f5f5f5; }

.post-plan-list li { background: #f5f5f5; padding: 6px; border-left: 5px solid #CCC; }
.post-plan-list li.scheduled { border-left-color: #32d296; }

.post-status { cursor: pointer; margin-left: 15px; height: 25px; line-height: 25px; margin-top: -2px; padding: 0 10px; }
.post-status.post-status-no { color: #fff; background: #f0506e; border-color: #f0506e; }
.post-status.post-status-yes { color: #fff; background: #32d296; border-color: #32d296; }

input.uk-button.uk-button-primary::placeholder { color: #FFF; opacity: 1; }
input.uk-button.uk-button-primary:-ms-input-placeholder { color: #FFF; }
input.uk-button.uk-button-primary::-ms-input-placeholder { color: #FFF; }

.uk-button-success { background: #32d296; color: #fff; text-transform: none; font-size: 0.8175em; }
.uk-button-success:hover,
.uk-button-success:focus { background: #1e87f0; color: #fff; }
.uk-button-rounded { border-radius: 10px; }

.statistics-v2 .stat-panel { border: 1px solid rgba(255,255,255,0.5); padding: 20px 20px; border-radius: 10px; }
.statistics-v2 .stat-panel .uk-icon { height: 12px; width: 12px; position: absolute; top: 1px; left: 5px; }
.statistics-v2 .stat-panel h3 { font-size: 21px; font-weight: 800; margin-top: 0; margin-bottom: 0; padding: 0; }
.statistics-v2 .stat-panel h4 { font-size: 13px; font-weight: 700; margin-top: 18px; margin-bottom: 7px; }
.statistics-v2 .stat-panel p.label { font-size: 16px; margin: 0; }
.statistics-v2 .stat-panel p.data { font-size: 24px; font-weight: bold; margin: 0; line-height: 30px; }
.statistics-v2 .stat-panel span.stat-change { padding-left: 21px; position: relative; font-size: 11px; line-height: 30px; font-weight: normal; }
.statistics-v2 .stat-panel span.up { color: green; }
.statistics-v2 .stat-panel span.down { color: red; }
.statistics-v2 .stat-panel span.up.reverse { color: red; }
.statistics-v2 .stat-panel span.down.reverse { color: green; }
.statistics-v2 .stat-panel p.data span .uk-icon { position: absolute; top: 0px; left: 0px; padding-left: 0; }
.statistics-v2 .stat-panel .session-grid p.label { font-size: 16px; margin: 0; line-height: 26px; }
.statistics-v2 .stat-panel .session-grid .uk-width-1-3 { width: 22%; }
.statistics-v2 .stat-panel .session-grid p.data { font-size: 16px; font-weight: bold; margin: 0; line-height: 26px; }
.statistics-v2 .stat-panel .session-grid .uk-grid-margin { margin-top: 0; }
.statistics-v2 .stat-panel .session-grid span.stat-change { line-height: 26px; }
.statistics-v2 .stat-panel .rate-grid p.label { font-size: 13px; margin: 0; line-height: 26px; }
.statistics-v2 .stat-panel .rate-grid p.data { font-size: 13px; font-weight: bold; margin: 0; line-height: 26px; }
.statistics-v2 .stat-panel .rate-grid .uk-grid-margin { margin-top: 0; }
.statistics-v2 .stat-panel .rate-grid span.stat-change { line-height: 26px; }

/*.statistics-v2 .uk-subnav>*>:first-child { line-height: 40px; height: 40px; text-align: center; min-width: 90px; padding: 0 20px; color: #000; font-weight: 700; }
.statistics-v2 .uk-subnav>* { padding-left: 10px; }
.statistics-v2 .uk-subnav>*>a { background-color: #f8f8f8; }
.statistics-v2 .uk-subnav-pill>.uk-active>a { color: #fff; background-color: #1e87f0; }
.statistics-v2 .uk-subnav-pill > li:first-child { padding-left: 20px; }*/

/*.statistics-v2 .statsmenu.uk-subnav>*>:first-child { line-height: 40px; height: 40px; text-align: center; min-width: 90px; padding: 0 20px; color: #000; font-weight: 700; }
.statistics-v2 .statsmenu.uk-subnav>*>a { background-color: #f8f8f8; }
*/

.statistics-v2 .statsmenu.uk-subnav { margin-left: -10px; }
.statistics-v2 .statsmenu.uk-subnav>* { padding-left: 10px; }
.statistics-v2 .statsmenu.uk-subnav>*>a { line-height: 40px; border: 0px; padding: 1px; border-radius: 8px; color: #f5f5f5; font-weight: 600; text-transform: none; background-image: linear-gradient(to right, #0090f7, #ba62fc, #f2416b); transition: background 0.5s; }
.statistics-v2 .statsmenu.uk-subnav>*>a span { display: inline-block; box-sizing: border-box; border-radius: 7px; padding: 0 30px; background: #1b2341; }
.statistics-v2 .statsmenu.uk-subnav>*.uk-active>a,
.statistics-v2 .statsmenu.uk-subnav>*>a:hover,
.statistics-v2 .statsmenu.uk-subnav>*>a:focus { background-color: transparent; color: #444; background-image: linear-gradient(to right, #0090f7, #ba62fc, #f2416b); }
.statistics-v2 .statsmenu.uk-subnav>*.uk-active>a span,
.statistics-v2 .statsmenu.uk-subnav>*>a:hover span,
.statistics-v2 .statsmenu.uk-subnav>*>a:focus span { background: transparent; color: #f5f5f5; }

.pie-header.uk-margin-remove-bottom { margin-bottom: 9px!important; }

.statistics-v2 .table-tabs.uk-subnav { margin-left: -10px; }
.statistics-v2 .table-tabs.uk-subnav>* { padding-left: 10px; }
.statistics-v2 .table-tabs.uk-subnav>*>a { line-height: 27px; border: 0px; padding: 1px; border-radius: 6px; color: #f5f5f5; font-size: 0.8125rem; font-weight: 500; text-transform: none; background-image: linear-gradient(to right, #0090f7, #ba62fc, #f2416b); transition: background 0.5s; }
.statistics-v2 .table-tabs.uk-subnav>*>a span { display: inline-block; box-sizing: border-box; border-radius: 5px; padding: 0 18px; background: #1b2341; }
.statistics-v2 .table-tabs.uk-subnav>*.uk-active>a,
.statistics-v2 .table-tabs.uk-subnav>*>a:hover,
.statistics-v2 .table-tabs.uk-subnav>*>a:focus { background-color: transparent; color: #444; background-image: linear-gradient(to right, #0090f7, #ba62fc, #f2416b); }
.statistics-v2 .table-tabs.uk-subnav>*.uk-active>a span,
.statistics-v2 .table-tabs.uk-subnav>*>a:hover span,
.statistics-v2 .table-tabs.uk-subnav>*>a:focus span { background: transparent; color: #f5f5f5; }

.statistics-v2 .stat-links { list-style-type: none; padding: 0px; margin: 0px; }
.statistics-v2 .stat-links li { display: inline-block; margin-right: 15px; }
.statistics-v2 .stat-links li.uk-active a { background-image: linear-gradient(to right, #0090f7, #ba62fc, #f2416b); -webkit-background-clip: text; display: inline; background-clip: text; -webkit-text-fill-color: transparent; }

.overview-v2 .uk-card h3 { font-size: 1.4rem; }
.overview-v2 .uk-card .uk-card-header { padding-left: 25px; padding-right: 25px; background: #f8f8f8; padding-bottom: 15px; }
.overview-v2 .uk-card .uk-card-body { padding: 15px 25px 25px; }
.overview-v2 .uk-card .uk-card-body h5 { font-size: 14px; }
.overview-v2 .uk-card .uk-card-footer { padding-left: 25px; padding-right: 25px; background: #f8f8f8; }
.overview-v2 .log-overview p:first-child { margin-top: 0; }
.overview-v2 .log-overview p:last-child { margin-bottom: 0; }
.overview-v2 .log-overview { max-height: 85px; overflow: hidden; position: relative; }
.overview-v2 .log-overview:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 45px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fff); }
.overview-v2 .log-overview * { font-size: 12px; }
.overview-v2 .log-overview ul,
.overview-v2 .log-overview ol { padding-left: 17px; }

.overview-v2 .log-overviewdemo p:first-child { margin-top: 0; }
.overview-v2 .log-overviewdemo p:last-child { margin-bottom: 0; }
.overview-v2 .log-overviewdemo { max-height: 85px; overflow: hidden; position: relative; }
.overview-v2 .log-overviewdemo:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 45px; }
.overview-v2 .log-overviewdemo * { font-size: 12px; }
.overview-v2 .log-overviewdemo ul,
.overview-v2 .log-overviewdemo ol { padding-left: 17px; }

.overview-v2 h4.log-title { display: block; position: relative; word-break: break-all; height: 28px; overflow: hidden; }
/*.overview-v2 h4.log-title:after { content: ""; position: absolute; bottom: 0; right: 0; height: 28px; width: 45px; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #fff); }*/