@charset "UTF-8";:root{--cafe-color-white: #ffffff;--cafe-color-transparent: #fffdf9;--cafe-color-bisque: #fef8ea;--cafe-color-gray: #f2f2f2;--cafe-color-gray-darken: #959595;--cafe-color-brown: #7f252e;--cafe-color-brown-lighter: rgba(98, 27, 34, .21);--cafe-color-background: rgba(0, 0, 0, .3);--cafe-color-red: rgb(255, 240, 238);--cafe-color-red-darken: rgb(222, 17, 53);--cafe-color-green: rgb(234, 246, 237);--cafe-color-green-darken: #0e8345;--cafe-radius-xxs: .5rem;--cafe-radius-xs: .8rem;--cafe-radius-sm: 1rem;--cafe-radius-md: 1.3rem;--cafe-radius-lg: 2rem;--cafe-radius-xl: 3rem;--cafe--font-xs: .9rem;--cafe--font-sm: 1rem;--cafe--font-md: 1.2rem;--cafe--font-lg: 1.4rem;--cafe--font-xl: 1.5rem;--cafe--font-xxxl: 1.8rem;--cafe--padding-xxxs: .5rem;--cafe--padding-xxs: .75rem;--cafe--padding-xs: 1rem;--cafe--padding-sm: 1.5rem;--cafe--padding-lg: 2rem;--cafe--padding-xxl: 3rem;--cafe--margin-xxs: .5rem;--cafe--margin-xs: 1rem;--cafe--margin-sm: 1.5rem}.opacity-enter-from,.opacity-leave-to{opacity:0}.opacity-enter-active,.opacity-leave-active{transition:opacity .35s ease-out}.opacity-enter-to,.opacity-leave-from{opacity:1}.move-up-enter-from{opacity:0;transform:translateY(-1rem)}.move-up-enter-active,.move-up-leave-active{transition:all .35s ease-out}.move-up-enter-to,.move-up-leave-from{opacity:1;transform:translateY(0)}.move-up-leave-to{opacity:0;transform:translateY(-1rem)}*,*:before,*:after{padding:0;margin:0;box-sizing:border-box}html{height:100dvh;width:100vw;overflow:hidden;line-height:1.5;font-family:Poppins,Noto Sans TC,Inter,Avenir,Helvetica,Arial,sans-serif;font-weight:500;font-synthesis:none;font-optical-sizing:auto;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 1366px){html{font-size:62.5%}}@media (max-width: 575.98px){html{font-size:50%}}@media (min-width: 1367px){html{font-size:75%}}body,#app{position:relative;height:100%;width:100%;color:var(--eip-color-text);overflow:hidden}body,#app,h1,h2,h3,h4,h5,h6,p,span,a,label,input,button{font-family:inherit;font-weight:inherit;margin:0}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-text-fill-color:var(--eip-color-text);-webkit-box-shadow:0 0 0 1000px rgba(255,255,255,0) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}input,button{border:none;outline:none}label{display:inline-block}ul,ol,li{list-style:none;padding:0}a{text-decoration:none}img{display:block}hr{height:.5px!important}div,form,ul,article{scrollbar-width:none}.popup__container svg,.User__side-label li,.User__side-left,.User__side-right,.User__shop-container,.menu__content li{display:flex;border-radius:var(--cafe-radius-md);border:.1rem solid var(--cafe-color-brown-lighter);transition:all .35s ease-in-out}.popup__container svg:hover,.menu__image button:hover{color:var(--cafe-color-white);background-color:var(--cafe-color-brown);transition:all .2s ease-in-out}.new__container,.popup__container,.popup__header,.popup__footer{display:flex;border-radius:var(--cafe-radius-sm);background:var(--cafe-color-white)}.popup__footer-button,.User__shop-btn{display:flex;border-radius:var(--cafe-radius-sm);background:var(--cafe-color-brown);color:var(--cafe-color-white);border:.1rem solid var(--cafe-color-brown-lighter);transition:all .2s ease-in-out}.popup__footer-button:hover,.User__shop-btn:hover{background:var(--cafe-color-white);color:var(--cafe-color-brown)}.User__shop-clear,.menu__btn-content div{display:flex;flex-direction:column;justify-content:center;align-items:center}.new__hr,.User__shop-container hr{border:0;opacity:100;background:var(--cafe-color-brown);border-top:.2rem dashed var(--cafe-color-white)}.sidebar__title h4,.sidebar__title p,.sidebar__item h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.check__and-radio,.check__and-mark{width:1.5rem;height:1.5rem;border:.15rem solid var(--cafe-color-brown);border-radius:50%;content:"";display:block;position:absolute;top:50%;left:0;right:auto;bottom:auto;transform:translateY(-50%);transition:border-color .2s ease,box-shadow .2s ease}.check__and-radio:hover,.check__and-mark:hover{box-shadow:inset 0 0 0 .1rem var(--cafe-color-brown)}.check__and-radio:after,.check__and-mark:after{content:"";display:block;position:absolute;top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);opacity:0;height:.7rem}.check__and-radio:after{color:none;background:var(--cafe-color-brown);width:.7rem;border-radius:50%}.check__and-mark:after{width:.3rem;height:50%;border:solid var(--cafe-color-brown);border-width:0 .15rem .15rem 0}input[type=radio]:checked+label .check__and-radio:after,input[type=checkbox]:checked+label .check__and-mark:after{animation:pop-in .2s ease-out forwards;opacity:1}input[type=checkbox]:not(:checked)+label .popup__text-selected:after{animation:pop-out .2s ease-out forwards;opacity:0}.check__inputBox input,.check__inputBox textarea{border:.1rem solid var(--cafe-color-brown-lighter);border-radius:var(--cafe-radius-md);color:var(--cafe-color-brown);background:none;width:100%;display:flex;font-size:var(--cafe--font-md);padding:var(--cafe--padding-xs);transition:all .35s ease-in-out;resize:none}.check__inputBox input:focus,.check__inputBox textarea:focus{border:.1rem solid var(--cafe-color-brown);border-radius:var(--cafe-radius-md);outline:none}.sidebar__menu-icon{display:none}.sidebar__menu-icon~label{content:"";display:block;position:absolute;top:3.5rem;left:auto;right:0;bottom:auto;transform:translate(50%,50%);border:.2rem solid var(--cafe-color-brown);border-radius:50%;color:none;background:var(--cafe-color-white);padding:var(--cafe--padding-xxxs);transition:all .35s ease-in-out;cursor:pointer;z-index:50}.sidebar__menu-icon~label svg{width:2rem;height:2rem;color:var(--cafe-color-brown);background:none;transform:rotate(270deg);transition:all .35s ease-in-out}.sidebar__menu-icon:checked~.sidebar__head .sidebar__title{width:100%;height:auto}.sidebar__menu-icon:checked~label svg{transform:rotate(90deg)}.sidebar__menu-icon:checked~.sidebar__head .sidebar__item{width:100%;flex-direction:row;justify-content:flex-start}.sidebar__menu-icon:checked~.sidebar__head .sidebar__item h2{width:auto;height:100%;display:flex;align-items:center;opacity:1}.sidebar__menu-icon:checked~.sidebar__head .sidebar__item h3{width:auto;height:0;opacity:0}.sidebar__container{width:12rem;height:100%;position:relative;padding:var(--cafe--padding-xxl);border-top-right-radius:3rem;border-bottom-right-radius:3rem;transition:all .35s ease-in-out}.sidebar__container:has(.sidebar__menu-icon:checked){width:26rem;height:100%}.sidebar__container ul{display:grid;gap:1.5rem}.sidebar__container ul a{margin-left:.5rem}.sidebar__title{display:flex;flex-direction:row;align-items:center;justify-content:baseline;width:6rem;height:6rem;margin-bottom:5rem;gap:1rem;overflow:hidden}.sidebar__title h4,.sidebar__title p{color:var(--cafe-color-white);background:none}.sidebar__logo{width:5rem;height:5rem;flex:0 0 5rem}.sidebar__head img{width:6rem;height:6rem}.sidebar__item{width:5rem;height:5rem;display:flex;align-items:center;gap:2rem;padding-left:.7rem;border-radius:var(--cafe-radius-md);transition:all .35s ease-in-out;cursor:pointer}.sidebar__item div{display:flex;flex-direction:column;align-items:center;justify-content:baseline}.sidebar__item svg,.sidebar__item h3{transition:all .35s ease-in-out}.sidebar__item h2{font-size:var(--cafe--font-xl)}.sidebar__item h3{font-size:var(--cafe--font-xs);font-weight:400;letter-spacing:.1rem;opacity:1}.sidebar__item svg{width:3.5rem;height:auto;flex:0 0 2.8rem;-o-object-fit:contain;object-fit:contain}.disabled-button{cursor:not-allowed!important;color:var(--cafe-color-brown);background:var(--cafe-color-gray)}.disabled-button svg{background-color:var(--cafe-color-gray)!important}.disabled-button svg:hover{color:var(--cafe-color-brown);background:var(--cafe-color-gray)!important}@keyframes pop-in{0%{transform:translate(-50%,-50%) scale(0) rotate(45deg);opacity:0}to{transform:translate(-50%,-50%) scale(1) rotate(45deg);opacity:1}}@keyframes pop-out{0%{transform:translate(-50%,-50%) scale(1) rotate(45deg);opacity:1}to{transform:translate(-50%,-50%) scale(0) rotate(45deg);opacity:0}}.User__container{display:flex;flex-direction:column;flex-grow:1;padding:0rem 3rem;overflow-x:hidden;position:relative}.User__side{position:relative;background-color:var(--cafe-color-bisque);z-index:1}.User__side-row{margin-top:0!important;margin-bottom:0!important;flex-grow:1;overflow:hidden}.User__side-col{margin-top:0!important;height:100%;display:flex;flex-direction:column;overflow:hidden}.User__side-label{display:flex;gap:1rem;padding:var(--cafe--padding-xs) 0;overflow-x:auto}.User__side-label li{flex-direction:column;align-items:center;padding:.8rem;color:var(--cafe-color-brown-lighter);background-color:var(--cafe-color-transparent);cursor:pointer;z-index:1}.User__side-label li:hover{color:var(--cafe-color-brown);background-color:var(--cafe-color-white)}.User__side-label li img{max-width:100%;height:4rem;width:5rem;margin-bottom:.5rem;-o-object-fit:contain;object-fit:contain}.User__side-label li h5{font-size:var(--cafe--font-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:7ch}.User__side-label-margin{margin:0 3rem}.User__side-left,.User__side-right{position:absolute;top:50%;padding:.7rem;border:.1rem solid var(--cafe-color-brown);background-color:var(--cafe-color-white);color:var(--cafe-color-brown);transform:translateY(-50%);cursor:pointer}.User__side-left:hover,.User__side-right:hover{color:var(--cafe-color-white);background-color:var(--cafe-color-brown)}.User__side-left svg,.User__side-right svg{width:1rem;height:1rem}.User__side-left{transform:rotate(180deg) translateY(50%);left:0}.User__side-right{right:0}.User__shop-container{flex-direction:column;max-height:calc(100vh - 11.5rem);color:var(--cafe-color-brown);background-color:var(--cafe-color-white);margin-top:var(--cafe--margin-xs);padding:var(--cafe--padding-sm);overflow:hidden}.User__shop-container h3{line-height:1.5}.User__shop-content{height:100vh;max-height:50%;overflow-y:auto;margin:var(--cafe--margin-sm) 0}.User__shop-content ::-webkit-scrollbar{display:none}.User__shop-content img{width:10rem;height:10rem;-o-object-fit:cover;object-fit:cover;border-radius:var(--cafe-radius-sm)}.User__shop-clear{color:var(--cafe-color-brown-lighter);height:100%}.User__shop-clear svg{color:var(--cafe-color-brown-lighter)!important;width:8rem!important;height:8rem!important;color:inherit;margin-bottom:var(--cafe--margin-xs)}.User__shop-btn{display:block;text-align:center;font-size:var(--cafe--font-xl);padding:var(--cafe--margin-xs);margin:var(--cafe--margin-xxs) 0;width:100%}.User__shop-option{color:var(--cafe-color-brown-lighter)}.User__footer{background-color:var(--cafe-color-white);bottom:0;left:0;position:fixed;padding:var(--cafe--padding-xs) var(--cafe--padding-lg);z-index:500}.menu__content{color:var(--cafe-color-brown);max-width:100%;max-height:calc(100vh - 21rem);overflow-y:auto}.menu__content::-webkit-scrollbar{width:0}.menu__content h1{font-size:1.8rem;line-height:1.5}.menu__content h3{font-size:1.4rem}.menu__content ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(30rem,1fr));gap:1.5rem;margin-top:2rem}.menu__content li{background-color:var(--cafe-color-white);cursor:pointer;overflow:hidden}.menu__content li div:first-child{display:flex;flex-direction:column;flex-grow:1;margin:1rem;line-height:2}.menu__content li div:first-child p,.menu__content li div:first-child span{font-size:1.1rem}.menu__content li div:first-child span{color:var(--cafe-color-brown-lighter)}.menu__image{position:relative;display:flex;flex-grow:0;justify-content:end;margin:1rem;border-radius:1rem;overflow:hidden}.menu__image img{height:10rem;width:10rem;-o-object-fit:cover;object-fit:cover}.menu__image svg{position:relative;height:2.5rem;width:2.5rem;padding:.25rem;color:var(--cafe-color-brown)}.menu__image svg:hover{color:var(--cafe-color-white)}.menu__image button{width:2.5rem;height:2.5rem;transition:all .2s ease-in-out;background-color:var(--cafe-color-white);border-radius:var(--cafe-radius-lg)}.menu__btn{position:absolute;display:flex;align-items:center;height:2.5rem;bottom:5%;right:5%;overflow:hidden;color:var(--cafe-color-brown);border-radius:var(--cafe-radius-lg);background-color:var(--cafe-color-white);transition:all .2s ease-in-out}.menu__btn-content{display:flex;justify-content:end;flex-direction:row!important;margin:0!important}.menu__btn-content div{width:1.5rem}.menu__btn-num{height:1.5rem;width:1.5rem;font-size:1.5rem}.menu__btn-trash{text-align:center}.menu__btn-trash svg{padding:.5rem .7rem .7rem;width:100%}.menu__btn-add{position:relative;z-index:2;color:inherit}.menu__btn-circle{position:absolute;top:7rem;left:70%;width:2.5rem;bottom:-6%;right:-60%}@media (max-width: 991px){.User__shop-container{margin:0;border:none;padding:0 var(--cafe--padding-sm)}.User__shop-container h3{display:none}.User__shop-container .d-flex>.User__shop-btn{display:none}.User__shop-container hr,.User__shop-container .d-flex.justify-content-between.mb-2,.User__shop-container .d-flex.justify-content-between{display:none!important}.User__shop-content{height:100%}.User__shop-clear{margin-top:20vh}.User__shop-icon{border:none!important}.User__footer{display:none}.menu__image{border:none}}@media (max-width: 575.98px){.menu__content{flex-grow:1}.User__side-row{margin-bottom:2rem!important}}.popup__wrapper{padding:0;position:fixed;display:flex;justify-content:center;align-items:center;top:0;right:0;bottom:0;left:0;z-index:2000;background-color:var(--cafe-color-background)}.popup__close{position:absolute;right:2rem;top:1.5rem;cursor:pointer;border:.1rem solid var(--cafe-color-brown-lighter)!important;transform:rotate(45deg)}.popup__minus{padding:0 var(--cafe--padding-xxxs)}.popup__container{position:relative;flex-direction:column;overflow:hidden}.popup__container svg{width:2.5rem;height:2.5rem;color:var(--cafe-color-brown);background:var(--cafe-color-white);border:none;z-index:1}.popup__container svg:disabled{background-color:inherit;color:var(--cafe-color-brown)}.popup__header{justify-content:space-between;padding:var(--cafe--padding-lg);color:var(--cafe-color-brown);z-index:2}.popup__header h2{font-size:var(--cafe--font-md);color:var(--cafe-color-gray-darken);margin:0}.popup__header svg{border:.1rem solid var(--cafe-color-brown-lighter)}.popup__content{flex:1;overflow-y:auto}.popup__content::-webkit-scrollbar{display:none}.popup__img{height:205px;width:100%;-o-object-fit:cover;object-fit:cover}.popup__text-content{display:grid;padding:0 var(--cafe--padding-lg);gap:.5rem;color:var(--cafe-color-brown)}.popup__text-content span{font-size:var(--cafe--font-md);color:var(--cafe-color-brown-lighter)}.popup__text-content p{font-size:var(--cafe--font-xl)}.popup__footer{font-size:var(--cafe--font-lg);padding:var(--cafe--padding-xs) var(--cafe--padding-lg);gap:1rem;z-index:2;color:var(--cafe-color-brown)}.popup__footer p{text-align:center;width:2rem}.popup__footer svg{border:.1rem solid var(--cafe-color-brown-lighter)}.popup__footer-button{padding:var(--cafe--padding-xxxs) var(--cafe--padding-xs);letter-spacing:.2rem;align-items:center;background-color:var(--cafe-color-brown)!important;cursor:pointer}.popup__footer-button:hover{background-color:var(--cafe-color-white)!important}.popup__footer-button:after{content:"";margin-right:-.1em}@media (min-width: 991px){.popup__none{display:none!important}}@media (min-width: 768px){.popup__img{height:317px}}@media (max-width: 425px){.popup__container{border-radius:0!important}}.new__container{flex-direction:column;margin-top:var(--cafe--margin-xs);border:.1rem solid var(--cafe-color-brown-lighter);color:var(--cafe-color-brown);padding:var(--cafe--padding-sm);transition:none}.new__container p{font-size:1.2rem}.new__gray-text{color:var(--cafe-color-gray-darken)}.new__strong-text{font-weight:600}.form__frame{display:flex;flex-direction:column;overflow-y:auto;overflow-x:visible}.form__container{color:var(--cafe-color-brown);background:var(--cafe-color-white);border:.1rem solid transparent;border-radius:var(--cafe-radius-md);padding:var(--cafe--padding-sm);display:grid;-moz-column-gap:4rem;column-gap:4rem;grid-template-rows:30rem max-content;grid-template-columns:4fr 6fr}.form__UploadImg{width:100%;height:100%}.form__add-controller{color:var(--cafe-color-brown);background:var(--cafe-color-white);border:.1rem solid transparent;border-radius:var(--cafe-radius-md);display:flex;margin:2rem 0;padding:var(--cafe--padding-xs) var(--cafe--padding-sm)}@media (max-width: 991px){.form__container{grid-template-columns:5fr 5fr}}.form__text-option{padding:0 var(--cafe--padding-lg);color:var(--cafe-color-brown);line-height:1.7}.form__text-option div{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.form__text-option div div{color:var(--cafe-color-gray-darken);background:var(--cafe-color-gray);font-size:var(--cafe--font-sm);letter-spacing:.1rem;height:100%;padding:.5rem;border-radius:1rem}.form__text-option h3,.form__text-option h5{line-height:inherit}.form__text-option li{display:flex;font-size:var(--cafe--font-md);margin-bottom:var(--cafe--margin-xs)}.form__text-option h3{font-weight:700}.form__text-option h5{font-size:var(--cafe--font-sm);color:var(--cafe-color-brown-lighter);margin-bottom:var(--cafe--margin-xxs)}.form__text-option p{margin-left:auto;color:var(--cafe-color-gray-darken)}.form__text-option input{width:0;visibility:hidden}.form__text-option label{display:flex;flex-direction:row;align-items:center;justify-content:inherit;font-size:var(--cafe--font-md);position:relative;padding-left:2rem;cursor:pointer}.form__text-option textarea{border:.1rem solid var(--cafe-color-brown);border-radius:var(--cafe-radius-md);display:flex;font-size:var(--cafe--font-lg);color:var(--cafe-color-brown);padding:var(--cafe--padding-xxxs);resize:none;transition:all .35s ease-in-out}.form__text-option textarea:focus{outline:none;border-color:var(--cafe-color-brown)}.form__text-label{font-size:1.2rem;font-weight:700}.form__text-grid{display:grid;gap:.5rem}.form__text-tag{color:var(--cafe-color-brown);background:var(--cafe-color-white);border:.1rem solid var(--cafe-color-brown-lighter);border-radius:var(--cafe-radius-md);min-height:4rem;height:auto;padding:.5rem;transition:all .3s ease-in-out;cursor:pointer}.form__text-tag:hover{border:.1rem solid var(--cafe-color-brown);border-radius:var(--cafe-radius-md)}.form__text-tag .content{display:flex;flex-wrap:wrap;gap:.5rem}.form__text-tag .content div{color:var(--cafe-color-white);background:var(--cafe-color-brown);border:.1rem solid var(--cafe-color-brown);border-radius:var(--cafe-radius-md);display:flex;align-items:center;font-size:var(--cafe--font-md);gap:.5rem;padding:var(--cafe--padding-xxxs) var(--cafe--padding-xxs)}.form__text-tag .content div button{width:1.6rem;height:1.6rem;color:var(--cafe-color-brown);background:var(--cafe-color-white);border:.1rem solid var(--cafe-color-brown);border-radius:var(--cafe-radius-md);font-size:var(--cafe--font-sm);transition:all .3s ease-in-out}.form__text-tag .content div button:hover{color:var(--cafe-color-white);background:var(--cafe-color-brown);border:.1rem solid var(--cafe-color-white);border-radius:var(--cafe-radius-md)}.form__message-error{color:var(--cafe-color-red-darken)!important;background:var(--cafe-color-red)!important}.admin__title{color:var(--cafe-color-brown);margin-bottom:1rem}.admin__container{display:grid;gap:2rem;padding-bottom:2rem;overflow-y:auto}.admin__card{border:.1rem solid var(--cafe-color-brown);border-radius:var(--cafe-radius-md);color:var(--cafe-color-brown);background:var(--cafe-color-white);gap:1rem;padding:var(--cafe--padding-sm)}.admin__start{border:0 solid transparent;border-radius:var(--cafe-radius-md);color:var(--cafe-color-white);background:var(--cafe-color-brown);content:"";display:block;position:absolute;top:auto;left:auto;right:6.6rem;bottom:auto;transform:none;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;padding:var(--cafe--padding-xxxs) .6rem;cursor:pointer}.admin__start:hover p{width:3.2rem;height:100%;opacity:1}.admin__start p{width:0;height:100%;white-space:nowrap;opacity:0;transition:width .4s ease-out,opacity .2s ease-out}.admin__start svg{width:1.5rem;height:1.6rem}.msg__card[data-v-506ed4b5]{display:flex;border-radius:var(--cafe-radius-sm);background:var(--cafe-color-white)}.msg__container[data-v-506ed4b5]{display:flex;flex-direction:column;justify-content:center;align-items:center}.msg__container[data-v-506ed4b5]{position:absolute;top:4rem;left:50%;gap:1.5rem;transform:translate(-50%);z-index:3000}.msg__card[data-v-506ed4b5]{align-items:center;gap:1rem;max-width:30rem;padding:var(--cafe--padding-sm);border:1px solid var(--cafe-color-red-darken)}.msg__card svg[data-v-506ed4b5]{color:var(--cafe-color-red-darken);flex-shrink:0;height:2rem;width:2rem}.msg__card p[data-v-506ed4b5]{font-size:1.2rem;text-align:justify;letter-spacing:.05em;word-break:break-word;white-space:pre-line}.msg__card--brown[data-v-506ed4b5]{border:1px solid var(--cafe-color-brown)}.msg__card--brown svg[data-v-506ed4b5]{color:var(--cafe-color-brown)}