.article-template{--side-paddings:33px;--content-width:minmax(0,1fr);--related-width: calc(clamp(380px, calc(380px + (420 - 380) * ((100vw - 1024px) / (1265 - 1024) )), 420px)*1) ;--max-width-template:1200px;--content-sidebar-gap:31px}.image-ratio{--image-width:500;--image-height:500;--object-fit:contain;--object-position:center;position:relative}.image-ratio:before{content:"";display:block;padding-bottom:calc(1/(var(--image-width)/var(--image-height))*100%);padding-bottom:calc((1 / (var(--image-width) / var(--image-height))) * 100%)}.image-ratio img,.image-ratio picture{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:var(--object-fit);object-position:var(--object-position)}.article-cover{--image-width:750;--image-height:438;--object-fit:cover;max-width:var(--max-width-template);margin:0 auto;overflow:hidden}.article-cover,.article-cover img{border-radius:5px}.article-grid{display:grid;grid-template-columns:var(--content-width) var(--related-width);grid-gap:var(--content-sidebar-gap);gap:var(--content-sidebar-gap);align-items:flex-start;justify-content:space-between;width:calc(100% - var(--side-paddings)*2);width:calc(100% - var(--side-paddings) * 2);max-width:var(--max-width-template);padding-bottom:40px;padding-top:40px;margin:0 auto}.article-grid--no-right-side{--content-width:100%;--related-width:0;grid-gap:0;gap:0;justify-content:center}.article-header{margin-top:-5px}.article-header:not(:first-child){margin-top:40px}.article-title{font-family:var(--secondary-font);font-size:calc(clamp(32px,calc(32px + (42 - 32) * ((100vw - 1024px) / (1440 - 1024))),42px)*1);line-height:calc(clamp(37px,calc(37px + (42 - 37) * ((100vw - 1024px) / (1440 - 1024))),42px)*1)}.article-date{display:block;margin-top:22px;font-weight:500;font-size:16px;text-transform:uppercase}.article-content{padding-top:42px}.articles-related{background:#cae0eb80;padding:24px 28px 28px;border-radius:5px}.articles-related-title{display:flex;justify-content:center;text-align:center;font-family:var(--secondary-font);font-size:calc(clamp(22px,calc(22px + (32 - 22) * ((100vw - 1024px) / (1440 - 1024))),32px)*1)}.articles-related-card-list{padding:21px 0 0}.articles-related-card{--cards-gap:26px;display:flex;align-items:center;margin-bottom:var(--cards-gap)}.articles-related-card:last-child{margin-bottom:0}.articles-related-card-image-wrapper{--image-width:178;--image-height:105;--object-fit:cover;position:relative;flex-shrink:0;width:calc(clamp(154px,calc(154px + (178 - 154) * ((100vw - 1024px) / (1265 - 1024))),178px)*1);border-radius:3px;margin-right:14px;overflow:hidden}.articles-related-card-info{display:flex;flex-direction:column}.articles-related-card-title{margin-top:calc(clamp(4px,calc(4px + (5 - 4) * ((100vw - 1024px) / (1440 - 1024))),5px)*-1);margin-bottom:calc(clamp(5px,calc(5px + (6 - 5) * ((100vw - 1024px) / (1440 - 1024))),6px)*-1)}.articles-related-card-title,.articles-related-card-title *{font-family:var(--secondary-font);font-size:calc(clamp(14px,calc(14px + (16 - 14) * ((100vw - 1024px) / (1440 - 1024))),16px)*1);line-height:calc(clamp(20px,calc(20px + (23 - 20) * ((100vw - 1024px) / (1440 - 1024))),23px)*1)}.articles-related-card-button-wrapper{margin-bottom:-4px}.articles-related-card-button{grid-template-columns:minmax(min-content,max-content) 16px;margin-top:19px}@media (max-width:1439px){.article-template{--max-width-template:1200px;--content-sidebar-gap:31px}.article-grid{padding-top:33px}.article-header:not(:first-child){margin-top:23px}.article-date{margin-top:12px}.article-content{padding-top:31px}.articles-related-card{--cards-gap:23px}.articles-related-card-list{padding:16px 0 0}.articles-related-card-button{margin-top:16px}}@media (max-width:1023px){.article-template{--related-width: calc(clamp(350px, calc(350px + (380 - 350) * ((100vw - 834px) / (1024 - 834) )), 380px)*1) }.article-grid{padding-top:20px}}@media (max-width:834px){.article-template{--side-paddings:0}.article-grid{display:block;max-width:505px;margin:0 auto}.article-left{padding:0 11px}.article-date{margin-top:7px}.article-right{width:100%;max-width:422px;margin:40px auto 0}.articles-related-card-list{width:100%;max-width:310px;margin:0 auto}}@media (max-width:680px){.article-grid{padding-top:15px}.article-right{margin:30px auto 0}}
/*# sourceMappingURL=/cdn/shop/t/116/assets/css-main-blogpost.css.map */