@import url(https://fonts.googleapis.com/css2?family=Allura&family=Dancing+Script:wght@400..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Allura&family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=Dancing+Script:wght@400..700&display=swap);.player-container[data-v-fc5ef3d6]{display:flex;align-items:center;justify-content:space-between;padding:1rem;margin:auto;margin-top:1rem;margin-bottom:1rem;background-color:#efe8dc;width:67%;border-radius:.5rem;border:2px solid rgba(97,87,65,.1803921568627451)}.play-button[data-v-fc5ef3d6]{background-color:#e37c4f;color:#fff;padding:28px 28px;border:none;border-radius:50%;cursor:pointer;position:relative}.play-icon[data-v-fc5ef3d6]{width:1.25rem;height:1.25rem;position:absolute}.play[data-v-fc5ef3d6]{top:50%;left:52%;transform:translate(-52%,-50%)}.pause[data-v-fc5ef3d6]{top:50%;left:50%;transform:translate(-50%,-50%)}.recording-footer[data-v-fc5ef3d6]{display:flex;width:75%;margin:auto;justify-content:space-between;align-items:center}.delete-button[data-v-fc5ef3d6],.send-button[data-v-fc5ef3d6]{background-color:#9e8a68;color:#fff;padding:.625rem 1rem;width:100px;border:none;border-radius:.5rem;font-weight:600;cursor:pointer}:root{--primary-color:#42b983;--secondary-color:#35495e;--accent-color:#ff4081;--background-color:#f5f5f5;--text-color:#2c3e50}html{font-size:16px;box-sizing:border-box;background-color:#f4eee0}.background-image{background-image:url(../img/backdrop.52da9146.png);background-repeat:repeat;background-size:auto;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:-1;opacity:.5}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#615741;font-weight:500}.dancing-script{font-family:Dancing Script,cursive;font-optical-sizing:auto;font-weight:600;font-size:3rem}.names{margin-bottom:.5rem}.crimson-text{font-family:Crimson Text,serif;font-optical-sizing:auto;font-weight:400}.date{margin-top:0;font-size:1.2rem}.description{font-size:1.5rem;margin-top:1rem}.image-upload-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:75%;height:25vh;background-color:#efe8dc;border-radius:.5rem;margin:auto;position:relative;border:2px solid rgba(97,87,65,.1803921568627451)}.container-borders{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23B4A393FF' stroke-width='4' stroke-dasharray='6, 14' stroke-linecap='square'/%3E%3C/svg%3E");border-radius:.5rem;width:95%;height:23vh;position:absolute;top:1vh;left:2.5%;pointer-events:none}.label-image{width:50px;height:50px;margin-right:10px;vertical-align:middle;background:rgba(227,124,79,.18823529411764706);padding:.75rem;border-radius:50%;margin-bottom:12px}.image-preview{display:inline-block;width:150px;height:150px;margin:10px;border-radius:.5rem;overflow:hidden;position:relative}.image-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:.5rem}.options-container{display:flex;justify-content:space-between;padding:1rem;margin:auto;margin-bottom:1rem;background-color:#efe8dc;width:67%;border-radius:.5rem;border:2px solid rgba(97,87,65,.1803921568627451)}.upload-option{padding:.5rem 1rem;cursor:pointer;font-size:1rem;font-weight:500;border-radius:.5rem;transition:background-color .3s ease}.upload-option.option-selected{background-color:rgba(227,124,79,.9019607843137255);color:#fff;font-weight:700}.record-button{width:74px;height:74px;margin-bottom:1rem;background-color:#e37c4f;border-radius:50%;border:none;cursor:pointer}.record-button,.record-button.button-recording{transition:background-color .3s ease,box-shadow .3s ease}.record-button.button-recording{box-shadow:0 0 1rem rgba(228,95,28,.693)}.recording-duration{padding:.25rem .5rem;color:#fff;font-weight:700;background-color:hsla(0,0%,100%,.12549019607843137);border-radius:.25rem;transition:all .2s ease;opacity:0}.duration-visible{opacity:1}.record-icon-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.start-icon{width:2rem;height:2rem}.main-content{margin-bottom:1rem}.bottom-picture{width:auto;height:200px}.upload-description{font-weight:500}.loading-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.25);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.loading-card-popup{background-color:#f4eee0;padding:2rem;border-radius:.5rem;margin:1rem;text-align:center;box-shadow:0 0 1rem rgba(0,0,0,.1)}#confetti-canvas{z-index:9999}