.main-blog{--mainBlogGridColumns: 3;--mainBlogGap: 2rem}body.is-draft-preview-open{overflow:hidden}body.is-draft-preview-open .site-header{opacity:0;pointer-events:none}.main-blog__frame{position:relative;padding:calc(var(--pxSize) * .65);background:transparent;border-radius:0;box-shadow:none;overflow:visible;--squiggle-inset: -10px}.main-blog__articles,.main-blog__drafts{display:grid;grid-template-columns:repeat(var(--mainBlogGridColumns),minmax(0,1fr));gap:var(--mainBlogGap)}.main-blog__articles__article-container,.main-blog__drafts__item{display:flex;flex-direction:column}.main-blog__articles__article-container .article-card,.main-blog__draft-card{display:flex;flex-direction:column;height:100%}.main-blog__draft-card{font:inherit;color:inherit;text-align:left}.main-blog__articles__article-container .article-card__image.image-container,.main-blog__draft-card__image{--imageRatio: 56.25% !important;padding-top:56.25%!important;overflow:hidden}.main-blog__articles__article-container .article-card__title,.main-blog__draft-card__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}.main-blog__header{margin-bottom:calc(var(--pxSize) / 2)}.main-blog__title{margin:0;letter-spacing:.08em;text-transform:uppercase;color:rgba(var(--color-text),.72)}.main-blog__card{width:100%}.main-blog .placeholder-svg,.main-blog .page-placeholder{background:linear-gradient(135deg,var(--sc-surface-alt) 0%,rgba(var(--color-link),.06) 100%);opacity:1}.main-blog .placeholder-svg path,.main-blog .page-placeholder path{fill:rgba(var(--color-text),.14)}.main-blog__articles__article-container .article-card,.main-blog__drafts__item .article-card{background:transparent;border:none;border-radius:0;box-shadow:none;padding-bottom:0;transition:opacity .18s ease-out}.main-blog__articles__article-container .article-card:hover,.main-blog__drafts__item .article-card:hover{transform:none;box-shadow:none;opacity:.95}.main-blog__articles__article-container .article-card:focus-visible,.main-blog__drafts__item .article-card:focus-visible{outline:2px solid var(--sc-coral);outline-offset:2px}.main-blog__articles__article-container .article-card__top,.main-blog__drafts__item .article-card__top{border-radius:0;overflow:visible}.main-blog__tags,.main-blog__tags__container{display:flex;align-items:center;gap:calc(var(--pxSize) / 3);margin-bottom:calc(var(--sectionVerticalSpacing) / 2)}.main-blog__tags .p-sm,.main-blog__tags__container .p-sm{white-space:nowrap}.main-blog__tags__btn,.main-blog__tags__container__btn{margin-top:0}.main-blog__tags>*,.main-blog__tags__container>*{margin:0}.main-blog__tags__container{overflow:auto;margin-right:calc(-1 * var(--sectionGuttersSpacing))}.main-blog__tags__container:after{content:"";display:block;width:var(--sectionGuttersSpacing);min-width:var(--sectionGuttersSpacing)}.main-blog__hero{margin-bottom:calc(var(--sectionVerticalSpacing) / 1.25)}.article-card--hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:calc(var(--mainBlogGap) * 1.25);align-items:start;background:var(--sc-surface);border:1px solid RGB(var(--color-border));border-radius:var(--sc-radius);box-shadow:none;overflow:hidden;padding:calc(var(--pxSize) / 2);transition:border-color .18s ease-out}.article-card--hero:hover{transform:none;box-shadow:none;border-color:var(--sc-ink)}.article-card--hero:focus-visible{outline:2px solid var(--sc-coral);outline-offset:2px}.article-card--hero .article-card__top,.article-card--hero .article-card__image{margin-bottom:0}.article-card--hero__media{width:100%;margin:calc(var(--pxSize) / -2) 0 calc(var(--pxSize) / -2) calc(var(--pxSize) / -2)}.article-card--hero__body{padding-top:0}.article-card--hero__meta{display:flex;flex-wrap:wrap;gap:calc(var(--pxSize) / 4);margin:calc(var(--pxSize) / 4) 0 calc(var(--pxSize) / 2);opacity:.85}.article-card--hero__body .btn{margin-top:calc(var(--pxSize) / 2)}.main-blog__local-drafts{margin-top:calc(var(--sectionVerticalSpacing) / 1.1);padding-top:calc(var(--pxSize) / 2);border-top:1px solid rgba(var(--color-border),.3)}.main-blog__local-drafts__header{margin-bottom:calc(var(--pxSize) / 2)}.main-blog__local-drafts__header .p-sm{color:rgba(var(--color-text),.55)}.main-blog__draft-card{all:unset;box-sizing:border-box;position:relative;display:flex;flex-direction:column;width:100%;text-align:left;padding:0;margin:0;height:auto;line-height:normal;white-space:normal;text-transform:none;letter-spacing:normal;font-weight:400;font-size:inherit;color:RGB(var(--color-text));border:none;border-radius:0;background:transparent;overflow:visible;cursor:pointer;transition:opacity .18s ease-out}.main-blog__draft-card:hover{opacity:.92}.main-blog__draft-card:before,.main-blog__draft-card:after{display:none!important}.main-blog__draft-card__image{position:relative;width:100%;aspect-ratio:16 / 9;background:linear-gradient(135deg,var(--sc-surface-alt, #f5f0eb) 0%,rgba(var(--color-link),.05) 50%,var(--sc-surface-alt, #f5f0eb) 100%);border-bottom:1px solid RGB(var(--color-border));overflow:hidden}.main-blog__draft-card__image:after{display:none}.main-blog__draft-card:hover .main-blog__draft-card__image{background:linear-gradient(135deg,var(--sc-surface-alt, #f5f0eb) 0%,rgba(var(--color-link),.08) 50%,var(--sc-surface-alt, #f5f0eb) 100%)}.main-blog__draft-card__thumb{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.main-blog__draft-card__media-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:rgba(var(--color-text),.18)}.main-blog__draft-card__media-icon svg{width:36px;height:36px}.main-blog__draft-card__badge{display:inline-block;font-weight:700;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;padding:.15rem .35rem;background:rgba(var(--color-text),.06);border:1px solid rgba(var(--color-text),.15);color:rgba(var(--color-text),.5);border-radius:2px;position:absolute;top:.5rem;left:.5rem;z-index:2}.main-blog__draft-card__excerpt{margin-top:.35rem;color:rgba(var(--color-text),.65);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.main-blog__draft-card__meta{display:block;opacity:.6;margin-top:.4rem;word-break:break-word}.main-blog__draft-card__tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.35rem}.main-blog__draft-card__tag{display:inline-block;font-size:.65rem;font-weight:600;letter-spacing:.04em;padding:.1rem .3rem;background:rgba(var(--color-text),.04);border:1px solid rgba(var(--color-text),.1);border-radius:2px;color:rgba(var(--color-text),.55);text-transform:lowercase}.main-blog__draft-card__initial{font-size:2.5rem;font-weight:800;color:rgba(var(--color-text),.1);letter-spacing:-.03em;-webkit-user-select:none;user-select:none}.main-blog__draft-card[data-seo-complete=true] .main-blog__draft-card__badge:after{content:"";display:inline-block;width:6px;height:6px;background:var(--sc-coral);border-radius:50%;margin-left:.3rem;vertical-align:middle}.main-blog__drafts__empty{margin-top:calc(var(--pxSize) / 2);opacity:.85}.main-blog__draft-preview{--width: 100%}.main-blog__draft-preview .dialog__summary__close{display:none}.main-blog__draft-preview.dialog.__style-pop-up .dialog__content{top:0;right:0;bottom:0;left:0;z-index:2001;max-width:none;width:100%;max-height:none;border:none;box-shadow:none;transform:none}.main-blog__draft-preview.dialog[open] .dialog__summary:before{background-color:RGB(var(--color-background));z-index:2000}.main-blog__draft-preview.dialog[open] .dialog__summary__close{left:auto;right:calc(var(--pxSize) / 2)}.main-blog__draft-preview .dialog__content__body{background:var(--sc-surface-alt);padding:calc(var(--pxSize) / 2);margin-bottom:0}.main-blog__draft-preview__header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:calc(var(--pxSize) / 2);margin:0 0 calc(var(--pxSize) / 2);padding:calc(var(--pxSize) / 2);background:var(--sc-surface-alt);border-bottom:1px solid RGB(var(--color-border))}.main-blog__draft-preview__title-wrap{flex:1}.main-blog__draft-preview__close{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;margin:0;border-radius:999px;border:1px solid RGB(var(--color-border));background:RGB(var(--color-background));color:RGB(var(--color-text));flex-shrink:0;position:relative;z-index:2;cursor:pointer;transition:border-color .2s ease,background .2s ease}.main-blog__draft-preview__close:hover{border-color:var(--sc-coral);background:#f27f5e14}.main-blog__draft-preview__close:focus-visible{outline:2px solid var(--sc-coral);outline-offset:2px}.main-blog__draft-preview__close svg{width:16px;min-width:16px;height:16px;flex-shrink:0}.main-blog__draft-preview__close svg path{fill:currentColor}.main-blog__draft-preview__close:before,.main-blog__draft-preview__close:after{display:none!important}.main-blog__draft-preview__badge{font-weight:800;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--sc-coral);color:var(--sc-coral);background:#f27f5e1a;padding:.2rem .45rem;flex-shrink:0}.main-blog__draft-preview__content{max-width:1000px;margin:0 auto;padding:calc(var(--pxSize) * .7);background:transparent;border-radius:0;box-shadow:none;--squiggle-inset: -8px;overflow:hidden}.main-blog__draft-preview__content img{max-width:100%;height:auto;display:block}.main-blog__draft-preview__error{padding:calc(var(--pxSize) / 2);border:1px dashed RGB(var(--color-border))}@media screen and (max-width:1024px){.main-blog{--mainBlogGridColumns: 2}.article-card--hero{grid-template-columns:1fr;gap:var(--mainBlogGap)}}@media screen and (max-width:768px){.main-blog{--mainBlogGridColumns: 2;--mainBlogGap: calc(var(--pxSize) * .6)}.main-blog__articles__article-container:nth-child(3n),.main-blog__drafts__item:nth-child(3n){grid-column:1 / -1}.main-blog__articles__article-container .article-card__title,.main-blog__draft-card__title{min-height:auto}}@media screen and (max-width:600px){.main-blog__frame{padding:calc(var(--pxSize) * .45);border-radius:var(--sc-radius)}.main-blog__frame.sc-squiggle-frame--full:before{display:none}.article-card--hero{padding:calc(var(--pxSize) / 3)}.article-card--hero__media{margin:calc(var(--pxSize) / -3) calc(var(--pxSize) / -3) 0 calc(var(--pxSize) / -3)}.main-blog__local-drafts{margin-top:calc(var(--sectionVerticalSpacing) / 1.2)}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/main-blog.css.map */