.fog{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(var(--fog-grid-min-size),1fr));margin-bottom:40px}@media(min-width:768px){.fog{gap:30px}}.fog .fog__item{background-color:#fff;border-top-left-radius:4px;border-top-right-radius:4px;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.fog .fog__item>a{display:block;position:relative}.fog .fog__item>a img{background:var(--grey-100);height:100%;inset:0;position:absolute;width:100%}.fog .fog__item>a:after{content:"";display:block;padding-top:57.5%}.fog .fog__item img{vertical-align:top}.fog .fog__item div{border:1px solid var(--grey-400);border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top:0;display:flex;flex-direction:column;padding:15px 15px 20px}.fog .fog__item div img{border-radius:4px}.fog .fog__item div figure{column-gap:10px;display:grid;grid-template-columns:28px auto}.fog .fog__item div figure b{display:block;font-size:14px;line-height:16px;margin:-3px 0}@media(min-width:480px){.fog .fog__item div figure b{font-size:16px;line-height:18px}}.fog .fog__item div figure small{display:block;font-size:10px;line-height:14px;margin-top:4px;opacity:.6}.fog .fog__item div p{flex:1;margin:10px 0 15px}.fog .fog__item div p a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-decoration:none}@media(min-width:480px){.fog .fog__item div p a{font-size:16px;line-height:22px}}.fog .fog__item__review{margin-top:12px}.tabs div{background-color:var(--grey-200);border-radius:var(--rad);column-gap:2px;display:flex;margin-bottom:20px;padding:2px}@media(min-width:480px){.tabs div{display:var(--tabs-display)}}.tabs div a{border-radius:var(--rad);color:#000000b3;cursor:pointer;display:inline-block;flex:1 0 0;font-size:16px;line-height:32px;padding:0 5px;text-align:center}@media(min-width:480px){.tabs div a{min-width:var(--tabs-min-width);padding:0 20px}}.tabs div a.active{background-color:#fff;color:#000}.tabs div a.disabled{cursor:pointer;opacity:.2;pointer-events:none;transition:opacity .2s}.tabs div a:not(.active):hover{background-color:#0000000d}.tabs div a:hover{text-decoration:none}.sectionIntro{max-width:1000px}.fogMainListPage .fullPageArticle{margin-left:auto;margin-right:auto;max-width:700px}.fogMainListPage .fullPageArticle:first-child{margin-bottom:40px}.fogMainList{--fog-grid-min-size:161px;--tabs-display:inline-flex;--tabs-min-width:140px}@media(min-width:1381px){.expandArticleContainer{margin-left:-130px;margin-right:-130px;width:calc(100% + 260px)}}@media(max-width:1380px)and (min-width:1025px){.expandArticleContainer{margin-left:calc(50% - 50vw + 210px);margin-right:calc(50% - 50vw + 210px);width:calc(100vw - 420px)}}@media(max-width:1024px)and (min-width:962px){.expandArticleContainer{margin-left:calc(50% - 50vw + 190px);margin-right:calc(50% - 50vw + 190px);width:calc(100vw - 380px)}}@media(max-width:961px)and (min-width:769px){.expandArticleContainer{margin-left:calc(50% - 50vw + 20px);margin-right:calc(50% - 50vw + 20px);width:calc(100vw - 40px)}}
/*# sourceMappingURL=fogMainList.5af468bc.css.map*/