@scope (.new_external_posts_section){:scope{margin:40px 10dvw 0}.description{font-size:14px;color:#bbb;padding-top:4px}h2{display:flex;justify-content:left;align-items:center}.icon{color:#eee;margin-right:8px;height:1em}.note_possible_to_slide{font-size:8pt;color:#bbb;text-align:center;margin-top:4px}.link_to_index_page{margin-top:10px;display:flex;width:100%;justify-content:right;a{color:#bbb;text-decoration:none;border-bottom:1px solid #bbb}}.postcard_wrapper{>a{margin-right:5px}}}@scope (.external_postcard){:scope{text-decoration:none;display:flex;align-items:center;justify-content:center;--outer-width:350}.outer{margin:calc(10px * var(--outer-width) / 420);background-color:#3c405b;height:calc(630px * var(--outer-width) / 1200);display:flex;align-items:center;justify-content:center;width:calc(1px * var(--outer-width));padding:0 calc(10px * var(--outer-width) / 420)}.inner{width:calc(1110px * var(--outer-width) / 1200);height:calc(530px * var(--outer-width) / 1200);background-color:#eee;border-radius:calc(8px * var(--outer-width) / 420)}.container,.inner{display:flex;flex-direction:column;justify-content:center;align-items:center}.container{width:100%;height:80%}.metadata{display:flex;align-items:center;width:85%;margin-top:auto}.icon{border-radius:50%;width:calc(40px * var(--outer-width) / 420);height:calc(40px * var(--outer-width) / 420)}.top{color:#222;width:85%}.title{font-size:calc(14pt * var(--outer-width) / 420);word-break:auto-phrase;font-weight:600;line-height:1.3}.description{font-size:calc(8pt * var(--outer-width) / 420);color:#222;font-weight:400;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tags{font-size:calc(10pt * var(--outer-width) / 420);font-weight:400;margin-top:calc(4px * var(--outer-width) / 420)}.name_and_date{margin-left:calc(4px * var(--outer-width) / 420)}.name{font-size:calc(10pt * var(--outer-width) / 420);font-weight:500;color:#222}.date{font-size:calc(8pt * var(--outer-width) / 420);font-weight:400;color:#222}.logo{height:calc(40px * var(--outer-width) / 420)}.logo,.zenn{margin-left:auto}.zenn{width:calc(90px * var(--outer-width) / 420);height:calc(20px * var(--outer-width) / 420)}.note{width:calc(70px * var(--outer-width) / 420);height:calc(30px * var(--outer-width) / 420);margin-left:auto}}