.article-items-container{background:var(--sd-card-bg);border:1px solid var(--sd-color-border-slate-light);border-radius:var(--sd-radius-xl);display:flex;flex-direction:column;list-style:none;overflow:hidden;padding:var(--sd-space-2) var(--sd-space-3);width:100%}.article-items-container>li{display:contents}.article-item{align-items:center;border-radius:var(--sd-radius-lg);display:flex;height:48px;overflow:hidden;padding:var(--sd-space-2);transition:background-color .2s ease}.article-item:focus,.article-item:focus-visible{background:var(--sd-card-hover-bg);outline:none}.article-item__content{align-items:center;display:flex;gap:10px;width:100%}.article-item__content-left{align-items:center;display:flex;flex:1;gap:10px;min-width:0}.article-item__content-left svg{flex-shrink:0}.article-item__content-left h2{color:var(--sd-color-text-subtle);font-size:var(--sd-font-size-small);font-style:normal;font-weight:var(--sd-font-weight-normal);line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-item__content-right{align-items:center;display:flex;flex-shrink:0;justify-content:center;opacity:0;transition:opacity .2s ease;width:20px}.article-item:hover{background:var(--sd-card-hover-bg)}.article-item:hover h2{color:var(--sd-color-text-darkest)!important}.article-item:hover .article-item__content-right{opacity:1}.collection-items-container{background:var(--sd-card-bg);border:1px solid var(--sd-color-border-slate-light);border-radius:var(--sd-radius-xl);display:flex;flex-direction:column;overflow:hidden;padding:var(--sd-space-2) var(--sd-space-3);width:100%}.collection-items-container>ul{display:contents;list-style:none;margin:0;padding:0}.collection-items-container>ul>li{display:contents}.collection-items-container__header{border-bottom:1px solid var(--sd-color-border-slate-light);margin-bottom:var(--sd-space-1);padding:10px var(--sd-space-2) var(--sd-space-4) 12px}.collection-items-container__header h2{color:var(--sd-color-text-darkest);font-size:var(--sd-font-size-body);font-style:normal;font-weight:var(--sd-font-weight-bold);line-height:var(--sd-line-height-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-item{align-items:center;border-radius:var(--sd-radius-lg);display:flex;height:48px;overflow:hidden;padding:var(--sd-space-2) var(--sd-space-3) var(--sd-space-2) var(--sd-space-2);transition:background-color .2s ease;width:100%}.collection-item:focus,.collection-item:focus-visible{background:var(--sd-card-hover-bg);outline:none}.collection-item__content{align-items:center;display:flex;gap:10px;width:100%}.collection-item__content-left{align-items:center;display:flex;flex-shrink:0;gap:10px}.collection-item__content-left svg{flex-shrink:0}.collection-item__content-left h3{color:var(--sd-color-text-subtle);font-size:var(--sd-font-size-small);font-style:normal;font-weight:var(--sd-font-weight-normal);line-height:22px;white-space:nowrap}.collection-item__content-right{align-items:center;color:var(--sd-color-text-light);display:flex;flex:1;font-size:var(--sd-font-size-xs);font-style:normal;font-weight:var(--sd-font-weight-normal);gap:var(--sd-space-1);justify-content:flex-end;line-height:20px;min-width:0;text-align:right}.collection-item__content-right-icon{display:flex;opacity:0;transition:opacity .2s ease}.collection-item:hover{background:var(--sd-card-hover-bg)}.collection-item:hover h3{color:var(--sd-color-text-darkest)!important}.collection-item:hover .collection-item__content-right-icon{opacity:1}.parent-collection-item h1{color:var(--sd-color-text-darkest);font-size:24px;font-style:normal;font-weight:var(--sd-font-weight-bold);line-height:32px}.parent-collection-item p{color:var(--sd-color-text-light);font-size:var(--sd-font-size-body);font-style:normal;font-weight:var(--sd-font-weight-normal);line-height:var(--sd-line-height-body)}@media(max-width:1024px){.article-items-container{padding:0 12px}.article-items-container,.collection-items-container{background:transparent;border:none;border-radius:0;gap:0;overflow:visible}.collection-items-container{padding:0}.collection-items-container .article-item{margin-inline:12px}.collection-items-container__header{border-bottom:none;margin-bottom:0;padding:24px 20px 12px}.collection-items-container__header h2{color:#363a43;font-size:16px;font-weight:var(--sd-font-weight-bold);line-height:26px;white-space:normal}.article-item{border-bottom:1px solid rgba(0,0,0,.04);border-radius:0;height:auto;overflow:hidden;padding:16px 8px}.article-item__content{align-items:center;flex-direction:row;gap:6px}.article-item__content-left{flex:1;gap:6px;min-width:0}.article-item__content-left svg{display:block;flex-shrink:0;height:16px;width:16px}.article-item__content-left h2{color:rgba(0,0,0,.7);font-size:14px;font-weight:var(--sd-font-weight-normal);line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-item__content-right{display:none}.collection-item{border-bottom:1px solid rgba(0,0,0,.04);border-radius:0;height:auto;overflow:hidden;padding:16px 12px}.collection-item__content{align-items:flex-start;flex-direction:column;gap:2px;padding-inline:8px}.collection-item__content-left{gap:6px;width:100%}.collection-item__content-left svg{display:block;flex-shrink:0;height:16px;width:16px}.collection-item__content-left h3{color:rgba(0,0,0,.7);font-size:14px;font-weight:var(--sd-font-weight-normal);line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-item__content-right{color:#848484;font-size:12px;font-weight:var(--sd-font-weight-medium,500);justify-content:flex-start;line-height:20px;padding-left:22px}.collection-item__content-right-icon{display:none}}