body[data-page-type=blog-article-detail] .banner{padding-top:2.7rem;background:var(--color-orange-400)}body[data-page-type=blog-article-detail] .banner .description-short{color:var(--color-text-inverted);padding-bottom:2.7rem;margin-top:1.95rem}body[data-page-type=blog-article-detail] .banner .container{display:flex;flex-flow:column nowrap;align-items:flex-start}body[data-page-type=blog-article-detail] .banner .date{margin-bottom:0;color:var(--color-neutral-100);font-size:0.9rem;margin-top:1.75rem}body[data-page-type=blog-article-detail] .banner h1{font-size:2.75rem;margin-top:1.1rem}body[data-page-type=blog-article-detail] .blog-article-body{background-color:var(--color-neutral-900);color:var(--color-text-inverted)}body[data-page-type=blog-article-detail] .blog-article-body>.page-editor-content{padding-top:3.65rem;padding-bottom:4.9rem}body[data-page-type=blog-article-detail] .blog-article-body>.gallery-first{display:grid;gap:0.7rem;grid-template-columns:repeat(3,minmax(0,1fr))}@media screen and (min-width:calc(900px + 1px)){body[data-page-type=blog-article-detail] .blog-article-body>.gallery-first{grid-template-columns:repeat(6,minmax(0,1fr))}}body[data-page-type=blog-article-detail] .blog-article-body>.gallery-first>*{position:relative}body[data-page-type=blog-article-detail] .blog-article-body>.gallery-first>* img{width:100%}body[data-page-type=blog-article-detail] .blog-article-body>.gallery-first>:first-child{grid-column:1/-1;position:relative;z-index:3}body[data-page-type=blog-article-detail] .blog-article-body>.gallery-first>:first-child:before{content:"";position:absolute;height:50%;width:200vw;top:0;left:50%;transform:translateX(-50%);background-color:var(--color-orange-400);z-index:-1}body[data-page-type=blog-article-detail] .blog-article-body>.gallery-first>*>button{display:flex;align-items:center;justify-content:center;background-color:rgba(255,255,255,0.5);height:3rem;width:3rem;position:absolute;top:50%;transform:translateY(-50%);pointer-events:none;border:0;border-radius:50%}body[data-page-type=blog-article-detail] .blog-article-body>.gallery-first>*>button img{width:1rem;filter:brightness(0) invert(1)}body[data-page-type=blog-article-detail] .blog-article-body>.gallery-first>*>button:first-of-type{right:1.5rem}body[data-page-type=blog-article-detail] .blog-article-body>.gallery-first>*>button:first-of-type img{position:relative;left:0.05rem}body[data-page-type=blog-article-detail] .blog-article-body>.gallery-first>*>button:last-of-type{left:1.5rem}body[data-page-type=blog-article-detail] .blog-article-body>.gallery-first>*>button:last-of-type img{position:relative;left:-0.05rem}body[data-page-type=blog-article-detail] .blog-article-body>.gallery-first>* img{border-radius:0.5rem}body[data-page-type=blog-article-detail] .blog-article-body>.gallery-first>* .overlay{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);color:var(--color-text-inverted);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:2rem;font-style:normal}body[data-page-type=blog-article-detail] .blog-article-body>.gallery-first>:nth-child(n+8){display:none}body[data-page-type=blog-article-detail] .blog-article-body .gallery{margin-top:3rem;margin-bottom:3rem}body[data-page-type=blog-article-detail] .blog-article-body .container.back{padding-bottom:4.9rem}body[data-page-type=blog-article-detail] .blog-article-body .container.back .btn.orange.outline{color:var(--color-text-inverted)}
/*# sourceMappingURL=page-blog-detail.css.map */