.modal-demo{gap:20px;justify-content:flex-start;display:flex;flex-direction:row;justify-content:space-evenly}@media(max-width:767px){.modal-demo{margin-inline:auto}}.modal-demo:before{content:"";position:absolute;width:227px;height:227px;border-radius:50%;background-color:#24fe41;opacity:.6;filter:blur(100px);left:50%;top:-227px;transform:translate(-50%)}.modal-demo__content{width:334px;gap:20px;justify-content:space-between;display:flex;flex-direction:column;align-items:center;position:relative;z-index:10}.modal-demo__heading-title{font-family:var(--font-inter);font-weight:900;font-size:20px;line-height:130%;text-decoration:none;font-style:italic;letter-spacing:normal;text-transform:uppercase;background:var(--Gr1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);margin-bottom:20px}.modal-demo__example{gap:10px;justify-content:space-between;display:flex;flex-direction:row;background-color:var(--Black2);padding:12px;border-radius:12px}.modal-demo__example-item{width:40px;height:40px;border:2px solid rgba(0,0,0,0);border-radius:12px;overflow:hidden;cursor:pointer}.modal-demo__example-item--active{background:linear-gradient(#0f0f0f,#0f0f0f 0) padding-box,linear-gradient(90deg,#24FE41 0,#FDFC47) border-box}.modal-demo__example-image{width:40px;height:auto;object-fit:cover}.modal-demo__image{width:195px;height:293px;border-radius:12px;overflow:hidden}.modal-demo__image-main{width:100%;height:100%;object-fit:cover}.modal-demo__buttons{gap:12px;justify-content:flex-start;display:flex;flex-direction:column}.modal-demo__loader{width:100%;height:100%;background-color:var(--Black3)}.modal-demo__loader-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal-demo__close{padding:0;background-color:rgba(0,0,0,0);border:none;width:32px;height:32px;background-color:var(--Black2);border-radius:50%;position:absolute;top:20px;right:20px;z-index:10;transform:rotate(45deg)}.modal-demo__close:after{transform:translate(-50%,-50%);background-color:var(--Text-gray-Dark-2)}.modal-demo__close:after,.modal-demo__close:before{content:"";position:absolute;top:50%;left:50%;width:18px;height:2px;border-radius:2px}.modal-demo__close:before{transform:translate(-50%,-50%) rotate(90deg);background-color:var(--Text-gray-Dark-2,#6B6B6B)}