.blog--sidebar{--blog-search-radius: .8rem;--popular-posts-color: var(--color-surface);--popular-posts-card-color: rgb(var(--color-base-heading))}.blog--sidebar article .caption-with-letter-spacing,.blog--sidebar h4,.blog--sidebar h5{margin:0;color:var(--popular-posts-color);text-align:left}.blog--sidebar .content{display:flex;flex-direction:column;grid-gap:20px}.blog--sidebar .content .popular-posts,.blog--sidebar .content .products{padding:20px}.blog--sidebar .popular-posts{background:rgb(var(--color-base-heading));color:var(--popular-posts-color)}.blog--sidebar .popular-posts>.grid{grid-gap:1.6rem}.blog--sidebar .popular-posts h2{font-family:var(--font-body-family);font-size:1.8rem;font-weight:var(--font-weight-semibold);letter-spacing:.04em;line-height:1.3;margin-bottom:2rem}.blog--sidebar .popular-posts .article-card{height:auto;padding-bottom:0;color:var(--popular-posts-card-color)}.blog--sidebar .popular-posts .article-card>.card{height:auto;text-decoration:none}.blog--sidebar .popular-posts .article-card__info{padding:1.5rem}.blog--sidebar .article-card-tags{color:var(--color-accent);text-transform:uppercase;font-size:.9rem;letter-spacing:.2rem;margin-top:0}.blog--sidebar .popular-posts .article-card__title{color:var(--popular-posts-card-color);transition:color var(--duration-default) ease}.blog--sidebar .popular-posts .caption-with-letter-spacing{color:rgba(var(--color-base-heading),.65);font-family:var(--font-body-family)}@media screen and (hover:hover){.blog--sidebar .popular-posts .card:hover .article-card__title{color:var(--color-accent)}}.blog--sidebar .popular-posts article{border-bottom:0;padding-bottom:0}@media(min-width:750px){.blog--sidebar .content{position:sticky;top:75px;right:0}}.blog--sidebar .search .search-modal__form .field{--announcement-bar-height: 0;background:var(--color-surface);border-radius:var(--blog-search-radius);box-shadow:inset 0 0 0 .1rem var(--color-border-subtle);column-gap:1.2rem;min-height:5.2rem;padding:0 1.6rem}.blog--sidebar .search .search-modal__form .field:focus-within{box-shadow:var(--brand-focus-ring)}.blog--sidebar .search .search-modal__form .search__input{background:transparent;border-radius:0;box-shadow:none;color:rgb(var(--color-base-text));height:5.2rem;min-width:0;padding:0}.blog--sidebar .search .search-modal__form .search__input:focus,.blog--sidebar .search .search-modal__form .search__input:focus-visible{box-shadow:none}.blog--sidebar .search .search-modal__form .search__button[type=submit]{color:rgb(var(--color-base-heading));flex:0 0 2.4rem;min-height:4.4rem;width:2.4rem}.blog--sidebar .search .search-modal__form .search__button[type=submit] .icon{height:2rem;width:2rem}.blog--sidebar .search .search-modal__form .search__button[type=button]{display:none}.blog--sidebar .newsletter{--blog-newsletter-radius: 1.6rem;--blog-newsletter-field-radius: .8rem;background:var(--color-accent-surface);border-radius:var(--blog-newsletter-radius);overflow:hidden}.blog--sidebar .newsletter>div{width:100%}.blog--sidebar .newsletter :is(form,[data-testid^=klaviyo-form]){background:var(--color-accent-surface)!important;border-radius:var(--blog-newsletter-radius)!important;box-sizing:border-box!important;padding:2.4rem 1.6rem!important;width:100%!important}.blog--sidebar .newsletter :is(h1,h2,h3,h4){color:rgb(var(--color-heading))!important;font-family:var(--font-family-display)!important;font-weight:var(--font-weight-regular)!important;line-height:1.2!important}.blog--sidebar .newsletter :is(p,label,span){color:rgb(var(--color-base-text))!important;font-family:var(--font-body-family)!important}.blog--sidebar .newsletter .blog-newsletter__promo{color:rgb(var(--color-heading))!important;font-family:var(--font-family-display)!important;font-weight:var(--font-weight-regular)!important;line-height:1.2!important}.blog--sidebar .newsletter :is(strong,b){font-weight:var(--font-weight-semibold)!important}.blog--sidebar .newsletter label{font-weight:var(--font-weight-semibold)!important;line-height:1.4!important}.blog--sidebar .newsletter :is(input[type=email],input[type=text],select,textarea){background:var(--color-surface)!important;border:.1rem solid var(--color-border-subtle)!important;border-radius:var(--blog-newsletter-field-radius)!important;box-shadow:none!important;color:rgb(var(--color-base-text))!important;font-family:var(--font-body-family)!important;min-height:5.2rem!important;padding:1.2rem 1.6rem!important}.blog--sidebar .newsletter :is(input,textarea)::placeholder{color:var(--color-muted)!important;opacity:1!important}.blog--sidebar .newsletter input[type=checkbox]{accent-color:rgb(var(--color-base-accent));border-radius:.4rem!important;height:2rem!important;width:2rem!important}.blog--sidebar .newsletter button[type=submit],.blog--sidebar .newsletter [data-testid=form-component]>button:not([aria-haspopup]){background:rgb(var(--color-button-background))!important;border:var(--button-border-width) solid rgb(var(--color-button-border))!important;border-radius:var(--button-radius)!important;box-sizing:border-box!important;color:rgb(var(--color-button-text))!important;font-family:var(--font-body-family)!important;font-size:var(--font-button-size)!important;font-weight:var(--font-weight-semibold)!important;height:4.6rem!important;line-height:1.2!important;min-height:4.6rem!important;padding:.8rem 2rem!important}.blog--sidebar .newsletter button[type=submit] *,.blog--sidebar .newsletter [data-testid=form-component]>button:not([aria-haspopup]) *{color:rgb(var(--color-button-text))!important;font-family:var(--font-body-family)!important;font-weight:inherit!important}@media screen and (hover:hover){.blog--sidebar .newsletter button[type=submit]:hover,.blog--sidebar .newsletter [data-testid=form-component]>button:not([aria-haspopup]):hover{background:rgb(var(--color-button-background))!important;color:rgb(var(--color-button-text))!important}}@media(max-width:989px){.blog--sidebar{padding:5% 0;position:fixed;top:0;left:-100%;z-index:var(--z-index-blog-sidebar);max-height:100vh;overflow-y:auto;background:rgb(var(--color-background));transition:.5s;height:100vh}.blog--sidebar.sidebar--opened{left:0}.blog--sidebar .content{padding:20px}toggle-blog-sidebar button{margin-top:20px}}
/*# sourceMappingURL=/cdn/shop/t/2585/assets/component-blog-sidebar.css.map */