.article-expert-banner{--eb-blue: #2a6fd3;--eb-blue-deep: #254b83;--eb-radius: 8px;position:relative;width:100%;border-radius:var(--eb-radius);background:#fff;box-shadow:0 0 4px #0000001a;overflow:hidden;padding:16px 0}.article-expert-banner__bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;overflow:hidden}.article-expert-banner__bg-image{display:block;width:100%;height:100%;object-fit:cover;opacity:.3}.article-expert-banner__inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:24px;width:100%;padding:0 16px 0 0}.article-expert-banner__main{display:contents}.article-expert-banner__content{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding-left:16px}.article-expert-banner__title{margin:0;width:100%;color:#000;font-size:16px;font-weight:700;line-height:28px;word-break:break-word}.article-expert-banner__subtitle{margin:0;width:100%;color:var(--eb-blue);font-size:14px;font-weight:600;line-height:18px;word-break:break-word}.article-expert-banner__author{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.article-expert-banner__name{color:#000;font-size:14px;font-weight:600;line-height:1.2;white-space:nowrap}.article-expert-banner__badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:4px 8px;border:1px solid var(--eb-blue);border-radius:2px;background:#2a6fd30f}.article-expert-banner__badge-icon{display:inline-flex;align-items:center;justify-content:center;width:15px;height:18px;flex-shrink:0}.article-expert-banner__badge-icon img,.article-expert-banner__badge-icon svg{display:block;width:100%;height:100%;object-fit:contain}.article-expert-banner__badge-text{color:var(--eb-blue-deep);font-size:7px;font-weight:400;line-height:1.2;white-space:nowrap}.article-expert-banner__quote{margin:0;width:100%;color:var(--eb-blue-deep);font-size:12px;font-weight:500;line-height:24px;word-break:break-word}.article-expert-banner__quote-mark{font-size:24px;font-weight:400;line-height:24px;color:var(--eb-blue-deep)}.article-expert-banner__quote-text{display:block;font-size:12px;font-weight:500;line-height:24px}.article-expert-banner__quote-text>p{display:inline}.article-expert-banner__media{flex:0 0 auto;width:198px;height:200px;border-radius:var(--eb-radius);overflow:hidden;display:flex;align-items:center;justify-content:center}.article-expert-banner__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.article.article-202608{background-color:#f2f2f2;margin-top:24px}.article-202608 .article-content{grid-template-columns:minmax(0,7.12fr) minmax(0,3.8fr)}.article-202608 .article-content-inner ul{padding-left:20px}.article-202608 .article-content-inner ul li{list-style:disc}.article.article-202608 .article-directory,.article.article-202608 .directory-items,.article.article-202608 .article-directory-item{min-width:0;max-width:100%}.article.article-202608 .article-directory-item>a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media screen and (max-width:767px){.article.article-202608{gap:16px;margin-top:0}.article-202608 .article-content{grid-template-columns:1fr}.article-expert-banner{display:block;padding:16px}.article-expert-banner__inner{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:10px;padding:0;max-width:574px;margin:0 auto}.article-expert-banner__main{display:flex;flex-direction:row;align-items:flex-start;gap:10px;width:100%}.article-expert-banner__media{width:100px;height:111px;flex-shrink:0;border-radius:4px}.article-expert-banner__content{flex:1 1 auto;min-width:0;padding-left:0;gap:8px}.article-expert-banner__subtitle{order:1;font-size:11px;font-weight:600;line-height:16px}.article-expert-banner__title{order:2;font-size:13px;font-weight:700;line-height:20px}.article-expert-banner__author{order:3;gap:4px}.article-expert-banner__name{font-size:10px;font-weight:600}.article-expert-banner__badge{padding:2px 6px;gap:4px}.article-expert-banner__badge-icon{width:12px;height:14px}.article-expert-banner__badge-text{font-size:7px;white-space:normal}.article-expert-banner__quote{font-size:14px;line-height:28px}.article-expert-banner__quote-text{font-size:14px;font-weight:500;line-height:28px}.article-expert-banner__quote-mark{font-size:24px;line-height:24px}.article-expert-banner__quote{display:none}.article-expert-banner__quote-mobile{display:block}}@media screen and (max-width:374px){.article-expert-banner{padding:calc(16 / 375 * 100vw)}.article-expert-banner__inner,.article-expert-banner__main{gap:calc(10 / 375 * 100vw)}.article-expert-banner__media{width:calc(100 / 375 * 100vw);height:calc(111 / 375 * 100vw)}.article-expert-banner__subtitle{font-size:calc(11 / 375 * 100vw);line-height:calc(16 / 375 * 100vw)}.article-expert-banner__title{font-size:calc(13 / 375 * 100vw);line-height:calc(20 / 375 * 100vw)}.article-expert-banner__name{font-size:calc(10 / 375 * 100vw)}.article-expert-banner__badge-text{font-size:calc(7 / 375 * 100vw)}.article-expert-banner__badge{padding:calc(2 / 375 * 100vw) 1.6vw;gap:calc(4 / 375 * 100vw)}.article-expert-banner__quote,.article-expert-banner__quote-text{font-size:calc(14 / 375 * 100vw);line-height:calc(28 / 375 * 100vw)}.article-expert-banner__quote-mark{font-size:6.4vw;line-height:6.4vw}.article-202608 .article-content{padding-top:0}}@media screen and (min-width:768px){.article-expert-banner__quote-mobile{display:none}.article-expert-banner{padding:8px 0 8px 24px}.article-expert-banner__inner{display:grid;grid-template-columns:1fr auto;grid-template-areas:"content media";align-items:center;column-gap:24px;row-gap:8px}.article-expert-banner__main{display:contents}.article-expert-banner__content{grid-area:content;padding-left:0}.article-expert-banner__media{grid-area:media;width:297px;height:300px}.article-expert-banner__quote{grid-area:quote}.article-expert-banner__title{font-size:20px;font-weight:600;line-height:36px}.article-expert-banner__subtitle{font-size:16px;font-weight:700;line-height:32px}.article-expert-banner__name{font-size:18px;font-weight:700;line-height:normal}.article-expert-banner__badge-text{font-size:14px}.article-expert-banner__quote-text{font-size:16px;font-weight:400;line-height:28px;max-width:718px}}@media screen and (min-width:1280px){.article-expert-banner{padding:8px 80px}.article-expert-banner__content{padding-left:24px}.article-expert-banner__media{width:317px;height:320px}.article-expert-banner__title{font-size:34px}.article-expert-banner__subtitle{font-size:16px}.article-expert-banner__name{font-size:24px}.article-expert-banner__badge-text{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/article-expert-banner.css.map */