.blog-sidebar-layout{--page-content-width: var(--normal-page-width);--page-width: calc(var(--page-content-width) + (var(--page-margin) * 2));padding:var(--padding-4xl) 0}.blog-sidebar-layout__container{display:flex;flex-direction:column;gap:2rem;max-width:var(--page-content-width);margin:0 auto}@media screen and (min-width: 990px){.blog-sidebar-layout__container{flex-direction:row;align-items:flex-start;gap:3rem}.blog-sidebar-layout__sidebar{flex:0 0 400px}.blog-sidebar-layout__content{flex:1}}.blog-sidebar-layout__sidebar{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:var(--padding-4xl);height:fit-content}@media screen and (min-width: 990px){.blog-sidebar-layout__sidebar{position:sticky;top:var(--margin-2xl);align-self:flex-start}}.blog-sidebar-layout__sidebar-header{margin-bottom:var(--margin-2xl)}.blog-sidebar-layout__sidebar-title{margin:0;font-size:24px;font-weight:700;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.blog-sidebar-layout__search{margin-bottom:var(--margin-2xl);padding-bottom:var(--padding-2xl);border-bottom:1px solid #e5e5e5}.blog-sidebar-layout__search-input-wrapper{position:relative;display:flex;align-items:center}.blog-sidebar-layout__search-cursor{position:absolute;top:50%;transform:translateY(-50%);width:1px;height:12px;background-color:#a8a8a8;animation:blink 1s infinite;pointer-events:none;opacity:0;transition:opacity .2s ease;font-size:14px;line-height:1}.blog-sidebar-layout__search-input-wrapper:focus-within .blog-sidebar-layout__search-cursor{opacity:1}.blog-sidebar-layout__search-input:not(:placeholder-shown)+.blog-sidebar-layout__search-cursor{opacity:0}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.blog-sidebar-layout__search-input{width:100%;padding:12px 40px 12px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;color:#000;transition:all .2s ease}.blog-sidebar-layout__search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.blog-sidebar-layout__search-input:not(:placeholder-shown){border-color:#3b82f6;background-color:#f8fafc}.blog-sidebar-layout__search-input::placeholder{color:#9ca3af}.blog-sidebar-layout__search-button{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;padding:4px;cursor:pointer;color:#6b7280;transition:color .2s ease}.blog-sidebar-layout__search-button:hover{color:#000}.blog-sidebar-layout__search-button svg{width:16px;height:16px}.blog-sidebar-layout__search-results{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;margin-top:12px;box-shadow:0 2px 4px #0000001a}.blog-sidebar-layout__search-results-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f8fafc;border-bottom:1px solid #e5e7eb}.blog-sidebar-layout__search-results-title{margin:0;font-size:14px;font-weight:600;color:#000}.blog-sidebar-layout__search-clear{background:none;border:none;padding:4px;cursor:pointer;color:#6b7280;transition:color .2s ease;border-radius:4px}.blog-sidebar-layout__search-clear:hover{color:#000;background:#e5e7eb}.blog-sidebar-layout__search-clear svg{width:16px;height:16px}.blog-sidebar-layout__search-results-list{max-height:400px;overflow-y:auto}.blog-sidebar-layout__search-result-item{border-bottom:1px solid #f3f4f6}.blog-sidebar-layout__search-result-item:last-child{border-bottom:none}.blog-sidebar-layout__search-result-link{display:block;padding:12px 16px;text-decoration:none;color:#000;transition:background-color .2s ease}.blog-sidebar-layout__search-result-link:hover{background:#f8fafc}.blog-sidebar-layout__search-result-link.active{background:#eff6ff;border-left:3px solid #3b82f6}.blog-sidebar-layout__search-result-title{font-size:14px;font-weight:500;line-height:1.4;margin-bottom:4px}.blog-sidebar-layout__search-result-title mark{background:#fef2f2;color:#dc2626;padding:1px 3px;border-radius:3px;font-weight:600}.blog-sidebar-layout__search-result-date{font-size:12px;color:#6b7280}.blog-sidebar-layout__search-no-results{padding:20px 16px;text-align:center;color:#6b7280}.blog-sidebar-layout__search-no-results p{margin:0;font-size:14px}.blog-sidebar-layout__categories{display:flex;flex-direction:column;gap:0}.no-results-message{padding:20px;text-align:center;color:#6b7280;font-size:14px;background:#f9fafb;border-radius:8px;margin:16px 0;border:1px solid #e5e7eb}.no-results-message p{margin:0 0 8px}.no-results-message p:last-child{margin-bottom:0}.blog-category{border:none;padding:0}.blog-category:last-child{border-bottom:none}.blog-category__details{background:#fff}.blog-category__summary{display:flex;align-items:center;justify-content:space-between;padding:16px 0;cursor:pointer;background:#fff;border:none;width:100%;text-align:left;transition:background-color .2s ease}.blog-category__summary:hover{background:#f9fafb}.blog-category__title{display:flex;align-items:center;gap:8px;flex:1}.blog-category__heading{margin:0;font-size:16px;font-weight:600;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.blog-category__caret{height:16px;width:16px;transition:transform .2s ease;color:#6b7280}.blog-category__details[open] .blog-category__caret{transform:rotate(180deg)}.blog-category__articles{padding:0 0 16px;background:#fff}.blog-category__article:last-child{border-bottom:none}.blog-category__article-link{display:flex;flex-direction:row;align-items:flex-start;gap:12px;padding:12px 0;text-decoration:none;color:#000;transition:all .2s ease}.blog-category__article-link:hover{background:#f9fafb}.blog-category__article-link.active{text-decoration:underline;text-underline-offset:4px}.blog-category__article-icon{width:20px;height:20px;min-width:20px;flex-shrink:0;margin-top:2px}.blog-category__article-content{display:flex;flex-direction:column;gap:4px;flex:1}.blog-category__article-title{font-size:14px;line-height:1.4;margin:0;font-weight:400;color:#000}.blog-category__article-date{font-size:12px;color:#6b7280;margin:0}.blog-sidebar-layout__content{min-height:400px}.blog-sidebar-layout__content-header{margin-bottom:var(--margin-4xl);text-align:center}.blog-sidebar-layout__content-title{margin:0 0 8px;font-size:24px;font-weight:700;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.blog-sidebar-layout__content-subtitle{margin:0;font-size:14px;color:#6b7280}.blog-sidebar-layout__content-area{min-height:400px}.blog-sidebar-layout__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:300px;color:#9ca3af}.blog-sidebar-layout__placeholder-icon{width:48px;height:48px;margin-bottom:16px;opacity:.3}.blog-sidebar-layout__placeholder-text{font-size:14px;margin:0}.blog-sidebar-layout__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:#6b7280}.blog-sidebar-layout__loading-spinner{width:24px;height:24px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.blog-sidebar-layout__article{max-width:100%}.blog-sidebar-layout__article-header{margin-bottom:var(--margin-4xl);padding-bottom:var(--padding-2xl);border-bottom:1px solid #e5e5e5}.blog-sidebar-layout__article-title{margin:0 0 16px;font-size:28px;font-weight:700;color:#000;line-height:1.2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.blog-sidebar-layout__article-meta{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280}.blog-sidebar-layout__article-date{display:flex;align-items:center;gap:6px}.blog-sidebar-layout__article-date svg{width:14px;height:14px}.blog-sidebar-layout__article-content{font-size:16px;line-height:1.6;color:#000}.blog-sidebar-layout__article-full-content{margin-bottom:32px}.blog-sidebar-layout__article-text{font-size:16px;line-height:1.7;color:#000}.blog-sidebar-layout__article-text h1,.blog-sidebar-layout__article-text h2,.blog-sidebar-layout__article-text h3,.blog-sidebar-layout__article-text h4,.blog-sidebar-layout__article-text h5,.blog-sidebar-layout__article-text h6{margin:32px 0 16px;font-weight:600;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.blog-sidebar-layout__article-text h1{font-size:28px;margin-top:0}.blog-sidebar-layout__article-text h3{font-size:20px}.blog-sidebar-layout__article-text h4{font-size:18px}.blog-sidebar-layout__article-text p{margin:0 0 20px;line-height:1.7}.blog-sidebar-layout__article-text img{width:auto;max-width:100%;height:auto;border-radius:8px;margin:24px 0;box-shadow:0 4px 6px #0000001a}.blog-sidebar-layout__article-text ul,.blog-sidebar-layout__article-text ol{margin:20px 0;padding-left:28px}.blog-sidebar-layout__article-text li{margin-bottom:12px;line-height:1.6}.blog-sidebar-layout__article-text blockquote{border-left:4px solid #3b82f6;margin:24px 0;font-style:italic;color:#4b5563;background:#f8fafc;padding:16px 20px;border-radius:0 8px 8px 0}.blog-sidebar-layout__article-text code{background:#f1f5f9;padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;color:#e11d48}.blog-sidebar-layout__article-text pre{background:#1e293b;color:#e2e8f0;padding:20px;border-radius:8px;overflow-x:auto;margin:24px 0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5}.blog-sidebar-layout__article-text pre code{background:none;padding:0;color:inherit}.blog-sidebar-layout__article-text a{color:#3b82f6;text-decoration:underline;text-underline-offset:2px}.blog-sidebar-layout__article-text a:hover{color:#2563eb;text-decoration:none}.blog-sidebar-layout__article-text strong{font-weight:600;color:#1f2937}.blog-sidebar-layout__article-text em{font-style:italic;color:#4b5563}.blog-sidebar-layout__pagination{display:flex;align-items:stretch;justify-content:space-between;padding:24px 0;margin-top:32px;border-top:1px solid #e5e7eb;gap:24px}.blog-sidebar-layout__pagination-card{display:flex;flex-direction:column;padding:20px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#374151;cursor:pointer;transition:all .2s ease;text-decoration:none;flex:1;max-width:400px;box-shadow:0 1px 3px #0000001a}.blog-sidebar-layout__pagination-card-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.blog-sidebar-layout__pagination-card-header svg{width:16px;height:16px;color:#6b7280}.blog-sidebar-layout__pagination-date{font-size:14px;color:#6b7280;font-weight:400}.blog-sidebar-layout__pagination-title{font-size:16px;color:#111827;font-weight:600;line-height:1.4;text-align:left}.blog-sidebar-layout__pagination-card:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.blog-sidebar-layout__pagination-card:disabled{background:#f3f4f6;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;opacity:.6}.blog-sidebar-layout__pagination-card:disabled .blog-sidebar-layout__pagination-date{color:#9ca3af}.blog-sidebar-layout__pagination-card:disabled .blog-sidebar-layout__pagination-title{color:#9ca3af}.blog-sidebar-layout__pagination-card:disabled .blog-sidebar-layout__pagination-card-header svg{color:#9ca3af}.blog-sidebar-layout__sidebar-title{font-size:var(--sidebar-title-font-size, 24px)}.blog-sidebar-layout__content-title{font-size:var(--content-title-font-size, 40px)}.blog-sidebar-layout__article-title{font-size:var(--article-title-font-size, 36px)}.blog-sidebar-layout__article-text{font-size:var(--article-text-font-size, 16px)}.blog-sidebar-layout__pagination-title{font-size:var(--pagination-title-font-size, 16px)}.blog-category__title{font-size:var(--category-title-font-size, 18px)}.blog-category__article-title{font-size:var(--article-link-font-size, 14px)}.blog-category__article-date,.blog-sidebar-layout__article-date{font-size:var(--article-date-font-size, 12px)}@media (max-width: 768px){.blog-sidebar-layout__pagination{flex-direction:column;gap:16px}.blog-sidebar-layout__pagination-card{max-width:none;width:100%}.blog-sidebar-layout__content-title{font-size:calc(var(--content-title-font-size, 40px) * .8)!important}.blog-sidebar-layout__article-title{font-size:var(--article-title-font-size-mobile, 28px)!important}.blog-sidebar-layout__sidebar-title{font-size:calc(var(--sidebar-title-font-size, 24px) * .8)!important}}.blog-sidebar-layout__pagination-info{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280}.blog-sidebar-layout__pagination-current{font-weight:600;color:#111827}.blog-sidebar-layout__pagination-separator{color:#9ca3af}.blog-sidebar-layout__pagination-total{color:#6b7280}.blog-sidebar-layout__error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;text-align:center;color:#6b7280}.blog-sidebar-layout__error p{margin:0 0 16px;font-size:14px}.blog-sidebar-layout__error .button{display:inline-block;padding:12px 24px;background:#3b82f6;color:#fff;text-decoration:none;border-radius:6px;font-size:14px;font-weight:500;transition:background-color .2s ease}.blog-sidebar-layout__error .button:hover{background:#2563eb}@media screen and (max-width: 749px){.blog-sidebar-layout__sidebar{padding:var(--padding-2xl)}.blog-sidebar-layout__sidebar-title{font-size:20px}.blog-category__heading{font-size:14px}.blog-category__article-title{font-size:13px}.blog-sidebar-layout__content-title{font-size:20px}.blog-sidebar-layout__article-title{font-size:24px}.blog-sidebar-layout__article-content{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/74/assets/blog-sidebar-layout.css.map */