#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav{padding:0 0 60px 0}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}.vip-background[data-v-7e0250ce]{background-color:gold!important}.non-vip-background[data-v-7e0250ce]{background-color:#fff}.warning-background[data-v-7e0250ce]{background-color:red!important}.tutup[data-v-7e0250ce]{display:flex;justify-content:center;align-items:center;background-color:coral;position:absolute;height:90px;width:50%;bottom:10%;left:50%;transform:translateX(-50%);font-size:20px}.modal[data-v-7e0250ce]{display:block;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.4)}.modal-content[data-v-7e0250ce]{position:relative;background-color:#fefefe;margin:10% auto;padding:20px;border:1px solid #888;width:80%;height:60%;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);animation-name:animatetop-7e0250ce;animation-duration:.4s}@keyframes animatetop-7e0250ce{0%{top:-300px;opacity:0}to{top:0;opacity:1}}.close[data-v-7e0250ce]{color:#aaa;float:right;font-size:28px;font-weight:700}.close[data-v-7e0250ce]:focus,.close[data-v-7e0250ce]:hover{color:#000;text-decoration:none;cursor:pointer}.camera-wrapper[data-v-d2db2c0e]{position:relative}.flip-button[data-v-d2db2c0e]{position:absolute;top:0;left:0;z-index:10}.flip[data-v-d2db2c0e]{transform:scaleX(-1)}button[data-v-d2db2c0e]{width:150px;height:70px;padding:10px;margin:4px 0;display:inline-block;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:20px;background-color:green;color:#fff}.home[data-v-4f8fba0c]{height:100vh}.home[data-v-4f8fba0c],.option[data-v-4f8fba0c]{display:flex;flex-direction:column;justify-content:center;align-items:center}.option[data-v-4f8fba0c]{width:90%;max-width:300px;height:90%;max-height:300px;margin:20px;padding:20px;background-color:#133c56;color:#fff;border-radius:10px;transition:transform .2s;text-decoration:none;font-size:40px}.option[data-v-4f8fba0c]:hover{transform:scale(1.1)}.option i[data-v-4f8fba0c]{margin-bottom:10px;font-size:24px}@media (min-width:600px){.home[data-v-4f8fba0c]{flex-direction:row}}.undangan-list[data-v-be71d5c4]{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;flex-direction:column;align-items:center;padding:20px;gap:20px;background-color:#b6d3e6}ul[data-v-be71d5c4]{list-style-type:none;padding:0;width:100%}li[data-v-be71d5c4]{background-color:#133c56;color:#ccc;width:100%;margin:10px 0;display:flex;justify-content:center;align-items:center;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.5);transition:transform .3s ease,box-shadow .3s ease;overflow:hidden}li[data-v-be71d5c4]:hover{transform:translateY(-5px);box-shadow:0 6px 12px rgba(0,0,0,.7)}.content[data-v-be71d5c4]{padding:10px;text-align:center;display:flex;flex-direction:column;justify-content:space-around;width:90%}h3[data-v-be71d5c4],p[data-v-be71d5c4]{color:#fff;margin-bottom:5px}p[data-v-be71d5c4]{color:#bbb;font-size:.9em}