@charset "UTF-8";.certification-card{cursor:pointer}.certification-card__img,.certification-card__empty{width:9.8rem;height:14.2rem;border:1px solid rgba(var(--base-image-border),.3);overflow:hidden;border-radius:4px;position:relative}.certification-card__img--sm,.certification-card__empty--sm{width:98px;height:142px}.certification-card__img>img{width:100%;height:100%;object-fit:cover}.certification-card__img>span{display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;color:var(--base-gray-900);background-color:var(--base-gray-500);font-size:2rem}.certification-card__img:hover div{opacity:1}.certification-card__img--hover{transition:all .2s ease-out;cursor:pointer;opacity:0;display:flex;justify-content:center;align-items:center;inset:0;position:absolute;background-color:#00000080;color:var(--base-gray-000-static)}.certification-card__title{width:98px;font-size:12px;font-weight:500;line-height:1.3;max-height:31.2px;height:31.2px;padding:0 2px;margin:4px auto;color:var(--base-gray-700);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;word-break:break-word}.certification-card__title--white{color:var(--base-gray-000-static)}.certification-card__title--dark{color:var(--base-gray-900-static)}.certification-card__delete{position:absolute;right:0;top:0;width:30px;height:30px;background-color:var(--base-gray-000-static);display:flex;justify-content:center;align-items:center}.certification-card__delete *{color:var(--base-gray-900-static)!important}.certification-card--book{position:relative}.certification-card--book__drag-handle{cursor:move}.certification-card--book--view{margin:10px 0}.certification-card--book__container{position:relative;box-shadow:#32325d40 0 6px 12px -2px,#0000004d 0 3px 7px -3px}.certification-card--book__frame{position:absolute;inset:0;background-repeat:no-repeat;background-size:98px 142px}.certification-card--book__action{display:flex;justify-content:center;align-items:center;margin-top:5px}.certification-card--book__date{display:flex;justify-content:center;align-items:center;margin-top:5px;font-size:13px;color:var(--base-gray-700)}.certification-card--book__title{width:98px;font-size:12px;font-weight:500;line-height:1.3;max-height:31.2px;height:31.2px;padding:0 2px;margin:4px auto;color:var(--base-gray-700);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;word-break:break-word}.certification-card--book__img{width:98px;height:142px;border:1px solid rgba(var(--base-image-border),.3);overflow:hidden;border-radius:4px}.certification-card--book__img--framed{padding:13px}.certification-card--book__img--editing{width:100%;max-width:98px;max-height:142px;margin:auto}.certification-card--book__img>img{width:100%;height:100%;object-fit:cover;pointer-events:none}.certification-card--book__img>span{display:flex;justify-content:center;align-items:center;width:100%;height:100%;word-break:break-all;word-break:break-word;padding:10px;color:var(--base-gray-900);background-color:var(--base-gray-500);font-size:2rem}.certification-card--book__img--hover{transition:all .2s ease-out;opacity:0;display:flex;justify-content:center;align-items:center;position:absolute;background-color:#00000080;inset:0;color:var(--base-gray-000);border-radius:4px}.certification-card--book__img:hover div{z-index:1;opacity:1}.certification-card--book__popover__overlay .ant-popover-inner-content{padding:0;background-color:var(--background-color)}.certification-card--book__popover__list{display:flex;flex-direction:column}.certification-card--book__popover__list>span{padding:0 10px}.certification-card--book__popover__list span{height:30px;display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--base-gray-600);transition-property:color,background-color;transition-duration:.2s;transition-timing-function:ease-out}.certification-card--book__popover__list span:hover{background-color:var(--base-gray-500);color:var(--base-gray-900)}