.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:1rem}.modal-container{max-height:90vh;max-width:95vw;position:relative;width:100%;overflow:hidden}.modal-close-button{position:absolute;top:10px;right:10px;background:transparent;border:none;font-size:24px;cursor:pointer;z-index:100}.embla{width:100%;overflow:hidden;--slide-spacing: 1rem;--slide-size: 80%;--slide-height: auto}.embla__viewport{overflow:hidden}.embla__container{backface-visibility:hidden;display:flex;touch-action:pan-y;margin-left:calc(var(--slide-spacing) * -1)}.embla__slide{flex:0 0 var(--slide-size);min-width:0;position:relative;padding-left:var(--slide-spacing);cursor:pointer;height:var(--slide-height)}.embla__slide__content{border-radius:.8rem;position:relative;background-color:#fff;height:100%;transition:opacity .3s ease;overflow-y:auto;max-height:80vh;padding:1rem}.embla__slide:not(.is-selected) .embla__slide__content{opacity:.4}.embla__slide:not(.is-selected) .embla__slide__content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;border-radius:.8rem;opacity:0;transition:opacity .3s ease}.embla__slide:not(.is-selected):hover .embla__slide__content:before{opacity:1}.card{border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #0000001a;background-color:#f8f8f8;height:100%;display:flex;flex-direction:column;padding:16px}.card-title{margin:0 0 8px;font-size:18px;color:#333}.card-content{color:#666;font-size:14px;flex-grow:1}.card-image{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;margin-bottom:16px}.embla__dots{display:flex;justify-content:center;align-items:center;margin-top:20px}.embla__dot{width:10px;height:10px;border-radius:50%;background-color:#ccc;border:0;margin:0 5px;padding:0;cursor:pointer;transition:background-color .2s}.embla__dot--selected{background-color:#333}@media (max-width: 768px){.modal-container{max-width:100%;max-height:100vh}.embla__slide__content{max-height:70vh}.modal-close-button{top:5px;right:5px}}@media (max-width: 480px){.embla__slide__content{max-height:60vh;padding:.5rem}.card{padding:10px}}