@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Kanit:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css);.fade-enter-active,.fade-leave-active{transition-property:opacity;transition-duration:.25s}.fade-enter-active{transition-delay:.25s}.fade-enter,.fade-leave-active{opacity:0}:root{--primary-color:#5ad00c;--primary-color-lighten:rgba(92,208,16,0.5019607843137255);--error-color:#b71c1c}#app{background-color:var(--v-background-base)}#app,html{font-family:Kanit,Fallback,sans-serif!important}html{height:100vh}.pointer{cursor:pointer}.text-center2{text-align:-webkit-center}.bd-0{padding-top:10px;cursor:pointer;border:none!important}.bd-0:hover{border-radius:20px 20px 0 20px;background:#e6e6e6!important;color:#000!important}.btn-custom-basic{padding:0 40px!important;border:none!important;border-radius:38px 38px 38px 38px!important;background:var(--primary-color)}.btn-custom-basic,.btn-custom-r0{margin-top:10px;box-shadow:5px 5px 20px rgba(0,0,0,.3)!important;text-transform:none!important;color:#fff!important}.btn-custom-r0{width:100%;border-radius:38px 38px 0 38px!important;background-image:linear-gradient(90deg,var(--primary-color-lighten),var(--primary-color))}.btn-custom{font-size:5px!important;box-shadow:5px 5px 10px rgba(0,0,0,.3);border:none!important;border-radius:38px 38px 0 38px!important;background-color:var(--primary-color)!important}.btn-custom,.btn-custom span{text-transform:none!important;color:#fff}.btn-custom span{font-size:15px;font-weight:500}.btn-custom-upper{font-size:5px!important;box-shadow:5px 5px 10px rgba(0,0,0,.3);border:none!important;border-radius:38px 38px 0 38px!important;text-transform:none!important;background-color:var(--primary-color)!important;color:#fff}.btn-custom-upper span{text-transform:uppercase!important;font-size:15px;font-weight:500;color:#fff}.btn-custom-outline{font-size:0;box-shadow:none!important;border-radius:38px 38px 0 38px!important;text-transform:none!important;border:1px solid var(--primary-color)!important}button.w45.br-7.v-btn.v-btn--depressed.v-btn--flat.v-btn--outlined.theme--light.v-size--default{border-radius:8px}.left,.right{float:right}.v-middle{vertical-align:-webkit-baseline-middle}.w45{width:45%}.br-7{border-radius:7px;text-transform:none!important}.btn-sticky{position:-webkit-sticky;position:sticky;bottom:20px}.sticky-left{left:5vw!important}.sticky-right{right:5vw!important}.container{padding:36px!important}.theme--light.v-btn.v-btn--disabled{opacity:.5}.color-red{color:red}.v-input__slot fieldset{color:#c9bbbb!important}.border-icon{border-radius:15px 15px 0 15px!important;background-image:linear-gradient(90deg,var(--primary-color-lighten),var(--primary-color))!important}.v-toolbar__content{justify-content:center}.bg-two-tone{background-image:linear-gradient(90deg,var(--primary-color-lighten),var(--primary-color))!important}.color-white{color:#fff!important}.color-black{color:#000}.color-primary{color:var(--primary-color)!important}.color-secondary{color:#fd1267}.bg-secondary{background-color:#fd1267!important}.bg-plan-btn{background-color:#ff1453!important}.notification{padding:10px;margin:0 5px 5px;border-radius:3px;font-size:12px;color:#fff;background:#44a4fc;border-left:5px solid #187fe7}.notification.warn{background:#ffb648;border-left-color:#f48a06}.notification.error{background:#e54d42;border-left-color:#b82e24}.notification.success{background:#68cd86;border-left-color:#42a85f}button.swal2-confirm.swal2-styled{background-color:var(--primary-color)}.swal2-styled.swal2-cancel,button.swal2-confirm.swal2-styled{width:30%;border-radius:38px 38px 0 38px!important;display:inline-block;height:35px;padding:0}.swal2-styled.swal2-cancel{color:#000!important;background-color:#cecece}.v-slide-group__content.v-tabs-bar__content{align-self:center!important;place-content:center!important}.v-slide-group__content.v-tabs-bar__content span{color:#000}.theme--light.v-tabs .v-tab:focus,.theme--light.v-tabs .v-tab:focus:before,.theme--light.v-tabs .v-tab:hover,.theme--light.v-tabs .v-tab:hover:before{border-radius:38px 38px 0 38px!important}.v-window__container{background-color:var(--v-background-base)!important;border-radius:40px 40px 0 40px!important}.v-window__container #LargeSize,.v-window__container #SmallSize{background-color:var(--v-background-base)!important;border-radius:0 0 0 40px!important}.v-window__container #PresetTemplate{background-color:var(--v-background-base)!important}.v-tabs>.v-tabs-bar{color:var(--v-text-base)!important;background:none!important}.v-item-group.v-slide-group.v-tabs-bar{height:70px}.r0.v-card.v-sheet{border-radius:40px 40px 0 40px!important}.v-card .v-card__title{font-size:1.1rem;font-weight:700}.line-btn{background:#00b900}.facebook-btn,.line-btn{border:none!important;width:150px!important}.facebook-btn{background:#3b5998}a.primary--text.v-tab.v-tab--active{height:36px;border:none!important;border-radius:38px 38px 0 38px!important;box-shadow:5px 6px 6px rgba(0,0,0,.3);text-transform:none!important;background-image:linear-gradient(90deg,var(--primary-color-lighten),var(--primary-color))!important;width:165px}a.primary--text.v-tab.v-tab--active span{color:#fff;font-weight:300}a.primary--text.v-tab,a.primary--text.v-tab.v-tab--active span,a.primary--text.v-tab span{text-transform:none!important;font-size:15px}a.primary--text.v-tab span{color:var(--v-text-base);font-weight:300}.v-tabs-slider{height:0!important}.small-btn{height:26px!important}.v-pagination--circle .v-pagination__item,.v-pagination--circle .v-pagination__more,.v-pagination--circle .v-pagination__navigation{border-radius:21px 21px 0 21px!important;margin:0 9px;box-shadow:none;outline:none}.light-weight{font-weight:300!important}#template2Set canvas,#templateSet canvas{border:1px solid #fff!important;box-shadow:0 15px 30px rgba(0,0,0,.3)}#template5Set{border:15px solid #000!important;border-radius:50px 50px 50px 50px}#template3Set,#template4Set,#template5Set,#templateSet{background:#688bbc;width:-webkit-min-content;width:-moz-min-content;width:min-content;box-shadow:0 15px 30px rgba(0,0,0,.3)}#template3Set,#template4Set,#templateSet{padding-top:10px;border:24px solid #000!important;border-top:none!important;border-radius:0 0 50px 50px}.keyboard{border-radius:0 0 25px 25px;border-top:0!important;background:#263146}.keyboard span{color:#fff}.none .v-input__control .v-input__slot fieldset{border-style:dashed!important;border-width:2px}.v-stepper__wrapper{background-color:var(--v-background-base)!important}.v-dialog{border-radius:38px 38px 0 38px!important}.btn-back-richmenu{background:transparent radial-gradient(closest-side at 44% 0,#cbcbcb 0,#acacac 100%) 0 0 no-repeat padding-box;font-size:0;box-shadow:none!important;border-radius:38px 38px 0 38px!important;text-transform:none!important;border:none!important}.btn-back-richmenu span{text-transform:none!important;font-size:15px;font-weight:500;color:#fff}.btn-next-richmenu{background:transparent radial-gradient(closest-side at 44% 0,var(--primary-color-lighten) 0,var(--primary-color) 100%) 0 0 no-repeat padding-box}.btn-next-richmenu.disabled,.btn-next-richmenu:disabled,.btn-next-richmenu[disabled]{opacity:.7;color:#666!important;cursor:not-allowed}.btn-next-richmenu.disabled span,.btn-next-richmenu:disabled span,.btn-next-richmenu[disabled] span{color:#999}.v-input__slot{border-radius:30px!important}.bg .v-input__control .v-input__slot{background:var(--v-surface-lighten4)!important;border:none!important}.v-input__control .v-input__slot .v-select__slot .v-input__append-inner .v-input__icon .v-icon{margin-top:25px;font-size:35px;margin-left:20px;transform:rotate(-45deg)}#selectLang .v-input .v-input__control .v-input__slot:after,#selectLang .v-input .v-input__control .v-input__slot:before{border:none!important}.setKonvaWidth{max-width:500px}@media only screen and (max-width:500px){.loginPadding{padding:40px 15px!important}.setKonvaWidth{max-width:260px}.mt5-mobile{margin-top:5px}.pa-0-mobile{padding:0!important}.mb10-mobile{margin-bottom:10px}.display-none-mobile{display:none!important}.btn-width-mobile{width:250px!important}.btn-width-mobile span{font-size:12px!important}.display-block-mobile{display:block!important}.yourPack h2{margin-top:50px}.yourPack button{margin-left:-190px}}.page__wrapper{background:var(--v-surface-base);border:1px solid var(--v-surface-darken1);border-radius:20px;-o-border-radius:20px;margin-top:16px;margin-bottom:32px}.card__ribbon{z-index:2;position:absolute;width:175px;-moz-text-align-last:center;text-align-last:center;left:-29px;transform:rotate(-38deg);top:30px;font-size:18px;background:var(--primary-color)!important;color:#fff;padding:0 15px;box-shadow:5px 5px 20px rgba(0,0,0,.3);offset-rotate:revert}.btn-custom-outline-color{color:#fff;width:125px;background:var(--primary-color-lighten)!important;border:2px solid var(--primary-color)!important}.payment-btn{width:165px;min-height:150px!important;flex-direction:column!important;justify-content:center;align-items:center;display:flex;background-color:var(--v-background-base);border:2px solid transparent;margin-right:16px;margin-top:16px}.payment-btn.v-btn--active{border-color:var(--primary-color)!important}.swal2-popup{background:var(--v-surface-base)!important}.swal2-content,.swal2-question,.swal2-title{color:var(--v-text-base)!important}.hover:hover{cursor:pointer;filter:brightness(.8)}.tab-panel{padding:24px 0}@media(max-width:600px){.tab-panel{padding:24px 0}}.command-bar{width:100vw!important;position:fixed!important;left:0!important;bottom:0!important;box-shadow:5px 5px 20px rgba(0,0,0,.3)!important;display:flex!important;justify-content:space-between!important;gap:12px;padding-bottom:20px}