.archive{display:flex;justify-content:center;flex-wrap:wrap}.archive .archive-main{padding-bottom:30px;max-width:480px;width:100%}.archive .archive-main .archive-btn{display:flex;align-items:center;justify-content:center;width:133px;height:42px;gap:3px;border-radius:10px;background:#fff;border:none;margin-bottom:16px}.archive .archive-main .archive-btn img{width:16px;height:16px}.archive .archive-main .archive-tabs{display:flex;justify-content:space-between;padding:3px 13px 3px 3px;border-radius:12px;margin-bottom:40px}.archive .archive-main .archive-tabs p{max-width:227px;color:#282828;font-size:18px;font-weight:500}.archive .archive-main .archive-tabs h3{color:#131313;font-size:14px;font-weight:400;letter-spacing:-.28px}.archive .archive-main .archive-cards{display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:auto;max-width:480px;width:100%;flex-direction:column;gap:5px}.archive .archive-main .archive-cards .archive-card{position:relative;display:flex;align-items:center;justify-content:space-between;max-width:480px;width:100%;padding:12px;background:#fff;border-radius:12px;height:132px}.archive .archive-main .archive-cards .archive-card .archive-left{display:grid;align-items:center;grid-gap:28px;gap:28px}.archive .archive-main .archive-cards .archive-card .archive-left .archive-images{display:flex;grid-column:1/3;align-items:center;gap:10px}.archive .archive-main .archive-cards .archive-card .archive-left .archive-images img{width:48px;height:48px}.archive .archive-main .archive-cards .archive-card .archive-left .archive-names{display:flex;grid-column:1/2;flex-direction:column}.archive .archive-main .archive-cards .archive-card .archive-left .archive-names h2{color:#131313;font-size:14px;font-weight:500}.archive .archive-main .archive-cards .archive-card .archive-left .archive-names p{color:#131313;font-size:11px;font-weight:400;letter-spacing:-.22px}.archive .archive-main .archive-cards .archive-card .archive-left h3{grid-column:2/3;color:#131313;font-size:12px;font-weight:500;letter-spacing:-.24px;height:30px}.archive .archive-main .archive-cards .archive-card .archive-right{display:flex;margin-top:-58px;gap:4px}.archive .archive-main .archive-cards .archive-card .archive-right img{cursor:pointer}.archive .archive-main .archive-cards .archive-card .archive-right button{padding:12px;color:#131313;font-size:11px;font-weight:400;line-height:12px;border:1px solid #e4e4e4;border-radius:61px;transition:.5s;cursor:pointer}.archive .archive-main .archive-cards .archive-card .archive-right button:hover{background:#e4e4e4;transition:.5s}.archive .archive-main .archive-cards .archive-card .archive-right .dots{width:16px;height:16px;background:transparent;border:none;outline:none}.archive .archive-main .archive-cards .archive-card .archive-right .dots:hover{background:#fff!important}.archive .archive-main .archive-cards .archive-card .hide-mode{display:none}.archive .archive-main .archive-cards .archive-card .active-mode{padding:2px;position:absolute;display:flex;flex-direction:column;gap:2px;right:6px;top:67px;width:120px;height:84px;z-index:21;background:#fff;align-items:start;border-radius:12px;box-shadow:-10px 14px 34px 0 rgba(0,0,0,.12)}.archive .archive-main .archive-cards .archive-card .active-mode button{padding:14px 18px;width:100%;text-align:left;color:#131313;font-size:12px;font-weight:500;letter-spacing:-.24px;transition:.5s;border-radius:10px;border:none;outline:none;cursor:pointer;background:transparent}.archive .archive-main .archive-cards .archive-card .active-mode button:hover{background:#a9ffe0;transition:.5s}