.blog-sidebar-wrapper{max-width:min(100%,375px)}.canvas-header{display:flex;align-items:center;justify-content:space-between;padding:20px;padding-inline-end:12px;position:relative;text-transform:capitalize;font-size:20px;font-weight:500;color:rgba(var(--color-text-heading));border-bottom:1px solid rgba(var(--color-border));text-transform:uppercase}.canvas-header .icon-close-sb{font-size:18px;background-color:transparent;border:none;height:32px;width:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:var(--color-dark)}.canvas-header .icon-close-sb:hover{color:rgba(var(--color-primary));transform:rotate(90deg)}.blog-sidebar-wrapper .sb-item{display:grid;gap:16px}.blog-sidebar-wrapper .sb-item:not(:last-child){margin-bottom:40px}.blog-sidebar-wrapper .sb-item .title{text-transform:capitalize}.sb-categories .list-categories{display:grid;gap:12px}.sb-categories .cate-link{color:rgb(var(--color-text-secondary));display:flex;align-items:center;justify-content:space-between}.sb-categories .is-active .cate-link,.sb-categories .cate-link:hover{color:rgb(var(--color-foreground))}.sb-alltag .list-tag{display:flex;flex-wrap:wrap;gap:10px}.sb-alltag .tag-link{font-size:14px;line-height:22px;padding:4px 16px;border-radius:100px;color:rgb(var(--color-text-secondary));background-color:rgb(var(--color-light2))}.sb-alltag .tag-link:hover{color:rgb(var(--color-light));background-color:rgb(var(--color-accent))}.sb-recent .article-card{display:flex;flex-direction:row;gap:28px;align-items:start}.sb-recent .list-recent .article-card:not(:last-child){margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgb(var(--color-border))}.sb-recent .article-card .article-thumbnail{max-width:90px;aspect-ratio:1;display:flex;border-radius:4px;overflow:hidden;flex-shrink:0}.sb-recent .article-card img{width:100%;height:100%;object-fit:cover}.sb-recent .article-card .article-list-meta{gap:0px 4px;padding:0;text-transform:capitalize;font-weight:400;color:rgb(var(--color-text-secondary));margin-bottom:4px}.sb-recent .article-card .article-list-meta .item-meta:not(:last-child){padding:0;display:flex;align-items:center;gap:4px}.sb-recent .article-card .article-list-meta .item-meta:not(:last-of-type):after{content:"/";width:auto;height:auto;position:unset;background-color:transparent;opacity:1;transform:none}.sb-recent .article-card .article-title{text-transform:capitalize;margin-bottom:0;font-weight:500;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box!important;overflow:hidden}.sb-search .form-search input{border-radius:0;border-block-start-width:0;border-inline-start-width:0;border-inline-end-width:0;padding-inline-start:0;padding-top:0;padding-bottom:10px}.sb-search .form-search .btn-search{top:auto;transform:none;bottom:10px;inset-inline-end:0}.canvas-sidebar{background-color:rgb(var(--color-light));-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;max-width:400px;width:100%}.overlay-canvas{position:fixed;top:0;inset-inline-start:0;z-index:900;width:100vw;height:100vh;background-color:rgb(var(--color-dark),.5);visibility:hidden;opacity:0;transition:opacity .15s linear;cursor:url(cursor-close.svg),auto}.btn-sidebar{display:none}.btn-sidebar.drawer-enabled,.canvas-sidebar.drawer-enabled .canvas-header{display:flex}.canvas-sidebar.drawer-enabled{position:fixed;bottom:0;z-index:999;display:flex;flex-direction:column;background-clip:padding-box;outline:0;top:0!important;inset-inline-end:0;transform:translate(100%)}.canvas-sidebar.drawer-enabled.show{transform:none}.drawer-enabled .canvas-body{overscroll-behavior-y:contain;overflow-y:auto}.drawer-enabled .canvas-body::-webkit-scrollbar{width:0px}.drawer-enabled .canvas-body::-webkit-scrollbar-track{background-color:rgb(var(--color-border))}.drawer-enabled .canvas-body::-webkit-scrollbar-thumb{background:rgb(var(--color-border));border-radius:4px}.canvas-body{display:grid;padding:40px 20px}.overlay-canvas.drawer-enabled.show{opacity:1;visibility:visible}@media(min-width:768px){.canvas-sidebar,.drawer-enabled.canvas-sidebar{max-width:535px}}@media(min-width:1150px){.blog-sidebar-wrapper{max-width:380px;margin-inline-start:auto;width:100%}.blog-sidebar-wrapper .canvas-header{display:none}.canvas-sidebar.drawer-enabled .canvas-header{padding:20px 32px;padding-inline-end:22px}.canvas-sidebar.drawer-enabled .canvas-body{padding:40px 32px}.canvas-sidebar .canvas-body{padding:0}}@media(max-width:1149px){.canvas-sidebar{position:fixed;bottom:0;z-index:999;display:flex;flex-direction:column;background-clip:padding-box;outline:0;top:0!important;inset-inline-end:0;transform:translate(100%)}.canvas-sidebar .canvas-body{overscroll-behavior-y:contain;overflow-y:auto}.canvas-sidebar.show{transform:none}.overlay-canvas.show{opacity:1;visibility:visible}.btn-sidebar{display:flex}.sb-recent .article-card{gap:20px}}@media(max-width:767px){.blog-sidebar-wrapper .sb-item{gap:20px}.blog-sidebar-wrapper .sb-item:not(:last-child){margin-bottom:32px}.sb-recent .article-card{gap:15px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/blog-sidebar.css.map */