@charset "UTF-8";@media screen and (min-width:750px){body:has(main[data-template=blog]),body:has(main[data-template=article]){--figma-blog-title-size: 15px;--figma-blog-title-line-height: 1.4;--figma-blog-body-size: 12px;--figma-blog-body-line-height: 19px;--figma-blog-letter-spacing: 0;--figma-blog-list-media-ratio: 720 / 558;--figma-blog-article-media-ratio: 1264 / 620;--figma-blog-image-position: center center;--figma-blog-list-padding-x: 0px;--figma-blog-list-padding-top: 112px;--figma-blog-list-padding-bottom: 114px;--figma-blog-list-row-gap: 84px;--figma-blog-list-column-gap: 80px;--figma-blog-list-copy-width: 550px;--figma-blog-list-copy-offset-y: -10px;--figma-blog-article-width: 1240px;--figma-blog-article-main-width: 800px;--figma-blog-article-gap: 46px;--figma-blog-article-padding-top: 76px;--figma-blog-article-left: 136px;--figma-blog-article-row-gap: 88px;--figma-blog-article-image-ratio: 800 / 410;--figma-blog-article-image-margin-top: 67px;--figma-blog-article-image-margin-bottom: 50px;--figma-blog-article-text-block-offset-y: -4px;--figma-blog-toc-title-size: 12px;--figma-blog-toc-title-line-height: 1.4;--figma-blog-toc-list-gap: 12px;--figma-blog-toc-list-padding-left: 24px;--figma-blog-related-title-size: 12px;--figma-blog-related-title-line-height: 1.4;--figma-blog-related-list-gap: 26px;--figma-blog-related-list-padding-left: 24px}body:has(main[data-template=blog]) .tooto-blog-list{padding:var(--figma-blog-list-padding-top) var(--figma-blog-list-padding-x) var(--figma-blog-list-padding-bottom)}body:has(main[data-template=blog]) .tooto-blog-list__items{gap:var(--figma-blog-list-row-gap)}body:has(main[data-template=blog]) .tooto-blog-list__item{gap:var(--figma-blog-list-column-gap);opacity:1!important;transition:none}body:has(main[data-template=blog]) .tooto-blog-list__item:nth-child(1){order:1}body:has(main[data-template=blog]) .tooto-blog-list__item:nth-child(2){order:3}body:has(main[data-template=blog]) .tooto-blog-list__item:nth-child(3){order:2}body:has(main[data-template=blog]) .tooto-blog-list__item:nth-child(4){order:4}body:has(main[data-template=blog]) .tooto-blog-list__media{aspect-ratio:var(--figma-blog-list-media-ratio);flex-basis:50vw;width:50vw}body:has(main[data-template=blog]) .tooto-blog-list__image{-o-object-position:var(--figma-blog-image-position);object-position:var(--figma-blog-image-position);transform:none!important;transition:none}body:has(main[data-template=blog]) .tooto-blog-list__title{font-size:var(--figma-blog-title-size);font-weight:600;line-height:var(--figma-blog-title-line-height);letter-spacing:var(--figma-blog-letter-spacing)}body:has(main[data-template=blog]) .tooto-blog-list__content{align-self:flex-end;flex:0 0 var(--figma-blog-list-copy-width);gap:16px;max-width:var(--figma-blog-list-copy-width);transform:translateY(var(--figma-blog-list-copy-offset-y))!important;width:var(--figma-blog-list-copy-width)}body:has(main[data-template=blog]) :is(.tooto-blog-list__date,.tooto-blog-list__excerpt){font-size:var(--figma-blog-body-size);line-height:var(--figma-blog-body-line-height);letter-spacing:var(--figma-blog-letter-spacing)}body:has(main[data-template=article]) .article-template{padding-top:var(--figma-blog-article-padding-top)}body:has(main[data-template=article]) .article-template__wrapper,body:has(main[data-template=article]) .article-template__main{max-width:none}body:has(main[data-template=article]) .article-template__wrapper{margin-left:var(--figma-blog-article-left);margin-right:0;width:calc(var(--figma-blog-article-main-width) + 1px + 295px + var(--figma-blog-article-gap) * 2);grid-template-columns:minmax(0,var(--figma-blog-article-main-width)) 1px minmax(0,295px);-moz-column-gap:var(--figma-blog-article-gap);column-gap:var(--figma-blog-article-gap);row-gap:var(--figma-blog-article-row-gap)}body:has(main[data-template=article]) :is(h1,.article-title,.blog-post-title,.article-template__title){font-size:20px;line-height:1.2;letter-spacing:var(--figma-blog-letter-spacing)}body:has(main[data-template=article]) .article-template__date{font-size:14px;line-height:1.4;letter-spacing:var(--figma-blog-letter-spacing)}body:has(main[data-template=article]) :is(.article-featured-image img,.blog-post-featured-image img,.article-template__content-wrapper img){aspect-ratio:var(--figma-blog-article-image-ratio)!important;-o-object-fit:cover;object-fit:cover;-o-object-position:var(--figma-blog-image-position);object-position:var(--figma-blog-image-position)}body:has(main[data-template=article]) .article-template__content-wrapper p:has(img){margin:var(--figma-blog-article-image-margin-top) 0 var(--figma-blog-article-image-margin-bottom)!important}body:has(main[data-template=article]) .article-template__content-wrapper :is(h2,h3){text-transform:none!important}body:has(main[data-template=article]) .article-template__content-wrapper h4{font-size:15px!important;line-height:1.4;margin:14px 0 16px;transform:translateY(var(--figma-blog-article-text-block-offset-y))}body:has(main[data-template=article]) .article-template__content-wrapper h4+p:not(:has(img)){transform:translateY(var(--figma-blog-article-text-block-offset-y))}body:has(main[data-template=article]) .article-toc__title{font-size:var(--figma-blog-toc-title-size)!important;line-height:var(--figma-blog-toc-title-line-height)}body:has(main[data-template=article]) .article-toc__list{gap:var(--figma-blog-toc-list-gap)!important;padding-left:var(--figma-blog-toc-list-padding-left)!important}body:has(main[data-template=article]) .article-sidebar-related__title{font-size:var(--figma-blog-related-title-size)!important;line-height:var(--figma-blog-related-title-line-height)}body:has(main[data-template=article]) .article-sidebar-related__list{gap:var(--figma-blog-related-list-gap)!important;padding-left:var(--figma-blog-related-list-padding-left)!important}body:has(main[data-template=article]) :is(.article-content,.blog-post-content,rte-formatter,.article-template__content-wrapper){font-size:var(--figma-blog-body-size);line-height:var(--figma-blog-body-line-height);letter-spacing:var(--figma-blog-letter-spacing);max-width:var(--figma-blog-article-main-width)}body:has(main[data-template=article]) .article-template__content-wrapper :is(p,li){font-size:var(--figma-blog-body-size);line-height:var(--figma-blog-body-line-height);letter-spacing:var(--figma-blog-letter-spacing)}}@media screen and (max-width:749px){body:has(main[data-template=blog]){--figma-blog-mobile-inline: 20px;--figma-blog-mobile-card-gap: 40px;--figma-blog-mobile-title-size: 15px;--figma-blog-mobile-title-line-height: 1.4;--figma-blog-mobile-body-size: 12px;--figma-blog-mobile-body-line-height: 1.5;--figma-blog-mobile-media-ratio: 375 / 281}body:has(main[data-template=blog]) .tooto-blog-list{padding:24px 0 72px}body:has(main[data-template=blog]) .tooto-blog-list__items{gap:var(--figma-blog-mobile-card-gap)}body:has(main[data-template=blog]) .tooto-blog-list__item{display:block;gap:0;min-height:0;opacity:1!important;order:initial!important;transform:none!important}body:has(main[data-template=blog]) .tooto-blog-list__media{aspect-ratio:var(--figma-blog-mobile-media-ratio);display:block;width:100%}body:has(main[data-template=blog]) .tooto-blog-list__image{height:100%;-o-object-fit:cover;object-fit:cover;transform:none!important}body:has(main[data-template=blog]) .tooto-blog-list__content{gap:12px;padding:20px var(--figma-blog-mobile-inline) 0;transform:none!important}body:has(main[data-template=blog]) .tooto-blog-list__title{font-size:var(--figma-blog-mobile-title-size);line-height:var(--figma-blog-mobile-title-line-height);letter-spacing:0;text-transform:none}body:has(main[data-template=blog]) :is(.tooto-blog-list__date,.tooto-blog-list__excerpt){font-size:var(--figma-blog-mobile-body-size);line-height:var(--figma-blog-mobile-body-line-height);letter-spacing:0}body:has(main[data-template=article]) .article-template{padding:24px 0 72px}body:has(main[data-template=article]) .article-template__wrapper.page-width{width:calc(100vw - 40px);row-gap:20px}body:has(main[data-template=article]) .article-breadcrumbs{margin:0}body:has(main[data-template=article]) .article-back-link{font-size:12px;font-weight:500;gap:12px}body:has(main[data-template=article]) .article-template__header{gap:12px;margin:0 0 20px}body:has(main[data-template=article]) .article-template__title{font-size:15px;letter-spacing:0;line-height:1.4}body:has(main[data-template=article]) .article-template__date{color:#00000080;font-size:12px;line-height:1.4;text-transform:capitalize}body:has(main[data-template=article]) .article-mobile-only--toc{display:none}body:has(main[data-template=article]) .article-template__content-wrapper :is(h2,h3,h4){font-size:15px!important;letter-spacing:0;line-height:1.4;margin:24px 0 8px;transform:none}body:has(main[data-template=article]) .article-template__content-wrapper :is(p,li){font-size:12px;line-height:1.5;margin-bottom:20px}body:has(main[data-template=article]) .article-template__content-wrapper :is(img,figure img){aspect-ratio:375/281!important;margin:24px 0!important;-o-object-fit:cover;object-fit:cover;width:100%}body:has(main[data-template=article]) .article-template__content-wrapper p:has(img){margin:24px -20px!important}body:has(main[data-template=article]) .article-sidebar-related{border:none;border-radius:0;margin-top:20px;padding:0}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/figma-blog.css.map */