.modal-campaign-ramadhan[data-v-4b8dad16]{position:fixed;top:0;left:0;height:100vh;width:100vw;--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity));--tw-bg-opacity:0.75;padding-left:2rem;padding-right:2rem;z-index:100}.modal-campaign-ramadhan .modal-container[data-v-4b8dad16]{position:relative;--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity));vertical-align:middle;margin-left:auto;margin-right:auto;border-radius:1rem;--tw-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow);padding:1.25rem;float:left;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));left:50%;top:50%;--tw-translate-x:-50%;--tw-translate-y:-50%;display:flex;flex-direction:column;max-width:36rem}.modal-campaign-ramadhan .modal-container .modal-header[data-v-4b8dad16]{position:relative}.modal-campaign-ramadhan .modal-container .modal-body[data-v-4b8dad16]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;overflow-y:auto;padding-left:1.25rem;padding-right:1.25rem;padding-bottom:.75rem;text-align:center;max-height:calc(100vh - 18rem)}.modal-campaign-ramadhan .modal-container .modal-footer[data-v-4b8dad16]{align-self:center;width:100%}