.card{padding:20px 24px;border-radius:8px;background-color:var(--white-40)}@media (width <= 1536px){.card{padding:18px 24px}}@media (width <= 576px){.card{padding:12px 16px}}.card_active{background-color:var(--white)}.card_active .card__header-svg{opacity:1}.card__button{display:flex;justify-content:space-between;align-items:center;width:100%}.card__header-svg{opacity:.4;cursor:pointer}.card__header-title{text-align:left}.card__block{max-height:0;overflow:hidden;transition:max-height var(--animation-transition),opacity var(--animation-transition) var(--animation-transition)}.card__block p{padding-top:24px}@media (width <= 576px){.card__block p{padding-top:16px}}.card__block_show{max-height:100vh;opacity:1;transition:max-height var(--animation-transition);background-color:var(--white)}@media (any-hover: hover){.card:hover{background-color:var(--white)}.card:hover:not(.card__active) .card__header-svg{opacity:1}}.file{cursor:pointer;position:relative;width:277px;height:364px;background-color:var(--graphite-24);border-radius:8px;clip-path:polygon(27% 0,100% 0,100% 100%,0 100%,0 20%);display:block;transition:background-color var(--animation-transition)}@media (width <= 1536px){.file{width:232px;height:314px}}@media (width <= 576px){.file{width:194px;height:270px}}.file__border{position:absolute;top:2px;left:2px;width:273px;height:360px;background-color:var(--white);border-radius:8px;clip-path:polygon(27% 0,100% 0,100% 100%,0 100%,0 20%);padding:252px 25px 24px 24px;display:flex;flex-direction:column;gap:8px;transition:all var(--animation-transition)}@media (width <= 1536px){.file__border{padding-top:214px;padding-right:24px}}@media (width <= 992px){.file__border{padding:118px 16px 24px;transition:none}}@media (width <= 576px){.file__border{padding:112px 12px 16px;transition:none}}.file__border:before{content:"";position:absolute;top:-6px;left:-5px;width:74px;height:74px;border:2px solid var(--graphite-24);border-radius:8px;transition:var(--animation-transition)}@media (width <= 1536px){.file__border:before{top:-16px;left:-15px;width:74px;height:74px}}@media (width <= 576px){.file__border:before{top:-4px;left:-4px;width:52px;height:52px}}@media (width <= 1536px){.file__border{width:228px;height:310px}}@media (width <= 576px){.file__border{width:190px;height:266px}}.file__border-icon{position:absolute;top:24px;right:24px;opacity:.24;transition:var(--animation-transition)}@media (width <= 576px){.file__border-icon{top:16px;right:16px}}.file__border-paragraph{max-height:0;overflow:hidden;transition:all var(--animation-transition)}@media (width <= 992px){.file__border-paragraph{max-height:none;overflow:visible;transition:none}}@media (width <= 576px){.file__border-paragraph{max-height:none;overflow:visible;transition:none;font:var(--font-caption)}}@media (any-hover: hover){.file:hover{background-color:var(--white);transition:var(--animation-transition)}.file:hover .file__border{background-color:var(--gray-blue);padding-top:148px;transition:padding var(--animation-transition),background-color var(--animation-transition)}}@media (any-hover: hover) and (width <= 1536px){.file:hover .file__border{padding-top:118px}}@media (any-hover: hover){.file:hover .file__border:before{content:"";border:2px solid var(--white);transition:var(--animation-transition)}.file:hover .file__border-icon{opacity:1;transition:var(--animation-transition)}.file:hover .file__border-paragraph{max-height:100vh;opacity:1;transition:max-height var(--animation-transition),opacity var(--animation-transition)}}.file:active{background-color:var(--white);transition:var(--animation-transition)}.file:active .file__border{background-color:var(--gray-blue);padding-top:148px;transition:padding var(--animation-transition),background-color var(--animation-transition)}@media (width <= 1536px){.file:active .file__border{padding-top:118px}}@media (width <= 992px){.file:active .file__border{padding-top:118px;transition:none}}@media (width <= 576px){.file:active .file__border{padding-top:112px;transition:none}}.file:active .file__border:before{content:"";border:2px solid var(--white);transition:var(--animation-transition)}.file:active .file__border-icon{opacity:1;transition:var(--animation-transition)}.file:active .file__border-paragraph{max-height:100vh;opacity:1;transition:max-height var(--animation-transition),opacity var(--animation-transition)}
