|
- .document-list{position:relative;display:block;margin:calc(1vw + 20px) 0 calc(1.5vw + 40px)}.document-list-item{position:relative;display:block;text-decoration:none;font-size:var(--font-size-small);border:1px solid var(--color-surface-inset);padding:15px;border-radius:4px}.document-list-item.focus-visible:focus{box-shadow:0 0 0 2px var(--swatches-secondary-700),0 0 8px 2px var(--swatches-secondary-700);outline:0}.document-list-item:focus-visible,.document-list-item.-moz-focusring{box-shadow:0 0 0 2px var(--swatches-secondary-700),0 0 8px 2px var(--swatches-secondary-700);outline:0}.document-list-item{transition:.3s ease}.document-list-item:hover{text-decoration:none;color:var(--color-text-accent)}.document-list-item+.document-list-item{margin-top:10px}@media (min-width: 568px){.document-list-item{align-items:flex-start;display:flex}.document-list-item+.document-list-item{margin-top:15px}}.document-list-item:before{position:absolute;top:0;right:0;margin:10px;font-size:var(--icon-size-small);line-height:1;font-family:Icons,sans-serif}.document-list-item .image-box{position:relative;max-width:210px;flex:1 1 25%}@media (max-width: 567px){.document-list-item .image-box{flex:1 1 75%;max-width:70%}}.document-list-item .image-box:before{content:"";position:relative;display:block;padding-top:66.66667%}.document-list-item .image-box.chart{container-type:inline-size}.document-list-item .image-box.chart:before{--gradient-angle: 170deg;background:linear-gradient(var(--gradient-angle),var(--gradient-b) 25%,var(--gradient-a) 100%)}@container (min-width: 480px){.document-list-item .image-box.chart:before{--gradient-angle: 150deg}}@container (min-width: 768px){.document-list-item .image-box.chart:before{--gradient-angle: 130deg}}@container (min-width: 1100px){.document-list-item .image-box.chart:before{--gradient-angle: 110deg}}.document-list-item .image-box img{position:absolute;display:block;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:.3s ease;opacity:1}.document-list-item .image-box img.loading{opacity:0}.document-list-item .image-box .chart-title{font-family:Korb,sans-serif;font-weight:700;font-size:32px;color:var(--color-button-primary-text);position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center}.document-list-item .image-box .copyright{position:absolute;display:block;left:100%;bottom:0;font-size:12px;text-align:left;line-height:1.2;z-index:2;transform-origin:0 100%;transform:rotate(-90deg);transition:.3s ease;color:var(--swatches-neutrals-white);text-shadow:0 0 3px rgba(0,0,0,.6),0 0 8px rgba(0,0,0,.6);width:calc(66.6% + 7px);padding:8px 18px}.document-list-item .text-box:not(:first-child){padding-top:20px}@media (min-width: 568px){.document-list-item .text-box{padding:2px 0 0}.document-list-item .text-box:not(:first-child){max-width:75%;padding:0 0 0 16px}}.document-list-item h6,.document-list-item .like-h6{font-size:18px;margin-top:4px;text-decoration:underline}@media (min-width: 768px){.document-list-item h6,.document-list-item .like-h6{font-size:22px}}.document-list-item h5,.document-list-item .like-h5,.document-list-item .details{font-weight:600}.document-list-item p{margin-bottom:12px}.document-list-item .details{margin:0}.document-list-item .kicker{margin-top:-4px}.document-list-item .teaser--link{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10}
|
