.selection{align-items:center;display:flex;flex-direction:column;gap:24px}.selection-cards{display:grid;gap:40px;grid-template-columns:1fr;width:100%}.selection__dotted-lines{width:100%}.selection__dotted-lines img{display:none;margin:0 auto;opacity:.2;width:50%}.selection-card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:20px;display:flex;flex-direction:column;gap:48px;padding:64px 32px 32px;position:relative}.selection-card--primary{--highlight-color:var(--color-primary-light)}.selection-card--secondary{--highlight-color:var(--color-secondary)}.selection-card__icon{display:none}.selection-card__icon img{height:100%;object-position:center;width:100%}.selection-card__title{color:var(--highlight-color);font-size:32px;font-weight:700;line-height:1;text-transform:uppercase}.selection-card__subtitle{color:var(--color-gray)}.selection-card__links{display:flex;flex-direction:column;gap:24px}.selection-card__link{color:var(--color-black);font-size:16px;font-weight:600;padding:10px 15px;position:relative;width:fit-content}.selection-card__link-border{background-color:var(--highlight-color);bottom:0;content:"";height:100%;left:0;position:absolute;width:2px}.selection-card__link-icon{left:100%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-5%);transition:all .4s ease .1s}.selection-card__link-icon svg{fill:var(--color-gray)}.selection-card__link[data-state=pending] .selection-card__link-border{animation:reverseBorder .4s;animation-fill-mode:forwards}.selection-card__link[data-state=active] .selection-card__link-icon{opacity:1;transform:translate(-50%,-50%)}.selection-card__link[data-state=active] .selection-card__link-border{animation:moveBorder .4s;animation-fill-mode:forwards}@keyframes moveBorder{0%{height:100%;left:0;width:2px}40%{height:2px;width:2px}70%{left:0}to{height:2px;left:15px;width:calc(100% - 30px)}}@keyframes reverseBorder{0%{height:2px;left:15px;width:calc(100% - 30px)}30%{left:0}60%{height:2px;width:2px}to{height:100%;width:2px}}@media (min-width:500px){.selection-card{padding:32px}}@media (min-width:768px){.selection-cards{grid-template-columns:repeat(2,1fr)}.selection__dotted-lines img{display:block}.selection-card{padding:40px 54px}.selection-card__title{font-size:40px}.selection-card__link{font-size:18px}}@media (min-width:1024px){.selection-card{padding:50px 80px}.selection-card__title{font-size:48px}}@media (min-width:1200px){.selection-card{padding:67px 92px}.selection-card__title{font-size:44px}}