.xo-blog-filters{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin:0 auto 2rem;max-width:60rem}.xo-blog-filters__heading{width:100%;text-align:center;margin-bottom:.5rem;font-size:1.4rem;color:rgba(var(--color-foreground),.7)}.xo-blog-filters__btn{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.6rem;font-size:1.4rem;font-weight:500;text-decoration:none;border:1px solid rgba(var(--color-foreground),.25);border-radius:2rem;background-color:transparent;color:rgb(var(--color-foreground));transition:all .2s ease;cursor:pointer}.xo-blog-filters__btn:hover{border-color:rgb(var(--color-foreground));background-color:rgba(var(--color-foreground),.05)}.xo-blog-filters__btn--active{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.xo-blog-filters__btn--active:hover{background-color:rgba(var(--color-foreground),.85)}.xo-blog-filters__search{gap:.6rem;background-color:rgb(var(--color-accent, 107 200 165));border-color:rgb(var(--color-accent, 107 200 165));color:#fff}.xo-blog-filters__search:hover{background-color:rgba(var(--color-accent, 107 200 165),.85);border-color:rgba(var(--color-accent, 107 200 165),.85);color:#fff}.xo-blog-filters__search svg{flex-shrink:0}.xo-blog-filters__clear{border-style:dashed;color:rgba(var(--color-foreground),.6)}.xo-blog-filters__clear:hover{border-style:dashed;color:rgb(var(--color-foreground))}.xo-blog-filters--loading{pointer-events:none}.xo-blog-filters--loading .xo-blog-filters__btn,.xo-blog-filters--loading .xo-blog-search__input{opacity:.5;cursor:wait}.xo-blog-filters__spinner{display:block;width:3.2rem;height:3.2rem;border:3px solid rgba(var(--color-foreground),.15);border-top-color:rgb(var(--color-accent, 107 200 165));border-radius:50%;animation:blog-spinner .8s linear infinite;margin:0 auto}.xo-blog-filters__loading{min-height:20rem;display:flex;flex-direction:column;align-items:center;justify-content:center}@keyframes blog-spinner{to{transform:rotate(360deg)}}.xo-blog-search{position:relative;width:100%;max-width:28rem;order:-1}.xo-blog-search__input-wrapper{position:relative;display:flex;align-items:center}.xo-blog-search__icon{position:absolute;left:1.2rem;pointer-events:none;color:rgba(var(--color-foreground),.5)}.xo-blog-search__input{width:100%;padding:.8rem 3.2rem .8rem 3.6rem;font-size:1.4rem;font-family:inherit;border:1px solid rgba(var(--color-foreground),.25);border-radius:2rem;background-color:transparent;color:rgb(var(--color-foreground));transition:border-color .2s ease}.xo-blog-search__input:focus{outline:none;border-color:rgb(var(--color-foreground))}.xo-blog-search__input::placeholder{color:rgba(var(--color-foreground),.5)}.xo-blog-search__clear{position:absolute;right:.8rem;padding:.4rem;background:none;border:none;cursor:pointer;color:rgba(var(--color-foreground),.5);display:flex;align-items:center;justify-content:center}.xo-blog-search__clear:hover{color:rgb(var(--color-foreground))}.xo-blog-search__results{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.15);border-radius:1rem;box-shadow:0 4px 20px #0000001a;max-height:40rem;overflow-y:auto;z-index:100;display:none}.xo-blog-search__results--visible{display:block}.xo-blog-search__result-item{display:flex;align-items:center;gap:1.2rem;padding:1rem 1.2rem;text-decoration:none;color:rgb(var(--color-foreground));transition:background-color .15s ease}.xo-blog-search__result-item:first-child{border-radius:1rem 1rem 0 0}.xo-blog-search__result-item:last-child{border-radius:0 0 1rem 1rem}.xo-blog-search__result-item:only-child{border-radius:1rem}.xo-blog-search__result-item:hover,.xo-blog-search__result-item--active{background-color:rgba(var(--color-foreground),.05)}.xo-blog-search__result-image{width:5rem;height:5rem;flex-shrink:0;border-radius:.5rem;overflow:hidden}.xo-blog-search__result-image img{width:100%;height:100%;object-fit:cover}.xo-blog-search__result-content{flex:1;min-width:0}.xo-blog-search__result-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:1.4rem;line-height:1.4}.xo-blog-search__no-results{padding:2rem 1.2rem;text-align:center;color:rgba(var(--color-foreground),.6);font-size:1.4rem}@media (max-width: 767px){.xo-blog-filters{gap:.6rem}.xo-blog-filters__btn{padding:.6rem 1.2rem;font-size:1.3rem}.xo-blog-search{max-width:100%;margin-bottom:.5rem}.xo-blog-search__input{padding:.7rem 3rem .7rem 3.2rem;font-size:1.6rem}.xo-blog-search__results{max-height:30rem}}.xo-main-blog .xo-article-card__title{margin:0;word-break:break-word;word-wrap:break-word}.xo-main-blog__content{display:flex;flex-direction:column;padding-top:2.6rem;border-top:.1rem solid rgba(var(--color-border),.4)}@media (min-width: 768px){.xo-main-blog__content{padding-top:4rem}}.xo-main-blog__grid{row-gap:3.5rem;column-gap:1.5rem}@media (min-width: 992px){.xo-main-blog__grid{row-gap:var(--row-gap);column-gap:var(--col-gap)}}
/*# sourceMappingURL=/cdn/shop/t/718/assets/section-main-blog.css.map */