.blog-sidebar-wrapper{max-width:min(100%,375px)}.canvas-header{display:flex;align-items:center;justify-content:space-between;padding:20px 12px 20px 20px;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:24px}.blog-sidebar-wrapper .sb-item:not(:last-child){margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid rgba(var(--color-border))}.blog-sidebar-wrapper .sb-item .title{text-transform:uppercase;font-weight:400}.sb-alltag .tag-link,.sb-categories .cate-link{color:rgba(var(--color-text-body));text-transform:capitalize}.sb-categories .list-categories{display:grid;gap:5px}.sb-alltag .list-tag{display:flex;flex-wrap:wrap;gap:10px}.sb-alltag .tag-item:not(:last-child) .tag-link{display:inline-flex;gap:10px;align-items:center}.sb-alltag .tag-item:not(:last-child) .tag-link:after{content:"/"}.sb-recent .article-card{display:flex;flex-direction:row;gap:20px;align-items:start}.sb-recent .list-recent{display:grid;gap:24px}.sb-recent .article-card .article-list-meta{color:rgba(var(--color-text-heading))}.sb-recent .article-card .article-thumbnail{border-radius:0;max-width:98px;aspect-ratio:1}.sb-recent .article-card .article-list-meta{gap:0px 4px;padding:0;text-transform:capitalize}.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;color:rgba(var(--color-text-heading));transform:none}.sb-recent .article-card .article-title{font-weight:500;text-transform:uppercase;font-size:var(--fs-body);line-height:var(--lh-body)}.canvas-sidebar{background-color:var(--color-white);-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;left:0;z-index:900;width:100vw;height:100vh;background-color:rgba(var(--color-rgb-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;right: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:rgba(var(--color-border))}.drawer-enabled .canvas-body::-webkit-scrollbar-thumb{background:rgba(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:1200px){.blog-sidebar-wrapper{max-width:370px;margin-left:auto;width:100%}.blog-sidebar-wrapper .canvas-header{display:none}.canvas-sidebar.drawer-enabled .canvas-header{padding:20px 22px 20px 32px}.canvas-sidebar.drawer-enabled .canvas-body{padding:40px 32px}.canvas-sidebar .canvas-body{padding:0}}@media(max-width:1199px){.canvas-sidebar{position:fixed;bottom:0;z-index:999;display:flex;flex-direction:column;background-clip:padding-box;outline:0;top:0!important;right: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}}@media(max-width:767px){.blog-sidebar-wrapper .sb-item{gap:20px}.blog-sidebar-wrapper .sb-item:not(:last-child){margin-bottom:24px;padding-bottom:24px}.sb-recent .list-recent{gap:20px}.sb-recent .article-card{gap:16px}.sb-recent .article-card .article-content{gap:8px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/blog-sidebar.css.map */