.card{border-radius:55px;padding:20px;width:300px;min-height:350px;text-align:center;position:relative;display:flex;flex-direction:column}.card--green{background-color:#011c1a;color:#e7fff6}.card--red{background-color:#33040d;color:#ffe2e4}.card--blue{background-color:#001130;color:#e0ebff}.card--black{background-color:#060606;color:#ededed}.card--military{background-color:#2a2519;color:#e9e1cb}.card--empty{background-color:rgba(6,53,50,.0784313725);color:#011c1a}.card .card__link{position:absolute;inset:0;border-radius:inherit;z-index:0}.card .card__avatar{width:120px;height:120px;border-radius:40px;overflow:hidden;margin:10px auto 0;background-color:#e7fff6}.card .card__avatar img{width:100%;height:100%;object-fit:cover}.card .card__draft-expiry{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:12px;font-size:12px;font-weight:400}.card .card__draft-expiry>span:first-child{opacity:.75}.card .card__draft-tooltip-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;cursor:help;flex-shrink:0;pointer-events:auto;outline:none}.card .card__draft-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);width:240px;max-width:80vw;padding:10px 12px;border-radius:8px;background-color:#fff;color:#011c1a;border:1px solid #0e2822;font-size:11px;font-weight:400;line-height:1.4;text-align:left;white-space:normal;z-index:10;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.card .card__draft-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid rgba(0,0,0,0);border-top-color:#fff}.card .card__draft-tooltip-wrap:focus .card__draft-tooltip,.card .card__draft-tooltip-wrap:hover .card__draft-tooltip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.card .card__info{font-size:24px;margin:20px 0 10px;font-weight:700}.card .card__name{line-height:1.2;overflow-wrap:anywhere}.card .card__anniversary{display:inline-block;margin:14px auto 0;padding:4px 16px;border-radius:999px;font-size:14px;font-weight:600;font-family:var(--UAF-compact-font);background-color:#f5d5af;color:#a75f08}.card .card__date-wrap{display:flex;justify-content:center;align-items:center;margin-top:10px}.card .card__date-wrap .card__date{display:flex;flex-direction:row;align-items:center;gap:4px;margin:0 8px}.card .card__date-wrap .card__date .general-page-date__icon{display:flex;align-items:center;justify-content:center}.card .card__date-wrap .card__date .general-page-date .general-page-date-dm{width:auto;line-height:11px}.card .card__date-wrap .card__date .general-page-date .general-page-date-dm span:first-child:before{top:calc(50% - 1px);width:100%;background-color:currentColor}.card .card__date-wrap .card__date .general-page-date .general-page-date-dm .general-page-date-dm__day,.card .card__date-wrap .card__date .general-page-date .general-page-date-dm .general-page-date-dm__month{font-size:8px}.card .card__date-wrap .card__date .general-page-date .general-page-date__year{font-size:20px;margin-left:4px}.card .card__menu{position:absolute;top:20px;right:20px;z-index:2}.card .card__menu-btn{border:none;cursor:pointer;width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center}.card .card__menu-btn--green{background-color:rgba(231,255,246,.0784313725)}.card .card__menu-btn--red{background-color:rgba(255,226,228,.0784313725)}.card .card__menu-btn--blue{background-color:rgba(224,235,255,.0784313725)}.card .card__menu-btn--black{background-color:rgba(237,237,237,.0784313725)}.card .card__menu-btn--military{background-color:rgba(233,225,203,.0784313725)}.card .card__menu-list{position:absolute;top:calc(100% + 8px);right:0;width:260px;margin:0;padding:8px;list-style:none;border-radius:20px;background-color:#fff;color:#011c1a;text-align:left;box-shadow:0 8px 24px rgba(0,0,0,.25)}.card .card__menu-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;color:inherit;text-decoration:none;width:100%;border:none;background:none;font:inherit;text-align:left;cursor:pointer}.card .card__menu-item:hover{background-color:rgba(6,53,50,.0784313725)}.card .card__menu-icon{display:flex;flex-shrink:0}.card .card__menu-text{display:flex;flex-direction:column;gap:2px}.card .card__menu-label{font-size:14px;font-weight:700;line-height:18px}.card .card__menu-desc{font-size:12px;font-weight:400;line-height:16px;opacity:.65}.card__empty{display:flex;flex-direction:column;align-items:center;flex:1 1 auto;width:100%}.card__empty .empty-card-icon{margin-top:70px}.card__empty .create-new{text-decoration:none;width:95%;margin-top:auto;border:none;background-color:rgba(6,53,50,.0784313725);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-family:var(--UAF-compact-font);font-weight:700;padding:10px;border-radius:12px;color:#011c1a}.card__empty .create-new:hover{background-color:rgba(6,53,50,.2941176471)}