.component-article{margin:2rem 0}@media screen and (min-width: 1024px){.component-article{margin:3.125rem 0}}.component-article .article-container{width:100%;gap:100px;padding:0 2rem;color:#2c272d;margin-top:1.5rem;font-family:Rules,Helvetica Neue,Arial,sans-serif}@media screen and (min-width: 1024px){.component-article .article-container{display:grid;grid-template-columns:60% 1fr;margin-top:3.125rem}}@media screen and (min-width: 1440px){.component-article .article-container{display:grid;grid-template-columns:70% 1fr;margin-top:3.125rem}}.component-article .article{margin:0}.component-article .breadcrumbs{text-transform:uppercase;color:#666;letter-spacing:.04em;display:flex;list-style:none;padding:0;font-size:14px;justify-content:center;white-space:nowrap}@media screen and (min-width: 1024px){.component-article .breadcrumbs{font-size:16px;justify-content:left}}.component-article .breadcrumb:not(:last-child):after{content:"/";padding:0 .5rem}.component-article .breadcrumb--truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.component-article .breadcrumb-separator{margin:0 .25rem}.component-article .breadcrumb-article-title{font-weight:500;white-space:nowrap}.component-article .article-divider{display:none}@media screen and (min-width: 1024px){.component-article .article-divider{border:1px solid #DDDDDD;margin:1rem 0;display:block}}.component-article .article-title{font-family:Rules,Helvetica Neue,Arial,sans-serif;font-style:normal;font-weight:500;font-size:24px;text-align:center;line-height:38px;color:#2c272d;margin-bottom:1rem;margin-top:1rem;text-transform:capitalize;letter-spacing:unset}@media screen and (min-width: 1024px){.component-article .article-title{font-size:36px;text-align:left;line-height:54px}}.component-article .article-date-author{display:flex;margin-bottom:1.25rem;font-size:14px;justify-content:center}@media screen and (min-width: 1024px){.component-article .article-date-author{font-size:16px;justify-content:left}}.component-article .article-author{font-weight:500;margin-left:.625rem}.component-article .article-tag{background-color:#f5f5f5;padding:.25rem .5rem;font-family:Rules,Helvetica Neue,Arial,sans-serif;font-weight:500;text-transform:capitalize;margin-right:.5rem;margin-bottom:.5rem;border-radius:10px}.component-article .article-tag-title{font-weight:500;margin-right:.625rem;font-size:20px}.component-article .tags{display:flex;flex-wrap:wrap}.component-article .image{width:100%;height:auto}.component-article .content{font-size:16px}.component-article .content p:not(.component-pdp-product p){margin:1rem 0}.component-article .caption{font-family:Rules,Helvetica Neue,Arial,sans-serif;font-size:14px;text-align:center}@media screen and (min-width: 1024px){.component-article .caption{font-size:16px;text-align:left}}.component-article .caption--video{text-align:center}.component-article .shopifygroup{display:none}.component-article iframe{width:100%;min-height:350px}.component-article figure{width:100%!important;margin-left:0!important}@media screen and (min-width: 1024px){.component-article iframe{min-height:500px}}.component-article h2 span{font-weight:500!important}.component-article .content h2,.component-article .content h3{scroll-margin-top:200px;text-transform:capitalize;margin:1rem 0;font-size:28px;line-height:32px;letter-spacing:unset}.component-article .content h2 strong,.component-article .content h2 b{font-weight:500}.component-article .content h3 strong,.component-article .content h3 b{font-weight:400}.component-article .content h2{font-size:28px}.component-article .content h3{font-size:24px}@media screen and (min-width: 1024px){.component-article .content h2,.component-article .content h3{margin:2rem 0}}.component-article .content ul:not(.component-pdp-product ul){margin-left:2rem}.component-article .content li:not(.component-pdp-product li){list-style:disc}.component-article .content a:not(.component-pdp-product a){color:#d460c9}.component-article .content img:not(.component-pdp-product img){width:100%;height:100%}.component-article .sidebar{margin-top:3rem}.component-article .blog-search{text-align:center;border:1px solid #444444;border-radius:6px;padding:.75rem 1rem;display:flex;flex-wrap:nowrap;gap:10px;margin-left:auto;margin-right:auto;margin-bottom:2rem}.component-article .blog-search-input{border:none;width:100%;font-family:Rules,Helvetica Neue,Arial,sans-serif;font-size:14px}.component-article .table-of-contents{display:none}@media screen and (min-width: 1024px){.component-article .table-of-contents{display:block}}.component-article .table-of-contents b,.component-article .table-of-contents strong{font-weight:400!important}.component-article .table-of-contents-mobile{display:block;width:100%;border:1px solid black;margin:1rem 0;padding:.875rem}@media screen and (min-width: 1024px){.component-article .table-of-contents-mobile{display:none}}.component-article .table-of-contents-mobile-dropdown{width:100%;border:none;font-size:16px;font-weight:500;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.21967 9.21967C7.51256 8.92678 7.98744 8.92678 8.28033 9.21967L11.75 12.6893L15.2197 9.21967C15.5126 8.92678 15.9874 8.92678 16.2803 9.21967C16.5732 9.51256 16.5732 9.98744 16.2803 10.2803L12.2803 14.2803C12.1397 14.421 11.9489 14.5 11.75 14.5C11.5511 14.5 11.3603 14.421 11.2197 14.2803L7.21967 10.2803C6.92678 9.98744 6.92678 9.51256 7.21967 9.21967Z' fill='%232C272D'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right;background-color:#fff;color:#000}.component-article .sidebar-nav{margin-bottom:3.125rem}.component-article .sidebar-nav li{list-style:none}.component-article .sidebar-title{font-weight:500;font-size:24px;line-height:32px;margin-bottom:1rem;letter-spacing:unset;text-transform:none}.component-article .sidebar-item{text-decoration:underline;margin-bottom:1rem;font-weight:400;font-size:16px;line-height:19px;text-transform:capitalize}.component-article .trending-posts{max-width:600px}.component-article .trending-item{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid #DDDDDD;display:flex}.component-article .trending-image-thumbnail-container{margin-right:1rem;padding-bottom:10%;max-width:80px;max-height:80px;transition:opacity .4s ease-in-out;background-color:#f0f0f0;position:relative;display:block;width:100%;height:100%}@media screen and (min-width: 1024px){.component-article .trending-image-thumbnail-container{padding-bottom:20%}}.component-article .image-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center top}.component-article .trending-item:hover .trending-arrow{transform:translate(8px)}.component-article .trending-arrow{margin-left:1rem;transition:.5s all;max-width:20px;width:100%}.component-article .read-time{color:#999;margin-top:.3125rem}.component-article .shortcode-image{display:flex;gap:2rem;margin:2rem 0}.component-article .shortcode-quote{font-family:Rules,Helvetica Neue,Arial,sans-serif;font-weight:600;font-size:32px;line-height:44px;text-align:center;margin:2rem 0}.component-article .quote-container{padding:1.5rem}.component-article .quote-text{font-size:28px;font-weight:500;max-width:500px;margin:1.5rem auto}.component-article .quote-text--large{font-size:34px;font-weight:600;max-width:650px}.component-article .quote-separator{max-width:20px;margin:1rem auto}.component-article .quote-top-bottom-text{font-weight:500;font-size:18px;text-transform:uppercase;font-family:Rules,Helvetica Neue,Arial,sans-serif;letter-spacing:.04em}.component-article .shortcode-video{text-align:center;margin:2rem 0}.component-article .video--full-width{width:100%}.component-article .video{max-width:550px;width:100%}.component-article .shortcode-products{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0}@media screen and (min-width: 768px){.component-article .shortcode-products{grid-template-columns:1fr 1fr 1fr 1fr}}.component-article .shortcode-products .product-title{color:#000!important;margin:.5rem 0;font-size:16px}.component-article .shortcode-products .product-shop-btn{color:#fff!important}.next-previous-articles{margin-top:3.125rem;display:flex;justify-content:center;gap:1rem;font-weight:500}.next-previous-articles a{display:flex;align-items:center;gap:.5rem}.component-article .products-article{display:grid;grid-template-columns:1fr;gap:1.5625rem}@media screen and (min-width: 400px){.component-article .products-article{grid-template-columns:1fr 1fr}}@media screen and (min-width: 1024px){.component-article .products-article{grid-template-columns:1fr}}.component-article .product-article{margin-top:2rem}.component-article .product-article .product-title{font-weight:500;font-family:Rules,Helvetica Neue,Arial,sans-serif}.component-article .product-article .product-image{max-height:300px;width:100%;object-fit:cover}.component-article .product-article .product-badges{display:flex;flex-wrap:wrap;margin-top:.2rem;margin-right:.25rem;gap:.25rem}.component-article .product-article .product-badge{background:#f5f5f5;border-radius:.625rem;text-align:center;line-height:1.2;font-size:12px;font-weight:500;padding:.15rem .5rem}@media screen and (min-width: 768px){.component-article .product-article .product-badges{margin-top:.625rem;gap:.5rem}.component-article .product-article .product-badge{font-size:12px;padding:.25rem .5rem}}.component-article .product-article .product-bd-text-badge{background-color:var(--bd-tag-bg-color);color:var(--bd-tag-color)}.component-article .product-article .product-price-reviews{display:flex;flex-direction:column;margin-top:.2rem;font-family:Rules,Helvetica Neue,Arial,sans-serif}@media screen and (min-width: 768px){.component-article .product-price-reviews{flex-direction:row;align-items:center;margin-top:.5rem;gap:10px}}.component-article .product-article .product-price--sale{color:#f44040}.component-article .product-article .product-compare-price{text-decoration:line-through;color:#888;margin-left:.2rem}.component-article .social-share{display:flex;align-items:center}.component-article .social-share-link{margin-right:2rem}.component-article .product-shop-btn{margin-top:1rem;border:none;font-family:Rules,Helvetica Neue,Arial,sans-serif;font-weight:500;letter-spacing:.06em;line-height:17px;text-align:center;transition:all .4s ease-in-out 0s;font-size:14px;height:40px;color:#fff!important;background-color:#000;display:flex;align-items:center;justify-content:center;width:100%;cursor:pointer;border-radius:4px;text-transform:uppercase}.component-article .product-shop-btn:hover{background-color:var(--pdp-atc-hover-color)}.component-article .products-article .colors{display:flex;flex-wrap:nowrap;min-height:30px;margin-top:.1rem;margin-bottom:.1rem}@media screen and (min-width: 768px){.component-article .products-article .colors{margin-top:.5rem;margin-bottom:0;flex-wrap:wrap}}.component-article .product-article .color{margin-right:.25rem;margin-top:2px;margin-bottom:2px}.component-article .product-article .color.first{order:-1}.component-article .product-article .color:nth-child(n+8){display:none}@media screen and (min-width: 768px){.component-article .product-article .color:nth-child(n+8){display:block}}.component-article .product-article .color-count{display:flex;align-items:center;color:#707070;font-size:12px;font-weight:500}@media screen and (min-width: 768px){.component-article .color-count{display:none}}.component-article .product-article .color-label{display:flex;position:relative;width:22px;height:22px;background-clip:content-box;padding:.15rem;border-radius:20px;-webkit-border-radius:20px;cursor:pointer;background-color:var(--swatch-color);background-image:var(--swatch-image);background-size:cover;color:#fff}@media screen and (min-width: 768px){.component-article .product-article .color-label{width:26px;height:26px;padding:.1875rem}}.component-article .product-article .color-input:checked+.color-label{border:1px solid black}.component-article .product-article .color-label--out-of-stock:after{content:"";position:absolute;top:50%;display:block;width:100%;border-top:2px solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.component-article .product-article .color-input:checked+.color-label--out-of-stock:after{width:80%;top:45%;left:10%}.component-article .component-featured-products .colors{display:none}.component-article .feature-products-slider__item-title a{color:#000!important;font-weight:500;font-family:Rules,Helvetica Neue,Arial,sans-serif;letter-spacing:0;font-size:16px}.component-article .feature-products-slider__item-price{display:none}.component-pdp-product .media-container{min-height:unset!important}
/*# sourceMappingURL=/cdn/shop/t/10931/assets/component-article.css.map */