@import url(https://fonts.googleapis.com/css2?family=Satisfy&display=swap);@import url(https://fonts.googleapis.com/css2?family=Edu+NSW+ACT+Foundation:wght@400..700&display=swap);#navbar-container{align-items:center;bottom:0;display:flex;flex-direction:column;position:fixed;width:100%}#navbar-container .navbar-switch-button{align-items:center;background-color:#f4f4f4;border:none;border-radius:50%;bottom:2em;display:flex;height:8em;justify-content:center;position:absolute;width:8em}#navbar-container .navbar-switch-button .switch-lottie{height:7em;width:7em}#navbar-container .navbar-switch-button .switch-lottie.spicy{margin-bottom:2em}#navbar-container #navbar{align-items:center;color:#fff;display:flex;justify-content:space-around;padding:1rem;width:100%}#navbar-container #navbar .navbar-item{align-items:center;display:flex;justify-content:center;outline:none;width:100%}#navbar-container #navbar .navbar-item:first-child{padding-right:3em}#navbar-container #navbar .navbar-item:last-child{padding-left:3em}#navbar-container #navbar .navbar-item:hover{cursor:pointer}#navbar-container #navbar .navbar-item:active img{transform:scale(1.3)}#navbar-container #navbar .navbar-item img{height:3em;width:3em}.love-mode #navbar{background:linear-gradient(90deg,#ff2336 40%,#ff909a 60%)}.love-mode #date-page .ds-card-item,.love-mode #sentence-page .ds-card-item{background-color:#ffb1b8}.love-mode .pagination-container .pagination li{border-radius:.4em;padding:.2em .8em}.love-mode .confirmation-dialog button:active,.love-mode .pagination-container .pagination li.active,.love-mode .pagination-container .pagination li:hover{background-color:#ffb1b8;color:#fff}.spicy-mode #navbar{background:linear-gradient(90deg,#ffb253 40%,#ff2336 60%)}.spicy-mode #date-page .ds-card-item,.spicy-mode #sentence-page .ds-card-item{background-color:#ffb253}.spicy-mode .pagination-container .pagination li{border-radius:.4em;padding:.2em .8em}.spicy-mode .confirmation-dialog button:active,.spicy-mode .pagination-container .pagination li.active,.spicy-mode .pagination-container .pagination li:hover{background-color:#ffb253;color:#fff}.ds-card-container{align-items:center;display:flex;flex-direction:column}.ds-card-container .ds-card-item{border-radius:.5em;font-family:Satisfy,cursive;margin:2em 0;width:80vw}.ds-card-container .ds-card-item.date-item{padding:1em}.ds-card-container .ds-card-item.date-item-disabled{background-color:#ecebeb!important;color:#838383!important}.ds-card-container .ds-card-item.item-sentence>p{padding-left:1em;padding-right:1em;padding-top:1em}.ds-card-container .ds-card-item .sentence-item-time-container{align-items:center;display:flex;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:.8em;justify-content:right;margin-top:.5em;padding:0 1em 1em}.ds-card-container .ds-card-item .sentence-item-time-container p{text-align:center}.ds-card-container .ds-card-item .sentence-item-time-container img{height:1.2em;margin-right:.4em;width:1.2em}.ds-card-container .ds-card-item .date-bottom-container{align-items:center;display:flex;flex-direction:row-reverse;font-size:1.2em;justify-content:space-between;margin-top:.5em}.ds-card-container .ds-card-item .date-bottom-container .action-container img{margin:0 .25em}.ds-card-container .ds-card-item .date-bottom-container div{display:flex}.ds-card-container .ds-card-item .date-bottom-container div img{height:1.2em;width:1.2em}.form-template{align-items:center;background:#fff;border-radius:20px;display:flex;flex-direction:column;justify-content:center;margin:2em 0;padding:2em;text-align:center;width:70%}.form-template .form-template-title{color:#333;font-size:1.5em;font-weight:900;margin-bottom:.2em}.form-template .form-template-content{color:#333;font-size:1.2em;line-height:18px;margin-bottom:.5em;width:80%}.form-template .form-template-form{display:flex;flex-direction:column}.form-template .form-template-form input,.form-template .form-template-form textarea{background:#fff;border:1px solid #333;border-radius:14px;box-shadow:inset 0 0 0 1px #0000;color:#000;margin:1em 0;outline:0;padding:.6em}.form-template .form-template-form button{background:#111;border:0;border-radius:14px;color:#fff;font-weight:700;padding:.68em}.form-template .form-template-buttom-submit:hover{opacity:.8}.common-info{z-index:1}.error{align-items:center;background:#ef665b;border-radius:8px;box-shadow:0 0 5px -3px #111;display:flex;flex-direction:row;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;justify-content:start;padding:12px;position:absolute;top:20px;width:320px}.error__icon{height:20px;margin-right:8px;transform:translateY(-2px);width:20px}.error__icon path{fill:#fff}.error__title{color:#fff;font-size:14px;font-weight:500}.error__close{cursor:pointer;height:20px;margin-left:auto;width:20px}.error__close path{fill:#fff}.success{align-items:center;background:#84d65a;border-radius:8px;box-shadow:0 0 5px -3px #111;display:flex;flex-direction:row;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;justify-content:start;padding:12px;position:absolute;top:20px;width:320px}.success__icon{height:20px;margin-right:8px;transform:translateY(-2px);width:20px}.success__icon path{fill:#fff}.success__title{color:#fff;font-size:14px;font-weight:500}.success__close{cursor:pointer;height:20px;margin-left:auto;width:20px}.success__close path{fill:#fff}.info{align-items:center;background:#509af8;border-radius:8px;box-shadow:0 0 5px -3px #111;display:flex;flex-direction:row;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;justify-content:start;padding:12px;position:absolute;top:20px;width:320px}.info__icon{height:20px;margin-right:8px;transform:translateY(-2px);width:20px}.info__icon path{fill:#fff}.info__title{color:#fff;font-size:14px;font-weight:500}.info__close{cursor:pointer;height:20px;margin-left:auto;width:20px}.info__close path{fill:#fff}.send-button-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:1em 0}.button-send-love-sentence{all:unset;align-items:center;border:.15em solid #ff2336;border-radius:.25em;color:#212121;cursor:pointer;display:flex;font-size:1.5em;font-weight:600;overflow:hidden;padding:.4em 2em;position:relative;transition:border .3s,color .3s;-webkit-user-select:none;user-select:none}.button-send-love-sentence p{z-index:1}.button-send-love-sentence:hover{color:#fff}.button-send-love-sentence:active{border-color:#ff2336}.button-send-love-sentence:after,.button-send-love-sentence:before{aspect-ratio:1;background:#ff2336;border-radius:50%;content:"";opacity:50%;position:absolute;transition:transform .5s,background .3s;width:9em}.button-send-love-sentence:before{left:0;transform:translateX(-8em)}.button-send-love-sentence:after{right:0;transform:translateX(8em)}.button-send-love-sentence:hover:before{transform:translateX(-1em)}.button-send-love-sentence:hover:after{transform:translateX(1em)}.button-send-love-sentence:active:after,.button-send-love-sentence:active:before{background:#ff2336}.button-send-spicy-sentence{all:unset;align-items:center;border:.15em solid #ffb253;border-radius:.25em;color:#212121;cursor:pointer;display:flex;font-size:1.5em;font-weight:600;overflow:hidden;padding:.4em 2em;position:relative;transition:border .3s,color .3s;-webkit-user-select:none;user-select:none}.button-send-spicy-sentence p{z-index:1}.button-send-spicy-sentence:hover{color:#fff}.button-send-spicy-sentence:active{border-color:#ffb253}.button-send-spicy-sentence:after,.button-send-spicy-sentence:before{aspect-ratio:1;background:#ffb253;border-radius:50%;content:"";opacity:50%;position:absolute;transition:transform .5s,background .3s;width:9em}.button-send-spicy-sentence:before{left:0;transform:translateX(-8em)}.button-send-spicy-sentence:after{right:0;transform:translateX(8em)}.button-send-spicy-sentence:hover:before{transform:translateX(-1em)}.button-send-spicy-sentence:hover:after{transform:translateX(1em)}.button-send-spicy-sentence:active:after,.button-send-spicy-sentence:active:before{background:#ffb253}.pagination-container,.pagination-container .pagination{align-items:center;display:flex;justify-content:center}.pagination-container .pagination{background-color:#fff;border-radius:.5em;list-style:none;padding:.4em 1em}.pagination-container .pagination li{display:inline-block;margin:0 .5em}.confirmation-dialog-container{align-items:center;background-color:rgba(0,0,0,.436);display:flex;height:100vh;justify-content:center;left:0;margin:0;padding:0;position:absolute;top:0;width:100vw}.confirmation-dialog-container .confirmation-dialog{background-color:#fff;border-radius:.5em;display:flex;flex-direction:column;padding:2em 1em;text-align:center;width:70%}.confirmation-dialog-container .confirmation-dialog .app-title{font-size:.6em}.confirmation-dialog-container .confirmation-dialog p{line-height:1.2em;margin:.5em 0}.confirmation-dialog-container .confirmation-dialog button{border:none;border-radius:.5em;cursor:pointer;font-family:Edu NSW ACT Foundation,sans-serif;font-weight:600;margin:.5em;padding:.5em 1em}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f4f4f4;font-family:Edu NSW ACT Foundation,sans-serif;font-size:16px;line-height:1.6}#navbar-container~div{height:calc(100vh - 9em);overflow:scroll}.auth-form-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.auth-form-container .register-link{color:#333;font-weight:600;text-decoration:underline}#date-page{color:#333}#date-page .create-date-container,#date-page .random-date-container{align-items:center;display:flex;flex-direction:column;justify-content:center}#date-page .random-date-container{margin:1em 0}#date-page .random-date-container img{height:5em;width:5em}#sentence-page{color:#333}#sentence-page .create-sentence-container,#sentence-page .rank-container{align-items:center;display:flex;flex-direction:column;justify-content:center}#sentence-page .rank-container .rank-lottie{height:10em;margin-top:2em;width:20em}#sentence-page .rank-container .ranking-item-conainer{display:flex;flex-direction:column;justify-content:center}#sentence-page .rank-container .ranking-item-conainer .ranking-item{align-items:center;display:flex;flex-direction:row;font-size:1.4em;justify-content:center}#sentence-page .rank-container .ranking-item-conainer .ranking-item img{height:1.2em;margin-right:.4em;width:1.2em}#sentence-page .rank-container .ranking-item-conainer .ranking-item span{font-weight:600}.app-title{align-items:center;display:flex;justify-content:space-around;margin-top:1em;width:100%}.app-title img{height:2em;width:2em}.app-title h1{font-size:2.5em;text-transform:capitalize}.logout-container{left:1em;margin-top:1em;position:absolute;top:1em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.logout-container img{height:2em;width:2em}.add-friend-form-container .app-title{font-size:1em}.add-friend-form-container .friend-code-container{margin-top:2em}.add-friend-form-container .friend-code-container .friend-code-title{font-size:1.5em;font-weight:600;margin-bottom:.4em;text-align:center}.add-friend-form-container .friend-code-container .friend-code-subcontainer{align-items:center;background-color:#fff;border:5px solid #ff909a;border-radius:20px;display:flex;flex-direction:row;justify-content:center;padding:.5em 2em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.add-friend-form-container .friend-code-container .friend-code-subcontainer .friend-code-copy{height:2em;margin-left:1em;width:2em}.add-friend-form-container .friend-code-container .friend-code-subcontainer .friend-code{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.5em}
/*# sourceMappingURL=main.00b77d91.css.map*/