:root{--media-below-480:(max-width: 479px);--media-above-480:(min-width: 480px);--media-below-720:(max-width: 719px);--media-above-720:(min-width: 720px);--media-below-960:(max-width: 959px);--media-above-960:(min-width: 960px);--media-below-1200:(max-width: 1199px);--media-above-1200:(min-width: 1200px);--media-below-1400:(max-width: 1399px);--media-above-1400:(min-width: 1400px);--max-width:1400px;--max-width-narrow:747px;--flyout-mobile-gap:var(--spacing-9);--flyout-width:calc(375px + var(--flyout-mobile-gap))}@media (min-width: 720px){:root{--flyout-width:460px}}:root{--spacing-unit:4px;--spacing-unit-half:2px;--spacing-1:calc(var(--spacing-unit) * 1);--spacing-2:calc(var(--spacing-unit) * 2);--spacing-3:calc(var(--spacing-unit) * 3);--spacing-4:calc(var(--spacing-unit) * 4);--spacing-5:calc(var(--spacing-unit) * 5);--spacing-6:calc(var(--spacing-unit) * 6);--spacing-7:calc(var(--spacing-unit) * 7);--spacing-8:calc(var(--spacing-unit) * 8);--spacing-9:calc(var(--spacing-unit) * 9);--spacing-10:calc(var(--spacing-unit) * 10);--spacing-11:calc(var(--spacing-unit) * 11);--spacing-12:calc(var(--spacing-unit) * 12);--spacing-15:calc(var(--spacing-unit) * 15);--spacing-16:calc(var(--spacing-unit) * 16);--spacing-17:calc(var(--spacing-unit) * 17);--spacing-18:calc(var(--spacing-unit) * 18);--spacing-20:calc(var(--spacing-unit) * 20);--spacing-25:calc(var(--spacing-unit) * 25);--spacing-30:calc(var(--spacing-unit) * 30);--box-shadow:0px 4px 6px rgba(0, 0, 0, .06);--box-shadow-darker:0px 4px 6px rgba(0, 0, 0, .15);--box-shadow-double:0px 1px 2px rgba(0, 0, 0, .09), 0px 3px 8px rgba(0, 0, 0, .14);--box-shadow-offset-bottom:4px;--z-index-bar:300;--z-index-header:500;--z-index-announcement-bar:510;--z-index-drawers:520;--z-index-filter-bar-wash:400;--z-index-filter-bar:450;--z-index-popup:400;--z-index-modal-wash:1200;--z-index-modal:1300;--z-index-theme-editor-offset:2000;--z-index-page-transition-overlay:2100;--z-index-quick-search:480}@media (min-width: 960px){:root{--z-index-quick-search:520}}:root{--space-outer:3.3vw}@supports (padding: 0 clamp(18px,3.3vw,3.3vw)){@media (max-width: 719px){:root{--space-outer:clamp(18px, 3.3vw, 3.3vw)}}}:root{--height-input:48px;--quick-buy-button-height:60px;--easing:cubic-bezier(.33, 0, 0, 1);--duration-ultra-fast:.1s;--duration-fast:.3s;--duration-normal:.5s;--duration-slow:1.2s;--delay-small:33ms;--delay-normal:67ms;--delay-long:133ms}.blog__inner .blog__header{max-width:unset}.blog__rss{position:absolute;right:0;top:50%;transform:translateY(-50%)}.blog__nav{display:flex;align-items:center;justify-content:center;width:100%;margin-top:20px;margin-top:var(--spacing-5)}@media (min-width: 480px){.blog__nav{margin-top:16px;margin-top:var(--spacing-4)}}.blog__nav-list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:0;padding:0;list-style:none}@media (max-width: 719px){.blog__nav-list{display:none}}.blog__nav-item{padding:8px 12px;padding:var(--spacing-2) var(--spacing-3)}.blog__nav-link{padding:8px 0;padding:var(--spacing-2) 0;text-transform:capitalize;color:var(--color-text-meta)}.blog__nav-link.blog__nav-link--active{border-bottom:solid 2px currentColor;color:var(--color-background-header)}@media (min-width: 720px){.blog__nav-mobile--wrapper{display:none}}.blog__article-list{display:grid;grid-column-gap:40px;-moz-column-gap:40px;column-gap:40px;grid-column-gap:var(--spacing-10);-moz-column-gap:var(--spacing-10);column-gap:var(--spacing-10);grid-row-gap:36px;row-gap:36px;grid-row-gap:var(--spacing-9);row-gap:var(--spacing-9);margin:0;padding:16px 0 0;padding:var(--spacing-4) 0 0;list-style:none}.blog__article-list.blog__article-list--has-featured{padding-top:0;border-top:0}@media (min-width: 720px){.blog__article-list{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.blog__article-list{grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;grid-column-gap:var(--spacing-5);-moz-column-gap:var(--spacing-5);column-gap:var(--spacing-5);grid-row-gap:48px;row-gap:48px;grid-row-gap:var(--spacing-12);row-gap:var(--spacing-12)}.blog__article-list.blog__article-list--has-featured{padding-top:0}}.blog__article-item--featured{margin-bottom:16px;margin-bottom:var(--spacing-4);padding-bottom:32px;padding-bottom:var(--spacing-8);border-bottom:solid 1px var(--color-border)}@media (min-width: 720px){.blog__article-item--featured{grid-column:1 / span 2;padding-bottom:60px;padding-bottom:var(--spacing-15)}}html.do-anim .animation.animation--blog.is-visible .article-item__content-inner>*,html.do-anim .animation.animation--blog.is-visible .animation--blog-header>*,html.do-anim .animation.animation--blog.is-visible .animation--blog-pagination>*{opacity:1;transform:unset}html.do-anim .animation.animation--blog .animation--blog-header>*,html.do-anim .animation.animation--blog .animation--blog-pagination>*{--delay-amount:var(--delay-normal);--duration-amount:var(--duration-normal);opacity:0;transform:translateY(20px);transition:transform var(--duration-amount) cubic-bezier(.33,0,0,1),opacity var(--duration-amount) cubic-bezier(.33,0,0,1);transition:transform var(--duration-amount) var(--easing),opacity var(--duration-amount) var(--easing);transition-delay:calc(var(--delay-amount) * 0);transition-delay:calc(var(--delay-amount) * var(--delay-offset-multiplier, 0))}html.do-anim .animation.animation--blog .article-item__content-inner>*{--delay-amount:var(--delay-normal);--duration-amount:var(--duration-normal);opacity:0;transform:translateY(20px);transition:transform var(--duration-amount) cubic-bezier(.33,0,0,1),opacity var(--duration-amount) cubic-bezier(.33,0,0,1);transition:transform var(--duration-amount) var(--easing),opacity var(--duration-amount) var(--easing);transition-delay:calc(var(--delay-amount) * 0);transition-delay:calc(var(--delay-amount) * var(--delay-offset-multiplier, 0))}.blog-container{display:flex;gap:20px}.no-results{text-align:center;padding:30px}.filter-container{min-width:250px;position:relative}.filter-toggle{display:none;padding-left:0}@media (max-width: 999px){.blog-container{flex-direction:column;gap:0}.filter-toggle{display:flex;gap:5px}.filter-toggle.open{opacity:.5}.filter-container .filter-column{height:1px;width:100%;max-width:420px;position:absolute;border:1px solid #e5e5e5;background-color:#fff;z-index:10;padding:20px;overflow:hidden;opacity:0;transition:opacity .5s ease-in-out}.filter-container .filter-column.open{height:auto;opacity:1;overflow:visible}}.dropdown-button{overflow:hidden;word-wrap:unset;word-break:unset;height:100%;width:100%;text-align:left;display:flex;align-items:center}.dropdown-button .icon{margin-left:auto;width:16px;height:16px;pointer-events:none}.dropdown-button.open .icon{transform:rotate(180deg)}.close-link .icon{width:16px;height:16px;margin-bottom:-3px}.sort-box{border-bottom:1px solid #e5e5e5;padding-bottom:15px;margin-bottom:15px}.custom-select{position:relative;width:100%}.custom-select .icon{position:absolute;width:16px;height:16px;right:13px;top:40px;z-index:1;pointer-events:none}.search-box{position:relative;margin-bottom:16px}.search-box input{width:100%;background-color:#f9f9f9;border:1px solid #e5e5e5;color:#737373;font-size:1.1rem!important;font-style:italic;line-height:normal;padding:13px 45px 11px 12px}.search-box .search-button{position:absolute;height:47px;width:47px;z-index:1;right:0;bottom:0}.search-box .icon{width:20px;height:20px;margin:5px 0 0}.search-box input::placeholder{color:#737373;text-transform:uppercase;font-size:11px}.dropdown,.dropdown-sort{position:relative;display:flex;text-decoration:none;padding:0 13px;width:100%;height:40px;border-radius:4px;border:1px solid #E5E5E5;background-color:#f9f9f9;color:#000;background-image:none;align-items:center;font-size:1rem;line-height:4rem;margin-bottom:15px}.dropdown-sort{line-height:1rem;margin-bottom:0}.filter-title{float:left;font-size:.8rem;line-height:1.8rem;letter-spacing:-.25px;color:#666;text-transform:uppercase}.dropdown-content{display:none;position:absolute;width:100%;border:1px solid #E5E5E5;border-radius:4px;background-color:#f9f9f9;z-index:1;top:40px;left:0;max-height:200px;overflow:auto}.dropdown-content ul{list-style:none;margin:0;padding:15px 13px}.dropdown-content li{position:relative;color:#000;float:left;width:100%;margin:0;text-align:left;cursor:pointer;font-size:.8rem;line-height:1.4rem}.dropdown-content li:not(:last-child){padding-bottom:5px}.dropdown-content.show{display:block}
/*# sourceMappingURL=/cdn/shop/t/16/assets/template-blog.css.map */