.article-template>*:first-child:not(.article-template__hero-container){margin-top:4rem}@media screen and (min-width: 750px){.article-template>*:first-child:not(.article-template__hero-container){margin-top:8rem}}.article-template__hero-container{display:none;max-width:var(--page-width);margin:0 auto}@media screen and (min-width: 750px){.article-template__hero-container{padding-inline:var(--page-width-inline)}}.article-template__hero-container .media>img{aspect-ratio:360 / 161;object-fit:cover;object-position:center;width:100%;height:100%}.article-template__hero-small{height:11rem}.article-template__hero-medium{height:22rem}.article-template__hero-large{height:33rem}@media screen and (min-width: 750px) and (max-width: 989px){.article-template__hero-small{height:22rem}.article-template__hero-medium{height:44rem}.article-template__hero-large{height:66rem}}@media screen and (min-width: 990px){.article-template__hero-small{height:27.5rem}.article-template__hero-medium{height:55rem}.article-template__hero-large{height:82.5rem}}.article-template header{margin-top:4.4rem;margin-bottom:2rem;line-height:calc(.8 / var(--font-body-scale))}@media screen and (min-width: 750px){.article-template header{margin-top:5rem}}.article-template__title{max-width:calc((100vw - (var(--page-width-inline) * 2)) - var(--section-article-header-gap) - var(--section-article-header-share-icon-size) - 2rem);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media screen and (min-width: 1480px){.article-template__title{max-width:calc((var(--page-width) - (var(--section-article-header-gap) + (var(--page-width-inline) * 2))) - var(--section-article-header-share-icon-size) - 2rem)}}.article-template__title{margin:0;font-size:var(--ui-font-size-body-2);line-height:var(--ui-line-height-140);font-weight:var(--ui-font-weight-semibold)}.article-template__title:not(:only-child){margin-bottom:.8rem}@media screen and (min-width: 750px){.article-template__title{font-size:var(--ui-font-size-h6);line-height:var(--ui-line-height-150)}}.article-template__back{display:flex;justify-content:center;align-items:center;text-decoration:none;margin-block-start:2.4rem}@media screen and (min-width: 750px){.article-template__back{margin-block-start:4rem}}.article-template__link{min-width:20rem;padding-inline:8rem}.article-template__comment-wrapper{margin-top:5rem;padding:2.7rem 0}@media screen and (min-width: 750px){.article-template__comment-wrapper{margin-top:6rem;padding:3.6rem 0}}.article-template__comment-wrapper h2{margin-top:0}.article-template__comments{margin-bottom:5rem}@media screen and (min-width: 750px){.article-template__comments{margin-bottom:7rem}}.article-template__comments-fields{margin-bottom:4rem}.article-template__comments-comment{color:rgba(var(--color-foreground),.75);background-color:rgb(var(--color-background));margin-bottom:1.5rem;padding:2rem 2rem 1.5rem}@media screen and (min-width: 750px){.article-template__comments-comment{padding:2rem 2.5rem}}.article-template__comments-comment p{margin:0 0 1rem}.article-template__comment-fields>*{margin-bottom:3rem}@media screen and (min-width: 750px){.article-template__comment-fields{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:4rem}}.article-template__comment-warning{margin:2rem 0 2.5rem}@media screen and (min-width: 990px){.article-template__comments .pagination-wrapper{margin:5rem 0 8rem}}.article-template__header-wrapper{--section-article-header-gap: 3.2rem;--section-article-header-share-icon-size: 2.4rem;margin-block:4rem 2.4rem;display:flex;justify-content:space-between;gap:var(--section-article-header-gap)}@media screen and (min-width: 750px){.article-template__header-wrapper{--section-article-header-gap: 4rem}}.article-template__header{margin-block:0!important}.article-card__excerpt{font-size:var(--ui-font-size-body-6);line-height:var(--ui-line-height-140);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-gray-07)}@media screen and (min-width: 750px){.article-card__excerpt{font-size:var(--ui-font-size-body-4);line-height:var(--ui-line-height-150)}}.notice-post .article-template__header-wrapper{margin-block:4rem 0}.notice-post .article-template__header{width:100%;margin-block:0;padding:1.6rem;background-color:var(--ui-color-gray-01);border-top:1px solid var(--ui-color-gray-10);border-bottom:1px solid var(--ui-color-gray-02)}.notice-post .article-template__title{font-size:var(--ui-font-size-body-4);line-height:var(--ui-line-height-150);font-weight:var(--ui-font-weight-semibold);white-space:wrap;max-width:100%}.notice-post .article-template__title:not(:only-child){margin-bottom:.6rem}.notice-post .article-card__excerpt{display:none}.notice-post .article-template__date{font-size:var(--ui-font-size-body-6);line-height:var(--ui-line-height-140);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-gray-06)}.notice-post .article-template__content{max-width:var(--page-width);margin:0 auto;padding-inline:var(--page-width-inline)}.notice-post .article-template__content-inner{padding:2.4rem 1.6rem}.notice-post .article-template__back{margin-block-start:2.4rem}.article-template__share{position:relative}.article-template__share .share-button{z-index:1}.article-template__share .share-button__menu{flex-wrap:nowrap}@media screen and (min-width: 750px){.notice-post__category-banner{margin-block-end:8rem}.notice-post .article-template__header-wrapper{margin-block-start:8rem}.notice-post .article-template__header{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-block:0;padding:2rem 2.4rem;background-color:var(--ui-color-gray-01);border-bottom:1px solid var(--ui-color-gray-01)}.notice-post .article-template__title{font-size:var(--ui-font-size-body-4);line-height:var(--ui-line-height-150);font-weight:var(--ui-font-weight-semibold)}.notice-post .article-template__title:not(:only-child){margin-bottom:0}.notice-post .article-template__date{font-size:var(--ui-font-size-body-5);line-height:var(--ui-line-height-120);font-weight:var(--ui-font-weight-medium)}.notice-post .article-template__content-inner{padding:4rem 2.4rem}.notice-post .article-template__back{margin-block-start:6rem}}@media screen and (max-width: 749px){.event-post .article-template__content .event-wrap{margin-left:calc(var(--page-width-inline) * -1);margin-right:calc(var(--page-width-inline) * -1);width:auto;min-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-blog-post.css.map */