.blog-layout{display:grid;grid-template-columns:1fr;gap:40px}@media only screen and (min-width:990px){.blog-layout{grid-template-columns:minmax(0,1fr) 300px;gap:93px;align-items:start}}.blog-layout__main{min-width:0}.dj-sidebar{display:flex;flex-direction:column;gap:48px}aside.blog-layout__sidebar{padding-bottom:32px}@media only screen and (min-width:990px){aside.blog-layout__sidebar{position:sticky;top:10px;padding-bottom:64px}}.dj-side{display:flex;flex-direction:column}.dj-side__title{font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--colorTextBody, #0d1318);margin:0 0 20px;padding-bottom:16px;border-bottom:1px solid var(--colorTextBody, #0d1318)}.dj-search-wrap{position:relative;display:block}.dj-search{position:relative;margin:0}.dj-search__input{width:100%;height:44px;padding:0 44px 0 16px;border:1px solid var(--colorBorder, #e6e6e4);background:#fff;font-size:14px;color:var(--colorTextBody, #0d1318);border-radius:0;box-shadow:none;-webkit-appearance:none;appearance:none}.dj-search__input::-webkit-search-cancel-button{-webkit-appearance:none}.dj-search__input:focus{border-color:var(--colorTextBody, #0d1318);outline:none}.dj-search__btn{position:absolute;right:0;top:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:0;color:var(--colorTextBody, #0d1318);cursor:pointer;padding:0}.dj-search__btn svg{width:18px;height:18px;fill:currentColor}.dj-search__btn:focus-visible{outline:2px solid currentColor;outline-offset:-2px}.dj-search__suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;background:#fff;border:1px solid var(--colorBorder, #e6e6e4);max-height:60vh;overflow-y:auto;box-shadow:0 8px 24px #0d131814}.dj-search__suggestions[hidden]{display:none}.dj-suggest__item{display:flex;align-items:flex-start;gap:12px;padding:12px;text-decoration:none;color:inherit;border-bottom:1px solid var(--colorBorder, #e6e6e4);cursor:pointer;transition:background-color .15s ease}.dj-suggest__item:last-child{border-bottom:0}.dj-suggest__item:hover,.dj-suggest__item:focus-visible,.dj-suggest__item[aria-selected=true]{background:var(--colorBodyLightDim, #f5f5f5);outline:none}.dj-suggest__thumb{flex-shrink:0;width:48px;height:48px;background:var(--colorBodyLightDim, #f5f5f5);overflow:hidden;display:block}.dj-suggest__thumb img{width:100%;height:100%;object-fit:cover;display:block}.dj-suggest__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.dj-suggest__title{font-family:var(--typeHeaderPrimary, inherit);font-size:14px;font-weight:500;line-height:1.3;color:var(--colorTextBody, #0d1318);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dj-suggest__date{font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--colorTextSavings, #7b828a)}.dj-suggest__empty{padding:16px 12px;font-size:13px;color:var(--colorTextSavings, #7b828a);text-align:center}@media(prefers-reduced-motion:reduce){.dj-suggest__item{transition:none}}.dj-recent{margin:0;padding:0;list-style:none}.dj-recent li{display:flex;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--colorBorder, #e6e6e4)}.dj-recent li:first-child{padding-top:0}.dj-recent li:last-child{border-bottom:0;padding-bottom:0}.dj-recent a{display:flex;align-items:flex-start;gap:16px;width:100%;text-decoration:none;color:inherit}.dj-recent__thumb{flex-shrink:0;width:72px;height:72px;overflow:hidden;background:var(--colorBodyLightDim, #f5f5f5);display:block}.dj-recent__thumb img,.dj-recent__thumb svg{width:100%;height:100%;object-fit:cover;display:block}.dj-recent__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.dj-recent__title{font-family:var(--typeHeaderPrimary, inherit);font-size:15px;font-weight:500;line-height:1.3;color:var(--colorTextBody, #0d1318);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.dj-recent a:hover .dj-recent__title,.dj-recent a:focus-visible .dj-recent__title{color:var(--colorTextSavings, #7b828a)}.dj-recent a:focus-visible{outline:2px solid var(--colorTextBody, #0d1318);outline-offset:3px}.dj-recent__date{font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--colorTextSavings, #7b828a)}@media(prefers-reduced-motion:reduce){.dj-recent__title{transition:none}}@media screen and (max-width:769px){.dj-recent__thumb{width:56px;height:56px}.dj-recent__title{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/blog-sidebar.css.map */
