@font-face{font-family:kanit_Regular;src:url(/krathong/assets/Kanit-Regular-bWYhieLo.ttf) format("truetype");font-weight:125;font-style:normal}body{display:flex;justify-content:center;min-height:100vh;margin:0;overflow:hidden}.container{width:80vw;max-width:393px;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.header-img{margin-top:40vh}.subheader-img,.logo-img{margin-top:2vh}.btn-next-img{margin-top:20vh}.detail-development{margin-top:1vh}.detail-development p{color:#ffffff80;text-align:center;font-size:12px;font-style:normal;font-weight:125;line-height:normal;font-family:kanit_Regular}@media (max-height: 760px){.header-img{margin-top:24vh}}@media (max-height: 534px){.header-img{margin-top:12vh}}@media (max-height: 424px){.header-img{margin-top:4vh}}@font-face{font-family:kanit_Regular;src:url(/krathong/assets/Kanit-Regular-bWYhieLo.ttf) format("truetype");font-weight:250;font-style:normal}.container-select-type{max-width:393px;width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;margin-top:11vh}.card-bg-select-type{margin-top:2vh;background-image:url(/krathong/assets/Rectangle-Vbu7OSjP.png);display:flex;width:331px;height:510px;position:relative}.main-style{position:absolute;width:300px;height:300px;left:50%;top:45%;transform:translate(-50%,-50%)}.btn-right{width:100px;height:60px;transform:translate(100%,700%)}.btn-left{width:100px;height:60px;transform:translate(30%,700%)}.box-btn-next-select-type{display:flex;flex-direction:row;justify-items:center;justify-content:center;margin-top:2vh}.btn-next-select-type{width:199px;height:64px}.contain-logo{position:absolute;margin-top:15vh}.span-name-style{width:331px;font-size:1.5rem;font-family:kanit_Regular;font-weight:bolder;position:absolute;flex-direction:row;text-align:center;margin-top:110%}@media (max-height:850px) and (max-width:480px){.contain-logo{margin-top:12vh}.container-select-type{margin-top:5vh}}@media (max-height:720px) and (max-width:480px){.contain-logo{margin-top:10vh}.container-select-type{margin-top:2vh}}@media (max-height:704px) and (max-width:480px){.contain-logo{margin-top:10vh}.container-select-type{margin-top:2vh}.box-btn-next-select-type{margin-top:0vh}}@media (max-height:692px) and (max-width:480px){.box-btn-next-select-type{margin-top:0vh}.container-select-type{margin-top:2vh}}@font-face{font-family:Kanit-Thin;src:url(/krathong/assets/Inter_18pt-Regular-BpskOkD5.ttf) format("truetype");font-style:normal}p{color:#ffffff80;text-align:center;font-family:Kanit-Thin;font-size:12px;font-style:normal;line-height:normal}.krathong-container{max-width:393px;width:100%;height:auto;display:flex;flex-direction:column;justify-content:center}.card-container{margin-top:2vh;background-image:url(/krathong/assets/rectangle_selectColor-CHlEzy5U.png);display:flex;width:331px;height:510px;position:relative}.krathong-image{position:absolute;width:200px;height:150px;left:50%;top:36%;transform:translate(-50%,-50%)}.btn-next{width:100px;height:60px;transform:translate(100%,700%)}.btn-prev{width:100px;height:60px;transform:translate(30%,700%)}.next-button-container{display:flex;flex-direction:row;justify-items:center;justify-content:center;margin-top:2vh}.btn-confirm{width:199px;height:64px}.logo-container{position:absolute;margin-top:15vh;justify-content:center}.color-selector{position:absolute;top:60%;left:11.5%;display:grid;grid-template-columns:repeat(3,1fr);gap:33px 33px;justify-items:center}.color-option{width:64px;height:64px;border-radius:8%;display:flex;justify-content:center;align-items:center;cursor:pointer;border:2px solid transparent;position:relative;transition:border .3s ease}.checkmark{font-size:38px;color:#fff;font-weight:700}.checked-icon{position:absolute;width:24px;height:22px;justify-content:center;justify-items:center;align-items:center;align-content:center}@font-face{font-family:NotoSansThaiLooped-Regular;src:url(/krathong/assets/NotoSansThaiLooped-Regular-CoERur9O.ttf) format("truetype");font-weight:400;font-style:normal}.container-select-blessing{max-width:393px;width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;margin-top:11vh}.card-bg-select-blessing{margin-top:2vh;background-image:url(/krathong/assets/bg_blessing-By3b2c3W.png);display:flex;width:331px;height:510px;position:relative}.main-style-blessing{position:absolute;width:200px;height:150px;left:50%;top:50%;transform:translate(-50%,-50%)}.btn-right-blessing{width:100px;height:60px;transform:translate(100%,700%)}.btn-left-blessing{width:100px;height:60px;transform:translate(30%,700%)}.box-btn-next-select-blessing{display:flex;flex-direction:row;justify-items:center;justify-content:center;margin-top:2vh}.btn-next-select-blessing{width:199px;height:64px}.contain-logo-blessing{position:absolute;margin-top:15vh;display:flex;justify-content:center}.container-radio-blessing{display:flex;flex-direction:column;gap:20px;padding:18.25px;margin-top:8vh;justify-content:center;align-items:center}.radio-item{width:295px;height:78px;background:linear-gradient(180deg,#30387a,#102263 74.5%,#212351);border-radius:18px;padding:4px 18px 4px 60px;display:flex;align-items:center;font-family:NotoSansThaiLooped-Regular;font-size:16px;color:#fff;position:relative;text-shadow:0px 2px 12px rgba(255,255,255,.16);cursor:pointer;transition:opacity .3s ease}.radio-item.selected{border:4px solid rgba(255,255,255,.2)}.radio-item:not(.selected){opacity:.5}.checked-icon{position:absolute;left:20px;width:24px;height:22px}@media (max-width: 480px) and (max-height: 845px){.container-select-blessing{margin-top:8vh}}@media (max-width: 480px) and (max-height: 811px){.container-select-blessing{margin-top:4vh}}@media (max-width: 480px) and (max-height: 773px){.container-select-blessing{margin-top:2vh}}@media (max-width: 480px) and (max-height: 755px){.container-select-blessing{margin-top:2vh}.contain-logo-blessing{margin-top:12vh}}@media (max-width: 480px) and (max-height: 723px){.container-select-blessing{margin-top:2vh}.contain-logo-blessing{margin-top:10vh}}@media (max-width: 480px) and (max-height: 707px){.container-select-blessing{margin-top:2vh}.contain-logo-blessing{margin-top:10vh}.box-btn-next-select-blessing{margin-top:1vh}}@media (max-width: 480px) and (max-height: 700px){.container-select-blessing{margin-top:2vh}.contain-logo-blessing{margin-top:10vh}.box-btn-next-select-blessing{margin-top:0vh}}@font-face{font-family:kanit_Medium;src:url(/krathong/assets/Kanit-Medium-CUeSUMqU.ttf) format("truetype");font-weight:500;font-style:normal}.krathong-select-container-name{max-width:393px;width:100%;display:flex;flex-direction:column;align-items:center;margin-top:11vh}.krathong-display-name{margin-top:2vh;background-image:url(/krathong/assets/card_bg-CqcjiYhM.png);display:flex;width:331px;height:510px;position:relative;justify-content:center}.krathong-image-name{position:absolute;width:300px;height:300px;left:50%;top:44%;transform:translate(-50%,-50%)}.confirm-button-container-name{display:flex;justify-content:center;margin-top:2vh}.confirm-button-name{width:199px;height:64px}.brand-logo-container-name{position:absolute;margin-top:15vh;display:flex;justify-content:center}.back-button-container-name{display:flex;justify-content:flex-start;width:100%;padding:10px}.krathong-text-field-name{position:absolute;top:78%}.text-reccomment-name{position:absolute;font-family:kanit_medium;color:#622b11bd;text-shadow:0px 6px 18px rgba(0,0,0,.2);font-style:normal;top:92%;font-size:11.5px}.large-font{font-size:1.1em;color:#ad0a0a;font-weight:500}@media (max-height:878px) and (max-width:480px){.krathong-select-container-name{margin-top:8vh}}@media (max-height:841px) and (max-width:480px){.krathong-select-container-name{margin-top:4vh}}@media (max-height:796px) and (max-width:480px){.krathong-select-container-name{margin-top:2vh}}@media (max-height:776px) and (max-width:480px){.krathong-select-container-name{margin-top:2vh}.brand-logo-container-name{margin-top:12vh}}@media (max-height:750px) and (max-width:480px){.krathong-select-container-name{margin-top:2vh}.brand-logo-container-name{margin-top:10vh}}@media (max-height:730px) and (max-width:480px){.krathong-select-container-name{margin-top:2vh}.brand-logo-container-name{margin-top:10vh}.krathong-display-name{margin-top:0vh}}@media (max-height:713px) and (max-width:480px){.krathong-select-container-name{margin-top:2vh}.brand-logo-container-name{margin-top:10vh}.krathong-display-name,.confirm-button-container-name{margin-top:0vh}}@media (max-height:697px) and (max-width:480px){.krathong-select-container-name{margin-top:2vh}.brand-logo-container-name{margin-top:10vh}.krathong-display-name,.confirm-button-container-name,.krathong-select-container-name{margin-top:0vh}}@font-face{font-family:kanit_Medium;src:url(../assets/fonts/Kanit/Kanit-Medium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:kanit_Medium;src:url(/krathong/assets/Kanit-Medium-CUeSUMqU.ttf) format("truetype");font-weight:500;font-style:normal}.krathong-select-container-queue{max-width:393px;width:100%;display:flex;flex-direction:column;align-items:center;margin-top:11.5vh}.krathong-display-queue{margin-top:2vh;background-image:url(/krathong/assets/card_queue-CWAO6HVB.png);display:flex;width:331px;height:510px;position:relative;justify-content:center}.krathong-image-queue{position:absolute;width:225px;height:225px;left:50%;top:80%;transform:translate(-50%,-50%)}.confirm-button-container-queue{display:flex;justify-content:center;margin-top:2vh}.confirm-button-queue{width:199px;height:64px}.brand-logo-container-queue{position:flex;margin-top:10vh}.back-button-container-queue{display:flex;justify-content:flex-start;width:100%;padding:10px}.container-display-number{position:absolute;top:12%}.container-countdown-message{position:absolute;top:50%}@media (max-width: 480px) and (max-height: 844px){.krathong-select-container-queue{margin-top:6vh}}@media (max-width: 480px) and (max-height: 785px){.krathong-select-container-queue{margin-top:2vh}}@media (max-width: 480px) and (max-height: 750px){.krathong-select-container-queue{margin-top:0vh}}@media (max-width: 480px) and (max-height: 730px){.krathong-select-container-queue{margin-top:0vh}.brand-logo-container-queue{margin-top:4vh}}@media (max-width: 480px) and (max-height: 685px){.krathong-select-container-queue{margin-top:0vh}.brand-logo-container-queue{margin-top:2vh}}@media (max-width: 480px) and (max-height: 667px){.krathong-select-container-queue{margin-top:0vh}.brand-logo-container-queue{margin-top:1vh}.confirm-button-container-queue{margin-top:0vh}.krathong-display-queue{margin-top:1vh}}@media (max-width: 480px) and (max-height: 642px){.krathong-select-container-queue,.brand-logo-container-queue,.confirm-button-container-queue,.krathong-display-queue{margin-top:0vh}}@font-face{font-family:kanit_Regular;src:url(/krathong/assets/Kanit-Regular-bWYhieLo.ttf) format("truetype");font-weight:125;font-style:normal}.krathong-container-incense{max-width:393px;width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;margin-top:11.5vh}.card-container-incense{margin-top:2vh;background-image:url(/krathong/assets/card-BR7REWvn.png);display:flex;width:331px;height:510px;position:relative}.krathong-image-incense{position:absolute;width:300px;height:300px;left:50%;top:42%;transform:translate(-50%,-50%)}.single-radio-blessing-incense{display:flex;justify-content:center;margin-top:123%;position:absolute;width:100%}.radio-item-incense{width:295px;height:78px;background:linear-gradient(180deg,#30387a,#102263 74.5%,#212351);border-radius:18px;padding:4px 18px 4px 60px;display:flex;font-size:16px;color:#fff;position:relative;text-shadow:0px 2px 12px rgba(255,255,255,.16);cursor:pointer;transition:opacity .3s ease}.radio-item-incense span{display:flex;font-size:22px;font-family:kanit_Regular;justify-content:center;align-items:center}.radio-item-incense.selected{border:4px solid rgba(255,255,255,.2)}.checked-icon-incense{position:absolute;left:20px;top:25px;width:24px;height:22px}.next-button-container-incense{display:flex;flex-direction:column}.next-button-container-incense a{display:flex;flex-direction:row;justify-content:center;margin-top:2vh;margin-bottom:8vh}@media (max-height:862px) and (max-width:480px){.krathong-container-incense{margin-top:8vh}.next-button-container-incense a{margin-top:1vh;margin-bottom:1vh}.logo-container-incense{margin-top:6vh}}@media (max-height:798px) and (max-width:480px){.krathong-container-incense{margin-top:2vh}.next-button-container-incense a{margin-top:1vh;margin-bottom:1vh}.logo-container-incense{margin-top:6vh}}@media (max-height:743px) and (max-width:480px){.krathong-container-incense{margin-top:2vh}.next-button-container-incense a{margin-top:1vh;margin-bottom:1vh}.logo-container-incense{margin-top:4vh}}@media (max-height:725px) and (max-width:480px){.krathong-container-incense{margin-top:2vh}.next-button-container-incense a{margin-top:1vh;margin-bottom:1vh}.logo-container-incense{margin-top:2vh}}@media (max-height:710px) and (max-width:480px){.krathong-container-incense{margin-top:2vh}.next-button-container-incense a{margin-top:0vh;margin-bottom:1vh}.logo-container-incense{margin-top:0vh}}.krathong-container-top-leaf{max-width:393px;width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;margin-top:11vh}.card-container-top-leaf{margin-top:2vh;background-image:url(/krathong/assets/card-CXomBhqH.png);display:flex;width:331px;height:510px;position:relative}.krathong-image-top-leaf{position:absolute;width:300px;height:300px;left:50%;top:34%;transform:translate(-50%,-50%)}.btn-next-top-leaf{width:100px;height:60px;transform:translate(100%,700%)}.btn-prev-top-leaf{width:100px;height:60px;transform:translate(30%,700%)}.next-button-container-top-leaf{display:flex;flex-direction:row;justify-items:center;justify-content:center;margin-top:2vh}.btn-confirm-top-leaf{width:199px;height:64px}.logo-container-top-leaf{position:absolute;margin-top:15vh;justify-content:center}.color-selector-top-leaf{position:absolute;top:60%;left:11.5%;display:grid;grid-template-columns:repeat(3,1fr);gap:33px 33px;justify-items:center}.color-option-top-leaf{width:64px;height:64px;border-radius:8%;display:flex;justify-content:center;align-items:center;cursor:pointer;border:2px solid transparent;position:relative;transition:border .3s ease}.checkmark-top-leaf{font-size:38px;color:#fff;font-weight:700}.checked-icon-top-leaf{position:absolute;width:24px;height:22px;justify-content:center;justify-items:center;align-items:center;align-content:center}@media (max-height:853px) and (max-width:480px){.logo-container-top-leaf{margin-top:16vh}.krathong-container-top-leaf{margin-top:5vh}}@media (max-height:790px) and (max-width:480px){.logo-container-top-leaf{margin-top:12vh}.krathong-container-top-leaf{margin-top:5vh}}@media (max-height:760px) and (max-width:480px){.logo-container-top-leaf{margin-top:12vh}.krathong-container-top-leaf{margin-top:2vh}}@media (max-height:760px) and (max-width:480px){.logo-container-top-leaf{margin-top:11vh}.krathong-container-top-leaf{margin-top:1vh}}@media (max-height:708px) and (max-width:480px){.next-button-container-top-leaf{margin-top:1vh}}.krathong-container-middle-leaf{max-width:393px;width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;margin-top:11vh}.card-container-middle-leaf{margin-top:2vh;background-image:url(/krathong/assets/card-BLTvK1n2.png);display:flex;width:331px;height:510px;position:relative}.krathong-image-middle-leaf{position:absolute;width:300px;height:300px;left:50%;top:34%;transform:translate(-50%,-50%)}.btn-next-middle-leaf{width:100px;height:60px;transform:translate(100%,700%)}.btn-prev-middle-leaf{width:100px;height:60px;transform:translate(30%,700%)}.next-button-container-middle-leaf{display:flex;flex-direction:row;justify-items:center;justify-content:center;margin-top:2vh}.btn-confirm-middle-leaf{width:199px;height:64px}.logo-container-middle-leaf{position:absolute;margin-top:15vh;justify-content:center}.color-selector-middle-leaf{position:absolute;top:60%;left:11.5%;display:grid;grid-template-columns:repeat(3,1fr);gap:33px 33px;justify-items:center}.color-option-middle-leaf{width:64px;height:64px;border-radius:8%;display:flex;justify-content:center;align-items:center;cursor:pointer;border:2px solid transparent;position:relative;transition:border .3s ease}.checkmark-middle-leaf{font-size:38px;color:#fff;font-weight:700}.checked-icon-middle-leaf{position:absolute;width:24px;height:22px;justify-content:center;justify-items:center;align-items:center;align-content:center}@media (max-width: 480px) and (max-height: 840px){.krathong-container-middle-leaf{margin-top:8vh}.logo-container-middle-leaf{margin-top:12vh}}@media (max-width: 480px) and (max-height: 780px){.krathong-container-middle-leaf{margin-top:6vh}.logo-container-middle-leaf{margin-top:12vh}}@media (max-width: 480px) and (max-height: 760px){.krathong-container-middle-leaf{margin-top:4vh}.logo-container-middle-leaf{margin-top:10vh}}@media (max-width: 480px) and (max-height: 722px){.krathong-container-middle-leaf{margin-top:2vh}.logo-container-middle-leaf{margin-top:10vh}}@media (max-width: 480px) and (max-height: 706px){.krathong-container-middle-leaf{margin-top:1vh}.logo-container-middle-leaf{margin-top:10vh}.next-button-container-middle-leaf{margin-top:1vh}}.krathong-container-bottom-leaf{max-width:393px;width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;margin-top:10vh}.card-container-bottom-leaf{margin-top:2vh;background-image:url(/krathong/assets/card-DHlBtG60.png);display:flex;width:331px;height:510px;position:relative}.krathong-image-bottom-leaf{position:absolute;width:300px;height:300px;left:50%;top:34%;transform:translate(-50%,-50%)}.btn-next-bottom-leaf{width:100px;height:60px;transform:translate(100%,700%)}.btn-prev-bottom-leaf{width:100px;height:60px;transform:translate(30%,700%)}.next-button-container-bottom-leaf{display:flex;flex-direction:row;justify-items:center;justify-content:center;margin-top:2vh}.btn-confirm-bottom-leaf{width:199px;height:64px}.logo-container-bottom-leaf{position:absolute;margin-top:15vh;justify-content:center}.color-selector-bottom-leaf{position:absolute;top:60%;left:11.5%;display:grid;grid-template-columns:repeat(3,1fr);gap:33px 33px;justify-items:center}.color-option-bottom-leaf{width:64px;height:64px;border-radius:8%;display:flex;justify-content:center;align-items:center;cursor:pointer;border:2px solid transparent;position:relative;transition:border .3s ease}.checkmark-bottom-leaf{font-size:38px;color:#fff;font-weight:700}.checked-icon-bottom-leaf{position:absolute;width:24px;height:22px;justify-content:center;justify-items:center;align-items:center;align-content:center}@media (max-width: 480px) and (max-height: 840px){.krathong-container-bottom-leaf{margin-top:8vh}.logo-container-bottom-leaf{margin-top:12vh}}@media (max-width: 480px) and (max-height: 780px){.krathong-container-bottom-leaf{margin-top:6vh}.logo-container-bottom-leaf{margin-top:12vh}}@media (max-width: 480px) and (max-height: 760px){.krathong-container-bottom-leaf{margin-top:4vh}.logo-container-bottom-leaf{margin-top:10vh}}@media (max-width: 480px) and (max-height: 722px){.krathong-container-bottom-leaf{margin-top:2vh}.logo-container-bottom-leaf{margin-top:10vh}}@media (max-width: 480px) and (max-height: 706px){.krathong-container-bottom-leaf{margin-top:1vh}.logo-container-bottom-leaf{margin-top:10vh}.next-button-container-bottom-leaf{margin-top:1vh}}.container-select-type-special-skin{margin-top:8vh;max-width:393px;width:100%;height:auto;display:flex;flex-direction:column;justify-content:center}.card-bg-select-type-special-skin{margin-top:2vh;background-image:url(/krathong/assets/card-T9xteTnn.png);display:flex;width:331px;height:510px;position:relative}.main-style-special-skin{position:absolute;width:300px;height:300px;left:50%;top:45%;transform:translate(-50%,-50%)}.btn-right-special-skin{width:100px;height:60px;transform:translate(100%,700%)}.btn-left-special-skin{width:100px;height:60px;transform:translate(30%,700%)}.box-btn-next-select-type-special-skin{display:flex;flex-direction:row;justify-items:center;justify-content:center;margin-top:2vh}.btn-next-select-type-special-skin{width:199px;height:64px}.contain-logo-special-skin{position:absolute;margin-top:15vh}.span-name-spacial-style{width:331px;font-size:1.5rem;font-family:kanit_Regular;font-weight:bolder;position:absolute;flex-direction:row;text-align:center;margin-top:110%}@media (max-width: 480px) and (max-height: 810px){.container-select-type-special-skin{margin-top:6vh}.contain-logo-special-skin{margin-top:13vh}}@media (max-width: 480px) and (max-height: 770px){.container-select-type-special-skin{margin-top:4vh}.contain-logo-special-skin{margin-top:11vh}}@media (max-width: 480px) and (max-height: 730px){.container-select-type-special-skin{margin-top:2vh}.contain-logo-special-skin{margin-top:11vh}.box-btn-next-select-type-special-skin{margin-top:0vh}}@media (max-width: 480px) and (max-height: 700px){.container-select-type-special-skin{margin-top:1vh}.contain-logo-special-skin{margin-top:10vh}.box-btn-next-select-type-special-skin{margin-top:0vh}.card-bg-select-type-special-skin{margin-top:1vh}}@font-face{font-family:SUKHUMVITSET-BOLD;src:url(../src/assets/fonts/SUKHUMVITSET-BOLD.TTF) format("truetype");font-weight:600;font-style:normal}:root{margin:0;padding:0;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}@media (max-width: 480px){body{margin:0;padding:0;background-image:url(/krathong/assets/background-mobile-BuXiBUfn.png);background-size:cover;background-position:center;background-attachment:fixed}}@media (min-width: 481px) and (max-width: 768px){body{margin:0;padding:0;background-image:url(/krathong/assets/background-desktop-CV8OIXns.png);background-size:cover;background-position:center;background-attachment:fixed}}@media (min-width: 769px) and (max-width: 1280px){body{margin:0;padding:0;background-image:url(/krathong/assets/background-desktop-CV8OIXns.png);background-size:cover;background-position:center;background-attachment:fixed}}@media (min-width: 1281px){body{margin:0;padding:0;background-image:url(/krathong/assets/background-desktop-CV8OIXns.png);background-size:cover;background-position:center;background-attachment:fixed}}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}ul,ol{list-style:none}button{cursor:pointer;background:none;border:none;font-family:inherit}input,textarea{font-family:inherit}