.modal-overlay{position:fixed;z-index:1000;display:flex;align-items:baseline;justify-content:center;padding:24px;background-color:rgba(0,0,0,.5);inset:0;opacity:0;overflow-y:auto;transition:opacity .3s ease-in-out}.modal-overlay.--modal-visible{opacity:1}.modal-overlay.--modal-visible .modal-card{opacity:1;transform:translateY(0);transition:transform .3s ease-in-out,opacity .3s ease-in-out}.modal-overlay.--modal-hidden{opacity:0}.modal-card,.modal-overlay.--modal-hidden .modal-card{opacity:0;transform:translateY(-20px)}.modal-card{display:flex;width:100%;max-width:588px;height:auto;flex-flow:column nowrap;border-radius:24px;margin:auto;background-color:#fff;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.modal-card::-webkit-scrollbar{display:none}.modal-card__header{position:relative;display:flex;align-items:center;justify-content:center;padding:16px 24px;border-bottom:1px solid #d3d3d3}.modal-card__header h4{padding-right:20px}.modal-card__close-button{position:absolute;top:50%;right:20px;display:flex;align-items:center;justify-content:center;background:none;cursor:pointer;transform:translateY(-50%)}.modal-card__content{padding:24px}.points-detail-list{display:flex;max-height:calc(100vh - 48px - 92.59px - 64px);flex-direction:column;padding-right:.5rem;gap:1rem;overflow-y:scroll}.points-detail-list__item{display:flex;align-items:center;padding:1.5rem 2rem;border:1px solid #d3d3d3;border-radius:24px;gap:1rem}@media(max-width:767px){.points-detail-list__item{flex-direction:column;align-items:flex-start;padding:1rem 1.5rem}}.points-detail-list__item__content{width:100%}.points-detail-list__item__content>div{display:flex;gap:1rem}.points-detail-list__item__content>div .paragraph{width:-moz-fit-content;width:fit-content}.points-detail-list__item__pill{--bg-color:#ebebeb;--text-color:#000;display:inline-block;height:-moz-fit-content;height:fit-content;padding:.25rem .75rem;border-radius:60px;background-color:var(--bg-color);color:var(--text-color)}.points-detail-list__item__pill div{white-space:nowrap}.points-detail-list__item__pill.--green{--bg-color:#32d58326;--text-color:#05603a}.points-detail-list__item__pill.--yellow{--bg-color:#ffedb5;--text-color:#e46d00}.points-detail-list__item__pill.--red{--bg-color:#f7e0de;--text-color:#ad0b00}.points-detail-list__item__points{display:flex;align-items:flex-end;gap:.25rem}.modal-card__content:has(.points-detail-list){padding-right:1rem}.skeleton-loader{position:relative;display:inline-block;overflow:hidden;height:1em;background-color:#dddbdd}.skeleton-loader:after{position:absolute;animation:shimmer 5s infinite;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0));content:"";inset:0;transform:translateX(-100%)}@keyframes shimmer{to{transform:translateX(100%)}}