.block-file{border-radius:8px;border:solid 1px var(--gray-border);background-color:var(--white);display:grid;grid-template-columns:2rem 1fr;text-decoration:none !important;padding:0.75rem;padding:var(--375px-xs);margin-bottom:2.5rem;margin-bottom:var(--375px-xl);margin-top:2.5rem;margin-top:var(--375px-xl);gap:1rem;gap:var(--375px-s)}@media screen and (min-width: 1440px){.block-file{padding:1rem;padding:var(--1440px-xs)}}@media screen and (min-width: 1025px){.block-file{margin-bottom:2.5rem;margin-bottom:var(--1025px-l)}}@media screen and (min-width: 1025px){.block-file{margin-top:2.5rem;margin-top:var(--1025px-l)}}@media screen and (min-width: 1440px){.block-file{gap:1.5rem;gap:var(--1440px-s)}}@media screen and (min-width: 768px){.block-file{display:flex;flex-direction:row;align-items:center}}.block-file .icon-container{border-radius:4px;width:2rem;height:2rem;display:flex;justify-content:center;align-items:center;font-size:1rem}@media screen and (min-width: 1025px){.block-file .icon-container{width:3rem;height:3rem;font-size:1.25rem}}.block-file__content{flex-grow:1}.block-file__title{font-size:1.125rem;margin:0 !important}.block-file__type-and-size{color:var(--gray-copy);display:flex;gap:.25rem;opacity:.6;font-size:1rem}.block-file__type{text-transform:uppercase}.block-file .button-arrow{grid-column-end:span 2;margin-left:auto;color:var(--black-title)}.block-file:hover{cursor:pointer}.block-file:hover .block-file__title{text-decoration:underline}.block-file.color-green .icon-container{background-color:var(--green);color:rgba(var(--green-light))}.block-file.color-green .button-arrow::after{background-color:var(--green);color:var(--white)}.block-file.color-green:hover .button-arrow::after{background-color:var(--green-hover)}.block-file.color-purple .icon-container{background-color:var(--purple);color:rgba(var(--pink))}.block-file.color-purple .button-arrow::after{background-color:var(--purple);color:var(--white)}.block-file.color-purple:hover .button-arrow::after{background-color:var(--purple-hover)}.block-file.color-yellow .icon-container{background-color:var(--yellow);color:rgba(var(--yellow-light))}.block-file.color-yellow .button-arrow::after{background-color:var(--yellow);color:var(--black-title)}.block-file.color-yellow:hover .button-arrow::after{background-color:var(--yellow-hover)}.block-file:has(+.element.block-file){margin-bottom:0}.block-file:has(+.element.block-file)+.element.block-file{margin-top:.5rem}