blog-directory{display:block;color:var(--color-text,#aaa);background:var(--color-background,#040a10)}.blog-directory [hidden]{display:none!important}.blog-directory__hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--separator-border-color,#ff9e1f26)}.blog-directory__hero:before{content:"";position:absolute;inset:0 0 0 auto;z-index:-1;width:min(55%,760px);background:var(--hero-honeycomb) no-repeat right center/cover;opacity:.65;-webkit-mask-image:linear-gradient(90deg,transparent,#000 28%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 28%,#000 90%,transparent);pointer-events:none}.blog-directory__heading{display:grid;grid-template-columns:1fr minmax(280px,520px);align-items:center;gap:40px;min-height:164px;padding-block:34px}.blog-directory__heading h1{margin:0;font-size:clamp(30px,3.7vw,46px);line-height:1.18;letter-spacing:-.025em;color:#fff}.blog-directory__search{position:relative;display:flex;min-width:0;border:1px solid #ff9e1f70;background:#040a10e8}.blog-directory__search:focus-within{outline:2px solid var(--primary-color,#ff9e1f);outline-offset:3px}.blog-directory__search input{width:100%;min-width:0;border:0;padding-block:16px 16px;padding-inline:50px 18px;background:transparent;color:#fff;font:inherit;font-size:14px;outline:0;border-radius:0;-webkit-appearance:none}.blog-directory__search input::placeholder{color:#b4b4b4}.blog-directory__search button{display:grid;place-items:center;position:absolute;inset:0 auto 0 0;width:46px;border:0;background:transparent;color:var(--primary-color,#ff9e1f);cursor:pointer}.blog-directory__body{padding-block:36px 64px}.blog-directory__toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.blog-directory__filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;min-width:0}.blog-directory__filter{display:flex;flex-direction:column;gap:6px;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:#bfc2c5}.blog-directory__filter select{max-width:240px;min-width:140px;min-height:40px;padding-block:9px 9px;padding-inline:12px 32px;border:1px solid #62676b;border-radius:0;background:#040a10;color:#eee;color-scheme:dark;font:inherit;font-size:12px;letter-spacing:.025em;text-transform:none;cursor:pointer}.blog-directory__filter select:disabled{opacity:.55;cursor:default}.blog-directory__filter select[data-active=true]{border-color:var(--primary-color,#ff9e1f);color:#ffb34e}.blog-directory__views{display:flex;gap:6px;flex-shrink:0}.blog-directory__views button{display:grid;place-items:center;min-width:40px;height:40px;padding:0;border:1px solid #62676b;color:#a6a9ad;background:transparent;cursor:pointer}.blog-directory__views button[aria-pressed=true]{border-color:var(--primary-color,#ff9e1f);color:var(--primary-color,#ff9e1f);background:#ff9e1f12}.blog-directory__reset,.blog-directory__retry{min-height:40px;padding:8px 4px;border:0;background:transparent;color:#ffb34e;font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.blog-directory__feedback{display:flex;align-items:center;gap:16px;min-height:32px;margin-bottom:20px}.blog-directory__status{margin:0;color:#a8adb1;font-size:13px}.blog-directory[data-loading=true] .blog-directory__status:before{content:"";display:inline-block;width:12px;height:12px;margin-inline-end:9px;border:1px solid #ff9e1f40;border-top-color:#ff9e1f;border-radius:50%;animation:blog-loading .8s linear infinite;vertical-align:-1px}.blog-directory__results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px;min-width:0}.blog-directory__results:focus{outline:none}.blog-card{position:relative;min-width:0;display:flex;flex-direction:column;gap:17px;padding:19px;border:1px solid #50555a;background:radial-gradient(ellipse at 75% 100%,#ff9e1f09,transparent 75%)}.blog-card__image{display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:#ffffff06}.blog-card__image img{display:block;width:100%;height:100%;margin:0;object-fit:cover;border-radius:0;transition:transform .2s ease}.blog-card:hover .blog-card__image img{transform:scale(1.025)}.blog-card__placeholder{display:grid;place-items:center;color:#ff9e1f80;background:radial-gradient(ellipse,#ff9e1f12,transparent 75%)}.blog-card__content{display:flex;flex-direction:column;align-items:flex-start;gap:12px;flex:1;min-width:0}.blog-card__title{margin:0;font-family:var(--font-body,sans-serif);font-size:18px;line-height:1.35;font-weight:700;color:#fff;overflow-wrap:anywhere}.blog-card__title a{color:inherit;text-decoration:none}.blog-card__title a:hover{color:#ffb34e}.blog-card__date{font-size:12px;line-height:1.4;color:#a1a7ab}.blog-card__excerpt{display:none;margin:0;font-size:13px;line-height:1.5;color:#a9afb3;overflow-wrap:anywhere}.blog-card__more{display:inline-flex;gap:6px;align-items:center;margin-top:auto;padding-top:4px;color:#ffb34e;font-family:var(--font-body,sans-serif);font-size:11px;text-transform:uppercase;letter-spacing:.07em;text-decoration:none}.blog-card__corners{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;pointer-events:none;--corner:#919598;background:linear-gradient(var(--corner),var(--corner)) left top/28px 3px no-repeat,linear-gradient(var(--corner),var(--corner)) left top/3px 28px no-repeat,linear-gradient(var(--corner),var(--corner)) right top/28px 3px no-repeat,linear-gradient(var(--corner),var(--corner)) right top/3px 28px no-repeat,linear-gradient(var(--corner),var(--corner)) left bottom/28px 3px no-repeat,linear-gradient(var(--corner),var(--corner)) left bottom/3px 28px no-repeat,linear-gradient(var(--corner),var(--corner)) right bottom/28px 3px no-repeat,linear-gradient(var(--corner),var(--corner)) right bottom/3px 28px no-repeat}.blog-directory[data-view=list] .blog-directory__results{display:block}.blog-directory[data-view=list] .blog-card{display:block;padding:17px 0;border:0;border-bottom:1px solid #ff9e1f26;background:transparent}.blog-directory[data-view=list] .blog-card:first-child{border-top:1px solid #ff9e1f26}.blog-directory[data-view=list] .blog-card__image,.blog-directory[data-view=list] .blog-card__corners,.blog-directory[data-view=list] .blog-card__more{display:none}.blog-directory[data-view=list] .blog-card__content{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:5px 28px}.blog-directory[data-view=list] .blog-card__title{font-size:18px;line-height:1.4}.blog-directory[data-view=list] .blog-card__date{white-space:nowrap}.blog-directory[data-view=list] .blog-card__excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;grid-column:1/-1;overflow:hidden}.blog-directory[data-searching=true][data-view=grid] .blog-card__excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.blog-directory__empty{grid-column:1/-1;padding:54px 20px;text-align:center;border:1px solid #41474c}.blog-directory__empty h2{margin:0 0 10px;color:#fff;font-size:24px}.blog-directory__empty p{margin:0}.blog-directory__empty button{margin-top:14px}.blog-directory__pagination{margin-top:36px}.blog-directory__pagination .pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:0}.blog-directory__pagination .pagination a,.blog-directory__pagination .pagination span{display:inline-grid;place-items:center;min-width:38px;min-height:38px;padding:6px;border:1px solid #41474c;color:#e1e4e6;text-decoration:none;font-size:13px}.blog-directory__pagination .pagination .current{border-color:#ff9e1f;color:#ffb34e;background:#ff9e1f10}.blog-directory__fallback-topics{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.blog-directory :is(a,button,select):focus-visible{outline:2px solid #ff9e1f;outline-offset:4px}@keyframes blog-loading{to{transform:rotate(360deg)}}@media(max-width:1099px){.blog-directory__results{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-directory__heading{grid-template-columns:1fr minmax(260px,42%);gap:28px}}@media(max-width:767px){.blog-directory__heading{grid-template-columns:1fr;gap:24px;padding-block:30px}.blog-directory__hero:before{width:90%;opacity:.45}.blog-directory__body{padding-block:26px 44px}.blog-directory__toolbar{align-items:flex-start;flex-wrap:wrap;gap:16px}.blog-directory__filters{flex:1 1 100%;gap:12px}.blog-directory__filter{flex:1 1 100px}.blog-directory__filter select{min-width:0;max-width:none;width:100%}.blog-directory__views{margin-inline-start:auto}.blog-directory__results{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}.blog-card{padding:14px;gap:14px}.blog-card__title{font-size:17px}.blog-directory[data-view=list] .blog-card__content{grid-template-columns:1fr;gap:5px}.blog-directory[data-view=list] .blog-card__date{grid-row:2}.blog-directory[data-view=list] .blog-card__excerpt{-webkit-line-clamp:1}}@media(max-width:539px){.blog-directory__results{grid-template-columns:1fr}.blog-card{padding:18px}}@media(prefers-reduced-motion:reduce){.blog-card__image img{transition:none}.blog-directory[data-loading=true] .blog-directory__status:before{animation:none}}.blog-directory[data-view=list] .blog-card__excerpt{display:none}.blog-directory[data-searching=true][data-view=list] .blog-card__excerpt{display:-webkit-box}@media(max-width:539px){.blog-directory__filter{flex-basis:calc(50% - 6px)}.blog-directory[data-view=list] .blog-card{padding-block:13px}}
/*# sourceMappingURL=/cdn/shop/t/88/assets/blog-directory.css.map */