[data-component=modal-card][data-v-ada796ad]{--card-color:#fff;--card-secondaryColor:#9bbcfd;color:var(--card-color);cursor:pointer;display:flex;flex-direction:column;gap:min(16px,16px + 100vw * 0);overflow:hidden;position:relative}@media (hover:hover){[data-component=modal-card]:hover .animation-container[data-v-ada796ad]{opacity:1;transform:translateY(0) scale(1)}[data-component=modal-card]:hover .image-container .image-wrapper[data-v-ada796ad]:after{opacity:1}[data-component=modal-card]:hover .image-container .image-wrapper .image[data-v-ada796ad]{transform:scale(1.05)}[data-component=modal-card]:hover .plus-btn[data-v-ada796ad]{transform:scale(1.1) rotate(180deg)}}[data-component=modal-card] .title[data-v-ada796ad]{font-weight:500;white-space:pre-line}@media only screen and (max-width:1023px){[data-component=modal-card] .title[data-v-ada796ad]{font-family:Reyhan;font-size:clamp(22px,19.036px + 100vw * .0076,32px);font-weight:500;letter-spacing:-.5px;line-height:1.1em;white-space:inherit}}[data-component=modal-card] .image-container[data-v-ada796ad]{height:clamp(380px,353.207px + 100vw * .0687,470px);max-height:max(65px,65px + 100vw * .2382);overflow:hidden;position:relative}@media only screen and (min-width:2000px){[data-component=modal-card] .image-container[data-v-ada796ad]{max-height:max(65px,65px + 100vw * .2382)!important}}@media only screen and (max-width:1023px){[data-component=modal-card] .image-container[data-v-ada796ad]{height:clamp(380px,346.655px + 100vw * .0855,492px);max-height:clamp(380px,346.655px + 100vw * .0855,492px)}}[data-component=modal-card] .image-container .image-wrapper[data-v-ada796ad]{border-radius:min(12px,12px + 100vw * 0);height:100%;overflow:hidden;position:relative;width:100%}[data-component=modal-card] .image-container .image-wrapper[data-v-ada796ad]:after{background-color:#0000004d;content:"";display:block;top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;transition:opacity 2.5s cubic-bezier(.19,1,.22,1)}[data-component=modal-card] .image-container .image-wrapper .image[data-v-ada796ad]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform 2.5s cubic-bezier(.19,1,.22,1);width:100%;will-change:transform}[data-component=modal-card] .image-container .plus-btn[data-v-ada796ad]{bottom:10px;position:absolute;right:10px;transition:transform 1.5s cubic-bezier(.19,1,.22,1);will-change:transform}[data-component=modal-card] .description[data-v-ada796ad]{position:relative}[data-component=modal-card] .description[data-v-ada796ad] p{color:var(--card-secondaryColor);font-family:Reyhan;font-size:18px;font-weight:400;font-weight:500;letter-spacing:-.16px;line-height:1.3em}[data-component=modal-card] .description[data-v-ada796ad] strong{color:var(--card-color);font-family:Reyhan;font-size:18px;font-weight:400;font-weight:500;letter-spacing:-.16px;line-height:1.3em}[data-component=modal-card] .animation-container[data-v-ada796ad]{align-items:center;bottom:0;display:flex;height:100%;justify-content:center;left:0;opacity:0;padding:0 calc((var(--computed-100vw) - 2*var(--grid-padding))/var(--grid-num-cols)*1 - var(--grid-gutter)*2 + var(--grid-gutter)*2);position:absolute;right:0;top:0;transform:translateY(10px) scale(.98);transition:opacity .5s cubic-bezier(.19,1,.22,1),transform .5s cubic-bezier(.19,1,.22,1);width:100%;will-change:opacity,transform}[data-component=modal-card] .animation-container.canvas-container[data-v-ada796ad]{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1f2c4126;border-radius:min(6px,6px + 100vw * 0);margin:auto;padding:0}[data-component=modal-card] .animation-container.canvas-container.animation-0[data-v-ada796ad]{border-radius:min(18px,18px + 100vw * 0);bottom:auto;top:10%}[data-component=modal-card] .animation-container.canvas-container.animation-1[data-v-ada796ad]{border-radius:min(18px,18px + 100vw * 0);bottom:20%;top:auto}@media only screen and (min-width:2000px){[data-component=modal-card][data-v-ada796ad]{gap:.8vw}[data-component=modal-card] .image-container[data-v-ada796ad]{height:23.5vw;max-height:23.5vw}[data-component=modal-card] .image-container .image-wrapper[data-v-ada796ad]{border-radius:.6vw}[data-component=modal-card] .image-container .plus-btn[data-v-ada796ad]{bottom:.5vw;right:.5vw}[data-component=modal-card] .description[data-v-ada796ad] p,[data-component=modal-card] .description[data-v-ada796ad] strong{font-size:.9vw}[data-component=modal-card] .animation-container.canvas-container[data-v-ada796ad]{border-radius:.3vw}[data-component=modal-card] .animation-container.canvas-container.animation-0[data-v-ada796ad],[data-component=modal-card] .animation-container.canvas-container.animation-1[data-v-ada796ad]{border-radius:.9vw}}
