/** @license HV v. 2021-06-18 **/

.Intro--aside .Card--inner::before {
	padding-bottom: 0px
}

.fr .ArticleQuote--quote>p:first-child::before,
.es .ArticleQuote--quote>p:first-child::before,
.fr .FullwidthQuote--quote::before,
.es .FullwidthQuote--quote::before {
    /*background: url(../img/icons/global/1x--sprite.png) no-repeat -75px -200px !important;*/
     background: url(../img/icons/global/1x--sprite.png) no-repeat -251px -37px !important;
	width: 35px;
	margin-top: -12px
}

.Button--link {
	border-bottom: none !important;
	padding: 0
}

.PaddedBox--body--content .Button--link {
	padding: 0 30px
}

.FormInstruction {
	font-size: 75%
}

.FormInstruction a {
	text-decoration: underline
}

label.required::after,
span.required {
	content: " *";
	color: #F9423A
}

.DocumentTeaser--docLink:hover {
	color: #6e7882
}

.DocumentTeaser--docLink a:hover {
	color: #0092D1
}

.DocumentTeaser--docLink span.Icon {
	margin-left: -40px;
	margin-right: 10px
}

.defaultImage .image img {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	height: 80px;
	width: 80px
}

.defaultImageSmall .image {
	background-image: none !important
}

.defaultImageSmall .image img {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	height: 40px;
	width: 40px
}

.HeroSlider--slideProgress--title {
	width: 80%
}

.table--adhoc {
	margin: 0px auto 0 auto !important;
	border-bottom: 1px solid black
}

.table--adhoc-collapsible {
	width: 75%;
	margin: -75px auto 0 auto !important
}

.table--adhoc thead th {
	padding: 0px 24px;
	vertical-align: bottom
}

.table--adhoc thead {
	border-bottom: 1px solid black
}

.table--adhoc td {
	vertical-align: top;
	padding: 12px 24px;
	text-transform: capitalize
}

.table--adhoc tr td:nth-child(6) {
	white-space: nowrap
}

.insightArticle .ArticleText
, .opinionArticle .ArticleText
, .insightNewArticle .ArticleText {
	font-family: Georgia
}

.Hero--ctaContainer button.Button {
	line-height: 18px
}

.Hero--ctaContainer button.Button span.Button--text {
	line-height: 18px;
	white-space: normal
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
	body.es .CardHeaderQuote--quote::before,
	body.fr .CardHeaderQuote--quote::before {
		background: url(../img/icons/global/2x--sprite.png) no-repeat -204px -71px
	}
}

body.es .CardHeaderQuote--quote::before,
body.fr .CardHeaderQuote--quote::before {
    /*background: url(../img/icons/global/1x--sprite.png) no-repeat 0 -200px;*/
    background: url(../img/icons/global/1x--sprite.png) no-repeat -251px 0px;
	width: 33px
}


/* ------------------------- switch left and right for ArticleColumnLayout   --*/

.ArticleColumnLayout--left {
	width: 100%
}

.ArticleColumnLayout--right {
	width: 40%
}


@media (max-width: 1382px) {
	.ArticleColumnLayout--right {
		width: 45%
	}
}

@media (max-width: 1280px) {
	.ArticleColumnLayout--right {
		width: 50%
	}
}

@media (max-width: 1000px) {
	.ArticleColumnLayout--right {
		width: 100%;
		margin-top: 50px;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-pack: space-evenly;
		justify-content: space-evenly
	}
}

.big .ArticleColumnLayout--right {
	width: 31%
}

@media (max-width: 1382px) {
	.big .ArticleColumnLayout--right {
		width: 43%
	}
}

@media (max-width: 1000px) {
	.big .ArticleColumnLayout--right {
		width: 100%;
		margin-top: 50px;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-pack: space-evenly;
		justify-content: space-evenly
	}
}

@media (max-width: 1280px) {
	.ArticleColumnLayout--left .FeaturedArticleSection.dashboard .FeaturedArticleSection--hero {
		padding-right: 40px
    }
}
@media (max-width: 1000px) {
	.ArticleColumnLayout--left .FeaturedArticleSection.dashboard .FeaturedArticleSection--hero {
		padding-right: 0
	}
}
/* ------------------------- /switch left and right for ArticleColumnLayout   --*/







.popupPage .Footnotes {
    width:auto;
}
.popupPage .Footnotes .Footnotes--inner {
    position:relative;
    margin:10px;
}
.popupPage .Footnotes .Footnotes--title {
    border-bottom: 1px solid rgba(255,255,255,0.5);
}

.noLinkIcon::after {
    background:none !important;
    width:0  !important;
    margin:0  !important;
    content: ''  !important;
}

.ArticleColumnLayout-bottom {
    width:100%;
    margin-left:auto;
    margin-right:auto;
}
.ArticleColumnLayout--left {
    width:100% !important;
}

.ArticleColumnLayout--right .Card--full {
    height:auto;
}


.CardHeaderFact--squarePicto2 {
    display:table;
    margin-left:auto;
    margin-right:auto;
}
.SquarePicto2 {
    display:table-cell;
}
.SquarePicto-divider {
    display:table-cell;
    padding: 0px 10px;
}
.SquarePicto-divider  .SquarePicto--date {
    border:0;
}
.SquarePicto-divider  .SquarePicto {
    width:20px;
}


.Icon-blue [data-icon="lightbox-open"]:after {
    background: url(../img/icons/global/1x/lightbox-open-blue.png) no-repeat;
}
.Icon-blue.light  {
    color:#0092D1;
}

.Icon-blue .cssicon::before {
    border-color: #0092D1;
}

/* to leave margins when popup is clicked */
.body > .Lightbox {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: calc(100% - 96px);
    height: calc(100% - 96px);
    -webkit-overflow-scrolling: touch;
    max-width: 1824px;
}


.popupBlur {
    filter: brightness(0.5) opacity(75%);
    /*
    filter: brightness(0.5) blur(2px);
    */
}

.ArticleColumnLayout .ArticleLead{
    width:100%;
    padding-right: 8%;
    /*margin: 0;*/
}
.ArticleColumnLayout .ArticleText{
    /*
    margin-top: 60px;
    margin-bottom: 60px;
    */
    margin-top: 1em;
    margin-bottom: 30px;
}
.ArticleColumnLayout .Collapsible--item {
    border-top: 0 !important;
}

.ArticleFigure .popupImage {
    /*width:100%;*/
}

.ArticleColumnLayout .ArticleFigure--caption {
    font-size:80%;
    text-align:center;
    width:83.3%; 
}

.popupBody .SiteHeader--sticky {
    background-color: #102334;
}


/* ---- colors of popup themes -- */
.theme-sand  .ArticleHeader--inner 
,[data-theme="sand"] .ArticleHeader--inner 
{
    background-color:#fbf3da;
    color:#27251f;
}

.theme-strawberry .ArticleHeader--inner 
,[data-theme="strawberry"] .ArticleHeader--inner 
{
    background-color:#D98F8F;
}

.theme-orangeLight .ArticleHeader--inner 
,[data-theme="orangeLight"] .ArticleHeader--inner 
{
    background-color:#f3b99b;
    color:#27251f;
}

.theme-oceanBlue .ArticleHeader--inner 
,[data-theme="oceanBlue"] .ArticleHeader--inner 
{
    background-color:#4EC3E0;
}






@media (max-width: 1000px) {
    .Lightbox {
        top: 36px;
        height: calc(100% - 96px);
        width: 100%;
        margin: 0 auto;
    }

    .ArticleColumnLayout--left {
        width:100% !important;
    }

    .CloseButton {
        top:8px;
        left:8px;
    }
   
}


.CarSocialMedia-inner div {
    margin:0 auto !important;
}

.SocialMediaEmbed, .SocialMediaEmbed.Card {
    margin: 30px auto 0px auto  !important;
    width: 530px;
    float: none;
    background:#fff;
    
}
.SocialMediaEmbed div {
    margin: 0 auto  !important;
}
.SocialMediaEmbed iframe {
    border:0px !important;
    border-radius:0px;
}

.twitter-tweet {
    overflow: hidden; 
    margin: 3px auto; 
}

.twitter-tweet iframe {
    border: 0px none; 
    _margin: -7px -6px -6px -6px; 
    background: #eef1f4; 
}


.video>.Hero--gradient.Hero--gradient:after {
    z-index:0 !important;
}






.StoriesContainer--related--title:after {
    position: relative;
    display: block;
    margin-left: auto;
    margin-top: 10px;
	margin-right: auto;
}

.col-centered.StoriesMediaTextGridMap {
    max-width:none;
    width:100%;
}
.col-centered.StoriesMediaTextGridMap .StoriesParagraph {
    width:100%;
    max-width:none;
}

.col-centered.StoriesMediaTextGridMap .StoriesParagraph--title {
    text-align:center;
}
.StoriesGallery--image .EmbeddedMedia {
    margin-top:0px;
    margin-bottom:0px;
    width:100%;
}

.StoriesMediaTextGrid .align-right{
    margin-left: 65%;
    margin-right: 10%;
}

@media (max-width: 1280px) {
	.StoriesMediaTextGrid .align-right {
		margin-left: calc(2% + 30px)
	}
}

@media (max-width: 1000px) {
	.StoriesMediaTextGrid .align-right {
		margin-left: calc(0% + 30px)
	}
}

@media (max-width: 750px) {
	.StoriesMediaTextGrid .align-right {
		margin-left: 15px
	}
}

@media (max-width: 750px) {
	.StoriesMediaTextGrid .align-right {
		margin-right: 15px
	}
}








.fullwidth .col-centered.StoriesParagraph {
    width: 80%;
}

.forceShow {
    z-index:0;
}

.forceFullHeight {
    margin-top: -5em;   
    z-index:-1;
    height:150%;
}



.ArticleText {
    margin-bottom:30px;
}


.theme-dark.popupBody .SiteHeader--background {
    background-color: transparent;
}

.theme-dark.popupBody .twitter-tweet iframe
, .Lightbox[data-theme="dark"] .twitter-tweet iframe {
    background:#0d1e2f;
}



.ArticleColumnLayout--left .Card--inner::before
, .ArticleColumnLayout--right .Card--inner::before {
    padding-bottom: 12.5%
}

.CarSocialMedia-inner iframe {
    min-width: auto !important;
}

.ArticleColumnLayout--left .CardSlider  .Card {
    height: 100%;
}



.ArticleColumnLayout--left .CardSlider .CardSlider--list>li {
    width: calc((100% + 30px) / 2 - 30px);
    margin-right: 20px;
}
.ArticleColumnLayout--left .CardSlider--button-prev
, .ArticleColumnLayout--left .CardSlider--button-next{
    display:none
}


.FeaturedArticleSection--media .Media {
    overflow:visible;
    padding-top:0px !important;
}
.FeaturedArticleSection--media .Media>img {
    height: auto;
    position:relative;
}







@media (min-width: 1383px) {
	.FeaturedArticleSection--media {
		-ms-flex: auto;
		flex: auto
	}
	
}
@media (max-width: 1280px) {
	
	.FeaturedArticleSection--media {
		width: 100%;
		padding-right: 0
    }
    .FeaturedArticleSection--media {
		padding-right: 40px
	}
}  
@media (max-width: 1000px) {
	.FeaturedArticleSection--media {
		width: 100%
	}
	.FeaturedArticleSection--media {
		padding-right: 0
	}
}

.FeaturedArticleSection--media {
	width: 67.5%;
	padding-right: 30px;
	/*margin-bottom: 30px;*/
	float: left
}

.Lightbox .FeaturedArticleSection--media {
	width: 76.5%;
	padding-right: 40px
}

@media (max-width: 1382px) {
	.Lightbox .FeaturedArticleSection--media {
		width: 70%
	}
}

@media (max-width: 1000px) {
	.Lightbox .FeaturedArticleSection--media {
		width: 100%;
		padding-right: 0
	}
}

.ArticleColumnLayout .FeaturedArticleSection--media {
	width: 100%
}

@media (max-width: 1000px) {
	.FeaturedArticleSection--media {
		width: 100%;
		padding-right: 0
	}
}

/* fix width of embedded media, imageGrid, ImageText  when in popup */
.FeaturedArticleSection--media .EmbeddedMedia 
, .FeaturedArticleSection--media .ImageGrid
, .FeaturedArticleSection--media .ImageText
{
    width: 100%;
}









.ArticleColumnLayout--right > *:first-child
, .ArticleColumnLayout--left .FeaturedArticleSection--media > *:first-child 
{
    margin-top: 0px;
    padding-top: 0px;
}

.ArticleColumnLayout--right div:first-child .Add-Top-Padding {
    margin-top: 20px;
}






.HorizStoriesWrapper .ArticleMeta {
    position:relative;
}
.HorizStoriesWrapper [data-hash="slide1"] .fullwidth .StoriesParagraph {
    margin-left:0;
}

.HorizStoriesWrapper .slideType_textOnly  .EmbeddedMedia 
, .HorizStoriesWrapper .slideType_textWithImage  .EmbeddedMedia
{
    margin-top:0;
    margin-bottom:0;
    width:100%;
}

.HorizStoriesWrapper .fullwidth
,.HorizStoriesWrapper .forceFullHeight
 {
    background-size: cover;
}
.HorizStoriesWrapper .slideType_smallText .StoriesMediaTextGrid {
    padding-bottom:0px;
}

/* fix height not to be cut */
@media (max-width: 1000px){
    .StoriesMediaTextGrid.col-3-4, .StoriesMediaTextGrid.col-2-4, .StoriesMediaTextGrid.col-1-4, .StoriesMediaTextGrid.col-centered{
        -ms-flex-direction:column;
        flex-direction:column;
        -ms-flex-pack:start;
        justify-content:flex-start;
        overflow-y:auto;
        height:100%;
        -webkit-overflow-scrolling:auto
    }
}

/* fix: allow scrolling for mobile phones */
.StoriesMediaTextGrid.col-1-4 .StoriesMediaTextGrid--container {
    overflow:visible;
}
.StoriesMediaTextGrid.fullwidth {
    __overflow:auto; /* TODO */
}

@media (max-width: 750px) {
    .fullwidth .StoriesParagraph
}


@media (max-width: 750px) {
    .fullwidth .StoriesParagraph 
    , .fullwidth .StoriesQuote {
		overflow-y:scroll;
        height:100%;
    }
    .fullwidth .StoriesQuote {
        margin-top: 5em;
    }
}

/* fix backgrund blur on mobile when scrolling up */
.StoriesMediaTextGrid.fullwidth:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    background: linear-gradient(45deg, rgba(20,23,26,0.85) 30%, rgba(13,30,47,0) 100%);
}






/* remove right padding when in popup */
.ArticleColumnLayout--left .ArticleImageSlider {
    padding-right:0px !important;
    /*margin-bottom:0px;*/
    margin-top:90px;
    margin-bottom:90px;
}

/* fix image slider in popup */
.ArticleColumnLayout--left .ArticleImageSlider--list {
    width: 0px;
}



.ArticleColumnLayout--left .Collapsible {
    margin-top:60px !important;
}


/* fix map to show title */
.StoriesMediaTextGrid.col-centered {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 100%;
}

/*align image inside text*/
img.floatLeft {
    float:left;
}


/*-- pagination 1st page link for search --*/
.Pagination .Pagination--first {
    display: inline-block;
    vertical-align: middle;
    margin-right:30px;
    
}
.Pagination .Pagination--first{
    padding-left:3px;
    border-left: 2px solid #0aa2e3;
}
.Pagination  .Pagination--first:hover {
    -webkit-animation: move-left-and-back 0.4s cubic-bezier(0.56, 0.61, 0.25, 0.77);
    animation: move-left-and-back 0.4s cubic-bezier(0.56, 0.61, 0.25, 0.77)
}
.Pagination  .Pagination--first.Pagination--prev:hover::after {
    -webkit-animation: none;
    animation: none;
}





/*-- newsArticle - Opinion's colors (yellow) --*/
.CategoryFlag.opinion {
    background-color:#ffd256;
}
.t-opinion {
    color: #ffd256;
}

.c-opinion .ArticleHeader--background 
,.PaddedBox--mediaWrapper.c-opinion
,.c-opinion .StoriesFullscreenVideo--background
,.c-opinion .DotPattern--canvas
,.c-opinion .PaddedBox--body--content
{
    background-color: #ffffff;
}

.theme-opinion .SiteHeader--inner {
    background-color: #102334;
}

.c-opinion .DotPattern--canvas
, .c-opinion.ArticleHeader
{
    color: #27251f;
}
.PaddedBox--mediaWrapper.c-opinion {
    color: #6e7882
}
.PaddedBox--body.c-opinion .PaddedBox--title 
,.FullwidthPageBreak.c-opinion .FullwidthPageBreak--title
{
    color: #27251f
}


.theme-opinion .ArticleHeader--content {
    /*width:66.67%;*/
    text-align: left;
}
.theme-opinion .ArticleHeader--content--inner {
    padding-bottom: 80px;
    width:100%;
}
@media (max-width: 750px) {
    .theme-opinion .ArticleHeader--content--inner {
        padding-bottom: 15px;
    }
}
.theme-opinion .ArticleHeader--footer--inner {
    margin:10px 0 10px 0;
}

.theme-opinion .ArticleHeader--footer .ArticleMeta {
    position: relative;
    text-align:left;
    display:block;
    padding-top:0px;
    padding-bottom:0px;
    width:100%;
}
.theme-opinion .ArticleMeta {
    padding-left:5px;
    padding-right:5px;
}
.theme-opinion .ArticleHeader--image {
    width: 50%;
}
@media (max-width: 750px) {
    .theme-opinion .ArticleHeader--image {
        width: auto;
    }
    .theme-opinion .ArticleHeader--footer .ArticleMeta {
        margin-bottom: 20px;
    }
}
.theme-opinion .ClockIcon  {
    border-color: #27251f;
}
.theme-opinion .ClockIcon--hours,.ClockIcon--minutes {
    background-color: #27251f;
}

.theme-opinion .CategoryFlag {
    top:2.5em;
}
@media (max-width: 1280px) {
    .theme-opinion .ArticleHeader--title {
        margin-top:0.5em;
    }
}
@media (max-width: 750px) {
    .theme-opinion .CategoryFlag { 
        left:0px;
    }
    .theme-opinion .ArticleHeader--title {
        margin-top:1.5em;
    }
}


.theme-opinion .ArticleMeta .strong {
    font-weight:bold;
}


.theme-opinion  .socialMediaButtonHtmlCode {
    padding-bottom:10px;
    margin-top:10px;
}

@media (max-width: 750px) {
    .theme-opinion .ArticleHeader--footer {
        position:relative;
        background: none;
    }
}




/* -- copy from ArticleText only width, margins- info --*/
.ArticleText-width, .ShareButtons.ArticleText-width {
    width: 41.66667%;
    margin-left: 25%;
    margin-right: auto;
}
.ShareButtons.ArticleText-width {
    margin-top: 1em;
    margin-bottom: 1em
}

@media (max-width: 1280px) {
    .ArticleText-width, .ShareButtons.ArticleText-width  {
        margin-left:calc(20% + 30px)
    }
}

@media (max-width: 1000px) {
    .ArticleText-width, .ShareButtons.ArticleText-width  {
        margin-left:calc(12.5% + 30px)
    }
}

@media (max-width: 750px) {
    .ArticleText-width, .ShareButtons.ArticleText-width  {
        margin-left:15px
    }
}

@media (max-width: 750px) {
    .ArticleText-width, .ShareButtons.ArticleText-width  {
        margin-right:15px
    }
}

@media (max-width: 1280px) {
    .ArticleText-width, .ShareButtons.ArticleText-width  {
        width:calc(50% - 60px)
    }
}

@media (max-width: 1000px) {
    .ArticleText-width, .ShareButtons.ArticleText-width  {
        width:calc(62.5% - 60px)
    }
}

@media (max-width: 750px) {
    .ArticleText-width, .ShareButtons.ArticleText-width  {
        width:auto
    }
}

.ArticleText-width .ArticleFigure--share {
    min-width:200px;
}


.ArticleText-width .ArticleFigure--figure {
    margin:0;
    width:100%;
}


.noBorder {
    border:0;
}
.noTopMargin {
    margin-top:0px !important;
}
.smallTopMargin {
    margin-top:15px !important;
}
.noBottomMargin {
    margin-bottom:0px !important;
} 
.dark.newsAltArticle .SiteLogo>svg>*, .SiteHeader.is-notTop .SiteLogo>svg>* {
    fill: #ffffff;
}




.ja .SiteHeader.is-notTop .SiteLogo>svg>*
,.ja .homepage.SiteHeader .SiteLogo>svg>* {
    fill: #0092D1;
}


.ShareButtons.ArticleText-width {
    margin-top: 30px;
    margin-bottom: 30px;
    position:initial;
}
.ShareButtons.ArticleText-width .ShareButtons--list {
    width:100%;
}
.ShareButtons.ArticleText-width .ShareButtons--list>li{
    margin-right:1em;
}

@media (max-width: 750px) {
    .ShareButtons.ArticleText-width {
        margin-bottom:15px
    }
}

@media print {
    .ShareButtons.ArticleText-width {
        margin-bottom: 15px
    }
}


.newsAlt .ArticleHeader--content--inner {
    padding-bottom: 15px;
}

@media (max-width: 1280px) {
    .newsAlt .ArticleHeader--content--inner {
        padding-bottom:15px;
    }
}

@media (max-width: 750px) {
    .newsAlt .ArticleHeader--content--inner {
        padding-bottom:0px;
    }
}

@media print {
    .newsAlt .ArticleHeader--content--inner {
        padding-bottom: 0px;
    }
}



@media (max-width: 750px) {
    .newsAlt  .ArticleHeader--content--inner {
        
    }
}


[id="main-content"].newsAlt {
    background-color: #ffffff
}


.newsAlt  .ArticelHeader--date {
    margin-top: 2em;
}
@media (max-width: 1280px) {
    .newsAlt .ArticleHeader--title {
        margin-top:0.5em;
    }
}
@media (max-width: 750px) {
    .newsAlt  .ArticelHeader--date {
        margin-top: 4em;
    }
    .newsAlt .ArticleHeader--title {
        margin-top:1.5em;
    }
}


.newsAlt  .ArticleMeta {
    text-align: left;
}







.ArticleText-width .ArticleFigure {
    margin-top: 60px;
    margin-bottom: 60px;
}

@media (max-width: 1280px) {
    .ArticleText-width .ArticleFigure {
        margin-top:48px;
        margin-bottom:48px;
    }
}

@media (max-width: 750px) {
    .ArticleText-width .ArticleFigure {
        margin-top:30px;
        margin-bottom:30px;
    }
}

@media print {
    .ArticleText-width .ArticleFigure {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}







/* reduce image caption text and make it image width */
.ArticleFigure .ArticleFigure--caption {
    font-size:70%;
}
.ArticleText-width .ArticleFigure .ArticleFigure--caption {
    width:100%;
}
.ArticleText-width .ArticleFigure .ArticleFigure--share+.ArticleFigure--caption {
    width:91%;
    max-width: calc(91% - 200px);
}

.ArticleFigure .ArticleFigure--caption {
    width: 83.33333%;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

@media (max-width: 750px) {
    .ArticleFigure  .ArticleFigure--caption {
        margin-left:15px;
        margin-right:15px;
    }
}


@media (max-width: 1280px) {
    .ArticleFigure  .ArticleFigure--caption {
        width:calc(100% - 60px)
    }
}

@media (max-width: 1000px) {
    .ArticleFigure  .ArticleFigure--caption {
        width:calc(100% - 60px)
    }
}

@media (max-width: 750px) {
    .ArticleFigure  .ArticleFigure--caption {
        width:auto
    }
}

@media (max-width: 750px) {
    .ArticleFigure  .ArticleFigure--caption {
        margin-left:0;
        margin-right: 0;
        width: 100%
    }
}