@layer components{.blog-item{width:min(100% - 20px,750px);font-family:var(--serif-font);margin-inline:auto;padding:44px 16px}@media (width>=520px) and (width<=920px){.blog-item{padding:44px 34px}}.blog-item__cover{object-fit:cover;border:1px solid var(--grey-200);border-radius:var(--radius-100);width:100%;height:270px;margin-bottom:16px}.blog-item__title{margin-bottom:6px}.blog-item__date{font-size:var(--label);font-family:var(--serif-font)}.blog-item__content{font-size:calc(var(--p) + 2px);margin-top:36px}.blog-item__content>p:first-of-type:first-letter{float:left;height:56px;color:var(--blue);font-weight:700;font-size:calc(var(--p)*4);margin-top:2px;margin-right:7px;line-height:1}@-moz-document url-prefix(){.blog-item__content>p:first-of-type:first-letter{margin-top:10px}}@supports ((-webkit-background-clip:text)) and (-webkit-text-fill-color:transparent){.blog-item__content>p:first-of-type:first-letter{color:#0000;background:linear-gradient(135deg,var(--blue)0%,var(--magenta)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}}.blog-item__content :is(h1,h2,h3,h4,h5,h6){margin-bottom:.4em}.blog-item__content a{@include link;}.blog-item__content ul{margin:0 0 20px 20px;list-style:outside}.blog-item__content ol{margin:0 0 20px 30px}.blog-item__content :is(ul,ol) li{margin:10px 0}.blog-item__content p:not(:only-child){margin-bottom:20px}.blog-item__content video{border-radius:var(--radius-200);max-width:100%;margin:10px 0}@media (width>=921px){.blog-item__content video{width:900px;max-width:none;margin-left:-100px}}.blog-item__content .image-gallery{border-radius:var(--radius-200);margin:10px 0 20px}@media (width>=921px){.blog-item__content .image-gallery{width:900px;max-width:none;margin-left:-100px}}.blog-item__content p>.image-gallery{margin:10px 0 0}@media (width>=921px){.blog-item__content p>.image-gallery{margin-left:-100px}}.blog-item__content :not(pre)>code{background-color:var(--grey-000);border:1px solid var(--grey-200);border-radius:var(--radius-100);padding:2px 4px;font-size:calc(1rem - 1px)}.blog-item__content blockquote{background-color:var(--grey-000);border-left:3px solid;border-image:linear-gradient(to top,var(--magenta)0%,var(--blue)100%)3;width:100%;margin-block:10px;padding:10px 10px 10px 20px;font-size:15px}}