.blog-sidebar-trigger{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:999;background:var(--color-button-background, #000);color:var(--color-button-text, #fff);border:none;padding:16px 8px;cursor:pointer;border-radius:8px 0 0 8px;box-shadow:-2px 2px 10px #00000026;transition:all .3s ease;font-size:20px;font-weight:700;line-height:1;writing-mode:horizontal-tb}.blog-sidebar-trigger:hover{padding-right:16px;box-shadow:-4px 4px 15px #00000040}.blog-sidebar-trigger:focus{outline:2px solid var(--color-button-background, #000);outline-offset:2px}.blog-sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:9998;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.blog-sidebar-overlay.active{opacity:1;visibility:visible}.blog-sidebar-modal{position:fixed;top:0;right:-400px;width:100%;max-width:400px;height:100%;background:var(--color-background, #fff);z-index:9999;box-shadow:-4px 0 20px #00000026;transition:right .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}.blog-sidebar-modal.active{right:0}.blog-sidebar-modal__header{padding:24px;border-bottom:1px solid var(--color-border, #e5e5e5);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.blog-sidebar-modal__title{font-size:24px;font-weight:600;margin:0;color:var(--color-foreground, #000)}.blog-sidebar-modal__close{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s ease;color:var(--color-foreground, #000);font-size:24px;line-height:1}.blog-sidebar-modal__close:hover{background:var(--color-background-2, #f5f5f5)}.blog-sidebar-modal__close:focus{outline:2px solid var(--color-button-background, #000);outline-offset:2px}.blog-sidebar-modal__content{padding:24px;overflow-y:auto;flex:1}.blog-sidebar-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.blog-sidebar-link{display:block}.blog-sidebar-link__item{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:8px;text-decoration:none;color:var(--color-foreground, #000);background:var(--color-background-2, #f9f9f9);transition:all .2s ease;border:1px solid transparent}.blog-sidebar-link__item:hover{background:var(--color-background, #fff);border-color:var(--color-border, #e5e5e5);box-shadow:0 2px 8px #00000014;transform:translate(-4px)}.blog-sidebar-link__icon{flex-shrink:0;width:20px;height:20px;margin-top:2px}.blog-sidebar-link__icon svg{width:100%;height:100%;fill:currentColor}.blog-sidebar-link__content{flex:1}.blog-sidebar-link__title{font-size:16px;font-weight:500;margin:0 0 4px;color:var(--color-foreground, #000)}.blog-sidebar-link__description{font-size:14px;margin:0;color:var(--color-foreground-secondary, #666);line-height:1.4}@media (max-width: 768px){.blog-sidebar-modal{max-width:100%;right:-100%}.blog-sidebar-trigger{padding:16px 10px;font-size:18px}.blog-sidebar-modal__header{padding:20px}.blog-sidebar-modal__title{font-size:20px}.blog-sidebar-modal__content{padding:20px}}.blog-sidebar-modal__content::-webkit-scrollbar{width:8px}.blog-sidebar-modal__content::-webkit-scrollbar-track{background:var(--color-background-2, #f5f5f5)}.blog-sidebar-modal__content::-webkit-scrollbar-thumb{background:var(--color-border, #ccc);border-radius:4px}.blog-sidebar-modal__content::-webkit-scrollbar-thumb:hover{background:var(--color-foreground-secondary, #999)}body.blog-sidebar-open{overflow:hidden}.blog-sidebar-empty{text-align:center;padding:40px 20px;color:var(--color-foreground-secondary, #666)}.blog-sidebar-empty__title{font-size:18px;margin:0 0 8px;font-weight:500}.blog-sidebar-empty__text{font-size:14px;margin:0}
/*# sourceMappingURL=/cdn/shop/t/2/assets/blog-sidebar-modal.css.map */