@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}html,body,div,span,object,iframe,figure,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,strike,strong,sub,sup,tt,b,u,i,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,main,canvas,embed,footer,header,nav,section,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;text-size-adjust:none}footer,header,nav,section,main{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{-webkit-appearance:none;border-radius:0}.svg-white path{fill:#fff}@font-face{font-family:Cloud Soft Bold;src:url(/assets/fonts/cloud_soft-bold-webfont.woff2) format("woff2"),url(/assets/fonts/cloud_soft-bold-webfont.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.17rem}h4{font-size:1rem}h5{font-size:.83rem}h6{font-size:.67rem}b,strong{font-weight:700}h1,h2,h3,h4,h5,h6,button{font-family:Cloud Soft Bold,sans-serif;font-weight:400}h1 a,h1 li,h2 a,h2 li,h3 a,h3 li,h4 a,h4 li,h5 a,h5 li,h6 a,h6 li,button a,button li{font-family:Cloud Soft Bold,sans-serif}h1,h2,h3,h4,h5,h6,p{margin:16px 0}h1,h2,h3,h4,h5,h6{line-height:1.3}p,li{line-height:1.5}p,a,li,input,label,textarea,.date-time-picker{font-family:Bai Jamjuree,sans-serif;font-weight:400}body{font-family:Cloud Soft Bold,sans-serif;font-size:1rem;color:#323232;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none}button{cursor:pointer;font-family:Cloud Soft Bold;font-size:1rem;color:#323232}a{cursor:pointer;color:#323232}.remove-deco{text-decoration:none}.annotation{font-size:.8rem;font-style:italic;color:#979797}.annotation *{color:#979797}.annotation.large{font-size:.9rem}.annotation.non-italic{font-style:normal}.annotation.danger{color:#a02e2e}.annotation.dark,.annotation.dark *{color:#f4f4f4}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.navbar{box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:56px;width:100%;border-bottom:0px solid #dadada;z-index:10;background:url(/assets/nav_gradient.svg);background-repeat:no-repeat;background-position:bottom;background-size:cover}.navbar:after{content:"";z-index:0;pointer-events:none;position:absolute;top:0;width:100%;height:100%;background:url(/assets/grid.svg);background-repeat:repeat;background-position:bottom center;background-size:16px auto;opacity:.6;mix-blend-mode:soft-light}.navbar h1{text-shadow:-2px -2px 0 #323232,-2px -1px 0 #323232,-2px 0px 0 #323232,-2px 1px 0 #323232,-2px 2px 0 #323232,-1px -2px 0 #323232,-1px -1px 0 #323232,-1px 0px 0 #323232,-1px 1px 0 #323232,-1px 2px 0 #323232,0px -2px 0 #323232,0px -1px 0 #323232,0px 0px 0 #323232,0px 1px 0 #323232,0px 2px 0 #323232,1px -2px 0 #323232,1px -1px 0 #323232,1px 0px 0 #323232,1px 1px 0 #323232,1px 2px 0 #323232,2px -2px 0 #323232,2px -1px 0 #323232,2px 0px 0 #323232,2px 1px 0 #323232,2px 2px 0 #323232;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;isolation:isolate;z-index:1;margin-bottom:12px;padding:4px 4px 0;line-height:1.7;font-size:1.2em;color:#fff}.navbar div{background-color:transparent;padding:0}.navbar .title-bar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:56px;width:100%}.navbar .title-bar.flex-start{justify-content:flex-start}.navbar .title-bar :first-child.flat-button,.navbar .title-bar :first-child.raised-button,.navbar .title-bar :first-child.icon-button{margin-left:16px;margin-right:8px}.navbar .title-bar :last-child.flat-button,.navbar .title-bar :last-child.raised-button,.navbar .title-bar :last-child.icon-button{margin-left:8px;margin-right:16px}.navbar .title-bar h1:first-child{padding-left:16px}.navbar .title-bar h1:last-child{padding-right:16px}.navbar .flat-button,.navbar .raised-button,.navbar .icon-button{z-index:2;margin:8px 16px;flex:none}.navbar.solid{background:linear-gradient(180deg,#404e6b 0%,#2e3d55 100%),linear-gradient(180deg,#bfe9da 0%,#c0cef4 100%),#ffffff;border-bottom:3px solid #2e2e2e}.navbar.solid h1{color:#fff;text-shadow:0px 1px 0px #2e2e2e}.navbar.solid button{margin:0}.navbar.solid.remove-btm-border{border-bottom:0px solid #dadada}.navbar.solid:after{display:none}.navbar.light{background:none;background-color:#fff;border-bottom:1px solid #dadada}.navbar.light h1{color:#323232;text-shadow:none}.navbar.light:after{display:none}.navbar.transparent{background:none;background-color:transparent}.navbar.transparent:after{display:none}.navbar.blur{background:none;background-color:transparent;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.navbar.blur:after{display:none}.navbar.drop-shadow{box-shadow:0 0 5px #00000026}.navbar.remove-btn-margin button{margin:0}.navbar.fixed{position:fixed}.list-tile{margin:8px 16px 16px;padding:8px 24px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;min-height:88px;border-radius:16px;background:linear-gradient(180deg,#ffffff 38.73%,#e4e4e4 100%);box-shadow:0 0 5px #00000026;transition:box-shadow .12s ease-in-out}.list-tile.img-button{cursor:pointer;padding:0;display:flex;height:auto}.list-tile.img-button img{height:100%;width:100%;border-radius:16px;object-fit:cover}.list-tile.text-button{cursor:pointer}.list-tile.text-button h2,.list-tile.text-button p{margin:0}.list-tile.text-button svg path{fill:#c6c6c6}.list-tile:first-child{margin-top:19px}.list-tile.disable-hover{cursor:default;pointer-events:none}@media (hover: hover) and (pointer: fine){.list-tile.img-button:hover,.list-tile.text-button:hover{box-shadow:0 0 0 3px #efce7899}}.flat-button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;font-family:Cloud Soft Bold;border:none;background-color:#efefef;transition:box-shadow .12s ease-in-out;box-shadow:0 0 0 1px #efce7800;width:fit-content;padding:4px 8px;min-height:32px;border-radius:4px;color:#323232}@media (hover: hover) and (pointer: fine){.flat-button:hover{box-shadow:0 0 0 3px #efce7899}}.flat-button.selected{box-shadow:0 0 0 3px #efce78e6}.flat-button.large{min-height:38px;border-radius:6px}.flat-button :first-child:last-child{margin:0}.flat-button :last-child{margin-left:8px}.flat-button svg path{fill:#323232}.raised-button{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:4px 8px 2px;min-height:38px;text-align:center;text-decoration:none;font-family:Cloud Soft Bold;border:2px solid #323232;border-radius:48px;color:#323232;background:linear-gradient(180deg,#ffffff 0%,#cccccc 100%);transition:.12s ease-in-out;transform:translateY(-1px);box-shadow:0 3px #323232}.raised-button svg{margin:0 4px 4px}.raised-button span{margin:0 4px}@media (hover: hover) and (pointer: fine){.raised-button:hover{transform:translateY(-3px);box-shadow:0 5px #323232}}.raised-button:focus-visible,.raised-button:active{transform:translateY(1px);box-shadow:0 0 #323232}.raised-button.clear{background:transparent}.raised-button.highlight{background:linear-gradient(180deg,#ffebba 0%,#fbb762 100%)}.raised-button.disabled{filter:grayscale(1) contrast(.65)}.raised-button.disabled:hover{cursor:not-allowed;transform:translateY(-1px);box-shadow:0 3px #323232}.raised-button.full-width{width:100%}.raised-button.small{min-height:24px}.raised-button.large{min-height:48px;font-size:1.2rem}.icon-button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;margin:0;height:56px;width:56px;color:#fff;text-align:center;font-size:1.4rem;text-shadow:0px 1px 0px #2e2e2e;background-color:transparent;border:1px solid transparent;border-radius:6px;transition:.12s ease-in-out}.icon-button span{display:inline-flex;align-items:center;justify-content:center;margin:0;height:24px;width:24px}.icon-button div{height:24px;margin-top:25%;margin-bottom:25%}.icon-button div svg path{fill:#fff}.icon-button.fab{border:none;border-radius:8px;box-shadow:0 0 5px #00000026;background-color:#fff}.icon-button.light{color:#323232;text-shadow:none}.icon-button.light svg path{fill:#323232}@media (hover: hover) and (pointer: fine){.icon-button:hover{border-radius:8px;background-color:#000000a3}.icon-button:hover.fab.light{border:none;border-radius:8px;box-shadow:0 0 0 3px #efce78;background-color:#fff}.icon-button:hover.light{border-radius:8px;background-color:#0000003d}}.share-button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;margin:0;height:56px;width:56px;color:#fff;text-align:center;font-size:1.4rem;background-color:#979797;border-radius:50%;position:relative;top:0;left:0}.share-button span{display:inline-flex;align-items:center;justify-content:center;margin:0;height:24px;width:24px}.share-button div{height:24px;margin-top:25%;margin-bottom:25%}.share-button div svg path{fill:#fff}.tabbar{display:grid;grid-template-columns:1fr 1fr;width:100%;margin-top:16px}.tabbar button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:0;text-align:center;text-decoration:none;font-family:Cloud Soft Bold;border:none;background-color:#efefef;transition:box-shadow .12s ease-in-out;box-shadow:0 0 0 1px #efce7800;text-shadow:-1px -1px 0 #323232,-1px 0px 0 #323232,-1px 1px 0 #323232,0px -1px 0 #323232,0px 0px 0 #323232,0px 1px 0 #323232,1px -1px 0 #323232,1px 0px 0 #323232,1px 1px 0 #323232;position:relative;isolation:isolate;box-shadow:none;height:48px;background-color:transparent;color:#fff;font-size:1.1rem;border-radius:16px 16px 0 0;transition:.12s ease-in-out}@media (hover: hover) and (pointer: fine){.tabbar button:hover{box-shadow:0 0 0 3px #efce7899}}.tabbar button.selected{box-shadow:0 0 0 3px #efce78e6}.tabbar button:before{content:"";position:absolute;z-index:-1;left:0;bottom:0;width:100%;height:0px;transition:.12s ease-in-out;border-radius:16px 16px 0 0;border:2px solid transparent;border-bottom:2px solid #efce78}@media (hover: hover) and (pointer: fine){.tabbar button:hover{box-shadow:none;border-radius:16px 16px 0 0;background-color:#0003}}.tabbar button.selected{box-shadow:none;text-shadow:none;color:#323232}.tabbar button.selected:before{height:48px;background-color:#fff;border:2px solid #efce78;border-bottom:2px solid transparent}.app-container{display:block;position:relative;max-width:500px;min-height:100%;margin-right:auto;margin-left:auto;background-color:#fff}.card{margin:16px;padding:16px;background-color:#e4e4e4;background:linear-gradient(180deg,#ffffff 0%,#e4e4e4 100%);border-radius:8px;border:2px solid #323232;box-shadow:0 4px #323232}.card-shrink{background-color:#e4e4e4;background:linear-gradient(180deg,#ffffff 0%,#e4e4e4 100%);border-radius:8px;border:2px solid #323232;box-shadow:0 4px #323232;margin:0;padding:0}form{display:flex;flex-direction:column}form *{margin-top:0}form h3,form h4{font-family:Bai Jamjuree,sans-serif;font-weight:700;font-size:1rem;line-height:1.25}form>:first-child{margin-top:24px}form h3{margin-top:16px}form h4{margin-bottom:4px}form a{display:inline-flex;width:fit-content;align-items:center;margin-bottom:16px;font-size:.9em;text-decoration:underline #323232 1px;color:#323232}form a svg{margin:4px}form a svg path{fill:#323232}form button span{translate:0 0;margin:0;font-family:inherit;font-size:inherit;color:inherit}form span{translate:0 -8px;margin-top:4px;font-family:Bai Jamjuree,sans-serif;font-size:.8em;color:#a02e2e}.divider{background-color:#f4f4f4;height:8px;width:calc(100% + 32px);margin:16px 0 8px -16px}label{line-height:1.5}textarea{resize:none;height:100px;padding:8px;margin-bottom:16px;border:2px solid #dadada;border-radius:8px;font-size:16px}textarea:focus-visible{border:2px solid #efce78;outline:none}textarea.invalid{border:2px solid #a02e2e;outline:none}input[type=text],input[type=tel],input[type=email]{height:48px;padding:8px;margin-bottom:16px;border:2px solid #dadada;border-radius:8px;font-size:16px}input[type=text]:focus-visible,input[type=tel]:focus-visible,input[type=email]:focus-visible{border:2px solid #efce78;outline:none}input[type=text].invalid,input[type=tel].invalid,input[type=email].invalid{border:2px solid #a02e2e;outline:none}input[type=radio]{margin:8px;height:20px;width:20px;display:grid;place-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;font:inherit;color:currentColor;border:1px solid #dadada;border-radius:50%;transition:.12s ease-in-out}@media (hover: hover) and (pointer: fine){input[type=radio]:hover{border:3px solid rgba(239,206,120,.6)}}input[type=radio]:checked{border:1px solid #efce78}input[type=radio]:before{content:"";width:20px;height:20px;opacity:0;border-radius:50%;box-shadow:inset 1em 1em #efce78;transition:.12s ease-in-out}input[type=radio]:checked:before{width:12px;height:12px;opacity:1}input[type=radio]:focus-visible{border:1px solid #dadada}input[type=checkbox]{margin:8px;height:20px;width:20px;display:grid;place-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;font:inherit;color:currentColor;border:1px solid #dadada;border-radius:4px;transition:.12s ease-in-out}@media (hover: hover) and (pointer: fine){input[type=checkbox]:hover{border:3px solid rgba(239,206,120,.6)}}input[type=checkbox]:checked{border:1px solid #efce78}input[type=checkbox]:before{content:"";width:20px;height:20px;opacity:0;border-radius:2px;box-shadow:inset 1em 1em #efce78;transition:.12s ease-in-out}input[type=checkbox]:checked:before{width:12px;height:12px;opacity:1}input[type=checkbox]:focus-visible{border:1px solid #dadada}input[type=datetime-local]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:48px;width:100%;padding:8px;margin-bottom:16px;border:2px solid #dadada;border-radius:8px;font-size:16px;background-color:transparent;color:#323232;text-align:left}input[type=datetime-local]::-webkit-date-and-time-value{text-align:left}input[type=datetime-local] span{font-size:16px;color:#323232}input[type=datetime-local]:focus-visible{border:2px solid #efce78;outline:none}input[type=datetime-local].invalid{border:2px solid #a02e2e;outline:none}input[type=file]{display:none}.form-card{background-color:#f4f4f4;border-radius:8px;margin-bottom:16px;padding:8px 4px}.form-card-choice{background-color:#f4f4f4;border-radius:8px;margin-bottom:16px;padding:8px 4px;transition:box-shadow .12s ease-in-out}.form-card-choice:hover{box-shadow:0 0 0 3px #efce7899}.form-card-choice.selected{box-shadow:0 0 0 3px #efce78e6}.form-card-user-base{background-color:#f4f4f4;border-radius:8px;margin-bottom:16px;padding:8px 4px;display:grid;grid-template-columns:1fr 1fr 1fr}.form-card-user-base.invalid{border:2px solid #a02e2e}.form-choice{cursor:pointer;min-height:48px;display:flex;align-items:center;font-size:1rem}.form-choice input{flex:none}.form-choice>div{margin:4px}.bill-preview{display:flex;position:relative;min-height:128px;max-height:fit-content;border-radius:8px;border:2px dashed #dadada}.bill-preview h4{font-size:.8rem;box-sizing:content-box;position:absolute;display:flex;align-items:center;justify-content:center;top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);height:24px;width:156px;text-align:center;padding:8px;background-color:#efefefb3;border-radius:8px;backdrop-filter:blur(16px) saturate(150%) brightness(120%);-webkit-backdrop-filter:blur(16px) saturate(150%) brightness(120%);border:1px solid rgba(151,151,151,.3)}.bill-preview img{border-radius:8px;object-fit:cover}@media only screen and (max-width: 450px){.form-choice{font-size:.9rem}.annotation.large.non-italic{font-size:.8rem}}.reading-content>div{margin:16px}.reading-content>div img{margin:0;width:100%;border-radius:8px}.reading-content h2{margin:24px 0 16px}.reading-content h3,.reading-content h4{margin:24px 0 4px}.reading-content ul{margin:0 0 16px;padding:0 0 0 24px}.reading-content li.no-style{list-style:none;margin-left:-24px}.reading-content li.no-style img{padding:16px 0}.reading-content li.no-style img.rem-btm-padding{padding-bottom:0}.reading-content p{margin-top:0}.reading-content hr{margin:24px 0}.reading-content img{box-sizing:border-box;width:calc(100% - 32px);margin:16px 16px 0;border-radius:8px}.reading-content .main-heading{color:#384f76}.reading-content .margin-4{margin-bottom:4px;margin-top:4px}.reading-content .margin-t-0{margin-top:0}.reading-content .margin-t-8{margin-top:8px}.reading-content .margin-t-24{margin-top:24px}.reading-content .margin-b-4{margin-bottom:4px}.reading-content .margin-b-16{margin-bottom:16px}@keyframes dialog-in{0%{translate:0 8px;opacity:0}to{translate:0 0;scale:1 1;opacity:1}}@keyframes dialog-out{0%{translate:0 0;opacity:1}to{translate:0 8px;opacity:0}}@keyframes backdrop-in{0%{background-color:#32323200}to{background-color:#3232326b}}@keyframes backdrop-out{0%{background-color:#3232326b}to{background-color:#32323200}}dialog{display:block;pointer-events:none;overflow:visible;opacity:0;-webkit-user-select:none;user-select:none;box-sizing:border-box;max-width:468px;padding:0;border-radius:16px;box-shadow:0 3px #323232;border:2px solid #323232;background-color:#fff;will-change:transform contents}dialog div:focus{outline:none}dialog::backdrop{background-color:#32323200}dialog.show-close-hint:after{position:absolute;overflow:visible;bottom:-56px;width:100%;height:32px;background-color:#323232;background:radial-gradient(circle,#323232 0%,rgba(50,50,50,.8745098039) 18%,rgba(50,50,50,.7294117647) 40%,rgba(50,50,50,0) 92%);text-align:center;line-height:2;font-size:1.2rem;color:#f4f4f4;opacity:0;content:"แตะเพื่อปิดหน้าต่างนี้"}dialog[open]{pointer-events:visible;opacity:1;animation:dialog-in .18s ease forwards}dialog[open]::backdrop{background-color:#3232326b;animation:backdrop-in .12s ease forwards}dialog[open].show-close-hint:after{animation:dialog-in .36s ease .24s forwards}dialog.hide{animation:dialog-out .12s ease forwards}dialog.hide::backdrop{animation:backdrop-out .12s ease forwards}dialog.hide.show-close-hint:after{animation:dialog-out .12s ease forwards}dialog .reading-content img{width:100%;margin:0;border-radius:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:98;background-color:#00000065}.modal-body{position:absolute;overflow:auto;z-index:99;box-sizing:border-box;top:50%;left:50%;right:auto;bottom:auto;margin-right:-50%;padding:0;border-radius:16px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #323232;box-shadow:0 3px #323232}.modal-body .reading-content img{width:100%;margin:0;border-radius:0}.modal-top-button-bar{display:flex;justify-content:end;position:sticky;top:0;height:0;z-index:10}.modal-top-button-bar button{width:48px;height:48px;border-radius:0 0 0 16px;background-color:#0000007a}.modal-top-button-bar button:hover,.modal-top-button-bar button:hover.light{border-radius:0 0 0 16px}.modal-top-button-bar button.light{background-color:#0000001f}.modal-top-button-bar button span{margin-top:2px}.modal-card{margin:16px;padding:16px;background-color:#f4f4f4;border-radius:8px;text-align:left}.modal-card p{margin:0 0 4px}.modal-button-bar{position:sticky;z-index:9;bottom:0;padding:16px;background-color:#fff;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,white 50%)}.modal-button-bar.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ReactModal__Overlay{opacity:0;transition:opacity .12s ease-in-out}.ReactModal__Overlay--after-open{opacity:1}.ReactModal__Overlay--before-close{opacity:0}.ReactModal__Body{opacity:0;transition:opacity .12s ease-in-out}.ReactModal__Body--after-open{opacity:1}.ReactModal__Body--before-close{opacity:0}.pagination{height:14px;width:14px;border:2px solid #323232;border-radius:50%;background-color:#dadada;box-shadow:0 0 #323232,0 3px #323232 inset;transition:.12s ease-in-out;transform:translateY(0)}.pagination.active{transform:translateY(-3px);background-color:#efce78;box-shadow:0 3px #323232,0 0 #323232 inset}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{height:2px!important}.swiper-scrollbar{background:transparent!important}.simplebar-scrollbar:before{background-color:#0000006c}.simplebar-track.simplebar-vertical{width:6px!important}.simplebar-hidden .simplebar-scrollbar:before{background-color:transparent}.custom-scrollbar{overflow:a}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{border-radius:8px;background:hsla(0,0%,80%,0)}.custom-scrollbar::-webkit-scrollbar-track:hover{background:hsla(0,0%,80%,.8)}.custom-scrollbar::-webkit-scrollbar-thumb{border-radius:8px;border:3px solid hsla(0,0%,100%,0);background:hsla(0,0%,70%,.8);background-clip:content-box;transition:.12s border ease-in-out}.custom-scrollbar::-webkit-scrollbar-thumb:hover{border:0px solid hsla(0,0%,100%,0);background:hsla(0,0%,50%,.8);background-clip:content-box}.title-bar{position:sticky;top:0;padding:16px;z-index:2;background-color:#fff}.search{position:sticky;z-index:10;isolation:isolate;top:-1px;padding:16px;transition:color .12s ease-in-out}.search h2{display:none;margin-top:8px}.search .search-bg{opacity:0;position:absolute;top:-1px;left:0;z-index:-1;height:100%;width:100%;background:linear-gradient(180deg,#404e6b 0%,#2e3d55 100%),linear-gradient(180deg,#bfe9da 0%,#c0cef4 100%),#ffffff;border-bottom:3px solid #2e2e2e;transition:opacity .12s ease-in-out}.search .search-box{box-sizing:border-box;display:inline-flex;align-items:center;gap:8px;height:48px;width:100%;padding:8px;border:2px solid #dadada;border-radius:8px;font-family:Bai Jamjuree,sans-serif;font-size:16px;background-color:#fff}.search.pinned{position:fixed}.search.pinned h2{display:inline}.search.pinned h2,.search.pinned p,.search.pinned b{color:#fff}.search.pinned a{text-decoration:1px underline #ffffff}.search.pinned .search-bg{opacity:1}.social-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:16px}.social-card h2{margin-top:0}.social-card .button-bar{display:flex;flex-flow:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;width:fit-content;padding-bottom:16px}.social-card .button-bar img{width:48px;height:48px}.social-card button{margin-top:4px;max-width:75%}.top-section{position:relative;z-index:1;isolation:isolate;height:auto;-webkit-user-select:none;user-select:none;background:url(/assets/prev_gradient.svg);background-repeat:no-repeat;background-position:top;background-size:cover}.top-section:after{content:"";z-index:0;pointer-events:none;position:absolute;top:0;width:100%;height:calc(100% - 52px);background:url(/assets/grid.svg);background-repeat:repeat;background-position:top center;background-size:16px auto;opacity:.6;mix-blend-mode:soft-light}.bottom-section{overflow:hidden;background-color:#fff}.prv-container{z-index:3;isolation:isolate;position:relative;-webkit-user-select:none;user-select:none;height:208px;max-width:100%;margin:auto;padding:0 0 16px;display:flex;align-items:center;justify-content:center}.prv-container-shadow{z-index:2;position:absolute;width:100%}.prv-button-bar{box-sizing:border-box;z-index:5;position:absolute;width:100%;padding:11px 16px;display:flex;gap:8px;justify-content:space-between;align-items:flex-end}.prv-button-bar div{display:flex;gap:8px;align-items:flex-end}.prv-button-bar .preset-tools{flex-direction:column;height:100%;justify-content:center;transition:.12s ease-in-out}.prv-button-bar .preset-tools.hidden{opacity:0;pointer-events:none}.prv-button-bar .preset-tools .flat-button{border-radius:6px;height:36px;width:36px;background-color:#f4f4f499;box-shadow:0 0 0 2px #97979766}.prv-button-bar .preset-tools .flat-button.with-text{height:32px;width:unset}.prv-button-bar .preset-tools .flat-button.with-text span{margin-left:4px}@media (hover: hover) and (pointer: fine){.prv-button-bar .preset-tools .flat-button:hover{box-shadow:0 0 0 3px #e4ad1d99}}.loading-img{box-sizing:border-box;display:flex;justify-content:center;align-items:center;margin:20% auto;height:72px;opacity:1;image-rendering:auto;transition:.3s ease-in-out}.loading-img.hidden{opacity:0}.tab-bar{-webkit-user-select:none;user-select:none;background-color:#fff;border-bottom:1px solid #dadada}.tab-button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:0;text-align:center;text-decoration:none;font-family:Cloud Soft Bold;border:none;background-color:#efefef;transition:box-shadow .12s ease-in-out;box-shadow:0 0 0 1px #efce7800;height:45px;width:45px;border-radius:6px}@media (hover: hover) and (pointer: fine){.tab-button:hover{box-shadow:0 0 0 3px #efce7899}}.tab-button.selected{box-shadow:0 0 0 3px #efce78e6}.tab-button img{width:45px;height:45px;border-radius:6px}.color-tab-button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:0;text-align:center;text-decoration:none;font-family:Cloud Soft Bold;border:none;background-color:#efefef;transition:box-shadow .12s ease-in-out;box-shadow:0 0 0 1px #efce7800;position:relative;height:24px;border-radius:4px}@media (hover: hover) and (pointer: fine){.color-tab-button:hover{box-shadow:0 0 0 3px #efce7899}}.color-tab-button.selected{box-shadow:0 0 0 3px #efce78e6}.color-tab-button .icon{position:absolute;top:50%;left:50%;width:100%;height:100%;translate:-50% -25%;background:radial-gradient(circle,rgba(0,0,0,.1) 42%,rgba(0,0,0,0) 100%);border-radius:4px;opacity:0;transition:.2s ease-in-out}.color-tab-button .icon path{fill:#fff;stroke:#323232;stroke-width:1px}.color-tab-button.selected .icon{opacity:1;translate:-50% -50%}.color-tab-button img{width:24px;height:24px;border-radius:4px}.group-tab-button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-decoration:none;font-family:Cloud Soft Bold;border:none;background-color:#efefef;transition:box-shadow .12s ease-in-out;box-shadow:0 0 0 1px #efce7800;position:relative;height:32px;padding:2px 8px;border-radius:6px;text-align:center}@media (hover: hover) and (pointer: fine){.group-tab-button:hover{box-shadow:0 0 0 3px #efce7899}}.group-tab-button.selected{box-shadow:0 0 0 3px #efce78e6}.group-tab-button h4{font-size:16px;margin:auto}.grid-scroll-area{box-sizing:border-box;overflow-x:hidden;overflow-y:auto;padding:16px 16px 0}.grid-scroll-area::-webkit-scrollbar{width:8px}.grid-scroll-area::-webkit-scrollbar-track{border-radius:8px;background:hsla(0,0%,80%,0)}.grid-scroll-area::-webkit-scrollbar-track:hover{background:hsla(0,0%,80%,.8)}.grid-scroll-area::-webkit-scrollbar-thumb{border-radius:8px;border:3px solid hsla(0,0%,100%,0);background:hsla(0,0%,70%,.8);background-clip:content-box;transition:.12s border ease-in-out}.grid-scroll-area::-webkit-scrollbar-thumb:hover{border:0px solid hsla(0,0%,100%,0);background:hsla(0,0%,50%,.8);background-clip:content-box}.grid-container-wrapper{scroll-margin-top:10px}.grid-container{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}.grid-container button,.grid-container a{box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:0;text-align:center;text-decoration:none;font-family:Cloud Soft Bold;border:none;background-color:#efefef;transition:box-shadow .12s ease-in-out;box-shadow:0 0 0 1px #efce7800;border-radius:8px}@media (hover: hover) and (pointer: fine){.grid-container button:hover,.grid-container a:hover{box-shadow:0 0 0 3px #efce7899}}.grid-container button.selected,.grid-container a.selected{box-shadow:0 0 0 3px #efce78e6}.grid-container button span,.grid-container a span{display:flex}.grid-container button span img,.grid-container a span img,.grid-container button img,.grid-container a img{height:100%;width:100%;border-radius:8px}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{scale:.99}to{scale:1.02}}@keyframes bounce{0%{translate:0 -5%}to{translate:0 5%}}.home-page{overflow:hidden}.home-page .fixed-sized{max-width:500px;margin-right:auto;margin-left:auto}.home-page header{background:linear-gradient(180deg,#cdfffc 0%,#fee3ad 72.4%,#ffb053 100%)}.home-page header .header-img-container{padding:32px 16px 0;position:relative;z-index:5}.home-page header .header-img-container img{width:100%}.home-page header .showcase-img-container{position:relative}.home-page header .showcase-img-container .main-img{position:relative;z-index:3;width:100%;scale:1.2}.home-page header .showcase-img-container #folder-1{position:absolute;z-index:1;top:-6%;left:-6%;width:27%;scale:1.2;rotate:y 180deg;animation:bounce 1.75s ease-in-out alternate infinite}.home-page header .showcase-img-container #folder-2{position:absolute;z-index:1;top:-20%;right:-7%;width:27%;scale:1.4;animation:bounce 1.75s ease-in-out alternate infinite;animation-delay:.5s}.home-page header .showcase-img-container #star-1-1{position:absolute;z-index:4;top:13px;right:calc(17% - .5px);width:12%;rotate:z 45deg;animation:rotating 15s linear infinite}.home-page header .showcase-img-container #star-1-2{position:absolute;z-index:4;top:12px;right:calc(17% - .5px);width:12%;rotate:z 45deg;animation:rotating 15s linear infinite}.home-page header .showcase-img-container #star-1-3{position:absolute;z-index:4;top:11px;right:calc(17% - .5px);width:12%;rotate:z 45deg;animation:rotating 15s linear infinite}.home-page header .showcase-img-container #star-1-4{position:absolute;z-index:4;top:10px;right:17%;width:12%;rotate:z 45deg;animation:rotating 15s linear infinite}.home-page header .showcase-img-container #star-2-1{position:absolute;z-index:4;bottom:26px;left:calc(-6% - .5px);width:18%;rotate:z 75deg;animation:rotating 15s linear infinite}.home-page header .showcase-img-container #star-2-2{position:absolute;z-index:4;bottom:27px;left:-6%;width:18%;rotate:z 75deg;animation:rotating 15s linear infinite}.home-page header .showcase-img-container #star-2-3{position:absolute;z-index:4;bottom:28px;left:-6%;width:18%;rotate:z 75deg;animation:rotating 15s linear infinite}.home-page header .showcase-img-container #star-2-4{position:absolute;z-index:4;bottom:29px;left:-6%;width:18%;rotate:z 75deg;animation:rotating 15s linear infinite}.home-page header .showcase-img-container #star-3-1{position:absolute;z-index:4;bottom:9px;right:calc(-5% - .5px);width:19%;rotate:z 15deg;animation:rotating 15s linear infinite}.home-page header .showcase-img-container #star-3-2{position:absolute;z-index:4;bottom:10px;right:-5%;width:19%;rotate:z 15deg;animation:rotating 15s linear infinite}.home-page header .showcase-img-container #star-3-3{position:absolute;z-index:4;bottom:11px;right:-5%;width:19%;rotate:z 15deg;animation:rotating 15s linear infinite}.home-page header .showcase-img-container #star-3-4{position:absolute;z-index:4;bottom:12px;right:-5%;width:19%;rotate:z 15deg;animation:rotating 15s linear infinite}.home-page .content-container{background:linear-gradient(0deg,#bfe9da 0%,#c0cef4 100%)}.home-page .content-container .buttons-container{margin:0 16px 16px;position:relative;z-index:6;display:grid;gap:16px;transform:translateY(-10px)}.home-page .content-container .buttons-container a{text-align:center;font-size:.85rem}.home-page .content-container .buttons-container #create-sticker{animation:pulse 1s ease-in-out alternate infinite}.home-page .content-container .buttons-container #create-sticker:hover{animation:none}.home-page .content-container .sample-img-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:32px;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 75%,#9dbef4 75%,rgba(0,0,0,0) 100%)}.home-page .content-container .sample-img-container img{width:75%}.home-page .content-container .card-container{padding:16px}.home-page .content-container .card-container .card{min-height:200px;position:relative;box-sizing:border-box;margin:0 0 16px;padding:0}.home-page .content-container .card-container .card.list-tile{min-height:56px;box-shadow:0 4px #323232}.home-page .content-container .card-container .card h2,.home-page .content-container .card-container .card p{margin-top:0}.home-page .content-container .card-container .card h2{line-height:1;margin-bottom:8px}.home-page .content-container .card-container .card .card-bg{position:absolute;top:0;right:0;height:85%;width:85%;margin:16px 8px}.home-page .content-container .card-container .card .content{position:relative;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(90deg,#f4f4f4 50%,rgba(0,0,0,0) 75%,rgba(0,0,0,0) 100%);padding:16px;width:100%;min-height:200px;border-radius:8px}.home-page .content-container .card-container .card .content h2,.home-page .content-container .card-container .card .content p{width:60%}.home-page .content-container .card-container a{width:fit-content;text-decoration:none}.home-page .content-container .card-container a.list-tile{width:unset}.home-page .content-container .card-container a.card{display:flex;align-items:center;justify-content:space-between;height:72px;padding:16px}.home-page .content-container .card-container a.card h2{margin:0}.home-page .content-container .card-container a.card svg path{fill:#c6c6c6}body{overscroll-behavior:contain}*,:after,:before{box-sizing:inherit;background-repeat:no-repeat}body{background-color:#1d2738;margin:0;overflow-y:auto;scrollbar-gutter:stable}[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{top:2px;bottom:2px;left:2px;right:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:0;bottom:0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}