#smart-banner {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: #262626;
color: white;
z-index: 1000;
transform: translateY(0);
transition: transform 0.2s ease-in-out;
height: 82px;
display: flex;
flex-direction: column;
justify-content: center;
}
.smart-banner {
background-color: #262626;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: none;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 10px 0;
position: relative;
}
@media screen and (min-width: 640px) {
.smart-banner {
display: none;
}
}
.smart-banner__close {
background-color: transparent;
border: 0;
color: #fff;
cursor: pointer;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
font-size: 12px;
padding: 0 12px;
z-index: 1000;
position: relative;
}
@media all and (min-width: 486px) {
.smart-banner__close {
padding: 0 20px;
}
}
.smart-banner__app {
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
flex: 1 0 auto;
font-family: TeleNeo, sans-serif;
font-weight: 400;
margin: 0;
padding: 0;
}
.smart-banner__app-logo {
display: block;
flex: 0 0 auto;
margin: 0 10px 0 0;
width: 58px;
height: 58px;
}
.smart-banner__content {
height: 58px;
display: flex;
flex-direction: column;
align-items: start;
justify-content: space-between;
}
.smart-banner__app-name {
font-size: 18px;
line-height: 20px;
font-weight: bolder;
}
.smart-banner__stars {
height: 16px;
}
.smart-banner__slogan {
display: none;
}
@media all and (min-width: 486px) {
.smart-banner__slogan {
display: block;
}
}
.smart-banner__short-slogan {
display: block;
}
@media all and (min-width: 486px) {
.smart-banner__short-slogan {
display: none;
}
}
.smart-banner__download {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 6px 24px;
}
.smart-banner__download .button {
font-weight: normal;
white-space: nowrap;
}
.button {
font-size: 1.3125rem;
line-height: 1.3125rem;
background-color: #e20074;
border: 1px solid transparent;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: TeleGrotesk Next Ultra-Web, TeleGrotesk Next Ultra, sans-serif;
font-weight: 400;
text-decoration: none;
border-radius: 4px;
padding: 14px 30px;
z-index: 1;
}
.button::-moz-focus-inner {
border-style: none;
padding: 0;
}
.button:hover {
background-color: #d1006c;
color: #fff;
}
.button--small {
font-size: 1rem;
line-height: 1rem;
padding: 9px 10px;
}
/*# sourceMappingURL=smartbanner.css.map */