@charset "UTF-8";
@import "_variables.css";
@import "_variables.css";
@import "_variables.css";
@import "_variables.css";
@import "_variables.css";
@import "_variables.css";
@import "_variables.css";
@import "_variables.css";
@import "_variables.css";
.swiper {
width: 100%;
height: 200px;
/* Change the appearance of the active bullet */
}
@media (min-width: 768px) {
.swiper {
height: 573px;
}
}
@media (min-width: 1500px) {
.swiper {
height: 390px;
}
}
.swiper .swiper-wrapper .swiper-slide {
display: flex;
align-items: center;
}
.swiper .swiper-wrapper .swiper-slide .slide-content {
flex: -1 1 60%;
width: 60%;
margin-left: auto;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
@media (min-width: 768px) {
.swiper .swiper-wrapper .swiper-slide .slide-content {
flex: -1 1 50%;
width: 50%;
}
}
.swiper .swiper-wrapper .swiper-slide .slide-content .wrapper {
flex: 0 1 50%;
width: 50%;
height: 80%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
@media (min-width: 768px) {
.swiper .swiper-wrapper .swiper-slide .slide-content .wrapper {
flex: 0 1 45%;
width: 45%;
align-items: flex-start;
}
}
.swiper .swiper-wrapper .swiper-slide .slide-content .wrapper h1 {
color: #fff;
font-size: 40px;
margin-bottom: 20px;
}
@media (min-width: 768px) {
.swiper .swiper-wrapper .swiper-slide .slide-content .wrapper h1 {
font-size: 50px;
margin-bottom: 32px;
}
}
.swiper .swiper-wrapper .swiper-slide .slide-content .wrapper p {
display: none;
color: #fff;
font-size: 20px;
line-height: 1.65;
margin-bottom: 20px;
}
.swiper .swiper-wrapper .swiper-slide .slide-content .wrapper p.medium-text {
font-size: 16px;
}
.swiper .swiper-wrapper .swiper-slide .slide-content .wrapper p.small-text {
font-size: 14px;
}
@media (min-width: 768px) {
.swiper .swiper-wrapper .swiper-slide .slide-content .wrapper p {
display: block;
}
}
.swiper .swiper-wrapper .swiper-slide .slide-content .wrapper button {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 0;
font-size: 16px;
white-space: nowrap;
border: 1px solid #fff;
background-color: transparent;
color: #fff;
font-weight: bold;
padding: 10px 20px;
border-radius: 24px;
cursor: pointer;
transition: all 0.3s ease;
}
.swiper .swiper-wrapper .swiper-slide .slide-content .wrapper button .icon {
margin-left: 12px;
width: 12px;
height: 12px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url('data:image/svg+xml,');
}
@media (min-width: 768px) {
.swiper .swiper-wrapper .swiper-slide .slide-content .wrapper button .icon {
width: 20px;
height: 20px;
}
}
@media (min-width: 768px) {
.swiper .swiper-wrapper .swiper-slide .slide-content .wrapper button {
margin-top: 20px;
font-size: 20px;
}
}
.swiper .swiper-wrapper .swiper-slide .slide-content .wrapper button:hover {
background-color: #fff;
color: #000;
}
.swiper .swiper-wrapper .swiper-slide .slide-content .wrapper button:hover .icon {
filter: invert(1);
}
.swiper .swiper-wrapper .swiper-slide__servers {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url("https://img.digitimes.com/en/reports/images/servers.jpg");
}
.swiper .swiper-wrapper .swiper-slide__semiconductor {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
/* background-image: url("../images/idm_and_fabless.jpg"); */
background-image: url("https://img.digitimes.com/en/reports/images/ic_manufacturing.jpg");
}
.swiper .swiper-wrapper .swiper-slide__smart-device {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url("https://img.digitimes.com/en/reports/images/smart_devices.jpg");
}
.swiper .swiper-wrapper .swiper-slide__notebooks {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url("https://img.digitimes.com/en/reports/images/notebooks.jpg");
}
.swiper .swiper-wrapper .swiper-slide__aiot {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url("https://img.digitimes.com/en/reports/images/aiot.jpg");
}
.swiper .swiper-wrapper .swiper-slide__more-topics {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url("https://img.digitimes.com/en/reports/images/more_topics.jpg");
}
.swiper .swiper-pagination-bullet {
width: 12px;
height: 12px;
background-color: #fff; /* Default color */
opacity: 0.7; /* Default opacity */
transition: opacity 0.3s ease;
}
@media (min-width: 768px) {
.swiper .swiper-pagination-bullet {
width: 24px;
height: 24px;
}
}
@media (min-width: 1500px) {
.swiper .swiper-pagination-bullet {
width: 16px;
height: 16px;
}
}
.swiper .swiper-pagination-bullet-active {
background-color: #F49C00; /* Active color */
opacity: 1;
}
.swiper .swiper-button-next {
width: 20.5px;
height: 31.5px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url('data:image/svg+xml,');
}
.swiper .swiper-button-next:after {
content: "";
}
.swiper .swiper-button-prev {
width: 20.5px;
height: 31.5px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url('data:image/svg+xml,');
}
.swiper .swiper-button-prev:after {
content: "";
}
.channels {
display: flex;
background-color: #ffffff;
height: auto;
width: 100%;
}
@media (min-width: 768px) {
.channels {
height: 211px;
}
}
@media (min-width: 1500px) {
.channels {
height: 160px;
}
}
.channels .wrapper {
margin: 0 auto;
max-width: 1060px;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 0;
}
@media (min-width: 992px) {
.channels .wrapper {
gap: 16px;
}
}
.channels .wrapper .btn {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 33.33%;
height: 137px;
color: #575757;
font-size: 16px;
font-weight: 300;
border: 1px solid #D9D9D9;
border-radius: 0;
cursor: pointer;
transition: all 0.3s ease;
}
.channels .wrapper .btn:hover {
font-weight: bold;
border: 1px solid #000000;
}
@media (min-width: 768px) {
.channels .wrapper .btn {
flex-basis: calc(16.6666667% - 16px);
height: 137px;
border-radius: 8px;
}
}
@media (min-width: 1500px) {
.channels .wrapper .btn {
height: 120px;
}
}
.channels .wrapper .btn .icon {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 30px;
height: 30px;
margin-bottom: 12px;
}
.channels .wrapper .btn .icon__servers {
background-image: url('data:image/svg+xml,');
}
.channels .wrapper .btn .icon__idmwfabless {
background-image: url('data:image/svg+xml,');
}
.channels .wrapper .btn .icon__smart-device {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
}
.channels .wrapper .btn .icon__aiot {
background-image: url('data:image/svg+xml,');
}
.channels .wrapper .btn .icon__notebooks {
background-image: url('data:image/svg+xml,');
}
.channels .wrapper .btn .icon__more {
background-image: url('data:image/svg+xml,');
}
.channel-search {
padding: 38px 20px;
background: linear-gradient(90deg, #A9E5FD 0%, #FDF7B0 100%);
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
@media (min-width: 768px) {
.channel-search {
padding: 38px;
}
}
.channel-search .wrapper {
max-width: 1060px;
width: 100%;
}
.channel-search .wrapper .input-container {
position: relative;
width: 100%;
}
.channel-search .wrapper .input-container label {
width: 100%;
}
.channel-search .wrapper .input-container label input {
display: flex;
align-items: center;
width: 100%;
height: 62px;
padding: 10px 10px 10px 50px; /* Padding includes space for the icon */
font-size: 16px;
border: 2px solid #D9D9D9;
border-radius: 8px;
outline: none;
box-sizing: border-box;
}
@media (min-width: 768px) {
.channel-search .wrapper .input-container label input {
padding: 10px 10px 10px 80px; /* Padding includes space for the icon */
}
}
.channel-search .wrapper .input-container label input::-webkit-input-placeholder {
color: #d9d9d9;
align-self: center;
font-size: 20px;
font-weight: 300;
}
@media (min-width: 768px) {
.channel-search .wrapper .input-container label input::-webkit-input-placeholder {
font-size: 24px;
}
}
.channel-search .wrapper .input-container label input:-moz-placeholder {
color: #d9d9d9;
align-self: center;
font-size: 20px;
font-weight: 300;
}
@media (min-width: 768px) {
.channel-search .wrapper .input-container label input:-moz-placeholder {
font-size: 24px;
}
}
.channel-search .wrapper .input-container label input::-moz-placeholder {
color: #d9d9d9;
align-self: center;
font-size: 20px;
font-weight: 300;
}
@media (min-width: 768px) {
.channel-search .wrapper .input-container label input::-moz-placeholder {
font-size: 24px;
}
}
.channel-search .wrapper .input-container label input:-ms-input-placeholder {
color: #d9d9d9;
align-self: center;
font-size: 20px;
font-weight: 300;
}
@media (min-width: 768px) {
.channel-search .wrapper .input-container label input:-ms-input-placeholder {
font-size: 24px;
}
}
.channel-search .wrapper .input-container .icon {
position: absolute;
left: 16px;
top: 50%;
width: 28px;
height: 28px;
transform: translateY(-50%);
font-size: 18px;
color: #aaa;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
@media (min-width: 768px) {
.channel-search .wrapper .input-container .icon {
left: 30px;
}
}
.channel-search .wrapper .input-container .icon__search {
background-image: url('data:image/svg+xml,');
}
.channel-search .chips {
margin-top: 12px;
padding: 20px 0 0;
}
.channel-search .chips .title {
color: #575757;
text-align: center;
font-size: 18px;
font-weight: bold;
margin-bottom: 12px;
}
.channel-search .chips .chips-group {
max-width: 992px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.channel-search .chips .chips-group .chip {
background-color: #fff;
padding: 10px 20px;
border-radius: 20px;
margin: 5px;
cursor: pointer;
transition: background-color 0.2s ease;
}
.channel-search .chips .chips-group .chip:hover {
background-color: #ddd;
}
.separator {
width: 100%;
}
.separator__20 {
height: 20px;
}
.separator__30 {
height: 30px;
}
.separator__40 {
height: 40px;
}
.section-tittle {
display: flex;
align-items: center;
justify-content: center;
color: #575757;
text-align: center;
font-size: 24px;
height: 76px;
font-weight: bold;
}
@media (min-width: 768px) {
.section-tittle {
height: 152px;
font-size: 30px;
}
}
.section-latest-reports {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
width: 100%;
padding: 20px;
}
@media (min-width: 768px) {
.section-latest-reports {
padding: 0;
}
}
.section-latest-reports .wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
max-width: 1240px;
width: 100%;
gap: 16px;
}
@media (min-width: 576px) {
.section-latest-reports .wrapper {
flex-wrap: nowrap;
flex-direction: column;
}
}
@media (min-width: 992px) {
.section-latest-reports .wrapper {
flex-direction: row;
}
}
@media (min-width: 1500px) {
.section-latest-reports .wrapper {
max-width: 1054px;
}
}
.section-latest-reports .wrapper .card {
display: flex;
flex-direction: column;
width: 100%;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.section-latest-reports .wrapper .card .image-block {
position: relative;
width: 100%;
}
@media (min-width: 768px) {
.section-latest-reports .wrapper .card .image-block {
flex: 1 1 60%;
}
}
.section-latest-reports .wrapper .card .image-block img {
object-fit: cover;
object-position: center;
aspect-ratio: 3/2;
width: 100%;
height: 166px;
}
@media (min-width: 768px) {
.section-latest-reports .wrapper .card .image-block img {
height: 100%;
}
}
@media (min-width: 992px) {
.section-latest-reports .wrapper .card .image-block img {
aspect-ratio: 3/2;
width: 100%;
height: 186px;
padding: 0;
}
}
.section-latest-reports .wrapper .card .content {
flex: 1 1 100%;
width: 100%;
padding: 28px 40px;
display: flex;
align-items: center;
justify-content: center;
}
.section-latest-reports .wrapper .card .content .content-wrapper {
max-width: 272px;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
}
.section-latest-reports .wrapper .card .content .content-wrapper .title {
color: #F49C00;
text-align: left;
font-size: 22px;
line-height: 1.45;
margin-bottom: 16px;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.section-latest-reports .wrapper .card .content .content-wrapper .title.small-text {
font-size: 17.6px;
}
@media (min-width: 1500px) {
.section-latest-reports .wrapper .card .content .content-wrapper .title.small-text {
font-size: 16px;
}
}
@media (min-width: 768px) {
.section-latest-reports .wrapper .card .content .content-wrapper .title.small-text {
font-size: 18.9px;
}
}
.section-latest-reports .wrapper .card .content .content-wrapper .title.large-text {
font-size: 24.2px;
}
@media (min-width: 1500px) {
.section-latest-reports .wrapper .card .content .content-wrapper .title.large-text {
font-size: 22px;
}
}
@media (min-width: 768px) {
.section-latest-reports .wrapper .card .content .content-wrapper .title.large-text {
font-size: 24.3px;
}
}
@media (min-width: 768px) {
.section-latest-reports .wrapper .card .content .content-wrapper .title {
font-size: 27px;
}
}
@media (min-width: 992px) {
.section-latest-reports .wrapper .card .content .content-wrapper .title {
margin-bottom: 0;
}
}
@media (min-width: 1500px) {
.section-latest-reports .wrapper .card .content .content-wrapper .title {
font-size: 20px;
}
}
.section-latest-reports .wrapper .card .content .content-wrapper .time {
color: #575757;
text-align: left;
font-size: 14px;
margin-bottom: 12px;
}
@media (min-width: 1500px) {
.section-latest-reports .wrapper .card .content .content-wrapper .time {
font-size: 12px;
}
}
.section-latest-reports .wrapper .card .content .content-wrapper .author {
margin-top: 8px;
color: #575757;
text-align: left;
font-size: 18px;
align-self: flex-end;
}
@media (min-width: 768px) {
.section-latest-reports .wrapper .card .content .content-wrapper .author {
font-size: 22px;
}
}
@media (min-width: 1500px) {
.section-latest-reports .wrapper .card .content .content-wrapper .author {
font-size: 16px;
}
}
@media (min-width: 768px) {
.section-latest-reports .wrapper .card {
flex-direction: row;
}
}
@media (min-width: 992px) {
.section-latest-reports .wrapper .card {
flex-direction: column;
align-items: flex-start;
}
}
.promotion {
width: 100%;
height: 122px;
}
@media (min-width: 768px) {
.promotion {
height: 244px;
}
}
@media (min-width: 1500px) {
.promotion {
height: 192px;
}
}
.promotion .wrapper {
padding: 20px;
position: relative;
background-image: url("../images/promotion.png");
background-repeat: no-repeat;
background-size: contain;
background-position: left center;
display: flex;
align-items: center;
justify-content: space-evenly;
flex-direction: row-reverse;
margin: 0 auto;
max-width: 1240px;
width: 100%;
height: 100%;
}
.promotion .wrapper:hover:before {
content: "";
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: linear-gradient(90deg, rgb(255, 119, 0) 45%, #000000 100%);
}
.promotion .wrapper:hover button {
opacity: 1;
visibility: visible;
}
.promotion .wrapper:before {
content: "";
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: linear-gradient(90deg, rgba(0, 0, 0, 0) 30%, #000000 45%);
}
@media (min-width: 768px) {
.promotion .wrapper:before {
background: linear-gradient(90deg, rgba(0, 0, 0, 0) 25%, #000000 30%);
}
}
.promotion .wrapper .copy {
z-index: 2;
color: #fff;
font-weight: bold;
font-size: 18px;
text-align: left;
}
@media (min-width: 768px) {
.promotion .wrapper .copy {
font-size: 30px;
text-align: center;
}
}
.promotion .wrapper button {
margin-right: 12px;
opacity: 0;
visibility: hidden;
z-index: 2;
color: #fff;
font-weight: bold;
font-size: 16px;
text-align: center;
background: none;
border: 1px solid #fff;
border-radius: 8px;
padding: 10px 20px;
cursor: pointer;
transition: all 0.3s ease;
}
@media (min-width: 768px) {
.promotion .wrapper button {
font-size: 30px;
}
}
.promotion .wrapper button:hover {
background-color: #fff;
color: #000;
}
@media (min-width: 1500px) {
.promotion .wrapper {
max-width: 1054px;
}
}
.section-analyst-insight {
width: 100%;
}
.section-analyst-insight .wrapper {
max-width: 1240px;
width: 100%;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 12px;
grid-row-gap: 12px;
}
@media (min-width: 1500px) {
.section-analyst-insight .wrapper {
max-width: 1054px;
}
}
@media (min-width: 768px) {
.section-analyst-insight .wrapper {
grid-template-columns: repeat(2, 1fr);
}
}
.section-analyst-insight .wrapper .card {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
border-radius: 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 0;
grid-row-gap: 0;
}
@media (min-width: 768px) {
.section-analyst-insight .wrapper .card {
border-radius: 8px;
}
}
.section-analyst-insight .wrapper .card .image-wrapper {
padding: 20px 0 20% 20px;
grid-area: 1/1/2/2;
}
.section-analyst-insight .wrapper .card .image-wrapper .image-block {
width: 100%;
height: 100%;
position: relative;
}
.section-analyst-insight .wrapper .card .image-wrapper .image-block img {
border-radius: 4px;
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
}
@media (min-width: 992px) {
.section-analyst-insight .wrapper .card .image-wrapper {
padding: 8px 0 8px 8px;
}
}
.section-analyst-insight .wrapper .card .content {
grid-area: 1/2/2/4;
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
@media (min-width: 992px) {
.section-analyst-insight .wrapper .card .content {
padding: 28px 40px;
}
}
.section-analyst-insight .wrapper .card .content .content-wrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
/* justify-content: space-between; */
height: 100%;
}
.section-analyst-insight .wrapper .card .content .content-wrapper .time {
color: #575757;
font-size: 14px;
margin-bottom: 12px;
}
@media (min-width: 1500px) {
.section-analyst-insight .wrapper .card .content .content-wrapper .time {
font-size: 12px;
}
}
.section-analyst-insight .wrapper .card .content .content-wrapper .title {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
color: #575757;
font-size: 20px;
font-weight: bold;
margin-bottom: 12px;
}
@media (min-width: 768px) {
.section-analyst-insight .wrapper .card .content .content-wrapper .title {
font-size: 24px;
}
}
@media (min-width: 1500px) {
.section-analyst-insight .wrapper .card .content .content-wrapper .title {
font-size: 20px;
}
}
.section-analyst-insight .wrapper .card .content .content-wrapper .author {
color: #575757;
font-size: 16px;
}
@media (min-width: 768px) {
.section-analyst-insight .wrapper .card .content .content-wrapper .author {
font-size: 20px;
}
}
@media (min-width: 1500px) {
.section-analyst-insight .wrapper .card .content .content-wrapper .author {
font-size: 16px;
}
}
.subscribe-bar {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: #252525;
padding: 20px;
}
@media (min-width: 768px) {
.subscribe-bar {
padding: 20px 0;
}
}
.subscribe-bar .wrapper {
max-width: 1240px;
width: 100%;
height: 100%;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 16px;
grid-row-gap: 0;
}
@media (min-width: 1500px) {
.subscribe-bar .wrapper {
max-width: 1054px;
}
}
.subscribe-bar .wrapper .subscribe-btn {
grid-area: 1/4/2/5;
display: flex;
align-items: center;
justify-content: center;
}
.subscribe-bar .wrapper .subscribe-btn:hover {
opacity: 0.6;
}
.subscribe-bar .wrapper .subscribe-btn .icon {
width: 138px;
height: 60px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
@media (min-width: 768px) {
.subscribe-bar .wrapper .subscribe-btn .icon {
width: 224px;
height: 99px;
}
}
.subscribe-bar .wrapper .subscribe-btn .icon__subscribe {
background-image: url('data:image/svg+xml,');
}
.subscribe-bar .wrapper .text {
grid-area: 1/1/2/4;
color: #fff;
font-size: 18px;
display: flex;
align-items: center;
justify-content: center;
}
.subscribe-bar .wrapper .text .bold {
color: #fff;
font-size: 18px;
font-weight: bold;
}
@media (min-width: 768px) {
.subscribe-bar .wrapper .text .bold {
font-size: 30px;
}
}
@media (min-width: 768px) {
.subscribe-bar .wrapper .text {
font-size: 30px;
}
}
.about-the-report {
width: 100%;
background-color: #ffffff;
padding: 40px 20px;
}
.about-the-report .wrapper {
max-width: 1240px;
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 40px;
}
@media (min-width: 1500px) {
.about-the-report .wrapper {
max-width: 1054px;
}
}
@media (min-width: 768px) {
.about-the-report .wrapper {
flex-wrap: nowrap;
}
}
.about-the-report .wrapper .first-content {
flex: 1 1 55%;
}
.about-the-report .wrapper .first-content .main-intro {
margin-bottom: 30px;
}
.about-the-report .wrapper .first-content .main-intro .title {
font-size: 30px;
margin-bottom: 20px;
}
.about-the-report .wrapper .first-content .main-intro .desc {
font-size: 1rem;
line-height: 1.5;
}
.about-the-report .wrapper .first-content .sub-intro-group {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 24px;
grid-row-gap: 16px;
}
.about-the-report .wrapper .first-content .sub-intro-group .sub-intro .title {
font-size: 1.25rem;
margin-bottom: 20px;
}
.about-the-report .wrapper .first-content .sub-intro-group .sub-intro .desc {
font-size: 0.875rem;
line-height: 1.5;
}
.about-the-report .wrapper .second-content {
flex: 1 1 45%;
}
.about-the-report .wrapper .second-content img {
border-radius: 4px;
object-fit: cover;
width: 100%;
height: 376px;
}
@media (min-width: 768px) {
.about-the-report .wrapper .second-content img {
height: 752px;
}
}
.about-the-report .wrapper .second-content .notice {
padding: 20px;
line-height: 1.3;
}
.research-submenu {
display: none;
align-items: center;
justify-content: center;
height: 94px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media (min-width: 768px) {
.research-submenu {
display: flex;
}
}
@media (min-width: 1500px) {
.research-submenu {
height: 58px;
}
}
.research-submenu .digitimes-research {
display: none;
margin-right: 20px;
width: 186px;
height: 28px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
}
@media (min-width: 992px) {
.research-submenu .digitimes-research {
display: block;
}
}
.research-submenu .link-group {
display: flex;
justify-content: flex-start;
align-items: center;
}
.research-submenu .link-group li {
padding: 12px 20px;
}
.research-submenu .link-group li a {
display: flex;
align-items: center;
}
.research-submenu .link-group li a .icon {
margin-right: 4px;
padding: 12px;
background-size: 16px;
background-repeat: no-repeat;
background-position: center;
}
.research-submenu .link-group li a .icon__home {
background-image: url('data:image/svg+xml,');
}
@media (min-width: 992px) {
.research-submenu .link-group li:last-child {
padding: 12px 0 12px 20px;
}
}
.research-submenu .link-group .link-item {
position: relative;
padding: 12px 20px;
}
.research-submenu .link-group .link-item menu {
pointer-events: none;
opacity: 0;
position: absolute;
z-index: 10;
top: 40px;
left: 0;
display: flex;
flex-direction: column;
background-color: #fff;
border-radius: 5px;
padding: 10px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.research-submenu .link-group .link-item menu.show {
opacity: 1;
pointer-events: all;
}
.research-submenu .link-group .link-item menu .item {
margin: 0;
padding: 5px;
}
.research-submenu .link-group .link-item menu .item .link {
color: #000;
font-weight: 300;
text-decoration: none;
}
.research-submenu .link-group .link-item menu .item:hover {
background-color: #f0f0f0;
}
.reports-breadcrumbs {
padding: 30px 0;
display: flex;
justify-content: flex-start;
align-items: center;
}
.reports-breadcrumbs .container ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
}
.reports-breadcrumbs .container ul .item {
display: flex;
align-items: center;
margin-right: 8px;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
}
.reports-breadcrumbs .container ul .item.active .link {
color: #F49C00;
}
.reports-breadcrumbs .container ul .item .link {
text-decoration: none;
margin-right: 8px;
color: #252525;
}
.reports-breadcrumbs .container ul .item .link:hover {
color: #23527c;
}
@media (min-width: 768px) {
.reports-breadcrumbs .container ul .item .link {
margin-right: 16px;
}
}
@media (min-width: 768px) {
.reports-breadcrumbs .container ul .item {
margin-right: 16px;
}
}
@media (min-width: 768px) {
.reports-breadcrumbs .container ul .item {
font-size: 16px;
}
}
.line-separator {
height: 1px;
width: 100%;
background-color: #D9D9D9;
}
.empty {
width: 100%;
}
.empty__10 {
height: 10px;
}
.empty__12 {
height: 12px;
}
.empty__20 {
height: 20px;
}
.empty__35 {
height: 35px;
}
.empty__40 {
height: 40px;
}
.empty-20 {
height: 20px;
width: 100%;
}
/* Basic styles for the modal */
.modal {
/* Modal content */
display: none; /* Hidden by default */
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: white;
}
.modal__with-overlay {
background-color: unset;
}
.modal .modal-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
opacity: 1;
transition: opacity 0.3s ease;
}
.modal .modal-content {
/* Close button */
height: 100%;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: unset;
}
.modal .modal-content .modal-title {
text-align: center;
padding: 16px;
border-bottom: 1px solid #D9D9D9;
}
.modal .modal-content .modal-body {
padding: 40px 60px;
height: 100%;
overflow-y: auto;
/* The scrollbar track */
/* The scrollbar thumb */
/* The scrollbar thumb when hovered */
}
.modal .modal-content .modal-body__inquiry {
display: flex;
flex-direction: column;
padding: 0;
overflow: hidden;
border-radius: 20px;
background-color: #96c874;
}
.modal .modal-content .modal-body__inquiry .half-one {
flex: 1 1 50%;
padding: 20px;
background-color: #002042;
}
.modal .modal-content .modal-body__inquiry .half-one .modal-title {
padding: 0;
color: white;
text-align: left;
border: unset;
}
.modal .modal-content .modal-body__inquiry .half-one .advantage-block {
margin-top: 20px;
display: flex;
flex-direction: column;
}
.modal .modal-content .modal-body__inquiry .half-one .advantage-block .item {
display: flex;
color: white;
margin-bottom: 20px;
}
.modal .modal-content .modal-body__inquiry .half-one .advantage-block .item .icon {
width: 16px;
height: 16px;
padding: 8px;
margin-right: 12px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url('data:image/svg+xml,');
}
@media (min-width: 768px) {
.modal .modal-content .modal-body__inquiry .half-one {
padding: 80px 40px;
}
}
.modal .modal-content .modal-body__inquiry .half-two {
padding: 20px;
flex: 1 1 50%;
background-color: white;
}
.modal .modal-content .modal-body__inquiry .half-two .modal-title {
padding: 0;
color: #252525;
text-align: left;
border: unset;
}
.modal .modal-content .modal-body__inquiry .half-two .form-check-label {
font-size: 12px;
}
@media (min-width: 768px) {
.modal .modal-content .modal-body__inquiry .half-two {
padding: 80px 40px;
}
}
@media (min-width: 768px) {
.modal .modal-content .modal-body__inquiry {
flex-direction: row;
}
}
.modal .modal-content .modal-body::-webkit-scrollbar {
width: 10px;
height: 10px;
background-color: #f5f5f5;
}
.modal .modal-content .modal-body::-webkit-scrollbar-track {
background-color: #f5f5f5; /* color of the scrollbar track */
border-radius: 10px; /* rounded corners for the scrollbar track */
}
.modal .modal-content .modal-body::-webkit-scrollbar-thumb {
background-color: #ccc; /* color of the scrollbar thumb */
border-radius: 10px; /* rounded corners for the scrollbar thumb */
}
.modal .modal-content .modal-body::-webkit-scrollbar-thumb:hover {
background-color: #aaa; /* color of the scrollbar thumb when hovered */
}
.modal .modal-content .modal-body ul li {
list-style-type: disc;
margin-left: 20px;
line-height: 1.5;
font-size: 1.5em;
}
.modal .modal-content__with-overlay {
height: 600px;
width: 90%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: absolute;
top: 50%;
left: 50%;
border-radius: 20px;
transform: translate(-50%, -50%);
}
.modal .modal-content__with-overlay__inquiry {
height: auto;
}
@media (min-width: 768px) {
.modal .modal-content__with-overlay {
width: 800px;
}
}
.modal .modal-content .close {
position: absolute;
top: 20px;
right: 20px;
z-index: 10;
cursor: pointer;
font-size: 30px;
font-weight: bold;
color: white;
cursor: pointer;
}
.modal .modal-content .close .icon {
height: 12px;
width: 12px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
@media (min-width: 768px) {
.modal .modal-content .close .icon {
height: 20px;
width: 20px;
}
}
.modal .modal-content .close .icon__times {
background-image: url('data:image/svg+xml,');
}
@media (min-width: 768px) {
.modal .modal-content .close {
right: 28px;
}
}
.modal .modal-content .container .copy {
margin-top: 50px;
font-size: 1.25rem;
text-align: left;
color: #252525;
}
@media (min-width: 768px) {
.modal .modal-content .container .copy {
margin-top: 180px;
font-size: 2.25rem;
}
}
.modal .modal-content .container .input-container {
position: relative;
width: 100%;
}
.modal .modal-content .container .input-container label {
width: 100%;
}
.modal .modal-content .container .input-container label input {
display: flex;
align-items: center;
width: 100%;
height: 62px;
padding: 10px 10px 10px 50px; /* Padding includes space for the icon */
font-size: 16px;
border: 2px solid #D9D9D9;
border-radius: 8px;
outline: none;
box-sizing: border-box;
}
@media (min-width: 768px) {
.modal .modal-content .container .input-container label input {
padding: 10px 10px 10px 80px; /* Padding includes space for the icon */
}
}
.modal .modal-content .container .input-container label input::-webkit-input-placeholder {
color: #d9d9d9;
align-self: center;
font-size: 20px;
font-weight: 300;
}
@media (min-width: 768px) {
.modal .modal-content .container .input-container label input::-webkit-input-placeholder {
font-size: 24px;
}
}
.modal .modal-content .container .input-container label input:-moz-placeholder {
color: #d9d9d9;
align-self: center;
font-size: 20px;
font-weight: 300;
}
@media (min-width: 768px) {
.modal .modal-content .container .input-container label input:-moz-placeholder {
font-size: 24px;
}
}
.modal .modal-content .container .input-container label input::-moz-placeholder {
color: #d9d9d9;
align-self: center;
font-size: 20px;
font-weight: 300;
}
@media (min-width: 768px) {
.modal .modal-content .container .input-container label input::-moz-placeholder {
font-size: 24px;
}
}
.modal .modal-content .container .input-container label input:-ms-input-placeholder {
color: #d9d9d9;
align-self: center;
font-size: 20px;
font-weight: 300;
}
@media (min-width: 768px) {
.modal .modal-content .container .input-container label input:-ms-input-placeholder {
font-size: 24px;
}
}
.modal .modal-content .container .input-container .icon {
position: absolute;
left: 16px;
top: 50%;
width: 28px;
height: 28px;
transform: translateY(-50%);
font-size: 18px;
color: #aaa;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
@media (min-width: 768px) {
.modal .modal-content .container .input-container .icon {
left: 30px;
}
}
.modal .modal-content .container .input-container .icon__search {
background-image: url('data:image/svg+xml,');
}
.modal .modal-content .container .chips {
margin-top: 12px;
padding: 20px 0 0;
}
.modal .modal-content .container .chips .title {
color: #575757;
text-align: left;
font-size: 18px;
font-weight: bold;
margin-bottom: 16px;
}
.modal .modal-content .container .chips .chips-group {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.modal .modal-content .container .chips .chips-group .chip {
border: 1px solid #D9D9D9;
background-color: #fff;
padding: 10px 20px;
border-radius: 20px;
margin: 5px;
cursor: pointer;
transition: background-color 0.2s ease;
}
.modal .modal-content .container .chips .chips-group .chip:hover {
background-color: #ddd;
}
.tag-position-block {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
display: flex;
align-items: flex-end;
justify-content: center;
}
@media (max-width: 767px) {
.tag-position-block.mini .channel-tag-root {
height: 0;
bottom: -8px;
}
.tag-position-block.mini .channel-tag-root .tag {
min-width: 50px;
height: 17px;
font-size: clamp(0.5rem, 0.5vw, 0.75rem);
padding: 0 4px;
border-radius: 10px 0 0 0;
align-items: center;
}
.tag-position-block.mini .channel-tag-root .tag:before {
content: unset;
}
}
.tag-position-block .channel-tag-root {
position: relative;
width: 100%;
height: 8px;
background: linear-gradient(90deg, #D9D9D9 0%, #F49C00 60.21%);
}
.tag-position-block .channel-tag-root .tag {
color: #FFFFFF;
font-weight: 700;
font-size: 1rem;
padding: 0 12px;
display: flex;
justify-content: center;
align-items: flex-end;
position: absolute;
bottom: 8px;
right: 0;
min-width: 78px;
height: 31px;
border-radius: 20px 0 0 0;
background-color: #F49C00;
}
.tag-position-block .channel-tag-root .tag:before {
content: url("../images/cursive.svg");
width: 17px;
height: 14px;
position: absolute;
bottom: 0;
left: -17px;
}
.tag-position-block__wide-ratio .channel-tag-root {
height: 5px;
}
.tag-position-block__wide-ratio .channel-tag-root .tag {
border-radius: 17px 0 0 0;
bottom: 5px;
height: 23px;
min-width: 58px;
font-size: 0.85rem;
padding: 0 8px;
}
.tag-position-block__wide-ratio .channel-tag-root .tag:before {
content: url("../images/cursive-sm.svg");
width: 16px;
height: 9px;
left: -16px;
bottom: 3px;
}
.drawer {
position: fixed;
top: 0;
right: -80%;
width: 80%;
height: 100%;
background-color: #fff;
transition: right 0.3s ease;
overflow-y: scroll;
z-index: 1000;
}
.drawer .close {
opacity: 1;
position: absolute;
top: 20px;
left: 20px;
cursor: pointer;
font-size: 20px;
color: white;
width: 20px;
height: 20px;
background-color: white;
display: none;
justify-content: center;
align-items: center;
}
.drawer .close .icon {
height: 16px;
width: 16px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.drawer .close .icon__times {
background-image: url('data:image/svg+xml,');
}
.drawer .drawer-content {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
padding: 20px;
}
.drawer .drawer-content .filter {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
background-color: white;
}
.drawer .drawer-content .filter .search {
cursor: pointer;
margin-top: 15px;
display: flex;
justify-content: flex-end;
}
.drawer .drawer-content .filter .search .icon {
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.drawer .drawer-content .filter .search .icon__search {
background-image: url('data:image/svg+xml,');
}
.drawer .drawer-content .filter .title-block {
margin-top: 35px;
display: flex;
justify-content: space-between;
align-items: center;
}
.drawer .drawer-content .filter .title-block .title {
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 8px;
}
.drawer .drawer-content .filter .title-block .clearAll {
border: none;
outline: none;
font-size: 14px;
color: #ff0000;
background-color: transparent;
text-decoration: none;
font-weight: 300;
cursor: pointer;
}
.drawer .drawer-content .filter .title-block .clearAll:hover {
color: #ff7700;
}
.drawer .drawer-content .filter .accordion-toggler {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.drawer .drawer-content .filter .accordion-toggler h3 button {
outline: none;
border: none;
background-color: transparent;
cursor: pointer;
}
.drawer .drawer-content .filter .accordion-toggler h3 button .accordion-panel-title {
font-size: 1rem;
font-weight: 500;
}
.drawer .drawer-content .filter .accordion-toggler .icon {
height: 10px;
width: 10px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.drawer .drawer-content .filter .accordion-toggler .icon__angle-down {
background-image: url('data:image/svg+xml,');
}
.drawer .drawer-content .filter .accordion-toggler .icon__angle-up {
background-image: url('data:image/svg+xml,');
}
.drawer .drawer-content .filter .accordion-panel-content {
overflow: hidden;
height: 0;
transition: height 0.5s;
margin-top: 20px;
display: flex;
flex-direction: column;
}
.drawer .drawer-content .filter .accordion-panel-content.show {
height: auto;
}
.drawer .drawer-content .filter .accordion-panel-content .toggle-input-container {
cursor: pointer;
display: flex;
align-items: center;
margin-bottom: 16px;
}
.drawer .drawer-content .filter .accordion-panel-content .toggle-input-container .toggle-input {
cursor: pointer;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
height: 16px;
width: 16px;
background-color: #ffffff;
border-radius: 4px;
border: 1px solid #D9D9D9;
display: flex;
align-items: center;
justify-content: center;
position: relative;
margin-right: 8px;
}
.drawer .drawer-content .filter .accordion-panel-content .toggle-input-container .toggle-input:hover {
background-color: #F49C00;
border: 1px solid #F49C00;
}
.drawer .drawer-content .filter .accordion-panel-content .toggle-input-container .toggle-input::after {
content: "";
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 16px;
background-position: center;
height: 12px;
width: 12px;
color: white;
display: none;
}
.drawer .drawer-content .filter .accordion-panel-content .toggle-input-container .toggle-input:checked {
background-color: #252525;
}
.drawer .drawer-content .filter .accordion-panel-content .toggle-input-container .toggle-input:checked:after {
display: block;
}
.drawer .drawer-content .filter .accordion-panel-content .toggle-input-container .toggle-input:checked + .option-content-wrapper {
background-color: #F49C00;
}
.drawer .drawer-content .filter .accordion-panel-content .toggle-input-container .toggle-input:checked + .option-content-wrapper::before {
background-color: #F49C00;
}
.drawer .drawer-content .filter .accordion-panel-content .toggle-input-container .toggle-input:checked::before {
background-color: #F49C00;
}
.drawer .drawer-content .filter .accordion-panel-content .toggle-input-container .toggle-input-radio {
cursor: pointer;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
height: 16px;
width: 16px;
background-color: #ffffff;
border-radius: 4px;
border: 1px solid #D9D9D9;
display: flex;
align-items: center;
justify-content: center;
position: relative;
margin-right: 8px;
}
.drawer .drawer-content .filter .accordion-panel-content .toggle-input-container .toggle-input-radio:hover {
background-color: #F49C00;
border: 1px solid #F49C00;
}
.drawer .drawer-content .filter .accordion-panel-content .toggle-input-container .toggle-input-radio::after {
content: "";
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 16px;
background-position: center;
height: 12px;
width: 12px;
color: white;
display: none;
}
.drawer .drawer-content .filter .accordion-panel-content .toggle-input-container .toggle-input-radio:checked {
background-color: #252525;
}
.drawer .drawer-content .filter .accordion-panel-content .toggle-input-container .toggle-input-radio:checked:after {
display: block;
}
.drawer .drawer-content .filter .accordion-panel-content .toggle-input-container .toggle-input-radio:checked + .option-content-wrapper {
background-color: #F49C00;
}
.drawer .drawer-content .filter .accordion-panel-content .toggle-input-container .toggle-input-radio:checked + .option-content-wrapper::before {
background-color: #F49C00;
}
.drawer .drawer-content .filter .accordion-panel-content .toggle-input-container .toggle-input-radio:checked::before {
background-color: #F49C00;
}
.drawer .drawer-content .filter .accordion-panel-content .toggle-input-container .count {
font-size: 12px;
font-weight: 300;
color: #7F7F7F;
margin-left: 8px;
}
.drawer .drawer-content .filter .month-year-range-picker-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
.drawer .drawer-content .filter .month-year-range-picker-wrapper .picker-block {
flex: 0 1 45%;
}
.drawer .drawer-content .filter .month-year-range-picker-wrapper .picker-block .month-year-range-picker {
flex: 1 1 100%;
width: 100%;
padding: 8px;
border: 1px solid #D9D9D9;
border-radius: 4px;
}
.drawer-open .drawer {
right: 0;
}
.drawer-open .drawer .close {
display: flex;
}
.drawer-open .overlay {
display: block;
}
.overlay {
position: fixed;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: none;
z-index: 100;
}
.analysts-block .container {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.analysts-block .container .card-analyst {
border-radius: 8px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
padding: 20px 68px 48px;
display: flex;
flex-direction: column;
align-items: center;
background-color: white;
cursor: pointer;
}
.analysts-block .container .card-analyst .analyst-portrait {
width: 120px;
height: 120px;
border-radius: 50%;
object-position: center;
object-fit: cover;
}
.analysts-block .container .card-analyst .analyst-content-block {
text-align: center;
}
@media (min-width: 768px) {
.analysts-block .container .card-analyst .analyst-content-block {
text-align: left;
}
}
.analysts-block .container .card-analyst .analyst-content-block .analyst-name {
margin-top: 40px;
color: #939090;
font-size: 1.125rem;
margin-bottom: 20px;
}
.analysts-block .container .card-analyst .analyst-content-block .analyst-brief-intro {
color: #8f8f8f;
margin-bottom: 20px;
font-size: 0.875rem;
line-height: 1.3;
font-weight: 400;
}
.analysts-block .container .card-analyst .analyst-content-block .analyst-brief-intro ul.analyst-research-areas {
list-style-type: disc;
padding: 0 0 0 16px;
margin: 4px 0 0;
}
.analysts-block .container .card-analyst .analyst-content-block .analyst-brief-intro ul.analyst-research-areas li {
display: list-item;
text-align: -webkit-match-parent;
unicode-bidi: isolate;
font-weight: 300;
font-size: 12px;
}
.analysts-block .container .card-analyst .analyst-content-block .analyst-brief-intro ul.analyst-research-areas li:last-child {
margin-right: 0;
}
.analysts-block .container .card-analyst .analyst-content-block .bio-title {
color: #6D6D6D;
font-weight: 500;
margin-bottom: 16px;
}
.analysts-block .container .card-analyst .analyst-content-block .analyst-bio {
color: #949494;
font-size: 0.875rem;
line-height: 1.3;
font-weight: 300;
}
@media (min-width: 768px) {
.analysts-block .container {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 992px) {
.analysts-block .container {
grid-template-columns: repeat(3, 1fr);
}
}
.analyst-profile-block .container .analyst-block {
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
background-color: white;
padding: 40px;
border-radius: 8px;
}
.analyst-profile-block .container .analyst-block .wrapper {
display: flex;
flex-direction: column;
align-items: center;
max-width: 420px;
}
@media (min-width: 768px) {
.analyst-profile-block .container .analyst-block .wrapper {
flex-direction: row;
}
}
.analyst-profile-block .container .analyst-block .wrapper .portrait {
width: 120px;
height: 120px;
border-radius: 50%;
object-position: center;
object-fit: cover;
}
.analyst-profile-block .container .analyst-block .wrapper .desc-wrapper {
padding: 16px 40px 0;
width: 100%;
flex: 1 1 auto;
}
.analyst-profile-block .container .analyst-block .wrapper .desc-wrapper .title {
text-align: center;
font-size: 1.125rem;
color: #939090;
margin-bottom: 28px;
}
@media (min-width: 768px) {
.analyst-profile-block .container .analyst-block .wrapper .desc-wrapper .title {
text-align: left;
}
}
.analyst-profile-block .container .analyst-block .wrapper .desc-wrapper .analyst-brief-intro {
color: #8f8f8f;
margin-bottom: 20px;
font-size: 0.875rem;
line-height: 1.3;
font-weight: 400;
}
.analyst-profile-block .container .analyst-block .wrapper .desc-wrapper .analyst-brief-intro ul.analyst-research-areas {
list-style-type: disc;
padding: 0 0 0 16px;
margin: 4px 0 0;
}
.analyst-profile-block .container .analyst-block .wrapper .desc-wrapper .analyst-brief-intro ul.analyst-research-areas li {
display: list-item;
text-align: -webkit-match-parent;
unicode-bidi: isolate;
font-weight: 300;
font-size: 12px;
}
.analyst-profile-block .container .analyst-block .wrapper .desc-wrapper .analyst-brief-intro ul.analyst-research-areas li:last-child {
margin-right: 0;
}
.report-packages .container {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.report-packages .container .report-block {
width: 100%;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
grid-column-gap: 0;
grid-row-gap: 20px;
}
.report-packages .container .report-block .main {
padding: 40px 50px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
background-color: white;
}
.report-packages .container .report-block .main .wrapper .title {
Color: #252525;
font-size: 1.5rem;
line-height: 1.25;
font-weight: 600;
margin-bottom: 48px;
}
@media (min-width: 768px) {
.report-packages .container .report-block .main .wrapper .title {
font-size: 2.215rem;
}
}
.report-packages .container .report-block .main .wrapper .author-block {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 48px;
gap: 12px;
}
.report-packages .container .report-block .main .wrapper .author-block .portrait {
width: 22px;
height: 22px;
border-radius: 50%;
object-position: center;
object-fit: cover;
}
.report-packages .container .report-block .main .wrapper .author-block .author-name {
font-size: 16px;
color: #939090;
flex: 1 1 50%;
}
@media (min-width: 768px) {
.report-packages .container .report-block .main .wrapper .author-block .author-name {
margin-right: 0;
}
}
.report-packages .container .report-block .main .wrapper .author-block .social-media-group {
display: flex;
align-items: center;
height: 100%;
}
.report-packages .container .report-block .main .wrapper .author-block .social-media-group .link {
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
}
.report-packages .container .report-block .main .wrapper .author-block .social-media-group .link .icon {
width: 28px;
height: 28px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.report-packages .container .report-block .main .wrapper .author-block .social-media-group .link .icon__facebook {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
}
.report-packages .container .report-block .main .wrapper .author-block .social-media-group .link .icon__twitter {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
}
.report-packages .container .report-block .main .wrapper .author-block .social-media-group .link .icon__linkedin {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
}
.report-packages .container .report-block .main .wrapper .author-block .social-media-group .link .icon__mail {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
}
.report-packages .container .report-block .main .wrapper .author-block .follow-btn {
display: flex;
align-items: center;
justify-content: space-between;
padding: 4px 8px;
outline: none;
border-radius: 4px;
color: #ffffff;
border: none;
cursor: pointer;
}
.report-packages .container .report-block .main .wrapper .author-block .follow-btn.btn-follow {
background-color: #6E6D74;
}
.report-packages .container .report-block .main .wrapper .author-block .follow-btn .icon {
width: 12px;
height: 12px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
margin-right: 4px;
}
.report-packages .container .report-block .main .wrapper .author-block .follow-btn .icon__thumb-up {
background-image: url('data:image/svg+xml,');
}
.report-packages .container .report-block .main .wrapper .author-block .follow-btn .count {
margin-left: 4px;
}
.report-packages .container .report-block .main .wrapper .author-block .follow-btn:hover {
background-color: #b1b0b0;
}
.report-packages .container .report-block .main .wrapper .brief-intro {
font-size: 16px;
line-height: 24px;
}
.report-packages .container .report-block .main .wrapper .abstract {
font-size: 16px;
margin: 52px 0;
font-weight: 900;
}
.report-packages .container .report-block .main .wrapper p {
line-height: 1.5;
}
.report-packages .container .report-block .secondary {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.report-packages .container .report-block .secondary .outline, .report-packages .container .report-block .secondary .table-charts {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
background-color: white;
padding: 40px 50px;
position: relative;
}
.report-packages .container .report-block .secondary .outline .title, .report-packages .container .report-block .secondary .table-charts .title {
font-size: 1rem;
font-weight: 900;
margin-bottom: 16px;
}
.report-packages .container .report-block .secondary .outline ul, .report-packages .container .report-block .secondary .table-charts ul {
height: 170px;
overflow: hidden;
}
.report-packages .container .report-block .secondary .outline ul li, .report-packages .container .report-block .secondary .table-charts ul li {
list-style-type: disc;
margin-left: 20px;
line-height: 1.5;
}
.report-packages .container .report-block .secondary .outline .show-more, .report-packages .container .report-block .secondary .table-charts .show-more {
max-height: 14.5rem;
height: 100%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
border-radius: 0 0 8px 8px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 55%, #FFFFFF 75%);
display: flex;
align-items: flex-end;
justify-content: center;
padding-bottom: 40px;
}
.report-packages .container .report-block .secondary .outline .show-more .show-more-btn, .report-packages .container .report-block .secondary .table-charts .show-more .show-more-btn {
cursor: pointer;
display: inline-block;
padding: 0.25rem 2rem;
font-size: 1rem;
color: #575757;
background-color: white;
border: 1px solid #D9D9D9;
border-radius: 5rem;
text-align: center;
text-decoration: none;
font-weight: 300;
outline: none;
cursor: pointer;
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
.report-packages .container .report-block .secondary .outline .show-more .show-more-btn:hover, .report-packages .container .report-block .secondary .outline .show-more .show-more-btn:focus, .report-packages .container .report-block .secondary .table-charts .show-more .show-more-btn:hover, .report-packages .container .report-block .secondary .table-charts .show-more .show-more-btn:focus {
background-color: #252525;
color: white;
border-color: #252525;
}
.report-packages .container .report-block .secondary .outline .show-more .show-more-btn:disabled, .report-packages .container .report-block .secondary .table-charts .show-more .show-more-btn:disabled {
opacity: 0.65;
cursor: not-allowed;
}
@media (min-width: 992px) {
.report-packages .container .report-block .secondary {
grid-template-columns: repeat(2, 1fr);
grid-row-gap: 20px;
}
}
@media (min-width: 992px) {
.report-packages .container .report-block {
grid-area: 1/1/2/3;
}
}
.report-packages .container .packages-block {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
background-color: white;
padding: 40px 20px;
display: flex;
flex-direction: column;
}
.report-packages .container .packages-block .title {
font-size: 1rem;
font-weight: 900;
margin-bottom: 16px;
}
.report-packages .container .packages-block .minor-title {
font-weight: 300;
font-size: 0.875rem;
}
.report-packages .container .packages-block .minor-title .icon {
padding: 2px 12px;
width: 8px;
height: 8px;
margin-right: 8px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-size: 65%;
}
.report-packages .container .packages-block .minor-title .icon__download {
background-image: url('data:image/svg+xml,');
}
.report-packages .container .packages-block .minor-title .icon__gear {
background-image: url('data:image/svg+xml,');
}
.report-packages .container .packages-block .center {
margin-top: 28px;
text-align: center;
}
.report-packages .container .packages-block .package {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
text-align: center;
background-color: #FFFCE4;
margin-bottom: 12px;
}
.report-packages .container .packages-block .package .recommended {
color: #ffffff;
background-color: #FF9D00;
display: flex;
align-items: center;
justify-content: center;
padding: 8px 20px;
font-weight: 900;
}
.report-packages .container .packages-block .package .block {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
padding: 20px 20px 0;
}
.report-packages .container .packages-block .package .option-block {
padding: 0 8px 8px;
}
.report-packages .container .packages-block .package .option-block .item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 8px;
border-bottom: 1px solid #F49C00;
}
.report-packages .container .packages-block .package .option-block .item:last-child {
border-bottom: none;
}
.report-packages .container .packages-block .package .option-block .item label {
display: flex;
align-items: center;
justify-content: flex-start;
}
.report-packages .container .packages-block .package .option-block .item label input[type=radio] {
appearance: none;
width: 20px;
height: 20px;
border-radius: 50%;
border: 1px solid #b1b0b0;
background-color: #fff;
cursor: pointer;
position: relative;
}
.report-packages .container .packages-block .package .option-block .item label input[type=radio]:checked {
border: 1px solid #575757;
background-color: white;
}
.report-packages .container .packages-block .package .option-block .item label input[type=radio]:checked::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #333;
}
.report-packages .container .packages-block .package .option-block .item label .desc {
margin-left: 8px;
font-size: 13px;
color: #7f7f7f;
text-align: left;
}
.report-packages .container .packages-block .package .option-block .item .dollar {
white-space: nowrap;
font-size: 12px;
}
.report-packages .container .packages-block .package .option-block .item.selected {
border-bottom: 1px solid #252525;
}
.report-packages .container .packages-block .package .option-block .item.selected:last-child {
border-bottom: none;
}
.report-packages .container .packages-block .package .option-block .item.selected .desc {
color: #575757;
font-weight: 700;
}
.report-packages .container .packages-block .package .connect-with-consultant {
margin-top: 8px;
display: inline-block;
padding: 0.25rem 2rem;
font-size: 1rem;
color: black;
background-color: #ffffff;
border: 3px solid #575757;
border-radius: 5rem;
text-align: center;
text-decoration: none;
font-weight: 900;
outline: none;
cursor: pointer;
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
.report-packages .container .packages-block .package .connect-with-consultant:hover, .report-packages .container .packages-block .package .connect-with-consultant:focus {
background-color: black;
color: #ffffff;
border-color: black;
}
.report-packages .container .packages-block .package .connect-with-consultant:disabled {
opacity: 0.65;
cursor: not-allowed;
}
.report-packages .container .packages-block .package__single {
border: 3px solid #FFDA9F;
}
.report-packages .container .packages-block .package__recommended {
border: 3px solid #FF9D00;
}
.report-packages .container .packages-block .add-to-cart {
display: flex;
align-items: center;
justify-content: center;
padding: 10px 20px;
font-weight: 900;
border-radius: 4px;
outline: none;
border: none;
cursor: pointer;
color: white;
background-color: #F49C00;
-webkit-border-radius: 48px;
-moz-border-radius: 48px;
border-radius: 48px;
width: calc(100% - 40px);
margin: 0 auto 20px auto;
}
.report-packages .container .packages-block .add-to-cart:hover {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.report-packages .container .packages-block .request-samples {
display: inline-block;
padding: 0.25rem 2rem;
font-size: 1rem;
color: black;
background-color: white;
border: 3px solid #252525;
border-radius: 5rem;
text-align: center;
text-decoration: none;
font-weight: 900;
outline: none;
cursor: pointer;
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
width: calc(100% - 40px);
margin: 0 auto;
}
.report-packages .container .packages-block .request-samples:hover, .report-packages .container .packages-block .request-samples:focus {
background-color: #252525;
color: white;
border-color: #252525;
}
.report-packages .container .packages-block .request-samples:disabled {
opacity: 0.65;
cursor: not-allowed;
}
.report-packages .container .packages-block .inquire-before-buying {
display: inline-block;
padding: 0.25rem 2rem;
font-size: 1rem;
color: white;
background-color: black;
border: 1px solid black;
border-radius: 5rem;
text-align: center;
text-decoration: none;
font-weight: 900;
outline: none;
cursor: pointer;
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
width: calc(100% - 40px);
margin: 0 auto;
}
.report-packages .container .packages-block .inquire-before-buying:hover, .report-packages .container .packages-block .inquire-before-buying:focus {
background-color: #F49C00;
color: white;
border-color: #F49C00;
}
.report-packages .container .packages-block .inquire-before-buying:disabled {
opacity: 0.65;
cursor: not-allowed;
}
.report-packages .container .packages-block .white-ground-emphasis {
color: #252525;
display: flex;
align-items: center;
justify-content: center;
padding: 12px 20px 20px;
font-weight: 700;
font-size: 20px;
}
.report-packages .container .packages-block .consultant-block {
display: flex;
align-items: center;
justify-content: center;
padding: 28px;
}
.report-packages .container .packages-block .consultant-block .wrapper {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.report-packages .container .packages-block .consultant-block .wrapper .consultant {
display: flex;
align-items: center;
justify-content: center;
grid-area: 1/1/3/3;
}
.report-packages .container .packages-block .consultant-block .wrapper .consultant img {
width: 66px;
height: 66px;
border-radius: 50%;
object-position: 10% 5%;
object-fit: cover;
}
.report-packages .container .packages-block .consultant-block .wrapper .copy {
display: flex;
align-items: center;
justify-content: center;
color: #575757;
font-size: 13px;
grid-area: 1/3/2/6;
}
.report-packages .container .packages-block .consultant-block .wrapper .service-desc {
font-size: 10px;
color: #949494;
grid-area: 2/3/3/6;
}
@media (min-width: 992px) {
.report-packages .container .packages-block {
grid-area: 1/3/2/4;
}
}
@media (min-width: 992px) {
.report-packages .container {
grid-template-columns: repeat(3, 1fr);
grid-row-gap: 0;
}
}
.you-may-also-interested-in .container .wrapper {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
background-color: white;
padding: 40px 50px;
}
.you-may-also-interested-in .container .wrapper .title {
font-size: 1rem;
font-weight: 900;
margin-bottom: 16px;
}
.you-may-also-interested-in .container .wrapper ul li {
list-style-type: disc;
margin-left: 20px;
line-height: 1.5;
}
.tooltip-benefit {
position: absolute;
background-color: #333;
color: #fff;
padding: 8px 12px;
border-radius: 4px;
font-size: 14px;
max-width: 300px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease, transform 0.3s ease;
transform: translateY(0);
z-index: 1000;
visibility: hidden;
}
.tooltip-benefit ul li {
list-style-type: disc;
margin-left: 20px;
line-height: 1.5;
font-size: 14px;
}
.tooltip-benefit::before {
content: "";
position: absolute;
bottom: -5px;
left: 50%;
transform: translateX(-80%);
border-width: 5px;
border-style: solid;
border-color: #333 transparent transparent transparent;
}
.tooltip-benefit.visible {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.search-result-ad .container {
display: flex;
flex-direction: column;
}
@media (min-width: 992px) {
.search-result-ad .container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 20px;
grid-row-gap: 20px;
}
}
.search-result-ad .container .main-wrapper {
grid-area: 1/1/3/3;
display: flex;
flex-direction: column;
gap: 20px;
}
.search-result-ad .container .main-wrapper .search-block {
background: linear-gradient(90deg, #A9E5FD 0%, #FDF7B0 100%);
padding: 40px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.search-result-ad .container .main-wrapper .search-block .wrapper {
max-width: 1060px;
width: 100%;
}
.search-result-ad .container .main-wrapper .search-block .wrapper .input-container {
position: relative;
width: 100%;
}
.search-result-ad .container .main-wrapper .search-block .wrapper .input-container label {
width: 100%;
}
.search-result-ad .container .main-wrapper .search-block .wrapper .input-container label input {
display: flex;
align-items: center;
width: 100%;
height: 62px;
padding: 10px 10px 10px 50px; /* Padding includes space for the icon */
font-size: 16px;
border: 2px solid #D9D9D9;
border-radius: 8px;
outline: none;
box-sizing: border-box;
}
@media (min-width: 768px) {
.search-result-ad .container .main-wrapper .search-block .wrapper .input-container label input {
padding: 10px 10px 10px 80px; /* Padding includes space for the icon */
}
}
.search-result-ad .container .main-wrapper .search-block .wrapper .input-container label input::-webkit-input-placeholder {
color: #d9d9d9;
align-self: center;
font-size: 20px;
font-weight: 300;
}
@media (min-width: 768px) {
.search-result-ad .container .main-wrapper .search-block .wrapper .input-container label input::-webkit-input-placeholder {
font-size: 24px;
}
}
.search-result-ad .container .main-wrapper .search-block .wrapper .input-container label input:-moz-placeholder {
color: #d9d9d9;
align-self: center;
font-size: 20px;
font-weight: 300;
}
@media (min-width: 768px) {
.search-result-ad .container .main-wrapper .search-block .wrapper .input-container label input:-moz-placeholder {
font-size: 24px;
}
}
.search-result-ad .container .main-wrapper .search-block .wrapper .input-container label input::-moz-placeholder {
color: #d9d9d9;
align-self: center;
font-size: 20px;
font-weight: 300;
}
@media (min-width: 768px) {
.search-result-ad .container .main-wrapper .search-block .wrapper .input-container label input::-moz-placeholder {
font-size: 24px;
}
}
.search-result-ad .container .main-wrapper .search-block .wrapper .input-container label input:-ms-input-placeholder {
color: #d9d9d9;
align-self: center;
font-size: 20px;
font-weight: 300;
}
@media (min-width: 768px) {
.search-result-ad .container .main-wrapper .search-block .wrapper .input-container label input:-ms-input-placeholder {
font-size: 24px;
}
}
.search-result-ad .container .main-wrapper .search-block .wrapper .input-container .icon {
position: absolute;
left: 16px;
top: 50%;
width: 28px;
height: 28px;
transform: translateY(-50%);
font-size: 18px;
color: #aaa;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
@media (min-width: 768px) {
.search-result-ad .container .main-wrapper .search-block .wrapper .input-container .icon {
left: 30px;
}
}
.search-result-ad .container .main-wrapper .search-block .wrapper .input-container .icon__search {
background-image: url('data:image/svg+xml,');
}
.search-result-ad .container .main-wrapper .search-block .chips {
margin-top: 12px;
padding: 20px 0 0;
}
.search-result-ad .container .main-wrapper .search-block .chips .title {
color: #575757;
text-align: left;
font-size: 16px;
font-weight: bold;
margin-bottom: 12px;
}
.search-result-ad .container .main-wrapper .search-block .chips .chips-group {
max-width: 992px;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.search-result-ad .container .main-wrapper .search-block .chips .chips-group .chip {
background-color: #fff;
padding: 10px 20px;
border-radius: 20px;
margin: 5px;
cursor: pointer;
transition: background-color 0.2s ease;
}
.search-result-ad .container .main-wrapper .search-block .chips .chips-group .chip:hover {
background-color: #ddd;
}
.search-result-ad .container .main-wrapper .result-list {
display: flex;
flex-direction: column;
gap: 16px;
}
.search-result-ad .container .main-wrapper .result-list .item {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: white;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
border-radius: 8px;
overflow: hidden;
}
.search-result-ad .container .main-wrapper .result-list .item .image-wrapper {
padding: 20px 0 0 20px;
grid-area: 1/1/2/2;
}
.search-result-ad .container .main-wrapper .result-list .item .image-wrapper img {
aspect-ratio: 1/1;
height: 72.96px;
object-fit: cover;
object-position: center;
border-radius: 4px;
}
@media (min-width: 768px) {
.search-result-ad .container .main-wrapper .result-list .item .image-wrapper img {
height: 187px;
}
}
@media (min-width: 1200px) {
.search-result-ad .container .main-wrapper .result-list .item .image-wrapper img {
border-radius: 0;
aspect-ratio: 3/2;
height: 187px;
}
}
@media (min-width: 768px) {
.search-result-ad .container .main-wrapper .result-list .item .image-wrapper {
padding: 0;
grid-area: 1/1/3/3;
}
}
.search-result-ad .container .main-wrapper .result-list .item .title {
grid-area: 1/2/2/6;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
font-size: 1.125rem;
font-weight: bold;
line-height: 1.35;
padding: 16px 16px 0 4px;
}
@media (min-width: 768px) {
.search-result-ad .container .main-wrapper .result-list .item .title {
padding: 20px 20px 20px 0;
grid-area: 1/3/2/6;
}
}
.search-result-ad .container .main-wrapper .result-list .item .content-wrapper {
padding: 0 20px 20px 20px;
grid-area: 2/1/3/6;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.search-result-ad .container .main-wrapper .result-list .item .content-wrapper .content {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-size: 14px;
line-height: 1.5;
color: #7F7F7F;
}
.search-result-ad .container .main-wrapper .result-list .item .content-wrapper .author-createdAt {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.search-result-ad .container .main-wrapper .result-list .item .content-wrapper .author-createdAt .author {
font-size: 14px;
color: #949494;
font-weight: 300;
}
.search-result-ad .container .main-wrapper .result-list .item .content-wrapper .author-createdAt .createdAt {
font-size: 12px;
color: #949494;
font-weight: 300;
}
@media (min-width: 768px) {
.search-result-ad .container .main-wrapper .result-list .item .content-wrapper {
padding: 0 20px 20px 0;
grid-area: 2/3/3/6;
}
}
@media (min-width: 768px) {
.search-result-ad .container .main-wrapper .result-list .item {
grid-column-gap: 16px;
grid-row-gap: 0;
}
}
.search-result-ad .container .advertisement-block {
display: none;
grid-area: 1/3/3/4;
height: 100%;
/* background-color: #0f0; */
}
@media (min-width: 992px) {
.search-result-ad .container .advertisement-block {
display: block;
}
}
.search-result-ad .pagination {
margin-top: 20px;
display: flex;
justify-content: center;
align-items: stretch;
}
.search-result-ad .pagination button {
margin: 0;
padding: 5px 10px;
cursor: pointer;
outline: none;
border: 1px solid #D9D9D9;
border-left: 1px solid white;
background-color: white;
font-size: 14px;
font-weight: 300;
color: #7F7F7F;
}
.search-result-ad .pagination button:first-child {
border-radius: 4px 0 0 4px;
}
.search-result-ad .pagination button:last-child {
border-radius: 0 4px 4px 0;
border-left: 1px solid white;
}
.search-result-ad .pagination button.active {
background-color: #007bff;
color: white;
border: 1px solid #007bff;
}
.search-result-ad .pagination .prev {
padding: 0 12px;
border-radius: 4px;
border: 1px solid #D9D9D9;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url('data:image/svg+xml,');
background-size: 30%;
}
.search-result-ad .pagination .next {
padding: 0 12px;
border-radius: 4px;
border: 1px solid #D9D9D9;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url('data:image/svg+xml,');
background-size: 30%;
}
/**
* ==============================================
* Dot Pulse
* ==============================================
*/
.dot-pulse {
position: relative;
left: -9999px;
width: 10px;
height: 10px;
border-radius: 5px;
background-color: #9880ff;
color: #9880ff;
box-shadow: 9999px 0 0 -5px;
animation: dot-pulse 1.5s infinite linear;
animation-delay: 0.25s;
}
.dot-pulse::before, .dot-pulse::after {
content: "";
display: inline-block;
position: absolute;
top: 0;
width: 10px;
height: 10px;
border-radius: 5px;
background-color: #9880ff;
color: #9880ff;
}
.dot-pulse::before {
box-shadow: 9984px 0 0 -5px;
animation: dot-pulse-before 1.5s infinite linear;
animation-delay: 0s;
}
.dot-pulse::after {
box-shadow: 10014px 0 0 -5px;
animation: dot-pulse-after 1.5s infinite linear;
animation-delay: 0.5s;
}
@keyframes dot-pulse-before {
0% {
box-shadow: 9984px 0 0 -5px;
}
30% {
box-shadow: 9984px 0 0 2px;
}
60%, 100% {
box-shadow: 9984px 0 0 -5px;
}
}
@keyframes dot-pulse {
0% {
box-shadow: 9999px 0 0 -5px;
}
30% {
box-shadow: 9999px 0 0 2px;
}
60%, 100% {
box-shadow: 9999px 0 0 -5px;
}
}
@keyframes dot-pulse-after {
0% {
box-shadow: 10014px 0 0 -5px;
}
30% {
box-shadow: 10014px 0 0 2px;
}
60%, 100% {
box-shadow: 10014px 0 0 -5px;
}
}
.loading-block {
display: none;
align-items: center;
justify-content: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 100;
}
.report-channel-visual-banner {
width: 100%;
}
.report-channel-visual-banner__other-reports {
width: 100%;
}
.report-channel-visual-banner__other-reports .container {
height: 100%;
}
.report-channel-visual-banner__other-reports .container .base__other-reports {
background: linear-gradient(91.23deg, #FFFDBE 0.48%, #EBFBE1 52.44%, #DAF9FF 98.53%);
border-radius: 8px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
overflow: hidden;
}
.report-channel-visual-banner__other-reports .container .base__other-reports .frame {
width: 100%;
height: 100%;
display: flex;
justify-content: flex-end;
pointer-events: none;
}
.report-channel-visual-banner__other-reports .container .base__other-reports .frame .float-right {
padding: 20px;
flex: 0 1 100%;
display: flex;
flex-direction: column;
height: 50%;
}
.report-channel-visual-banner__other-reports .container .base__other-reports .frame .float-right .title-block {
padding: 20px;
background-color: black;
border-radius: 4px;
flex: 0 1 100%;
display: flex;
align-items: center;
justify-content: center;
}
.report-channel-visual-banner__other-reports .container .base__other-reports .frame .float-right .title-block__servers {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url("../images/servers.jpg");
}
@media (min-width: 768px) {
.report-channel-visual-banner__other-reports .container .base__other-reports .frame .float-right .title-block__servers {
background-image: unset;
}
}
@media (min-width: 768px) {
.report-channel-visual-banner__other-reports .container .base__other-reports .frame .float-right .title-block {
padding: 0;
background-color: unset;
border-radius: 0;
}
}
@media (min-width: 768px) {
.report-channel-visual-banner__other-reports .container .base__other-reports .frame .float-right .title-block {
flex: 0 1 30%;
}
}
.report-channel-visual-banner__other-reports .container .base__other-reports .frame .float-right .title-block h1 {
color: #ffffff;
text-shadow: black 0 0 5px;
}
.report-channel-visual-banner__other-reports .container .base__other-reports .frame .float-right .desc-text {
margin-top: 0;
text-align: right;
padding: 20px;
color: #575757;
}
@media (min-width: 768px) {
.report-channel-visual-banner__other-reports .container .base__other-reports .frame .float-right .desc-text {
color: white;
margin-top: -40px;
}
}
.report-channel-visual-banner__other-reports .container .base__other-reports .frame .float-right .board {
padding: 24px;
flex: 1 1 100%;
background-color: white;
display: flex;
justify-content: space-between;
flex-direction: column;
pointer-events: auto;
border-radius: 0 0 4px 4px;
}
.report-channel-visual-banner__other-reports .container .base__other-reports .frame .float-right .board .subtitle {
align-self: flex-start;
padding-bottom: 8px;
border-bottom: 3px solid #F49C00;
font-size: 1.875rem;
font-weight: 500;
color: #252525;
margin-bottom: 30px;
}
.report-channel-visual-banner__other-reports .container .base__other-reports .frame .float-right .board ul li {
line-height: 1.5;
margin-bottom: 16px;
}
.report-channel-visual-banner__other-reports .container .base__other-reports .frame .float-right .board .button-wrapper {
display: flex;
align-items: center;
justify-content: center;
height: 60px;
}
.report-channel-visual-banner__other-reports .container .base__other-reports .frame .float-right .board .button-wrapper button {
border-style: none;
padding: 10px 20px;
border-radius: 4px;
flex: 0 1 100%;
color: #fff;
font-weight: bold;
background-color: #F49C00;
}
@media (min-width: 768px) {
.report-channel-visual-banner__other-reports .container .base__other-reports .frame .float-right .board .button-wrapper button {
flex: 0 1 70%;
}
}
@media (min-width: 768px) {
.report-channel-visual-banner__other-reports .container .base__other-reports .frame .float-right .board {
border-radius: 4px;
}
}
@media (min-width: 768px) {
.report-channel-visual-banner__other-reports .container .base__other-reports .frame .float-right {
padding: 32px;
}
}
@media (min-width: 768px) {
.report-channel-visual-banner__other-reports .container .base__other-reports .frame .float-right {
flex: 0 1 60%;
height: 100%;
}
}
@media (min-width: 768px) {
.report-channel-visual-banner__other-reports .container .base__other-reports .frame {
position: absolute;
z-index: 2;
top: 0;
left: 0;
}
}
.report-channel-visual-banner__other-reports .container .base__other-reports .visual {
grid-area: visual;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.report-channel-visual-banner__other-reports .container .base__other-reports .visual__servers {
background-image: url("../images/servers.jpg");
}
.report-channel-visual-banner__other-reports .container .base__other-reports .gradient {
grid-area: gradient;
display: flex;
flex-direction: row;
}
.report-channel-visual-banner__other-reports .container .base__other-reports .gradient .list {
display: flex;
flex-direction: column;
justify-content: flex-start;
flex: 0 1 100%;
height: 100%;
padding: 20px;
}
.report-channel-visual-banner__other-reports .container .base__other-reports .gradient .list__other-reports {
flex: 1 1 100%;
display: flex;
padding: 20px;
flex-wrap: wrap;
gap: 20px;
}
.report-channel-visual-banner__other-reports .container .base__other-reports .gradient .list__other-reports .item {
display: flex;
align-items: center;
flex: 0 1 auto;
margin-bottom: 12px;
cursor: pointer;
}
.report-channel-visual-banner__other-reports .container .base__other-reports .gradient .list__other-reports .item .icon {
height: 42px;
width: 42px;
padding: 16px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-right: 12px;
background-position: center;
background-repeat: no-repeat;
background-size: 80%;
}
.report-channel-visual-banner__other-reports .container .base__other-reports .gradient .list__other-reports .item .icon__blue {
background-color: #23527c;
}
.report-channel-visual-banner__other-reports .container .base__other-reports .gradient .list__other-reports .item .icon__orange {
background-color: #ff7700;
}
.report-channel-visual-banner__other-reports .container .base__other-reports .gradient .list__other-reports .item .icon__green {
background-color: #00a650;
}
.report-channel-visual-banner__other-reports .container .base__other-reports .gradient .list__other-reports .item .icon__purple {
background-color: #5E0094;
}
.report-channel-visual-banner__other-reports .container .base__other-reports .gradient .list__other-reports .item .icon__report {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
}
.report-channel-visual-banner__other-reports .container .base__other-reports .gradient .list__other-reports .item p {
line-height: 1.5;
margin-bottom: 0;
}
@media (min-width: 768px) {
.report-channel-visual-banner__other-reports .container .base__other-reports .gradient .list__other-reports {
flex-wrap: nowrap;
}
}
.report-channel-visual-banner__other-reports .container .base__other-reports .gradient .list .item {
display: flex;
align-items: center;
flex: 0 1 35%;
margin-bottom: 12px;
cursor: pointer;
}
.report-channel-visual-banner__other-reports .container .base__other-reports .gradient .list .item .icon {
height: 42px;
width: 42px;
padding: 16px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-right: 12px;
background-position: center;
background-repeat: no-repeat;
background-size: 80%;
}
.report-channel-visual-banner__other-reports .container .base__other-reports .gradient .list .item .icon__blue {
background-color: #23527c;
}
.report-channel-visual-banner__other-reports .container .base__other-reports .gradient .list .item .icon__orange {
background-color: #ff7700;
}
.report-channel-visual-banner__other-reports .container .base__other-reports .gradient .list .item .icon__green {
background-color: #00a650;
}
.report-channel-visual-banner__other-reports .container .base__other-reports .gradient .list .item .icon__purple {
background-color: #5E0094;
}
.report-channel-visual-banner__other-reports .container .base__other-reports .gradient .list .item .icon__report {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
}
.report-channel-visual-banner__other-reports .container .base__other-reports .gradient .list .item p {
line-height: 1.5;
margin-bottom: 0;
}
@media (min-width: 768px) {
.report-channel-visual-banner__other-reports .container .base__other-reports .gradient .list {
flex: 0 1 40%;
padding-top: 12px;
padding-left: 20px;
}
}
@media (min-width: 768px) {
.report-channel-visual-banner__other-reports .container .base__other-reports {
position: relative;
display: grid;
grid-template-rows: repeat(5, 1fr);
grid-template-columns: 1fr 1fr;
grid-template-areas: "visual visual" "visual visual" "visual visual" "visual visual" "gradient gradient";
gap: 0 0;
grid-auto-flow: row;
}
}
@media (min-width: 768px) {
.report-channel-visual-banner {
height: 648px;
}
}
@media (min-width: 992px) {
.report-channel-visual-banner {
height: 548px;
}
}
.report-channel-visual-banner .container {
height: 100%;
}
.report-channel-visual-banner .container .base {
overflow: hidden;
border-radius: 8px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
position: relative;
width: 100%;
height: 100%;
background: linear-gradient(91.23deg, #FFFDBE 0.48%, #EBFBE1 52.44%, #DAF9FF 98.53%);
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.report-channel-visual-banner .container .base {
display: grid;
grid-template-rows: repeat(6, 1fr);
grid-template-columns: 1fr 1fr;
grid-template-areas: "visual visual" "visual visual" "visual visual" "visual visual" "gradient gradient" "gradient gradient";
gap: 0 0;
grid-auto-flow: row;
}
}
.report-channel-visual-banner .container .base .frame {
width: 100%;
height: 100%;
display: flex;
justify-content: flex-end;
pointer-events: none;
}
.report-channel-visual-banner .container .base .frame .float-right {
padding: 20px;
flex: 0 1 100%;
display: flex;
flex-direction: column;
height: 50%;
}
.report-channel-visual-banner .container .base .frame .float-right .title-block {
padding: 20px;
background-color: black;
border-radius: 4px 4px 0 0;
flex: 0 1 100%;
display: flex;
align-items: center;
justify-content: center;
}
.report-channel-visual-banner .container .base .frame .float-right .title-block__servers {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url("../images/servers.jpg");
}
@media (min-width: 768px) {
.report-channel-visual-banner .container .base .frame .float-right .title-block__servers {
background-image: unset;
}
}
@media (min-width: 768px) {
.report-channel-visual-banner .container .base .frame .float-right .title-block {
padding: 0;
background-color: unset;
border-radius: 0;
}
}
@media (min-width: 768px) {
.report-channel-visual-banner .container .base .frame .float-right .title-block {
flex: 0 1 30%;
}
}
.report-channel-visual-banner .container .base .frame .float-right .title-block h1 {
color: #ffffff;
text-shadow: black 0 0 5px;
}
.report-channel-visual-banner .container .base .frame .float-right .desc-text {
margin-top: 0;
text-align: right;
padding: 20px;
color: #575757;
}
@media (min-width: 768px) {
.report-channel-visual-banner .container .base .frame .float-right .desc-text {
color: white;
margin-top: -40px;
}
}
.report-channel-visual-banner .container .base .frame .float-right .board {
padding: 24px;
flex: 1 1 100%;
background-color: white;
display: flex;
justify-content: space-between;
flex-direction: column;
pointer-events: auto;
border-radius: 0 0 4px 4px;
}
.report-channel-visual-banner .container .base .frame .float-right .board .subtitle {
align-self: flex-start;
padding-bottom: 8px;
border-bottom: 3px solid #F49C00;
font-size: 1.875rem;
font-weight: 500;
color: #252525;
margin-bottom: 30px;
}
.report-channel-visual-banner .container .base .frame .float-right .board ul li {
line-height: 1.5;
margin-bottom: 16px;
}
.report-channel-visual-banner .container .base .frame .float-right .board .button-wrapper {
display: flex;
align-items: center;
justify-content: center;
height: 60px;
}
.report-channel-visual-banner .container .base .frame .float-right .board .button-wrapper button {
border-style: none;
padding: 10px 20px;
border-radius: 4px;
flex: 0 1 100%;
color: #fff;
font-weight: bold;
background-color: #F49C00;
}
@media (min-width: 768px) {
.report-channel-visual-banner .container .base .frame .float-right .board .button-wrapper button {
flex: 0 1 70%;
}
}
@media (min-width: 768px) {
.report-channel-visual-banner .container .base .frame .float-right .board {
border-radius: 4px;
}
}
@media (min-width: 768px) {
.report-channel-visual-banner .container .base .frame .float-right {
padding: 32px;
}
}
@media (min-width: 768px) {
.report-channel-visual-banner .container .base .frame .float-right {
flex: 0 1 60%;
height: 100%;
}
}
@media (min-width: 768px) {
.report-channel-visual-banner .container .base .frame {
position: absolute;
z-index: 2;
top: 0;
left: 0;
}
}
.report-channel-visual-banner .container .base .visual {
grid-area: visual;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.report-channel-visual-banner .container .base .visual__servers {
background-image: url("../images/servers.jpg");
}
.report-channel-visual-banner .container .base .gradient {
grid-area: gradient;
display: flex;
flex-direction: row;
}
.report-channel-visual-banner .container .base .gradient .list {
display: flex;
flex-direction: column;
justify-content: flex-start;
flex: 0 1 100%;
height: 100%;
padding: 20px;
}
.report-channel-visual-banner .container .base .gradient .list__other-reports {
flex: 1 1 100%;
display: flex;
padding: 20px;
flex-wrap: wrap;
gap: 20px;
}
.report-channel-visual-banner .container .base .gradient .list__other-reports .item {
display: flex;
align-items: center;
flex: 0 1 auto;
margin-bottom: 12px;
cursor: pointer;
}
.report-channel-visual-banner .container .base .gradient .list__other-reports .item .icon {
height: 42px;
width: 42px;
padding: 16px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-right: 12px;
background-position: center;
background-repeat: no-repeat;
background-size: 80%;
}
.report-channel-visual-banner .container .base .gradient .list__other-reports .item .icon__blue {
background-color: #23527c;
}
.report-channel-visual-banner .container .base .gradient .list__other-reports .item .icon__orange {
background-color: #ff7700;
}
.report-channel-visual-banner .container .base .gradient .list__other-reports .item .icon__green {
background-color: #00a650;
}
.report-channel-visual-banner .container .base .gradient .list__other-reports .item .icon__purple {
background-color: #5E0094;
}
.report-channel-visual-banner .container .base .gradient .list__other-reports .item .icon__report {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
}
.report-channel-visual-banner .container .base .gradient .list__other-reports .item p {
line-height: 1.5;
margin-bottom: 0;
}
@media (min-width: 768px) {
.report-channel-visual-banner .container .base .gradient .list__other-reports {
flex-wrap: nowrap;
}
}
.report-channel-visual-banner .container .base .gradient .list .item {
display: flex;
align-items: center;
flex: 0 1 35%;
margin-bottom: 12px;
cursor: pointer;
}
.report-channel-visual-banner .container .base .gradient .list .item .icon {
height: 42px;
width: 42px;
padding: 16px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-right: 12px;
background-position: center;
background-repeat: no-repeat;
background-size: 80%;
}
.report-channel-visual-banner .container .base .gradient .list .item .icon__blue {
background-color: #23527c;
}
.report-channel-visual-banner .container .base .gradient .list .item .icon__orange {
background-color: #ff7700;
}
.report-channel-visual-banner .container .base .gradient .list .item .icon__green {
background-color: #00a650;
}
.report-channel-visual-banner .container .base .gradient .list .item .icon__purple {
background-color: #5E0094;
}
.report-channel-visual-banner .container .base .gradient .list .item .icon__report {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
}
.report-channel-visual-banner .container .base .gradient .list .item p {
line-height: 1.5;
margin-bottom: 0;
}
@media (min-width: 768px) {
.report-channel-visual-banner .container .base .gradient .list {
flex: 0 1 40%;
padding-top: 12px;
padding-left: 20px;
}
}
.research-scope-block .container .block {
padding: 30px;
background-color: white;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
border-radius: 8px;
}
.research-scope-block .container .block .title {
font-size: 16px;
font-weight: bold;
margin-bottom: 40px;
}
.research-scope-block .container .block p {
font-size: 0.9rem;
line-height: 1.5;
margin-bottom: 0;
}
.filter-block {
margin-bottom: 20px;
display: flex;
}
@media (min-width: 992px) {
.filter-block {
display: none;
}
}
.filter-block .filter-btn {
cursor: pointer;
padding: 20px;
outline: none;
background-color: white;
width: 100%;
border-radius: 8px;
border: 1px solid #D9D9D9;
display: flex;
align-items: center;
justify-content: center;
color: #252525;
font-size: 1.25rem;
}
.filter-block .filter-btn .icon {
padding: 12px;
margin-right: 20px;
width: 12px;
height: 12px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.filter-block .filter-btn .icon__filter {
background-image: url('data:image/svg+xml,');
}
.filter-block .filter-btn:hover {
border: 1px solid #252525;
}
@media (min-width: 992px) {
.filter-list-reports .container {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 20px;
grid-row-gap: 0;
}
}
.filter-list-reports .container .filter {
grid-area: 1/1/2/3;
border-radius: 8px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
display: none;
padding: 20px;
background-color: white;
}
.filter-list-reports .container .filter .search {
cursor: pointer;
margin-top: 15px;
display: flex;
justify-content: flex-end;
}
.filter-list-reports .container .filter .search .icon {
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.filter-list-reports .container .filter .search .icon__search {
background-image: url('data:image/svg+xml,');
}
.filter-list-reports .container .filter .title-block {
margin-top: 35px;
display: flex;
justify-content: space-between;
align-items: center;
}
.filter-list-reports .container .filter .title-block .title {
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 8px;
}
.filter-list-reports .container .filter .title-block .clearAll {
border: none;
outline: none;
font-size: 14px;
color: #ff0000;
background-color: transparent;
text-decoration: none;
font-weight: 300;
cursor: pointer;
}
.filter-list-reports .container .filter .title-block .clearAll:hover {
color: #ff7700;
}
.filter-list-reports .container .filter .accordion-toggler {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.filter-list-reports .container .filter .accordion-toggler h3 button {
outline: none;
border: none;
background-color: transparent;
cursor: pointer;
}
.filter-list-reports .container .filter .accordion-toggler h3 button .accordion-panel-title {
font-size: 1rem;
font-weight: 500;
}
.filter-list-reports .container .filter .accordion-toggler .icon {
height: 10px;
width: 10px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.filter-list-reports .container .filter .accordion-toggler .icon__angle-down {
background-image: url('data:image/svg+xml,');
}
.filter-list-reports .container .filter .accordion-toggler .icon__angle-up {
background-image: url('data:image/svg+xml,');
}
.filter-list-reports .container .filter .accordion-panel-content {
overflow: hidden;
height: 0;
transition: height 0.5s;
margin-top: 20px;
display: flex;
flex-direction: column;
}
.filter-list-reports .container .filter .accordion-panel-content.show {
height: auto;
}
.filter-list-reports .container .filter .accordion-panel-content .toggle-input-container {
cursor: pointer;
display: flex;
align-items: center;
margin-bottom: 16px;
}
.filter-list-reports .container .filter .accordion-panel-content .toggle-input-container .toggle-input {
cursor: pointer;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
height: 16px;
width: 16px;
background-color: #ffffff;
border-radius: 4px;
border: 1px solid #D9D9D9;
display: flex;
align-items: center;
justify-content: center;
position: relative;
margin-right: 8px;
}
.filter-list-reports .container .filter .accordion-panel-content .toggle-input-container .toggle-input:hover {
background-color: #F49C00;
border: 1px solid #F49C00;
}
.filter-list-reports .container .filter .accordion-panel-content .toggle-input-container .toggle-input::after {
content: "";
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 16px;
background-position: center;
height: 12px;
width: 12px;
color: white;
display: none;
}
.filter-list-reports .container .filter .accordion-panel-content .toggle-input-container .toggle-input:checked {
background-color: #252525;
}
.filter-list-reports .container .filter .accordion-panel-content .toggle-input-container .toggle-input:checked:after {
display: block;
}
.filter-list-reports .container .filter .accordion-panel-content .toggle-input-container .toggle-input:checked + .option-content-wrapper {
background-color: #F49C00;
}
.filter-list-reports .container .filter .accordion-panel-content .toggle-input-container .toggle-input:checked + .option-content-wrapper::before {
background-color: #F49C00;
}
.filter-list-reports .container .filter .accordion-panel-content .toggle-input-container .toggle-input:checked::before {
background-color: #F49C00;
}
.filter-list-reports .container .filter .accordion-panel-content .toggle-input-container .toggle-input-radio {
cursor: pointer;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
height: 16px;
width: 16px;
background-color: #ffffff;
border-radius: 50%;
border: 1px solid #D9D9D9;
display: flex;
align-items: center;
justify-content: center;
position: relative;
margin-right: 8px;
}
.filter-list-reports .container .filter .accordion-panel-content .toggle-input-container .toggle-input-radio:hover {
background-color: #F49C00;
border: 1px solid #F49C00;
}
.filter-list-reports .container .filter .accordion-panel-content .toggle-input-container .toggle-input-radio::after {
content: "";
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
background-repeat: no-repeat;
background-size: 16px;
background-position: center;
height: 16px;
width: 16px;
color: white;
display: none;
}
.filter-list-reports .container .filter .accordion-panel-content .toggle-input-container .toggle-input-radio:checked {
background-color: white;
}
.filter-list-reports .container .filter .accordion-panel-content .toggle-input-container .toggle-input-radio:checked:after {
display: block;
}
.filter-list-reports .container .filter .accordion-panel-content .toggle-input-container .toggle-input-radio:checked + .option-content-wrapper {
background-color: #F49C00;
}
.filter-list-reports .container .filter .accordion-panel-content .toggle-input-container .toggle-input-radio:checked + .option-content-wrapper::before {
background-color: #F49C00;
}
.filter-list-reports .container .filter .accordion-panel-content .toggle-input-container .toggle-input-radio:checked::before {
background-color: #F49C00;
}
.filter-list-reports .container .filter .accordion-panel-content .toggle-input-container .count {
font-size: 12px;
font-weight: 300;
color: #7F7F7F;
margin-left: 8px;
}
.filter-list-reports .container .filter .month-year-range-picker-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
.filter-list-reports .container .filter .month-year-range-picker-wrapper .picker-block {
flex: 0 1 45%;
}
.filter-list-reports .container .filter .month-year-range-picker-wrapper .picker-block .month-year-range-picker {
flex: 1 1 100%;
width: 100%;
padding: 8px;
border: 1px solid #D9D9D9;
border-radius: 4px;
}
@media (min-width: 992px) {
.filter-list-reports .container .filter {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
}
}
.filter-list-reports .container .list {
grid-area: 1/3/2/7;
display: flex;
flex-direction: column;
gap: 12px;
}
.filter-list-reports .container .list .item {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: white;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
border-radius: 8px;
overflow: hidden;
}
.filter-list-reports .container .list .item .image-wrapper {
position: relative;
padding: 20px 0 0 20px;
grid-area: 1/1/2/2;
}
.filter-list-reports .container .list .item .image-wrapper img {
width: 100%;
aspect-ratio: 1/1;
height: 72.96px;
object-fit: cover;
object-position: center;
border-radius: 4px;
}
@media (min-width: 768px) {
.filter-list-reports .container .list .item .image-wrapper img {
height: 187px;
}
}
@media (min-width: 1200px) {
.filter-list-reports .container .list .item .image-wrapper img {
border-radius: 0;
aspect-ratio: 3/2;
height: 187px;
}
}
@media (min-width: 768px) {
.filter-list-reports .container .list .item .image-wrapper {
padding: 0;
grid-area: 1/1/3/3;
}
}
.filter-list-reports .container .list .item .title {
grid-area: 1/2/2/6;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
font-size: 1.125rem;
font-weight: bold;
line-height: 1.35;
padding: 16px 16px 0 4px;
}
@media (min-width: 768px) {
.filter-list-reports .container .list .item .title {
padding: 20px 20px 20px 0;
grid-area: 1/3/2/6;
}
}
.filter-list-reports .container .list .item .content-wrapper {
padding: 0 20px 20px 20px;
grid-area: 2/1/3/6;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.filter-list-reports .container .list .item .content-wrapper .content {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-size: 14px;
line-height: 1.5;
color: #7F7F7F;
}
.filter-list-reports .container .list .item .content-wrapper .author-createdAt {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.filter-list-reports .container .list .item .content-wrapper .author-createdAt .author {
font-size: 14px;
color: #949494;
font-weight: 300;
}
.filter-list-reports .container .list .item .content-wrapper .author-createdAt .createdAt {
font-size: 12px;
color: #949494;
font-weight: 300;
}
@media (min-width: 768px) {
.filter-list-reports .container .list .item .content-wrapper {
padding: 0 20px 20px 0;
grid-area: 2/3/3/6;
}
}
@media (min-width: 768px) {
.filter-list-reports .container .list .item {
grid-column-gap: 28px;
grid-row-gap: 0;
}
}
.filter-list-reports .pagination {
margin-top: 20px;
display: flex;
justify-content: center;
align-items: stretch;
}
.filter-list-reports .pagination button {
margin: 0;
padding: 5px 10px;
cursor: pointer;
outline: none;
border: 1px solid #D9D9D9;
border-left: 1px solid white;
background-color: white;
font-size: 14px;
font-weight: 300;
color: #7F7F7F;
}
.filter-list-reports .pagination button:first-child {
border-radius: 4px 0 0 4px;
border-left: 1px solid #D9D9D9;
}
.filter-list-reports .pagination button:last-child {
border-radius: 0 4px 4px 0;
}
.filter-list-reports .pagination button.active {
background-color: #007bff;
color: white;
border: 1px solid #007bff;
}
.filter-list-reports .pagination .prev {
padding: 0 12px;
border: 1px solid #D9D9D9;
border-left: none;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url('data:image/svg+xml,');
background-size: 30%;
}
.filter-list-reports .pagination .next {
padding: 0 12px;
border: 1px solid #D9D9D9;
border-left: none;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url('data:image/svg+xml,');
background-size: 30%;
}
/*# sourceMappingURL=style.css.map */