@charset "UTF-8";@font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url("data:application/font-woff;charset=utf-8;base64, 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") format("woff")}:root{--swiper-theme-color:#007aff}.swiper-container{list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;width:100%;z-index:1}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}.swiper-container-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:#007aff;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:44px;height:var(--swiper-navigation-size);justify-content:center;margin-top:-22px;margin-top:calc(0px - var(--swiper-navigation-size)/2);position:absolute;top:50%;width:27px;width:calc(var(--swiper-navigation-size)/44*27);z-index:10}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:44px;font-size:var(--swiper-navigation-size);font-variant:normal;letter-spacing:0;line-height:1;text-transform:none!important;text-transform:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{left:auto;right:10px}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:"next"}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#fff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{background:#000;border-radius:50%;display:inline-block;height:8px;opacity:.2;width:8px}button.swiper-pagination-bullet{-webkit-appearance:none;appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{background:#007aff;background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:1}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{display:block;margin:6px 0}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-progressbar{background:#00000040;position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height:4px;left:0;top:0;width:100%}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{height:100%;left:0;top:0;width:4px}.swiper-pagination-white{--swiper-pagination-color:#fff}.swiper-pagination-black{--swiper-pagination-color:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:#0000001a;border-radius:10px;position:relative;-ms-touch-action:none}.swiper-container-horizontal>.swiper-scrollbar{bottom:3px;height:5px;left:1%;position:absolute;width:98%;z-index:50}.swiper-container-vertical>.swiper-scrollbar{height:98%;position:absolute;right:3px;top:1%;width:5px;z-index:50}.swiper-scrollbar-drag{background:#00000080;border-radius:10px;height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-height:100%;max-width:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite;border:4px solid #007aff;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{to{transform:rotate(1turn)}}.swiper-container .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:0}.swiper-container-cube .swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:none;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:0}*{box-sizing:border-box;list-style:none;margin:0;outline:none;padding:0}html{scroll-behavior:smooth}@font-face{font-family:quiche-sans,sans-serif;font-style:normal;font-weight:400}@font-face{font-family:quiche-sans,sans-serif;font-style:italic;font-weight:400}@font-face{font-family:quiche-sans,sans-serif;font-style:normal;font-weight:700}@font-face{font-family:quiche-sans,sans-serif;font-style:italic;font-weight:700}input[type=text]{-webkit-appearance:none;-webkit-border-radius:0}input[type=button]{-webkit-appearance:none;-webkit-border-radius:50%}input[type=image]{object-fit:cover}.button.pick-image{background-color:#ff5a37;border-radius:30px;color:#fff;margin:0 10px;padding:10px 20px;width:-webkit-fit-content;width:fit-content}.h1-empty{font-weight:400;padding-top:60px;text-align:center}.default-white-container{bottom:0;height:100%;overflow:auto;position:absolute;top:0}.default-white-container,.wrapper-container{align-items:center;background-color:#fff;display:flex;justify-content:center;width:100%}.wrapper-container{flex-direction:column;height:calc(100vh - 63.9px)}.wrapper-container .container{align-items:center;display:flex;flex-direction:column;margin:0 auto}@media (max-width:576px){.wrapper-container .container{padding:0 20px}}.wrapper-container .container>h1{font-size:22px;font-weight:500;overflow:visible;overflow:initial;padding-top:20px}.wrapper-container .container>h2{font-size:20px;padding-bottom:30px}.wrapper-container .container>p{font-family:Montserrat,Noto Sans Thai,sans-serif;padding-top:20px;text-align:center;width:68%}.wrapper-container .container>p>span{color:#000;font-family:Montserrat,Noto Sans Thai,sans-serif;font-weight:700}@media (max-width:1024px){.wrapper-container .container>p{width:68%}}@media (max-width:768px){.wrapper-container .container>p{width:85%}}@media (max-width:576px){.wrapper-container .container>p{text-align:center}}.wrapper-container .container>a{color:#ff5a37;padding-top:20px;text-decoration:none}.wrapper-container .container.request>p{padding-bottom:30px;padding-top:0;width:70%;word-break:break-word}@media (max-width:768px){.wrapper-container .container.request>p{width:100%}}@media (max-width:576px){.wrapper-container .container.request>h2{text-align:center}.wrapper-container .container.request>p{width:100%}}.wrapper-container .btn{overflow:visible;overflow:initial;padding-top:50px}.wrapper-container .btn.resetpassword{background-color:#fff;border:1px solid #ff5a37;border-radius:30px;color:#ff5a37;margin-top:30px;padding:5px 50px;transition:all .2s ease-in-out}.wrapper-container .btn.resetpassword:hover,.wrapper-container .btn>a{background-color:#ff5a37;color:#fff}.wrapper-container .btn>a{border:none;border-radius:40px;box-shadow:inset 0 0 0 1px;cursor:pointer;padding:10px 50px;text-decoration:none;transition:background-color .3s,color .3s,box-shadow .1s ease-in-out}.wrapper-container .btn>a:hover{background-color:#fff;color:#ff5a37}.error-msg{align-items:center;display:flex;flex-direction:column;justify-content:center}.error-msg p{color:red;font-family:Montserrat,Noto Sans Thai,sans-serif;font-style:normal;font-weight:400!important;margin:initial}@media (max-width:576px){.error-msg{bottom:10px;flex-direction:column}.error-msg p{margin:0}}.css-1c6j008,.css-4302v8{width:60%!important}@media (max-width:576px){.css-1c6j008,.css-4302v8{width:100%!important}}.css-1c6j008:focus,.css-w3szeq:focus{border-color:#ff5a37!important;box-shadow:0 0 0 1px #ff5a37!important}.css-8vsvsi:focus{box-shadow:none!important}.container{display:flex;flex-direction:column;margin:0 auto;max-width:720px;padding:60px 0 120px;position:relative;width:100%}@media (min-width:1201px){.container{padding:60px 0 0}}.container.home{flex-direction:row;max-width:none}.container .pick-image,.container .remove,.container button,.container h1.h1-header,.container input,.container p.choose-color,.container textarea{font-family:Montserrat,Noto Sans Thai,sans-serif;font-style:normal;font-weight:400}.container>h1.h1-header{font-size:1.2rem;font-weight:600;letter-spacing:.5px;margin:10px 0 20px;text-align:center;width:100%}.container h1.h1-header.account{padding-bottom:20px}.container .wrap{background-color:#ecedf4;border-radius:10px;display:flex;margin:20px 0 0;padding:20px;width:100%}.container .col,.container .wrap{position:relative}.container .col:first-child{display:flex;justify-content:center;text-align:center;width:70%}@media (min-width:1201px){.container .col:first-child{padding-bottom:120px}}@media (max-width:1200px){.container .col:first-child{width:100%}}.container .col:first-child .col-wrap{max-width:720px;padding:0 15px;width:100%}.container .col:nth-child(2){border-left:1px solid #ccc;height:calc(100vh - 60px);left:0;margin:0;position:-webkit-sticky;position:sticky;top:60px;width:30%}@media (max-width:1200px){.container .col:nth-child(2){display:none}}.container .col:nth-child(2) .preview{align-items:center;bottom:0;display:flex;justify-content:center;left:0;margin:0;position:absolute;right:0;top:0}.container .col:nth-child(2) .preview.open{overflow:hidden}@media (max-width:1200px) and (orientation:landscape){.container .col:nth-child(2) .preview.open{margin:20px 0 0}}.container .col:nth-child(2) .preview.open .mobile-preview{overflow:hidden}.container .col:nth-child(2) .preview .mobile-preview{aspect-ratio:8/16;border:12px solid #000;border-radius:40px;bottom:0;display:none;height:auto;margin:0 auto;max-width:310px;min-width:414px;padding-top:76.9230769231vh;position:absolute;transform:scale(.6);transform-origin:center;transition:all .3s ease-in-out;width:35.7142857143vh}.container .col:nth-child(2) .preview .mobile-preview.open{display:block;position:relative;top:-30px;z-index:0}.container .col:nth-child(2) .preview .mobile-preview .iframe-loading{background:url(https://www.diflink.com/static/media/loading.3a3d32d49a6b27f63638.gif) 50% no-repeat;background-size:100%;height:100%;left:0;position:absolute;top:0;width:100%}.container .col:nth-child(2) .preview .mobile-preview iframe{border:0;box-sizing:inherit;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.button{background-color:initial;border:1px solid #ff5a37;border-radius:30px;color:#000;cursor:pointer;font-size:14px;font-weight:700;margin:15px 10px 10px;padding:10px 0;position:relative;text-align:center;transition:.3s ease;width:250px}.button.active{background-color:#ff5a37;border:1px solid #ff5a37;color:#fff}.input-border-bottom{background-color:#fff;border:none;border-radius:5px!important;padding:8px 10px}.icons .input-border-bottom{padding:8px 10px 8px 45px}.ReactModalPortal>div{z-index:9999}.edit-avatar-container{padding:6px!important}.edit-avatar-container div>div{border-radius:10px}.edit-avatar-container>div{align-items:center;display:flex;justify-content:center;position:relative}.edit-avatar-container>div>svg{height:100%;left:50%;position:absolute;top:0;transform:translate(-50%);width:50%}.edit-avatar-container div>div[class^=css]{border-radius:100%}.edit-avatar-container>div.icon-lists{display:flex;flex-wrap:wrap;overflow:auto;padding:20px 0 10px;width:100%}.edit-avatar-container>div.icon-lists>svg{cursor:pointer;height:auto;left:auto;margin:0 9px 13px;position:relative;transform:none;width:13%}.edit-avatar-container>div.icon-lists>svg:hover{transform:scale(1.1);transition:.1s}.edit-gallery-container{padding:6px!important}.edit-gallery-container .rug{color:inherit;font-family:inherit;font-size:inherit;overflow:hidden}.edit-gallery-container .rug .rug-items.__card{grid-gap:6px;display:grid;grid-template-columns:repeat(auto-fill,minmax(30%,1fr));margin:6px 0 0;min-height:0;min-height:auto;width:100%}.edit-gallery-container .rug .rug-items.__card>div{box-sizing:border-box;display:inline-table;position:relative}.edit-gallery-container .rug .rug-items.__card>div:before{content:"";display:block;padding-top:100%}.edit-gallery-container .rug .rug-items.__card .rug-item{height:100%;left:0;position:absolute;top:0;width:100%}.edit-gallery-container .rug .rug-items.__card .rug-item .rug-card{height:100%;margin:0;width:100%}.edit-gallery-container .rug .rug-handle{display:block;height:auto;overflow:hidden;padding:20px 30px;position:relative;width:100%}.edit-gallery-container .rug .rug-handle:before{border-radius:8px}.edit-gallery-container .rug .rug-handle svg.rug-handle-icon{width:24px}.edit-gallery-container .rug .rug-handle .rug-handle-info .rug-handle-drop-text{font-size:16px;line-height:22px}.edit-gallery-container .rug .rug-handle .rug-handle-info span{color:#000;font-size:14px;text-transform:lowercase}.edit-gallery-container .rug .rug-handle .rug-handle-info .rug-handle-button{background-color:#ff5a37;border:0;border-radius:30px;color:#fff;font-family:Montserrat,Noto Sans Thai,sans-serif;font-size:14px;font-style:normal;font-weight:400;margin:0 auto;max-width:240px;overflow:hidden;padding:10px 15px;position:relative;transition:all .3s ease-in-out;width:100%;z-index:1}.edit-gallery-container .rug .rug-handle .rug-handle-info .rug-handle-button:hover{background-color:#ff5a37;color:#fff;opacity:.8}.rug-dragging-item{z-index:9999}.rug-card{max-height:90px;max-width:90px}.rug-card .rug-card-name,.rug-card .rug-card-size{display:none!important}.avatar-buttons-container{margin-top:2px!important}.avatar-buttons-container .avatar-buttons{align-items:center;display:flex;flex-direction:column-reverse;justify-content:space-evenly}.avatar-buttons-container .avatar-buttons button{border:1px solid #ff5a37;border-radius:30px;color:#ff5a37;font-size:14px;margin:0 5px 8px;padding:10px 15px;-webkit-user-select:none;user-select:none;width:calc(100% - 14px)}.avatar-buttons-container .avatar-buttons button.upload{background-color:#ff5a37;color:#fff}.avatar-buttons-container .avatar-buttons button.remove{background-color:#ff5a37b3;color:#fff}.ReactModal__Content{border-radius:10px!important;width:auto!important}@media (max-width:768px){.ReactModal__Content{max-width:310px;overflow:hidden}}.konvajs-content canvas{border-radius:10px}.toastify{padding:10px 9px 10px 16px!important}.toastify span{color:#fff;opacity:.6}.toastify-left,.toastify-right{border-radius:5px!important}@media (max-width:360px){.toastify-left,.toastify-right{left:auto!important;right:15px!important}}.PhoneInputCountrySelectArrow{margin:0 .35em}.PhoneInputInput{background:#0000;border:0}.PhoneInputCountryIcon--border{box-shadow:none!important}.facebook-btn:before{background-image:url(data:image/png;base64,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)}.facebook-btn:before,.line-btn:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:20px;padding:0 10px;width:20px}.line-btn:before{background-image:url(https://www.diflink.com/static/media/line-icon.99ebb67660a5abe864ef.png)}.saturation-white>div>div{transform:translate(0)!important}@keyframes spin{0%{transform:rotate(0deg) scale(1)}to{transform:rotate(1turn) scale(1)}}@media (max-width:768px){.avatar-editor-cover{height:100%!important;width:100%!important}}.section-tag{position:relative;top:-90px}@media (max-width:1200px){.section-tag{top:-60px}}.section-index-wrapper{background-color:#fff;padding:10px;position:-webkit-sticky;position:sticky;text-align:center;top:60px;z-index:9997}@media (min-width:555px){.section-index-wrapper{justify-content:center}}@media (max-width:1200px){.section-index-wrapper{background-color:#ccccccb3;bottom:62px;display:flex;height:49px;left:50%;overflow-x:auto;position:fixed;top:auto;transform:translateX(-50%);transition:.3s;width:100%}}.section-index-wrapper a{background-color:#ff5a37;border-radius:15px;color:#fff;display:inline-block;font-size:11px;line-height:18px;margin:0 3px;padding:5px 12px;text-decoration:none}.section-index-wrapper.hide{bottom:0}.mobile{display:none}@media (max-width:1200px){.mobile{display:block}}.notice{padding-top:10px}.notice p{text-align:center}.notice button{background-color:#ff5a37;border:1px solid #ff5a37;border-radius:30px;color:#fff;cursor:pointer;margin:10px 0 20px;min-width:250px;padding:5px 15px;transition:all .2s ease-in-out}.notice button:hover{background-color:#fff;color:#ff5a37}.notice span.or:after{right:-8px}.notice span.or:after,.notice span.or:before{background-color:#ff5a37;content:"";height:1px;position:absolute;top:8px;width:5px}.notice span.or:before{left:-8px}.notice .message{display:block;margin-bottom:10px}.notice .message.expire,.notice .message.success{color:#000}.wrap-add{align-items:center;background-color:#fff;display:flex;height:73px;justify-content:center;padding:30px 0;position:-webkit-sticky;position:sticky;top:60px;width:100%;z-index:2}@media (max-width:992px){.wrap-add{height:63px}}.wrap-add span.plus{color:#000;font-size:20px;left:50%;position:absolute;top:2px;top:50%}.wrap-add .add-header,.wrap-add .add-link{font-family:Montserrat,Noto Sans Thai,sans-serif;font-style:normal;font-weight:400;margin:0;transition:all .1s ease-in-out}@media (max-width:576px){.wrap-add .add-header:hover,.wrap-add .add-link:hover{letter-spacing:inherit}}.wrap-add .add-link{margin-right:5px}.wrap-add .add-link span.plus{color:#fff;transform:translate(calc(-50% - 60px),-50%)}.wrap-add .add-link:hover{background-color:#ff5a37;border:1px solid #ff5a37;color:#fff}.wrap-add .add-header{margin-left:5px}.wrap-add .add-header span.plus{transform:translate(calc(-50% - 75px),-50%)}.wrap-add .add-header:hover{background-color:#ff5a37;border:1px solid #ff5a37;color:#fff}.wrap-add-popup{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%;z-index:2}.wrap-add-popup span.plus{color:#000;font-size:20px;left:50%;position:absolute;top:2px;top:50%}.wrap-add-popup .add-header,.wrap-add-popup .add-link,.wrap-add-popup .add-page{font-family:Montserrat,Noto Sans Thai,sans-serif;font-style:normal;font-weight:400;margin:5px 0 10px;transition:all .1s ease-in-out;width:100%}@media (max-width:576px){.wrap-add-popup .add-header:hover,.wrap-add-popup .add-link:hover,.wrap-add-popup .add-page:hover{letter-spacing:inherit}}.wrap-add-popup .add-header>img,.wrap-add-popup .add-link>img,.wrap-add-popup .add-page>img{height:auto;margin-right:3px;position:relative;top:2px;width:18px}.wrap-add-popup .add-link{margin-right:5px}.wrap-add-popup .add-link span.plus{color:#fff;transform:translate(calc(-50% - 60px),-50%)}.wrap-add-popup .add-link:hover{opacity:.8}.wrap-add-popup .add-header{background-color:#ff5a37;margin-left:5px}.wrap-add-popup .add-header span.plus{transform:translate(calc(-50% - 75px),-50%)}.wrap-add-popup .add-header:hover{opacity:.8}.wrap-add-popup .add-page{background-color:#0f0;border:1px solid #0f0;margin-right:5px}.wrap-add-popup .add-page span.plus{color:#fff;transform:translate(calc(-50% - 60px),-50%)}.wrap-add-popup .add-page:hover{opacity:.8}.add{background-color:#fff;overflow:visible;overflow:initial;width:100%}.add .link-error-msg{bottom:0;top:auto}.add .link-error-msg p{background-color:#ff000026;border:1px solid red;border-radius:5px;color:red;display:none;font-size:14px;font-weight:400;line-height:inherit;margin:initial;padding:8px;text-align:center;width:100%}.add .wrap-add-new-header,.add .wrap-add-new-link{display:none}.add .wrap-add-new-header form,.add .wrap-add-new-link form{background-color:#ecedf4;border-radius:10px;display:flex;margin:0 0 15px;position:relative}.add .wrap-add-new-header .add-new-link input,.add .wrap-add-new-link .add-new-link input{text-decoration:none;width:40%}.add .wrap-add-new-header .add-new-header input,.add .wrap-add-new-link .add-new-header input{text-decoration:none;width:calc(100% - 126px)}.add .wrap-add-new-header .add-new-header,.add .wrap-add-new-header .add-new-link,.add .wrap-add-new-link .add-new-header,.add .wrap-add-new-link .add-new-link{display:flex;justify-content:space-between;padding:15px;width:100%}@media (max-width:768px){.add .wrap-add-new-header .add-new-header,.add .wrap-add-new-header .add-new-link,.add .wrap-add-new-link .add-new-header,.add .wrap-add-new-link .add-new-link{align-items:center;display:flex;flex-direction:column;width:100%}}.add .wrap-add-new-header .add-new-header button,.add .wrap-add-new-header .add-new-header input,.add .wrap-add-new-header .add-new-link button,.add .wrap-add-new-header .add-new-link input,.add .wrap-add-new-link .add-new-header button,.add .wrap-add-new-link .add-new-header input,.add .wrap-add-new-link .add-new-link button,.add .wrap-add-new-link .add-new-link input{border:1px solid #000;font-size:14px;padding:10px}.add .wrap-add-new-header .add-new-header input,.add .wrap-add-new-header .add-new-link input,.add .wrap-add-new-link .add-new-header input,.add .wrap-add-new-link .add-new-link input{background-color:initial;border:1px solid #ff5a37;border-radius:5px;margin-right:10px}@media (max-width:768px){.add .wrap-add-new-header .add-new-header input,.add .wrap-add-new-header .add-new-link input,.add .wrap-add-new-link .add-new-header input,.add .wrap-add-new-link .add-new-link input{margin-bottom:10px;margin-right:0;width:100%}}.add .wrap-add-new-header .add-new-header button,.add .wrap-add-new-header .add-new-link button,.add .wrap-add-new-link .add-new-header button,.add .wrap-add-new-link .add-new-link button{background-color:#ff5a37;border:1px solid #ff5a37;border-radius:30px;padding:10px 30px;transition:all .1s ease-in-out}.add .wrap-add-new-header .add-new-header button:hover,.add .wrap-add-new-header .add-new-link button:hover,.add .wrap-add-new-link .add-new-header button:hover,.add .wrap-add-new-link .add-new-link button:hover{background-color:initial;color:#ff5a37}.linksList{max-width:none!important;width:100%!important}.linksList .title+.title{margin-top:25px}.linksList .link-url{padding-left:12px}@media (max-width:576px){.linksList .link-url{padding-left:3%}}.linksList .link-url+.title{margin-top:25px}.linksList .title .wrap-drag{background-color:#ff5a37}.linksList .title .wrap-drag span{background-color:#fff;border:1px solid #fff}.linksList .title .wrap-detail .edit-url>div:first-child{margin-bottom:8px;margin-top:1px}.default-layout-wrapper .icon-wrap{align-items:center;display:flex;justify-content:center;overflow:visible;padding-left:12px}.default-layout-wrapper .icon-wrap>div{cursor:pointer;height:18px;margin:5px}.default-layout-wrapper .icon-wrap>div label{font-size:14px;position:relative;top:-2px}.default-layout-wrapper .icon-wrap .active{border:0!important}.default-layout-wrapper .icon-wrap .active .icon-layout span{background-color:#ff5a37}.default-layout-wrapper .icon-wrap .icon-layout{height:auto;overflow:hidden;overflow:visible;position:relative;width:20px}.default-layout-wrapper .icon-wrap .icon-layout span{background-color:#ccc;border-radius:1.2px;display:inline-block;float:left;height:6px;left:1px;margin:1px;position:relative;width:6px;z-index:1}.default-layout-wrapper .icon-wrap .icon-layout span:nth-child(odd){margin:1px}.default-layout-wrapper .icon-wrap .icon-layout.grid span{left:2px;position:relative;top:0}.default-layout-wrapper .icon-wrap .icon-layout.grid-3{width:23px}.default-layout-wrapper .icon-wrap .icon-layout.grid-3 span{height:5px;left:1px;top:1px;width:5px}.default-layout-wrapper .icon-wrap .icon-layout.list{width:24px}.default-layout-wrapper .icon-wrap .icon-layout.list span{height:3px;left:2px;top:1px;width:3px}.default-layout-wrapper .icon-wrap .icon-layout.list span:nth-child(2n){width:14px}.default-layout-wrapper .icon-wrap .icon-layout.grid-1{width:24px}.default-layout-wrapper .icon-wrap .icon-layout.grid-1 span{border-radius:2px;display:none;height:16px;left:3px;top:0;width:16px}.default-layout-wrapper .icon-wrap .icon-layout.grid-1 span:first-child{display:block}.default-layout-wrapper .icon-wrap .icon-layout.grid-carousel{width:24px}.default-layout-wrapper .icon-wrap .icon-layout.grid-carousel span{border-radius:2px;height:14px;left:2px;top:0;width:10px}.default-layout-wrapper .icon-wrap .icon-layout.grid-carousel span:nth-child(odd){width:2px}.wrapper-cover{flex-direction:column}.wrapper-cover h1{margin-bottom:10px}.wrapper-cover input[type=image]{display:block;width:100%}.wrapper-cover>div{border-radius:10px}.wrapper-profile{flex-direction:column;padding:20px 20px 0}.wrapper-profile .wrap-avatar{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-top:25px}.wrapper-profile .pick-image{background-color:#ff5a37;color:#fff}.wrapper-profile input{margin:0 0 25px;width:100%}.wrapper-profile input::placeholder{opacity:.4}.wrapper-profile .wrap-input-profile{position:relative}.wrapper-profile .wrap-input-profile p{bottom:0;color:red;font-size:14px;left:0;position:absolute}.wrapper-profile .wrap-textarea{margin-bottom:5px;padding-bottom:20px;position:relative}.wrapper-profile .wrap-textarea p{bottom:0;color:red;font-size:14px;left:0;position:absolute}.wrapper-profile .wrap-textarea textarea{border:none;border-radius:5px;padding:6px;width:100%}.wrapper-profile .wrap-textarea textarea::placeholder{opacity:.6}@media (max-width:576px){.wrapper-profile .wrap-textarea textarea::placeholder{opacity:1}}.wrapper-profile .onoffswitch{position:absolute;right:20px}.wrapper-anim,.wrapper-arrow-icon,.wrapper-frame-icon{align-items:center;justify-content:space-between}.wrapper-background{display:flex;flex-direction:column;overflow:visible;overflow:initial;padding:20px 20px 5px!important;z-index:1}@media (max-width:767px){.wrapper-background{padding:20px 20px 25px!important}}.wrapper-background .color,.wrapper-background .gradient{align-items:center;display:flex;justify-content:space-around}@media (max-width:767px){.wrapper-background .color,.wrapper-background .gradient{flex-direction:column}}.wrapper-background .color>div:first-child,.wrapper-background .gradient>div:first-child{width:43%}.wrapper-background .color>div:nth-child(2),.wrapper-background .gradient>div:nth-child(2){width:57%}@media (max-width:767px){.wrapper-background .color>div:first-child,.wrapper-background .color>div:nth-child(2),.wrapper-background .gradient>div:first-child,.wrapper-background .gradient>div:nth-child(2){width:100%}}.wrapper-background .color .color-ex,.wrapper-background .gradient .color-ex{background-color:#fff;border-radius:30px;height:300px;margin:20px 0;max-width:200px;padding:40px 15px}.wrapper-background .color .color-ex .circle,.wrapper-background .gradient .color-ex .circle{background-color:#c4c4c4;border-radius:50%;height:50px;margin-left:15px;width:50px}.wrapper-background .color .color-ex .wrap-line,.wrapper-background .gradient .color-ex .wrap-line{display:flex;height:110px;margin-top:30px;position:relative;width:100%}.wrapper-background .color .color-ex .wrap-line span,.wrapper-background .gradient .color-ex .wrap-line span{background-color:#000;height:2px;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease-in-out;width:100%}.wrapper-background .color .color-ex .wrap-line span:first-child,.wrapper-background .gradient .color-ex .wrap-line span:first-child{top:calc(50% - 30px)}.wrapper-background .color .color-ex .wrap-line span:nth-child(3),.wrapper-background .gradient .color-ex .wrap-line span:nth-child(3){top:calc(50% + 30px)}.wrapper-background .color .color-ex .wrap-line div,.wrapper-background .gradient .color-ex .wrap-line div{align-items:center;color:#c4c4c4;display:flex;font-size:18px;justify-content:center}.wrapper-background .color .color-ex .wrap-line div:first-child,.wrapper-background .gradient .color-ex .wrap-line div:first-child{border:2px solid #c4c4c4;border-radius:5px;height:100%;margin-right:10px;position:relative;width:50%}.wrapper-background .color .color-ex .wrap-line div:last-child,.wrapper-background .gradient .color-ex .wrap-line div:last-child{border:2px solid #c4c4c4;border-radius:5px;height:100%;position:relative;width:50%}.wrapper-background .color .wrap-color,.wrapper-background .gradient .wrap-color{align-items:center;display:flex;flex-direction:column;margin:20px 0;overflow-x:visible;overflow-x:initial}.wrapper-background .color .wrap-color.wrap-color-top,.wrapper-background .gradient .wrap-color.wrap-color-top{margin:initial}.wrapper-background .color .wrap-color.wrap-color-bottom .duo-color,.wrapper-background .gradient .wrap-color.wrap-color-bottom .duo-color{align-items:center;display:flex}.wrapper-background .color .wrap-color.wrap-color-bottom .duo-color p,.wrapper-background .gradient .wrap-color.wrap-color-bottom .duo-color p{padding-left:10px;width:100px}.wrapper-background .color .wrap-color .color-search,.wrapper-background .gradient .wrap-color .color-search{align-items:center;border:1px solid #ff5a37;border-radius:30px;display:flex;justify-content:space-between;padding-right:10px;position:relative}@media (max-width:576px){.wrapper-background .color .wrap-color .color-search,.wrapper-background .gradient .wrap-color .color-search{width:100%}}.wrapper-background .color .wrap-color .color-search form,.wrapper-background .gradient .wrap-color .color-search form{align-items:center;display:flex;flex-grow:0;flex-shrink:0;width:170px}.wrapper-background .color .wrap-color .color-search form input,.wrapper-background .gradient .wrap-color .color-search form input{background-color:initial;background-position:100% 0;background-repeat:no-repeat;border:#0000;text-align:center;text-transform:uppercase;width:100%}@media (max-width:360px){.wrapper-background .color .wrap-color .color-search form input,.wrapper-background .gradient .wrap-color .color-search form input{font-size:11px}}.wrapper-background .color .wrap-color .color-search p,.wrapper-background .gradient .wrap-color .color-search p{background-color:#ff5a37;border:1px solid #ff5a37;border-radius:30px;color:#fff;cursor:pointer;font-size:11px;line-height:inherit;padding:5px 10px}.wrapper-background .color .wrap-color .color-search .color-pick,.wrapper-background .gradient .wrap-color .color-search .color-pick{border-radius:50%;cursor:pointer;flex-grow:0;flex-shrink:0;height:50px;position:relative;width:50px}.wrapper-background .color .wrap-color .close,.wrapper-background .gradient .wrap-color .close{bottom:0;left:0;position:fixed;right:0;top:0}.wrapper-background .color .wrap-color #wrap-colorpicker2,.wrapper-background .gradient .wrap-color #wrap-colorpicker2{bottom:-95px}@media (max-width:767px){.wrapper-background .color .wrap-color #wrap-colorpicker2,.wrapper-background .gradient .wrap-color #wrap-colorpicker2{bottom:-160px}}.wrapper-background .color .wrap-color .wrap-colorpicker,.wrapper-background .gradient .wrap-color .wrap-colorpicker{background-color:#00000080;border-radius:10px;bottom:0;height:255px;overflow:visible;overflow:initial;position:absolute;width:260px;z-index:1}@media (max-width:767px){.wrapper-background .color .wrap-color .wrap-colorpicker,.wrapper-background .gradient .wrap-color .wrap-colorpicker{bottom:-62px}}.wrapper-background .color .wrap-color .wrap-colorpicker .wrap-confirm,.wrapper-background .gradient .wrap-color .wrap-colorpicker .wrap-confirm{align-items:center;display:flex;justify-content:center}.wrapper-background .color .wrap-color .wrap-colorpicker .wrap-confirm button,.wrapper-background .gradient .wrap-color .wrap-colorpicker .wrap-confirm button{background-color:#fff;border:1px solid #ff5a37;border-radius:30px;color:#000;cursor:pointer;margin:5px;padding:5px 0;width:50%}.wrapper-background .color .wrap-color .wrap-colorpicker .wrap-confirm .confirmation-button,.wrapper-background .gradient .wrap-color .wrap-colorpicker .wrap-confirm .confirmation-button{background-color:#ff5a37;color:#fff}.wrapper-background .color .wrap-color .react-colorful,.wrapper-background .gradient .wrap-color .react-colorful{margin:5px auto;overflow:visible;overflow:initial;width:250px}.wrapper-background .color .wrap-color .react-colorful .react-colorful__hue,.wrapper-background .color .wrap-color .react-colorful .react-colorful__hue .react-colorful__interactive,.wrapper-background .color .wrap-color .react-colorful .react-colorful__saturation,.wrapper-background .color .wrap-color .react-colorful .react-colorful__saturation .react-colorful__interactive,.wrapper-background .gradient .wrap-color .react-colorful .react-colorful__hue,.wrapper-background .gradient .wrap-color .react-colorful .react-colorful__hue .react-colorful__interactive,.wrapper-background .gradient .wrap-color .react-colorful .react-colorful__saturation,.wrapper-background .gradient .wrap-color .react-colorful .react-colorful__saturation .react-colorful__interactive{overflow:visible;overflow:initial}.wrapper-background .color .bg_solid_color_history,.wrapper-background .gradient .bg_solid_color_history{align-items:center;display:flex;justify-content:center;padding-bottom:10px;padding-top:70px}.wrapper-background .color .bg_solid_color_history input.circle,.wrapper-background .gradient .bg_solid_color_history input.circle{border:0;border-radius:50%;cursor:pointer;height:50px;width:50px}.wrapper-background .color .bg_solid_color_history input.circle:first-child,.wrapper-background .gradient .bg_solid_color_history input.circle:first-child{background-color:#fff}.wrapper-background .color .bg_solid_color_history input.circle:nth-child(2),.wrapper-background .gradient .bg_solid_color_history input.circle:nth-child(2){background-color:#979797}.wrapper-background .color .bg_solid_color_history input.circle:nth-child(3),.wrapper-background .gradient .bg_solid_color_history input.circle:nth-child(3){background-color:#000}.wrapper-background .color .bg_solid_color_history input.circle:nth-child(4),.wrapper-background .gradient .bg_solid_color_history input.circle:nth-child(4){background-color:#ff5a37}.wrapper-background .color .bg_solid_color_history>div,.wrapper-background .gradient .bg_solid_color_history>div{border-radius:50%;box-shadow:-7px -7px 10px 0 #ffffff80,7px 7px 10px 0 #99999980;height:50px;margin:5px 7px;overflow-x:visible;overflow-x:initial;position:relative;width:50px}.wrapper-background .color .bg_solid_color_history .active,.wrapper-background .gradient .bg_solid_color_history .active{border:initial}.wrapper-background .color .bg_solid_color_history .active:before,.wrapper-background .gradient .bg_solid_color_history .active:before{border:2px solid #000;border-radius:50%;content:"";height:54px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:54px}.wrapper-background .color .wrap-using,.wrapper-background .gradient .wrap-using{align-items:center;background-color:initial;border:1px solid #ff5a37;border-radius:10px;color:#000;cursor:pointer;display:flex;font-size:14px;justify-content:space-around;margin:0 auto 20px;max-height:35px;max-width:100px;overflow:hidden;padding:10px;text-transform:uppercase;width:100%}.wrapper-background .color .wrap-using.using,.wrapper-background .gradient .wrap-using.using{background-color:#ff5a37;color:#fff}@media (max-width:576px){.wrapper-background .color .wrap-using.wrap-using-gradient,.wrapper-background .color .wrap-using.wrap-using-solid,.wrapper-background .gradient .wrap-using.wrap-using-gradient,.wrapper-background .gradient .wrap-using.wrap-using-solid{margin:10px auto 0}}.wrapper-background .color .wrap-using img,.wrapper-background .gradient .wrap-using img{width:20px}.wrapper-background .gradient .color-ex .wrap-line{display:flex}.wrapper-background .gradient .color-ex .wrap-line span{background-color:#ccc}.wrapper-background .gradient .wrap-gradient .wrap-gradient-pattern{align-items:center;display:flex;justify-content:center}.wrapper-background .gradient .wrap-gradient .wrap-gradient-pattern input.circle-gradient{border:0;border-radius:50%;cursor:pointer;height:50px;width:50px}.wrapper-background .gradient .wrap-gradient .wrap-gradient-pattern>div{border-radius:50%;height:50px;margin:5px 7px;overflow-x:visible;overflow-x:initial;position:relative;width:50px}.wrapper-background .gradient .wrap-gradient .wrap-gradient-pattern .active{border:initial}.wrapper-background .gradient .wrap-gradient .wrap-gradient-pattern .active:before{border:2px solid #000;border-radius:50%;content:"";height:54px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:54px}.wrapper-font{flex-direction:column}.wrapper-font .wrap-fontname ul{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-evenly;padding-top:10px}.wrapper-font .wrap-fontname ul li{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:10px;width:20%}@media (max-width:767px){.wrapper-font .wrap-fontname ul li{width:33%}}.wrapper-font .wrap-fontname ul li input{align-items:center;background-color:initial;border:1px solid #ff5a37;border-radius:10px;cursor:pointer;display:flex;font-size:36px;height:90px;justify-content:center;max-width:140px;width:100%}@media (max-width:768px){.wrapper-font .wrap-fontname ul li input{height:70px}}.wrapper-font .wrap-fontname ul li .active{background-color:#ff5a37;color:#fff}.wrapper-font .wrap-fontname ul li p{line-height:20px;padding:10px 0;text-align:center}.wrapper-font .wrap-fontname ul li.oswald input,.wrapper-font .wrap-fontname ul li.oswald p{font-family:Oswald,sans-serif}.wrapper-font .wrap-fontname ul li.tenor-sans input,.wrapper-font .wrap-fontname ul li.tenor-sans p{font-family:Tenor Sans,sans-serif}.wrapper-font .wrap-fontname ul li.spartan input,.wrapper-font .wrap-fontname ul li.spartan p{font-family:Spartan,sans-serif}.wrapper-font .wrap-fontname ul li.montserrat input,.wrapper-font .wrap-fontname ul li.montserrat p{font-family:Montserrat,Noto Sans Thai,sans-serif}.wrapper-font .wrap-fontname ul li.bodoni-moda input,.wrapper-font .wrap-fontname ul li.bodoni-moda p{font-family:Bodoni Moda,serif}.wrapper-font .wrap-fontname ul li.bellefair input,.wrapper-font .wrap-fontname ul li.bellefair p{font-family:Bellefair,serif}.wrapper-font .wrap-fontname ul li.bellefair p{font-size:18px}.wrapper-font .wrap-fontname ul li.glegoo input,.wrapper-font .wrap-fontname ul li.glegoo p{font-family:Glegoo,serif}.wrapper-font .wrap-fontname ul li.josefin-slab input,.wrapper-font .wrap-fontname ul li.josefin-slab p{font-family:Josefin Slab,serif}.wrapper-font .wrap-fontname ul li.josefin-slab p{font-size:18px}.wrapper-font .wrap-fontname ul li.dosis input,.wrapper-font .wrap-fontname ul li.dosis p{font-family:Dosis,serif}.wrapper-font .wrap-fontname ul li.rufina input,.wrapper-font .wrap-fontname ul li.rufina p{font-family:Rufina,serif}.wrapper-font .wrap-fontname ul li.petit input,.wrapper-font .wrap-fontname ul li.petit p{font-family:Petit Formal Script,serif}.wrapper-font .wrap-fontname ul li.mooli input,.wrapper-font .wrap-fontname ul li.mooli p{font-family:Mooli,serif}.wrapper-font .wrap-fontname ul li.anuphan input,.wrapper-font .wrap-fontname ul li.anuphan p{font-family:Anuphan,serif}.wrapper-font .wrap-fontname ul li.athiti input,.wrapper-font .wrap-fontname ul li.athiti p{font-family:Athiti,serif}.wrapper-font .wrap-fontname ul li.noto-serif input,.wrapper-font .wrap-fontname ul li.noto-serif p{font-family:"Noto Serif Thai",serif}.wrapper-font .wrap-fontname ul li.ibm-plex-sans input,.wrapper-font .wrap-fontname ul li.ibm-plex-sans p{font-family:IBM Plex Sans Thai,serif}.wrapper-font .wrap-fontname ul li.mali input,.wrapper-font .wrap-fontname ul li.mali p{font-family:Mali,serif}.wrapper-font .wrap-fontname ul li.chonburi input,.wrapper-font .wrap-fontname ul li.chonburi p{font-family:Chonburi,serif}.wrapper-font .wrap-fontname ul li.kodchasan input,.wrapper-font .wrap-fontname ul li.kodchasan p{font-family:Kodchasan,serif}.wrapper-font .wrap-fontname ul li.sarabun input,.wrapper-font .wrap-fontname ul li.sarabun p{font-family:Sarabun,serif}.wrapper-color-font{align-items:center;flex-direction:column;justify-content:space-between;overflow:visible;overflow:initial}.wrapper-color-font .wrap-font-color{align-items:center;display:flex;justify-content:space-between;width:100%}@media (max-width:576px){.wrapper-color-font .wrap-font-color{align-items:normal;flex-direction:column}}.wrapper-color-font .wrap-font-color h1{padding:20px 0}@media (max-width:576px){.wrapper-color-font .wrap-font-color h1{padding:0}}.wrapper-color-font .wrap-font-color .wrap-color{align-items:center;display:flex;flex-direction:column;margin:10px 0;overflow-x:visible;overflow-x:initial}.wrapper-color-font .wrap-font-color .wrap-color .color-search{align-items:center;border:1px solid #ff5a37;border-radius:30px;display:flex;justify-content:space-between;padding-right:10px;position:relative;width:100%}.wrapper-color-font .wrap-font-color .wrap-color .color-search form{align-items:center;display:flex;flex-grow:0;flex-shrink:0;width:170px}.wrapper-color-font .wrap-font-color .wrap-color .color-search form input{background-color:initial;background-position:100% 0;background-repeat:no-repeat;border:#0000;text-align:center;text-transform:uppercase;width:100%}@media (max-width:360px){.wrapper-color-font .wrap-font-color .wrap-color .color-search form input{font-size:11px}}.wrapper-color-font .wrap-font-color .wrap-color .color-search p{background-color:#ff5a37;border:1px solid #ff5a37;border-radius:30px;color:#fff;cursor:pointer;font-size:11px;line-height:inherit;padding:5px 10px}.wrapper-color-font .wrap-font-color .wrap-color .color-search .color-pick{border-radius:50%;cursor:pointer;flex-grow:0;flex-shrink:0;height:50px;position:relative;width:50px}.wrapper-color-font .wrap-font-color .wrap-color .close{bottom:0;left:0;position:fixed;right:0;top:0}.wrapper-color-font .wrap-font-color .wrap-color .wrap-colorpicker{background-color:#00000080;border-radius:10px;height:255px;overflow:visible;overflow:initial;position:absolute;top:-230px;width:260px;z-index:1}@media (max-width:576px){.wrapper-color-font .wrap-font-color .wrap-color .wrap-colorpicker{top:-205px}}.wrapper-color-font .wrap-font-color .wrap-color .wrap-colorpicker .wrap-confirm{align-items:center;display:flex;justify-content:center}.wrapper-color-font .wrap-font-color .wrap-color .wrap-colorpicker .wrap-confirm button{background-color:#fff;border:1px solid #ff5a37;border-radius:30px;color:#000;cursor:pointer;margin:5px;padding:5px 0;width:50%}.wrapper-color-font .wrap-font-color .wrap-color .wrap-colorpicker .wrap-confirm .confirmation-button{background-color:#ff5a37;color:#fff}.wrapper-color-font .wrap-font-color .wrap-color .react-colorful{margin:5px auto;overflow:visible;overflow:initial;width:250px}.wrapper-color-font .wrap-font-color .wrap-color .react-colorful .react-colorful__hue,.wrapper-color-font .wrap-font-color .wrap-color .react-colorful .react-colorful__hue .react-colorful__interactive,.wrapper-color-font .wrap-font-color .wrap-color .react-colorful .react-colorful__saturation,.wrapper-color-font .wrap-font-color .wrap-color .react-colorful .react-colorful__saturation .react-colorful__interactive{overflow:visible;overflow:initial}.wrapper-color-font .wrap-font-color-his{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:10px 0;width:100%}.wrapper-color-font .wrap-font-color-his .wrap-input-color{margin:5px 0;padding:5px 0 0;position:relative;text-align:center;width:25%}.wrapper-color-font .wrap-font-color-his .wrap-input-color input.circle{border:0;border-radius:50%;cursor:pointer;height:100px;width:100px}@media (max-width:576px){.wrapper-color-font .wrap-font-color-his .wrap-input-color input.circle{height:60px;width:60px}}.wrapper-color-font .wrap-font-color-his .wrap-input-color.active{border:initial}.wrapper-color-font .wrap-font-color-his .wrap-input-color.active:before{border:2px solid #000;border-radius:50%;content:"";height:104px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:104px}@media (max-width:576px){.wrapper-color-font .wrap-font-color-his .wrap-input-color.active:before{height:64px;width:64px}}.wrap-social{background-color:#ecedf4;border-radius:10px;margin-top:20px;padding:20px 20px 5px;width:100%}.wrap-social>h1{padding-bottom:15px;text-align:left}.wrap-social .wrap-input{margin-bottom:5px;padding:0 0 20px;position:relative}.wrap-social .wrap-input p{font-size:14px;margin-bottom:5px}.wrap-social .wrap-input input{height:35px;width:100%}.wrap-social .wrap-input p.error{bottom:0;color:red;font-size:14px;left:0;line-height:inherit;margin-bottom:0;position:absolute}.wrap-social .wrap-input .icon{background-color:#ccc;border-bottom-left-radius:5px;border-top-left-radius:5px;bottom:0;height:35px;left:0;overflow:hidden;padding:5px;position:absolute;width:35px}.wrap-social .wrap-input .icon img{height:100%;width:100%}.wrap-social .wrap-input .icon path,.wrap-social .wrap-input .icon svg{fill:#fff}.wrap-social select{background-color:#fff;border:1px solid #ccc;border-radius:30px;color:#000;padding:2px 8px}:not(input[type=text],input[type=password]),:not(input[type=text],input[type=password]):focus{-webkit-tap-highlight-color:transparent;outline:none}.onoffswitch{min-width:45px;position:relative;width:45px}.onoffswitch-checkbox{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;width:100%;z-index:1}.onoffswitch-checkbox:focus{-webkit-tap-highlight-color:transparent;outline:none;-webkit-user-select:none;user-select:none}.onoffswitch-label{border:1px solid #ff5a37;border-radius:20px;cursor:pointer;display:block;overflow:hidden}.onoffswitch-inner{display:block;margin-left:-100%;transition:margin .3s ease-in 0s;width:200%}.onoffswitch-inner:after,.onoffswitch-inner:before{box-sizing:border-box;display:block;float:left;font-family:Trebuchet,Arial,sans-serif;font-size:14px;font-weight:700;height:25px;line-height:30px;padding:0;width:50%}.onoffswitch-inner:before{background-color:#ff5a37;content:"";padding-left:10px}.onoffswitch-inner:after{background-color:initial;content:"";padding-right:10px;text-align:right}.onoffswitch-switch{background:#ecedf4;border:1px solid #ff5a37;border-radius:20px;bottom:0;display:block;margin:4px;position:absolute;right:16px;top:0;transition:all .3s ease-in 0s;width:19px}.onoffswitch-checkbox:checked+.onoffswitch-label{background-color:#ff5a37}.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner{margin-left:0}.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch{right:0}.onoffswitch-checkbox:disabled+.onoffswitch-label{opacity:.5}.form-container{margin:0 auto;max-width:992px;padding:60px 0;position:relative;width:100%}@media (max-width:1024px){.form-container{max-width:768px}}@media (max-width:768px){.form-container{max-width:576px}}@media (max-width:576px){.form-container{max-width:350px;padding:30px 0}}.form-container .diflink-logo{align-items:center;display:flex;justify-content:center;margin-bottom:60px}@media (max-width:576px){.form-container .diflink-logo{margin-bottom:30px}}.form-container .wrap-form{align-items:center;background-color:#ecedf4;border-radius:15px;display:flex;flex-direction:column;justify-content:center;padding:60px;position:relative}@media (max-width:576px){.form-container .wrap-form{padding:40px 20px}}.form-container .wrap-form h1{font-size:30px;padding-bottom:40px}.form-container .wrap-form form{display:flex;flex-direction:column;max-width:400px;position:relative;width:100%}.form-container .wrap-form form .login,.form-container .wrap-form form .signup{align-items:center;display:flex;flex-direction:column;justify-content:center;overflow:hidden;width:100%}.form-container .wrap-form form .login>a,.form-container .wrap-form form .signup>a{padding-top:20px}.form-container .wrap-form form .login input,.form-container .wrap-form form .signup input{font-family:Montserrat,Noto Sans Thai,sans-serif;font-style:normal;font-weight:400}.form-container .wrap-form form .login .user-input,.form-container .wrap-form form .signup .user-input{background-color:initial;border:1px solid #ff5a37;border-radius:30px;cursor:auto;font-size:1rem;line-height:19px;margin:8px;padding:16px;width:100%}.form-container .wrap-form form .login .user-input::placeholder,.form-container .wrap-form form .signup .user-input::placeholder{color:#999;font-size:1rem;line-height:19px}.form-container .wrap-form form .login .wrap-check,.form-container .wrap-form form .signup .wrap-check{align-items:flex-start;display:flex;flex-wrap:wrap;padding:10px 0 20px;width:100%}.form-container .wrap-form form .login .wrap-check>div,.form-container .wrap-form form .signup .wrap-check>div{width:7%}.form-container .wrap-form form .login .wrap-check label,.form-container .wrap-form form .signup .wrap-check label{margin:0;padding-left:10px;text-align:left;width:90%}.form-container .wrap-form form .login .wrap-check a,.form-container .wrap-form form .login .wrap-check label,.form-container .wrap-form form .signup .wrap-check a,.form-container .wrap-form form .signup .wrap-check label{font-family:Montserrat,Noto Sans Thai,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.4}.form-container .wrap-form form .login .wrap-check input#check,.form-container .wrap-form form .signup .wrap-check input#check{margin:2px 0 0 6px}.form-container .wrap-form form .login .submit,.form-container .wrap-form form .signup .submit{background-color:#ff5a37;border:1px solid #ff5a37;border-radius:30px;color:#fff;cursor:pointer;font-family:Montserrat,Noto Sans Thai,sans-serif;font-style:normal;font-weight:700;letter-spacing:1.5px;padding:15px;transition:all .3s ease-in-out;width:100%}.form-container .wrap-form form .login .submit:hover,.form-container .wrap-form form .signup .submit:hover{background:#0000;color:#ff5a37}.form-container .wrap-form form .login .wrap-username,.form-container .wrap-form form .signup .wrap-username{font-family:Montserrat,Noto Sans Thai,sans-serif;font-style:normal;font-weight:400;position:relative;width:100%}.form-container .wrap-form form .login .wrap-username>span,.form-container .wrap-form form .signup .wrap-username>span{color:#000;left:15px;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-10px)}.form-container .wrap-form form .login .wrap-username input,.form-container .wrap-form form .signup .wrap-username input{margin:8px 0;padding-left:72px}.form-container .wrap-form span{align-items:center;display:flex;padding-top:40px}.form-container .wrap-form span,.form-container .wrap-form span a{font-family:Montserrat,Noto Sans Thai,sans-serif;font-style:normal;font-weight:400}.form-container .wrap-form span a{color:#000}.form-container .line-container{max-width:400px;padding-top:20px;width:100%}.form-container .line-container p{overflow:hidden;text-align:center}.form-container .line-container p:after,.form-container .line-container p:before{background-color:#ff5a37;content:"";display:inline-block;height:1px;position:relative;vertical-align:middle;width:50%}.form-container .line-container p:before{margin-left:-50%;right:.5em}.form-container .line-container p:after{left:.5em;margin-right:-50%}.form-container .btn-container{max-width:400px;padding-top:20px;width:100%}.form-container .btn-container>span{padding-top:15px}.form-container .btn-container .google-btn{align-items:center!important;background:#ecedf4!important;border:1px solid #ff5a37!important;border-radius:30px!important;box-shadow:none!important;display:flex!important;height:51px;justify-content:center!important;width:100%!important}.form-container .btn-container .google-btn>div{background-color:initial!important;display:flex;margin:initial!important}.form-container .btn-container .google-btn>div>svg{height:20px;width:20px}.form-container .btn-container .google-btn>span{color:#000!important}.form-container .btn-container .facebook-btn,.form-container .btn-container .line-btn{align-items:center;background:#ecedf4;border:1px solid #ff5a37;border-radius:30px;box-shadow:none;color:#000;cursor:pointer;display:flex;height:51px;justify-content:center;margin-top:15px;padding:10px 0;width:100%}.admin-header-menu{position:relative;z-index:999}.admin-header-menu .wrap-menu-header{align-items:center;border-bottom:1px solid #ccc;display:flex;height:60px;justify-content:space-between;padding:15px 20px;position:fixed;top:0;transition:all .1s linear;width:100%;z-index:9999}.admin-header-menu .wrap-menu-header>a{line-height:inherit}.admin-header-menu .wrap-menu-header .menu,.admin-header-menu .wrap-menu-header .menu .span-menu{align-items:center;display:flex;justify-content:center}.admin-header-menu .wrap-menu-header .menu .span-menu{cursor:pointer;height:30px;position:relative;width:30px}.admin-header-menu .wrap-menu-header .menu .span-menu span{background-color:#ff5a37;height:2px;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease-in-out;width:100%}.admin-header-menu .wrap-menu-header .menu .span-menu span:first-child{top:calc(50% - 8px)}.admin-header-menu .wrap-menu-header .menu .span-menu span:nth-child(3){top:calc(50% + 8px)}.admin-header-menu .wrap-menu-header .menu .span-menu svg{width:100%}.admin-header-menu .wrap-menu-header .menu .avatar-header{margin-right:15px;pointer-events:none}.admin-header-menu .wrap-menu-header .menu .avatar-header div>input{height:36px;width:36px!important}.admin-header-menu .wrap-menu-header .menu nav{left:calc(50% + 2px);position:absolute;top:50%;transform:translate(-50%,-50%)}.admin-header-menu .wrap-menu-header .menu a{border-bottom:3px solid #0000;color:#6f6f6f;font-weight:600;margin:0 10px;padding-bottom:17px;text-decoration:none;text-decoration:initial}.admin-header-menu .wrap-menu-header .menu a.active{border-bottom:3px solid #ff5a37;color:#000}.admin-header-menu .wrap-menu-header .menu a.desktop{display:none}@media (min-width:1201px){.admin-header-menu .wrap-menu-header .menu a.desktop{display:inline}}.wrap-menu{background-color:#fff;bottom:0;left:-100%;position:fixed;top:0;width:100%;z-index:9999}.wrap-menu .wrapper-menu{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:0 30px;position:relative;top:-50px;width:100%}@media (max-width:1200px) and (orientation:landscape){.wrap-menu .wrapper-menu{overflow-x:scroll;padding:60px 0}}.wrap-menu .wrapper-menu .header-links{align-items:center;color:#000;display:flex;font-family:Montserrat,Noto Sans Thai,sans-serif;font-size:36px;font-style:normal;font-weight:700;justify-content:center;margin:initial;max-width:576px;overflow:hidden;padding:40px 0;position:relative;width:100%}.wrap-menu .wrapper-menu .header-links:hover{color:#000}.wrap-menu .wrapper-menu .header-links.active{border-bottom:initial;color:#000}.wrap-menu .wrapper-menu .header-links:nth-child(2n):after,.wrap-menu .wrapper-menu .header-links:nth-child(2n):before{background-color:#ff5a37;content:"";height:2px;left:-50%;position:absolute;transition:all .3s ease-in-out;width:200%}.wrap-menu .wrapper-menu .header-links:nth-child(2n):before{top:0}.wrap-menu .wrapper-menu .header-links:nth-child(2n):after{bottom:0}.wrap-menu .wrapper-menu .header-links.desktop{display:block}@media (max-width:1200px){.wrap-menu .wrapper-menu .header-links.desktop{display:none}}.wrap-menu .wrapper-menu .header-links.mobile{display:none}@media (max-width:1200px){.wrap-menu .wrapper-menu .header-links.mobile{display:block}}.wrap-menu .wrapper-menu .span-close{cursor:pointer;display:flex;height:40px;position:absolute;right:10px;top:60px;width:40px}.wrap-menu .wrapper-menu .span-close span{background-color:#ff5a37;height:2px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}.wrap-menu .wrapper-menu .span-close span:first-child{top:50%;transform:rotate(45deg)}.wrap-menu .wrapper-menu .span-close span:nth-child(2){top:50%;transform:rotate(-45deg)}.edit-link-wrap-container{background-color:#ecedf4;border-radius:10px;color:#1f1c1c;cursor:default;cursor:pointer;display:flex;font-weight:700;margin:10px 0 0;overflow:hidden;position:relative;text-align:center;text-decoration:none}.edit-link-wrap-container.type-1 .wrap-detail{padding-right:45px}.edit-link-wrap-container.type-3 .wrap-drag{background-color:#0f0;border-right:1px solid #0f0}.edit-link-wrap-container.type-3 .wrap-drag span{background-color:#fff;border:1px solid #fff}.edit-link-wrap-container.type-3 .onoffswitch-checkbox:checked+.onoffswitch-label,.edit-link-wrap-container.type-3 .onoffswitch-inner:before{background-color:#0f0}.edit-link-wrap-container.type-3 .onoffswitch-label,.edit-link-wrap-container.type-3 .onoffswitch-switch{border:1px solid #0f0}.edit-link-wrap-container .wrap-drag{align-items:center;border-right:1px solid #ff5a37;display:flex;flex-direction:column;justify-content:center;max-width:40px;padding:0 12px 0 15px;position:relative;width:4%}.edit-link-wrap-container .wrap-drag span{background:#ff5a37;border:1px solid #ff5a37;border-radius:50%;height:8px;margin:3px 0;width:8px}.edit-link-wrap-container .wrap-detail{max-width:calc(100% - 28px);padding:12px 15px;position:relative;width:96%}.edit-link-wrap-container .wrap-detail .edit-linkTitle,.edit-link-wrap-container .wrap-detail .edit-url{align-items:center;display:flex;justify-content:space-between;width:100%}.edit-link-wrap-container .wrap-detail .edit-linkTitle .edit-linkTitle-wrap{font-family:Montserrat,Noto Sans Thai,sans-serif;font-style:normal;font-weight:700}.edit-link-wrap-container .wrap-detail .edit-linkTitle .edit-linkTitle-wrap form .edit-link-input{background-color:initial;border-bottom:1px solid #ff5a37;width:100%}.edit-link-wrap-container .wrap-detail .edit-linkTitle .edit-linkTitle-wrap span{color:#1f1c1c}.edit-link-wrap-container .wrap-detail .edit-none-url,.edit-link-wrap-container .wrap-detail .edit-url{display:flex;flex-wrap:wrap}.edit-link-wrap-container .wrap-detail .edit-none-url .edit-url-wrap,.edit-link-wrap-container .wrap-detail .edit-url .edit-url-wrap{font-family:Montserrat,Noto Sans Thai,sans-serif;font-style:normal;font-weight:400;text-align:left}.edit-link-wrap-container .wrap-detail .edit-none-url .edit-url-wrap.edited,.edit-link-wrap-container .wrap-detail .edit-url .edit-url-wrap.edited{margin:5px auto;max-width:calc(100% - 33px);width:calc(100% - 85px)}.edit-link-wrap-container .wrap-detail .edit-none-url .edit-url-wrap.edited.edited.header,.edit-link-wrap-container .wrap-detail .edit-none-url .edit-url-wrap.edited.edited.page,.edit-link-wrap-container .wrap-detail .edit-url .edit-url-wrap.edited.edited.header,.edit-link-wrap-container .wrap-detail .edit-url .edit-url-wrap.edited.edited.page{width:100%}.edit-link-wrap-container .wrap-detail .edit-none-url .edit-url-wrap.edited textarea,.edit-link-wrap-container .wrap-detail .edit-url .edit-url-wrap.edited textarea{background-color:#fff!important;border:1px solid #ff5a37!important}.edit-link-wrap-container .wrap-detail .edit-none-url .edit-url-wrap.edited .action-button button,.edit-link-wrap-container .wrap-detail .edit-url .edit-url-wrap.edited .action-button button{border:1px solid #ff5a37;border-radius:30px;color:#000;cursor:pointer;display:inline-flex;padding:5px 20px}.edit-link-wrap-container .wrap-detail .edit-none-url .edit-url-wrap.edited .action-button button:first-child,.edit-link-wrap-container .wrap-detail .edit-url .edit-url-wrap.edited .action-button button:first-child{background-color:#ff5a37;color:#fff}.edit-link-wrap-container .wrap-detail .edit-none-url .edit-url-wrap form,.edit-link-wrap-container .wrap-detail .edit-url .edit-url-wrap form{display:flex;flex-direction:column}.edit-link-wrap-container .wrap-detail .edit-none-url .edit-url-wrap form label,.edit-link-wrap-container .wrap-detail .edit-url .edit-url-wrap form label{margin-bottom:5px}.edit-link-wrap-container .wrap-detail .edit-none-url .edit-url-wrap form input,.edit-link-wrap-container .wrap-detail .edit-none-url .edit-url-wrap form textarea,.edit-link-wrap-container .wrap-detail .edit-url .edit-url-wrap form input,.edit-link-wrap-container .wrap-detail .edit-url .edit-url-wrap form textarea{margin-bottom:10px}.edit-link-wrap-container .wrap-detail .edit-none-url .edit-url-wrap form .edit-link-input,.edit-link-wrap-container .wrap-detail .edit-url .edit-url-wrap form .edit-link-input{background-color:initial;border-bottom:1px solid #ff5a37;width:100%}.edit-link-wrap-container .wrap-detail .edit-none-url .edit-url-wrap form .wrap-image,.edit-link-wrap-container .wrap-detail .edit-url .edit-url-wrap form .wrap-image{display:flex;margin-bottom:10px}.edit-link-wrap-container .wrap-detail .edit-none-url .edit-url-wrap form .wrap-image>li,.edit-link-wrap-container .wrap-detail .edit-url .edit-url-wrap form .wrap-image>li{background-color:#3d4852;border-radius:5px;height:0;overflow:hidden;padding-top:calc(16.66667% - 8px);position:relative;width:calc(16.66667% - 8px)}.edit-link-wrap-container .wrap-detail .edit-none-url .edit-url-wrap form .wrap-image>li:not(:last-child),.edit-link-wrap-container .wrap-detail .edit-url .edit-url-wrap form .wrap-image>li:not(:last-child){margin-right:10px}.edit-link-wrap-container .wrap-detail .edit-none-url .edit-url-wrap form .wrap-image>li img,.edit-link-wrap-container .wrap-detail .edit-url .edit-url-wrap form .wrap-image>li img{display:block;height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%}.edit-link-wrap-container .wrap-detail .edit-none-url .edit-url-wrap .edit-button,.edit-link-wrap-container .wrap-detail .edit-url .edit-url-wrap .edit-button{position:relative}.edit-link-wrap-container .wrap-detail .edit-none-url .edit-url-wrap span,.edit-link-wrap-container .wrap-detail .edit-url .edit-url-wrap span{color:#1f1c1c}.edit-link-wrap-container .wrap-detail .edit-none-url .wrap-icon-link,.edit-link-wrap-container .wrap-detail .edit-url .wrap-icon-link{align-items:flex-start;display:flex;justify-content:space-between;margin-top:3px}.edit-link-wrap-container .wrap-detail .edit-none-url .wrap-icon-link svg,.edit-link-wrap-container .wrap-detail .edit-url .wrap-icon-link svg{height:20px;position:relative;right:-2px;top:4px;width:18px}.edit-link-wrap-container .wrap-detail .edit-none-url .wrap-icon-link .link-analytics,.edit-link-wrap-container .wrap-detail .edit-url .wrap-icon-link .link-analytics{align-items:center;display:flex}.edit-link-wrap-container .wrap-detail .edit-none-url .wrap-icon-link .link-analytics a,.edit-link-wrap-container .wrap-detail .edit-url .wrap-icon-link .link-analytics a{margin-left:2px}.edit-link-wrap-container .wrap-detail .edit-none-url .wrap-icon-link .link-analytics p,.edit-link-wrap-container .wrap-detail .edit-url .wrap-icon-link .link-analytics p{color:#0006;font-size:14px;font-weight:400;line-height:inherit;padding-left:8px;position:relative;top:4px}.edit-link-wrap-container .wrap-detail .edit-none-url .wrap-icon-link .link-analytics img.upload-image,.edit-link-wrap-container .wrap-detail .edit-url .wrap-icon-link .link-analytics img.upload-image{margin-right:10px;margin-top:-2px;opacity:.8;position:relative;width:22px}.edit-link-wrap-container .wrap-detail .edit-none-url .wrap-icon-link .link-analytics .thumbnail,.edit-link-wrap-container .wrap-detail .edit-url .wrap-icon-link .link-analytics .thumbnail{border-radius:4px;height:18px;margin-right:0;object-fit:cover;position:relative;top:1px;width:18px}.edit-link-wrap-container .wrap-detail .edit-none-url .wrap-icon-link .link-analytics>div,.edit-link-wrap-container .wrap-detail .edit-url .wrap-icon-link .link-analytics>div{display:flex;height:20px;justify-content:center;margin-top:5px;width:20px}.edit-link-wrap-container .wrap-detail .edit-none-url .wrap-icon-link .link-analytics>div>div.thumbnail-icon svg,.edit-link-wrap-container .wrap-detail .edit-url .wrap-icon-link .link-analytics>div>div.thumbnail-icon svg{right:0;top:-1px}.edit-link-wrap-container .wrap-detail .edit-none-url .wrap-icon-link .link-analytics>:nth-child(2),.edit-link-wrap-container .wrap-detail .edit-url .wrap-icon-link .link-analytics>:nth-child(2){padding-left:5px}.edit-link-wrap-container .wrap-detail .edit-none-url .wrap-icon-link .delete-button,.edit-link-wrap-container .wrap-detail .edit-url .wrap-icon-link .delete-button{margin-bottom:0;margin-top:0;position:relative;right:2px}.edit-link-wrap-container .wrap-detail .edit-none-url .wrap-icon-link .duplicate-button,.edit-link-wrap-container .wrap-detail .edit-url .wrap-icon-link .duplicate-button{margin-bottom:0;margin-top:0;position:absolute;right:0;top:4px}.edit-link-wrap-container .wrap-detail .edit-none-url .wrap-icon-link .duplicate-button img,.edit-link-wrap-container .wrap-detail .edit-url .wrap-icon-link .duplicate-button img{height:20px;width:20px}.edit-link-wrap-container .wrap-detail .edit-none-url{align-items:center;justify-content:space-between}.edit-link-wrap-container .wrap-detail .edit-none-url p{border:1px solid #0000004d;border-radius:5px;font-weight:400;line-height:18px;margin-top:8px;padding:0 6px}.edit-link-wrap-container .wrap-detail .edit-none-url p.header{color:#0006;font-size:14px}.wrap-layout{background-color:#ff5a37;height:100%;position:absolute;right:0;top:0;width:30px}.wrap-layout .icon-wrap{align-items:stretch;display:flex;flex-basis:100%;flex-direction:column;flex-shrink:1;height:100%;justify-content:stretch;overflow:visible;position:absolute;width:100%}.wrap-layout .icon-wrap>div{align-items:center;border:0;display:flex;height:25%;justify-content:center;width:30px}.wrap-layout .icon-wrap>div.active{background-color:#131313}.wrap-layout .icon-wrap>div:not(:last-child){border-bottom:1px solid #fff}.wrap-layout .icon-wrap .icon-layout{height:33%;margin-top:-8px;overflow:hidden;overflow:visible;position:relative;width:20px}.wrap-layout .icon-wrap .icon-layout span{background-color:#fff;border-radius:1.2px;display:inline-block;float:left;height:6px;left:1px;margin:1px;position:relative;width:6px;z-index:1}.wrap-layout .icon-wrap .icon-layout span:nth-child(odd){margin:1px}.wrap-layout .icon-wrap .icon-layout.grid span{left:2px;position:relative;top:0}.wrap-layout .icon-wrap .icon-layout.grid-3{width:23px}.wrap-layout .icon-wrap .icon-layout.grid-3 span{height:5px;left:1px;top:1px;width:5px}.wrap-layout .icon-wrap .icon-layout.list{width:24px}.wrap-layout .icon-wrap .icon-layout.list span{height:3px;left:1px;top:1px;width:3px}.wrap-layout .icon-wrap .icon-layout.list span:nth-child(2n){width:14px}.wrap-layout .icon-wrap .icon-layout.grid-1{width:24px}.wrap-layout .icon-wrap .icon-layout.grid-1 span{border-radius:2px;display:none;height:16px;left:3px;top:-1px;width:16px}.wrap-layout .icon-wrap .icon-layout.grid-1 span:first-child{display:block}.wrap-layout .icon-wrap .icon-layout.grid-carousel{width:24px}.wrap-layout .icon-wrap .icon-layout.grid-carousel span{border-radius:2px;height:14px;left:2px;top:-1px;width:10px}.wrap-layout .icon-wrap .icon-layout.grid-carousel span:nth-child(odd){width:2px}.wrap-layout .icon-wrap .icon-layout.active{border:0}.wrap-confirm-popup{background-color:#000000bf;bottom:0;display:none;height:100%;left:0;overflow:hidden;position:fixed;right:0;top:0;transition:all .5s ease;width:100%;z-index:9999}.wrap-confirm-popup .delete-confirm-popup{background-color:#ecedf4;border-radius:10px;flex-direction:column;left:50%;padding:10px 14px 15px;position:fixed;top:50%;transform:translate(-50%,-50%);width:400px;z-index:5}@media (max-width:576px){.wrap-confirm-popup .delete-confirm-popup{max-width:290px;width:calc(100% - 30px)}}.wrap-confirm-popup .delete-confirm-popup .confirmation-text{align-items:center;color:#fff;display:flex;flex-wrap:wrap;font-size:1.1rem;justify-content:center;line-height:2rem;margin:.5rem 0 2px!important;text-align:center}.wrap-confirm-popup .delete-confirm-popup .confirmation-text p{display:inline-block;overflow:hidden;text-overflow:ellipsis}.wrap-confirm-popup .delete-confirm-popup .wrap-confirm{display:flex;justify-content:center;margin-top:auto}.wrap-confirm-popup .delete-confirm-popup .wrap-confirm .cancel-button,.wrap-confirm-popup .delete-confirm-popup .wrap-confirm .confirmation-button{border:1px solid #ff5a37;border-radius:30px;color:#000;cursor:pointer;display:inline-flex;padding:5px 20px}.wrap-confirm-popup .delete-confirm-popup .wrap-confirm .cancel-button{background-color:initial;margin-right:10px}.wrap-confirm-popup .delete-confirm-popup .wrap-confirm .confirmation-button{background-color:#ff5a37;color:#fff}.edit-avatar-container .scale{display:block;margin:5px auto 10px;max-width:250px;width:100%}.edit-avatar-container .file{border:1px solid #ff5a37;border-radius:30px;color:#ff5a37;cursor:pointer;display:block;font-size:14px;margin:5px auto 0;padding:10px 0;width:100%}.edit-avatar-container .file input[type=file]{display:none}.edit-avatar-container p{color:#999;font-size:12px;text-align:center}.edit-avatar-container .wrap-canvas{margin:20px}.share-link{align-items:center;background-color:#ecedf4;bottom:13px;display:flex;justify-content:center;left:0;padding:12px 15px;position:fixed;transition:all .3s ease-in-out;width:100%;z-index:9998}.share-link.open{bottom:60px}@media (max-width:1200px){.share-link.open{bottom:62px}}.share-link .share-link-copy{overflow:hidden;text-decoration:none;text-decoration:initial;text-overflow:ellipsis;white-space:nowrap}.share-link .wrap-copy{align-items:center;display:flex;overflow:visible;overflow:initial;position:relative}.share-link .wrap-copy .btn-copy{background-color:initial;border:0 solid #0000;cursor:pointer;height:25px;margin-left:5px;overflow:hidden;position:relative;width:50px}.share-link .wrap-copy .btn-copy img{height:100%;overflow:hidden;padding:2px}.share-link .wrap-copy p{background-color:#999;border-radius:5px;color:#fff;font-size:12px;padding:0 4px;text-align:center}.wrap-preview{align-items:center;background-color:#ecedf4;bottom:0;display:flex;flex-direction:column;height:62px;justify-content:center;left:0;position:fixed;transition:all .3s ease-in-out;width:100%;z-index:9998}@media (min-width:1201px){.wrap-preview{box-shadow:0 0 5px #ccccccb3;height:62px}}@media (max-width:1200px){.wrap-preview{background-color:#ff5a37}}.wrap-preview.open{height:100%;justify-content:center;padding:0}.wrap-preview.open .sign-in-button{font-size:14px;letter-spacing:.5px;margin:-10px 0 0}@media (max-width:1200px) and (orientation:landscape){.wrap-preview.open .sign-in-button{margin:20px 0}}.wrap-preview .wrap-btn{align-items:center;display:flex;height:62px;justify-content:center;overflow:hidden;width:100%}@media (min-width:1201px){.wrap-preview .wrap-btn{height:62px}}.wrap-preview .wrap-btn a{color:#fff;line-height:inherit;text-decoration:none}.wrap-preview .wrap-btn a:hover{color:#000}.wrap-preview .wrap-btn>a{display:none}@media (max-width:1200px){.wrap-preview .wrap-btn>a.mobile{display:block}}.wrap-preview .wrap-btn div{align-items:center;display:flex;flex-direction:column;height:62px;justify-content:center;margin:0 5px;padding:4px 4px 14px;width:100%}@media (min-width:1201px){.wrap-preview .wrap-btn div{font-size:12px;height:44px;padding:4px}}@media (max-width:1200px){.wrap-preview .wrap-btn div{width:80px}}.wrap-preview .wrap-btn div .icon{height:20px;margin-bottom:3px;width:auto}@media (min-width:1201px){.wrap-preview .wrap-btn div .icon{height:18px;margin-bottom:2px}}.wrap-preview .wrap-btn div .icon.close{display:block;height:48px;margin-top:24px;width:48px}.wrap-preview .sign-in-button{background-color:#ff5a37;border:0;border-radius:30px;color:#fff;font-family:Montserrat,Noto Sans Thai,sans-serif;font-size:10px;font-style:normal;font-weight:400;margin:0 10px;max-width:240px;overflow:hidden;padding:10px 15px;position:relative;transition:all .3s ease-in-out;width:100%;z-index:1}@media (min-width:1201px){.wrap-preview .sign-in-button{display:none!important}}@media (max-width:1200px){.wrap-preview .sign-in-button{border-radius:0;max-width:160px}}.wrap-preview .sign-in-button.active:before{background-color:#fff;border-bottom-left-radius:2px;border-bottom-right-radius:2px;content:"";height:2px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:80px;z-index:1}.wrap-preview .btn-share-link{display:flex!important}.wrap-preview .preview{margin:0;position:relative}.wrap-preview .preview.open{height:80%;overflow:hidden}@media (max-width:1200px) and (orientation:landscape){.wrap-preview .preview.open{margin:20px 0 0}}.wrap-preview .preview.open .mobile-preview{overflow:hidden}.wrap-preview .preview .mobile-preview{background-color:#000;border:12px solid #000;border-radius:40px;bottom:0;display:none;height:auto;margin:0 auto;max-width:280px;min-width:400px;padding-top:180%;position:absolute;transform:scale(.6);transform-origin:center 25%;transition:all .3s ease-in-out;width:35.7142857143vh}.wrap-preview .preview .mobile-preview.open{display:block;position:relative;z-index:0}.wrap-preview .preview .mobile-preview .iframe-loading{background:url(https://www.diflink.com/static/media/loading.3a3d32d49a6b27f63638.gif) 50% no-repeat;background-size:100%;height:100%;left:0;position:absolute;top:0;width:100%}.wrap-preview .preview .mobile-preview iframe{border:0;box-sizing:inherit;height:calc(100% + 1px);left:0;position:absolute;top:0;width:100%;z-index:0}.theme{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;height:100%;justify-content:space-between;margin:0 auto;min-height:100vh;padding:10px;position:relative;width:100%}.theme .user-link{margin:0 auto;max-width:680px;width:100%}@media (max-width:576px){.theme .user-link{max-width:350px}}.theme .user-link header.user-container{display:flex;width:100%}.theme .user-link header.user-container .userAvatar img{background:none;border:0;border-radius:50%;box-sizing:border-box;display:inline-block;height:auto;margin:0;max-width:100%;opacity:1;overflow:hidden;padding:0;position:relative;width:60px!important;width:auto}.theme .user-link header.user-container .user-name{margin:10px 0 0 20px}.theme .user-link header.user-container .user-name h2,.theme .user-link header.user-container .user-name p{color:#ff5a37;line-height:1;overflow:hidden}.theme .user-link header.user-container .user-name h2{font-size:16px;text-transform:uppercase}.theme .user-link header.user-container .user-name p{font-size:12px;padding:5px 0}.theme .user-link .linksList{display:flex;flex-direction:column;justify-content:center;margin:40px 0;max-width:none;width:100%}.theme .user-link .linksList .link+.link,.theme .user-link .linksList .link+h3,.theme .user-link .linksList h3+.link{border-top:1px solid #fff}.theme .user-link .linksList .link:last-child{border-bottom:1px solid #fff}.theme .user-link .linksList .link-Container{flex-wrap:wrap;overflow:hidden;text-align:start;text-transform:uppercase;width:100%;word-break:break-all}.theme .user-link .linksList .link-Container p{color:#ff5a37;line-height:1.3;overflow:hidden;width:80%}.theme .user-link .linksList h3.link-Container{color:#ff5a37;display:flex;font-size:1.17em;line-height:1.3;margin:0;padding:10px 0}.theme .user-link .linksList .link{align-items:flex-start;background-color:initial;display:flex;justify-content:space-between;padding:10px 0;transition:all .3s ease-in}.theme .user-link .linksList .link:hover .link-box{border-color:#ff5a37}.theme .user-link .linksList .link:hover .link-box span{background:#ff5a37}.theme .user-link .linksList .link .link-Container{align-items:flex-start;color:#fff;display:flex;justify-content:space-between;line-height:inherit;text-decoration:none}.theme .user-link .linksList .link .link-box{border-color:currentcolor currentcolor #fff #fff;border-radius:0;border-right:1px solid #fff;border-top:1px solid #fff;height:14px;margin-top:3px;overflow:hidden;position:relative;transition:all .3s ease;width:14px}.theme .user-link .linksList .link .link-box span{background:#fff;height:22px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:1px}.theme .footer{align-items:flex-end;display:flex;justify-content:space-between;margin:0 auto;max-width:680px;width:100%}@media (max-width:576px){.theme .footer{max-width:350px}}.theme .footer .logo-container img{width:80px}.theme .footer .icon-container{display:contents}.theme .footer .icon-container ul.icon{align-items:flex-end;display:flex;flex-direction:row-reverse;flex-wrap:wrap;flex-wrap:wrap-reverse;list-style-type:none;margin:0;padding:0;width:15%}@media (max-width:576px){.theme .footer .icon-container ul.icon{width:30%}}.theme .footer .icon-container ul.icon li{padding-left:5px;width:calc(50% - 5px)}.theme .footer .icon-container ul.icon li img{width:30px}.navbar{align-items:center;background-color:#fff;box-shadow:0 0 9px #ccccccb3;display:flex;justify-content:space-between;margin:0 auto;padding:15px 10px;position:fixed;top:0;width:100%;z-index:99}@media (max-width:576px){.navbar{max-width:680px;width:100%}}.navbar img{max-width:100%;width:100%}@media (max-width:576px){.navbar img{max-width:80%;padding:0 10px;width:100%}}.navbar .wrap-item{display:flex;overflow:visible;overflow:initial}.navbar .wrap-item .item{align-self:center;cursor:pointer;overflow:visible;overflow:initial;padding:0 10px}.navbar .wrap-item .item a{color:#000;text-decoration:none}.navbar .wrap-item .item .sign-in{border:none;color:#000;cursor:pointer;transition:background-color .3s,color .3s,box-shadow .1s ease-in-out}.navbar .wrap-item .item .sign-in:hover{color:#ff5a37}.navbar .wrap-item .item .sign-up{background-color:#fff;border:none;border-radius:40px;box-shadow:inset 0 0 0 1px;color:#ff5a37;cursor:pointer;padding:5px 20px;transition:all .2s ease-in-out}.navbar .wrap-item .item .sign-up:hover{background-color:#ff5a37;color:#fff}@media (max-width:576px){.navbar .wrap-item .item a,.navbar .wrap-item .item button{font-size:.8rem}}footer.footer-home{align-items:flex-end;display:flex;justify-content:space-between;margin:0 auto;max-width:960px;padding:20px 10px 20px 20px;width:100%}footer.footer-home a{display:flex}footer.footer-home a img{width:80px}footer.footer-home .wrap-text{display:flex}footer.footer-home .wrap-text a{font-family:Montserrat,Noto Sans Thai,sans-serif!important;font-size:16px!important;font-weight:400;line-height:24px;padding-left:10px;text-decoration:underline}@media (max-width:576px){footer.footer-home .wrap-text a{font-size:13px!important;line-height:19.5px}footer.footer-home{align-items:center;flex-direction:column-reverse;padding:20px}footer.footer-home .wrap-text{margin-bottom:10px}footer.footer-home .wrap-text a{flex-basis:25%;justify-content:center;padding:0 5px}}a,h1,p{font-family:Montserrat,Noto Sans Thai,sans-serif}h2,span{font-family:Montserrat,Noto Sans Thai,sans-serif;font-style:normal;font-weight:400}span{color:#ff5a37}button{font-family:Montserrat,Noto Sans Thai,sans-serif}.home-page{height:100%;max-width:960px;padding-top:90px}.home-page,.home-page .wrap-container{margin:0 auto;position:relative;width:100%}.home-page .wrap-container{display:flex;flex-direction:column;max-width:680px;padding:0 0 40px}@media (max-width:576px){.home-page .wrap-container{padding-bottom:35px}}.home-page .wrap-link{align-items:center;display:flex;flex-direction:column;overflow:visible;overflow:initial;padding-bottom:30px;width:100%}.home-page .wrap-link .your-link{border:2px solid #000;color:#ff5a37;display:inline-block;font-size:30px;padding:10px 20px}.home-page .wrap-link .wrap-username{align-items:center;display:flex;justify-content:space-between;overflow:visible;overflow:initial;padding:20px 0 10px}.home-page .wrap-link .wrap-username h2{font-size:1.3rem;text-transform:uppercase}.home-page .wrap-link .wrap-username span{font-family:Montserrat,Noto Sans Thai,sans-serif;font-size:1.3rem;text-transform:uppercase}.home-page .wrap-link .wrap-username .left-line{border-bottom:2px solid #000;border-left:2px solid #000;border-color:#000 currentcolor currentcolor;border-top:2px solid #000;height:25px;width:10px}.home-page .wrap-link .wrap-username .right-line{border-color:currentcolor currentcolor currentcolor #000;border-bottom:2px solid #000;border-right:2px solid #000;border-top:2px solid #000;height:25px;width:10px}.home-page .wrap-link .wrap-request{display:flex;overflow:visible;overflow:initial}.home-page .wrap-link .wrap-request a,.home-page .wrap-link .wrap-request p{font-family:Montserrat,Noto Sans Thai,sans-serif;font-size:.8rem;font-style:normal;font-weight:400}.home-page .wrap-link .wrap-request a{padding-left:5px;text-decoration:underline}.home-page .wrap-video{align-items:flex-start;display:flex;height:100%;justify-content:center;overflow:hidden;padding-top:43px}.home-page .wrap-video video{width:55%}@media (max-width:1024px){.home-page .wrap-video video{height:auto;width:calc(100% - 150px)}}@media (max-width:768px){.home-page .wrap-video video{height:auto;width:calc(100% - 300px)}}@media (max-width:576px){.home-page .wrap-video video{height:auto;width:calc(100% - 40px)}}.home-page .wrap-icon{align-items:center;display:flex;padding:30px 0 0 30px;position:absolute}@media (max-width:576px){.home-page .wrap-group{bottom:20px;height:150px;left:50%;max-width:240px;overflow:hidden;position:absolute;transform:translateX(-120px);width:70%}}.home-page .wrap-group .group{display:flex;flex-direction:column;left:0;padding-top:120px;position:absolute;width:110px}@media (max-width:1024px){.home-page .wrap-group .group{left:30px;padding-top:500px}}@media (max-width:768px){.home-page .wrap-group .group{left:50px;padding-top:350px}}@media (max-width:576px){.home-page .wrap-group .group{height:100%;left:10px;padding:0;position:relative;top:37px}}.home-page .wrap-group .group .group-icon{width:40px}@media (max-width:576px){.home-page .wrap-group .group .group-icon{width:30px}}.home-page .wrap-group .group .group-icon:nth-child(2){margin-left:70px}@media (max-width:576px){.home-page .wrap-group .group .group-icon:nth-child(2){margin-left:40px}}.home-page .wrap-group .group .group-icon:last-child{margin-left:5px}.home-page .wrap-group img{padding-top:100px;position:absolute;right:0;width:100px}@media (max-width:1024px){.home-page .wrap-group img{padding-top:500px;right:30px}}@media (max-width:768px){.home-page .wrap-group img{padding-top:350px;right:50px}}@media (max-width:576px){.home-page .wrap-group img{left:160px;padding:0;top:5px;transform:scale(.8) translateX(-25px) translateY(-10px)!important}}.home-page .wrap-group .line{margin-right:2px}.home-page .wrap-btn{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;overflow:visible;overflow:initial;position:relative}.home-page .btn{background-color:#ff5a37;border:none;border-radius:40px;color:#fff;cursor:pointer;max-width:250px;padding:10px 40px;text-align:center;text-decoration:none;text-transform:capitalize;transition:background-color .3s,color .3s,box-shadow .1s ease-in-out;white-space:pre-line;width:100%}.home-page .btn:hover{background-color:#fff;box-shadow:inset 0 0 0 1px;color:#ff5a37}@media (max-width:576px){.home-page .btn{font-size:.9rem;max-width:230px;padding:10px 40px}}.home-page .wrap-preview{position:relative}.home-page .container-preview{display:flex;flex-direction:column;margin:0 auto;max-width:300px;position:relative;width:100%}.home-page .container-preview>div{position:relative}@keyframes rotating{0%{transform:translateX(-50%) rotateY(0deg)}50%{transform:translateX(-50%) rotateY(1turn)}to{transform:translateX(-50%) rotateY(1turn)}}.home-page .wrap-container2{position:relative}.home-page .wrap-container2 .wrap-content{display:flex;flex-wrap:wrap;position:relative}.home-page .wrap-container2 .wrap-content p{line-height:23px;padding:10px 2px 15px;text-align:left}@media (max-width:576px){.home-page .wrap-container2 .wrap-content p{font-size:.8rem;line-height:21px;padding:20px}}.home-page .wrap-container2 .wrap-content:first-child{padding-top:110px}.home-page .wrap-container2 .wrap-content .container{margin:0}.home-page .wrap-container2 .wrap-content>div{overflow:visible;overflow:initial;padding:0 60px;position:relative;text-align:center;width:50%}.home-page .wrap-container2 .wrap-content>div:nth-child(odd):before{align-items:center;background:#ff5a37;border-radius:50% 50%;color:#fff;content:attr(data-text);display:flex;font-family:Montserrat,Noto Sans Thai,sans-serif;font-size:1.2rem;height:40px;justify-content:center;position:absolute;right:-20px;text-align:center;top:40%;width:40px}@media (max-width:576px){.home-page .wrap-container2 .wrap-content>div:nth-child(odd):before{font-size:1rem;height:35px;right:-17px;top:21%;width:35px}}.home-page .wrap-container2 .wrap-content>div:nth-child(odd):after{align-items:center;color:#fff;content:".";display:flex;font-family:Montserrat,Noto Sans Thai,sans-serif;font-size:1.2rem;justify-content:center;position:absolute;right:-17px;text-align:center;top:43%}@media (max-width:576px){.home-page .wrap-container2 .wrap-content>div:nth-child(odd):after{align-items:center;color:#fff;content:".";display:flex;font-size:1rem;justify-content:center;position:absolute;right:-12px;text-align:center;top:24%}.home-page .wrap-container2 .wrap-content>div{padding:0}}.home-page .wrap-container2 .wrap-img{align-items:center;display:flex;justify-content:center}.home-page .wrap-container2 .wrap-img .image{height:100%;max-height:150px}.home-page .wrap-container2 .wrap-title{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;padding-top:10px}.home-page .wrap-container2 .wrap-title span{color:#ff5a37;font-size:1.3rem;padding-right:5px}.home-page .wrap-container2 .wrap-title span:nth-child(2n){padding:0 0 0 5px}.home-page .wrap-container2 .wrap-title h2{font-size:1.3rem}@media (max-width:576px){.home-page .wrap-container2 .wrap-title h2,.home-page .wrap-container2 .wrap-title span{font-size:1rem}}.home-page .wrap-container2 .icon{margin-top:10px;max-width:90px;width:100%}.home-page .wrap-container3{padding-bottom:130px}.home-page .wrap-container3 .wrap-line{display:flex;justify-content:center;margin-right:2px;position:relative}.wrapper-container .wrap-input{margin:0 auto;max-width:400px;width:90%}.wrapper-container .wrap-input input{width:100%!important}.wrapper-container .wrap-input .error-msg p{display:block;text-align:left;width:100%}.home-container{overflow:hidden;position:relative}.home-container:before{border-left:2px dashed #ff5a37;content:"";height:100%;left:50%;position:absolute;top:6%;transform:translateX(-50%);width:1px}.tag-line{overflow:hidden;padding:40px 0 10px}.tag-line h2{font-size:38px;font-weight:400;line-height:38px;overflow:hidden;position:relative;text-align:center;text-indent:26px;text-transform:uppercase;z-index:9}@media (max-width:576px){.tag-line h2{font-size:28px;text-indent:20px}}@media (max-width:340px){.tag-line h2{font-size:24px}}.swiper-slide img{width:100%}.swiper-wrapper{overflow:visible;overflow:initial}.swiper-container{position:relative}.swiper-container:before{background-image:url(https://www.diflink.com/static/media/frame.2f3d8d7465ba48504c3f.png);background-repeat:no-repeat;background-size:contain;content:"";height:100%;position:absolute;width:100%;z-index:9}a,h1,h2,h3,p{color:#000;font-family:Montserrat,Noto Sans Thai,sans-serif;line-height:25px;text-align:justify}.wrap-privacy,.wrap-terms{display:flex;flex-direction:column;margin:0 auto;max-width:680px;padding-bottom:70px;padding-top:90px;width:100%}.wrap-privacy .title,.wrap-terms .title{padding:10px 0 70px}.wrap-privacy .title h1,.wrap-terms .title h1{font-size:1.5rem;line-height:inherit!important;text-align:center;text-transform:uppercase}.wrap-privacy .privacy,.wrap-privacy .terms,.wrap-terms .privacy,.wrap-terms .terms{font-size:1.2rem;padding-bottom:15px;text-transform:uppercase}.wrap-privacy .wrapper-privacy,.wrap-privacy .wrapper-terms,.wrap-terms .wrapper-privacy,.wrap-terms .wrapper-terms{overflow:hidden}.wrap-privacy .container-privacy,.wrap-privacy .container-terms,.wrap-terms .container-privacy,.wrap-terms .container-terms{padding:0 30px}.wrap-privacy .container-privacy h2,.wrap-privacy .container-privacy p,.wrap-privacy .container-terms h2,.wrap-privacy .container-terms p,.wrap-terms .container-privacy h2,.wrap-terms .container-privacy p,.wrap-terms .container-terms h2,.wrap-terms .container-terms p{text-align:left}.wrap-privacy h3,.wrap-terms h3{padding:10px 0 15px}.wrap-privacy p,.wrap-terms p{font-size:.9rem;padding-bottom:15px}@media (max-width:576px){.wrap-privacy,.wrap-terms{padding:90px 40px 70px}.wrap-privacy .container-privacy,.wrap-privacy .container-terms,.wrap-terms .container-privacy,.wrap-terms .container-terms{padding:0}.wrap-privacy .terms,.wrap-terms .terms{font-size:1rem;padding-right:80px}.wrap-privacy .privacy,.wrap-terms .privacy{font-size:1rem}.wrap-privacy h3,.wrap-terms h3{font-size:.9rem}.wrap-privacy p,.wrap-terms p{font-size:.8rem}.terms{padding-right:80px}}.wrapper-information{display:flex;flex-direction:column;padding-bottom:30px;position:relative}.wrapper-information textarea{border:0}.wrapper-information input::placeholder{color:#999;font-size:1rem;line-height:19px}.wrapper-information p.error{bottom:3px;color:red;font-size:14px;left:20px;position:absolute}.wrapper-information .wrapper-detail{display:flex;flex-direction:column}.wrapper-information .wrapper-detail.account-user{font-family:Montserrat,Noto Sans Thai,sans-serif;font-style:normal;font-weight:400;position:relative}.wrapper-information .wrapper-detail.account-user:before{color:#717171;content:"dif.link/";left:6px;position:absolute;top:18px;transform:translateY(-50%)}.wrapper-information .wrapper-detail input{line-height:inherit;padding-left:65px}.wrapper-information .wrapper-detail>div{display:flex;justify-content:flex-end}.wrapper-information .wrapper-detail .text{background-color:initial;border:1px solid #ccc;border-radius:5px;color:#717171;height:37px;line-height:35px;overflow:visible;overflow:initial;padding-left:8px}.wrapper-information .wrapper-detail .btn{border-radius:20px;margin:10px 0 0;padding:5px 10px;transition:all .3s ease-in-out;width:20%}.wrapper-information .wrapper-detail .btn:disabled{background-color:#dedede;border:1px solid #adadad;color:#adadad}.wrapper-information .wrapper-detail .btn:enabled{background-color:#ff5a37;border:1px solid #ff5a37;color:#fff}.wrapper-information .wrapper-detail .btn:enabled:hover{background-color:initial;color:#ff5a37}.wrapper-action{display:flex;flex-direction:column;padding-bottom:30px}.wrapper-action .button{margin:0}.wrapper-action .reset-password{background-color:initial;color:#ff5a37;transition:all .2s ease-in-out;width:100%}@media (max-width:576px){.wrapper-action .reset-password{width:100%}}.wrapper-action .reset-password:hover{background-color:#ff5a37;color:#fff}.react-datepicker-popper[data-placement^=bottom]{padding-top:0!important}.google-visualization-tooltip{height:auto!important;padding:8px!important;width:auto!important}.google-visualization-tooltip-item-list{margin:0!important}.google-visualization-tooltip-item{margin:initial!important;padding:initial!important}.google-visualization-tooltip-item:first-child{margin:initial!important}.google-visualization-tooltip-item span,text{font-family:Montserrat,sans-serif!important}text{font-size:14px}.loading{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.wrap .select{border:1px solid #ff5a37;border-left:0;border-top:0;height:10px;position:absolute;top:55%;transform:rotate(45deg) translate(-50%);width:10px}.wrap-date{overflow:visible;overflow:initial;padding:20px 20px 16px;position:relative}.wrap-date svg{height:20px;left:30px;position:absolute;top:61%;transform:translateY(-50%);width:20px}.wrap-date input{background-color:initial;border:1px solid #ff5a37;border-radius:5px;cursor:pointer;padding:10px 10px 10px 40px;position:relative;width:100%}.wrap-date .select{right:30px}.wrap-analytic{flex-direction:column}.wrap-analytic text{font-size:12px}.wrap-analytic .wrap-user-select{cursor:pointer;margin-top:10px;position:relative}.wrap-analytic .wrap-user-select .select{right:10px}.wrap-analytic .wrap-user-select select#user{all:inherit;background-color:initial;border:1px solid #ff5a37;border-radius:5px;margin:initial;padding:10px;width:100%}.wrap-analytic .wrap-detail{align-items:center;display:flex;justify-content:space-evenly;padding-top:10px}@media (max-width:576px){.wrap-analytic .wrap-detail{justify-content:space-around}}.wrap-analytic .wrap-detail div{align-items:center;display:flex;flex-direction:column}.wrap-analytic .wrap-detail div p{padding-left:15px;position:relative}.wrap-analytic .wrap-detail div p:before{border-radius:50%;content:"";height:8px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:8px}.wrap-analytic .wrap-detail div h1{font-size:20px}.wrap-analytic .wrap-detail div:first-child p:before{background-color:#ff6f5c}.wrap-analytic .wrap-detail div:nth-child(2) p:before{background-color:#43f8bf}.wrap-analytic .wrap-detail div:nth-child(3) p:before{background-color:#6d43f8}.wrap-analytic .wrap-chart{height:320px;position:relative}@media (max-width:576px){.wrap-analytic .wrap-chart{height:260px!important}}.wrap-analytic .wrap-chart>p{bottom:20px;left:50%;position:absolute;transform:translateX(-50%)}.wrap-analytic .wrap-chart>div{left:0;position:absolute;top:0}.wrap-analytic .wrap-chart div{overflow:hidden}.wrap-analytic .wrap-chart.chart-device,.wrap-analytic .wrap-chart.chart-social{height:250px}.wrap-analytic .wrap-btn-chart{display:flex}.wrap-analytic .wrap-btn-chart .button{width:33.33%}.wrap-analytic .wrap-btn-chart .button.active{background-color:#ff5a37}.wrapper-headway{margin:0 12px}.wrapper-headway .container-headway{display:flex;width:100%}.wrapper-headway .container-headway .bell{height:24px;width:24px}.wrapper-headway .container-headway .HW_badge_cont{overflow-x:visible;overflow-x:initial;position:absolute}.wrapper-headway .container-headway .HW_badge_cont .HW_badge{left:10px;top:-5px}.wrapper-headway .container-headway .HW_badge_cont .HW_badge.HW_softHidden{opacity:0}.HW_frame{position:relative;z-index:0!important}.HW_frame_cont:after{background-color:#fff;bottom:0;content:"";height:34px;left:0;position:absolute;width:100%;z-index:1}@media (max-width:576px){.HW_frame_cont{left:50%!important;transform:translateX(-50%);width:calc(100% - 30px)!important}}.rug{color:#3d4852;font-family:Helvetica;font-size:16px}.rug img{pointer-events:none;-webkit-user-select:none;user-select:none}.rug .rug-file-input{display:none!important}.rug .rug-item{cursor:grab;justify-content:center;-webkit-user-select:none;user-select:none}.rug .rug-items.__card{grid-gap:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin:0 -10px;min-height:220px}@media (max-width:450px){.rug .rug-items.__card{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.rug .rug-items.__card .rug-item{align-items:center;display:flex;justify-content:center}.rug .rug-items.__list{min-height:220px;padding-top:30px}.rug .rug-handle{align-items:center;display:flex;flex-direction:column;height:290px;justify-content:center;overflow:hidden;position:relative;width:100%}.rug .rug-handle:before{border:4px solid #3d4852;border-radius:4px;content:"";height:calc(100% - 8px);left:0;position:absolute;top:0;width:calc(100% - 8px)}.rug .rug-handle svg.rug-handle-icon{width:70px}.rug .rug-handle svg.rug-handle-icon line,.rug .rug-handle svg.rug-handle-icon polyline{fill:none;stroke:#3d4852;stroke-linejoin:round;stroke-width:2px;stroke-linecap:round}.rug .rug-handle.__dragging:before{background-color:#007aff26;border:4px dashed #007aff}.rug .rug-handle.__dragging svg line,.rug .rug-handle.__dragging svg polyline{stroke:#007aff}.rug .rug-handle.__dragging .__arrow{animation:up-arrow 1s infinite forwards}.rug .rug-handle .rug-handle-info{position:relative}.rug .rug-handle .rug-handle-info .rug-handle-drop-text{font-size:22px}.rug .rug-handle .rug-handle-info .rug-handle-button{background-color:#007aff;border-radius:3px;color:#f5f5f5;cursor:pointer;display:block;font-size:16px;margin:0 auto;max-width:250px;padding:7px 12px;text-align:center}.rug .rug-handle .rug-handle-info .rug-handle-button:hover{background-color:#007affcc}.rug .rug-handle .rug-handle-info span{display:block;font-size:17px;padding:10px 0;text-align:center}@keyframes up-arrow{0%,50%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@media (max-width:960px){.rug .rug-handle{height:170px}.rug .rug-handle svg{width:50px}.rug .rug-handle .rug-handle-drop-text,.rug .rug-handle span{display:none!important}}.rug-card{background-color:#3d4852;border-radius:5px;cursor:pointer;font-family:Helvetica;height:200px;margin:10px;overflow:hidden;position:relative;width:200px}@media (max-width:450px){.rug-card{height:160px;width:160px}}.rug-card.__error{border:3px solid #ff2d55}.rug-card .rug-card-image{background-position:50%;background-repeat:no-repeat;background-size:contain;height:100%;width:100%}.rug-card .rug-card-name{background:linear-gradient(180deg,#000c,#000000b3 29%,#0000);background-blend-mode:multiply;color:#f5f5f5;font-size:12px;font-weight:700;height:100px;position:absolute;white-space:nowrap;width:100%;z-index:15}.rug-card .rug-card-name>div{margin:10px;overflow:hidden;text-overflow:ellipsis}.rug-card .rug-card-size{color:#c3c3c3;font-size:11px}.rug-card .rug-card-progress{display:block;height:50px;left:calc(50% - 25px);position:absolute;top:calc(50% - 25px);width:50px}.rug-card .rug-card-progress .__progress-cricle{stroke:#007aff;fill:none;stroke-width:5;stroke-linecap:round;transition:stroke-dasharray .2s ease}.rug-card .rug-card-progress-count{color:#fff;font-weight:700;line-height:50px;text-align:center}.rug-card .rug-card-progress-count,.rug-card .rug-card-refresh{height:50px;left:calc(50% - 25px);position:absolute;top:calc(50% - 25px);width:50px}.rug-card .rug-card-refresh{background-color:#ffffffb3;border:2px solid #0000;border-radius:50%;z-index:20}.rug-card .rug-card-refresh:hover{background-color:#ffffffe6;border:2px solid #3d4852}.rug-card .rug-card-refresh .__refresh-icon g{fill:#3d4852}.rug-card .rug-card-refresh.__spin{animation:__spin 1s linear infinite;border:2px solid #007aff!important}.rug-card .rug-card-refresh.__spin .__refresh-icon g{fill:#007aff}.rug-card .rug-card-upload-button{background-color:#ffffffb3;border:2px solid #0000;border-radius:50%;height:50px;left:calc(50% - 25px);position:absolute;text-align:center;top:calc(50% - 25px);width:50px;z-index:20}.rug-card .rug-card-upload-button svg{margin-top:6px;width:25px}.rug-card .rug-card-upload-button svg line,.rug-card .rug-card-upload-button svg polyline{fill:none;stroke:#3d4852;stroke-linejoin:round;stroke-width:3px;stroke-linecap:round}.rug-card .rug-card-upload-button:hover{background-color:#ffffffe6;border:2px solid #007aff}.rug-card .rug-card-upload-button:hover svg line,.rug-card .rug-card-upload-button:hover svg polyline{stroke:#007aff}.rug-card .rug-card-upload-button:hover svg .__arrow{animation:up-arrow 1s infinite forwards}.rug-card .rug-card-remove{align-items:center;background-color:#3d4852;border:1.5px solid #0000;border-radius:9999px;bottom:0;color:#fff;cursor:pointer;display:flex;height:22px;justify-content:center;margin:4px;opacity:.75;padding:4px;position:absolute;right:0;transition:border .2s ease;width:22px}.rug-card .rug-card-remove:hover{border:1.5px solid #fff}.rug-card .rug-card-remove svg{stroke:currentColor;height:18px;width:18px}.rug-list{background-color:#3d4852;border-radius:3px;display:flex;flex-direction:row;font-family:Helvetica;margin-bottom:10px;overflow:hidden;position:relative;width:100%}.rug-list.__error{border:3px solid #ff2d55}.rug-list .rug-list-progress{background:#007aff;border:3px;height:5px;left:0;opacity:0;position:absolute;top:0;transition:all .2s ease;width:0}.rug-list .rug-list-progress.__active{opacity:1}.rug-list .rug-list-progress-count{bottom:5px;color:#f5f5f5;font-size:13px;opacity:0;position:absolute;right:5px;transition:all .2s ease}.rug-list .rug-list-progress-count.__active{opacity:1}.rug-list .rug-list-refresh{background-color:#ffffffb3;border:2px solid #0000;border-radius:50%;bottom:5px;cursor:pointer;height:25px;position:absolute;right:5px;width:25px;z-index:20}.rug-list .rug-list-refresh:hover{background-color:#ffffffe6}.rug-list .rug-list-refresh .__refresh-icon g{fill:#3d4852}.rug-list .rug-list-refresh.__spin{animation:__spin 1s linear infinite}.rug-list .rug-list-refresh.__spin .__refresh-icon g{fill:#007aff}.rug-list .rug-list-upload-button{background-color:#ffffffb3;border:2px solid #0000;border-radius:50%;bottom:5px;cursor:pointer;height:25px;position:absolute;right:5px;text-align:center;width:25px;z-index:20}.rug-list .rug-list-upload-button svg{margin-top:2px;width:15px}.rug-list .rug-list-upload-button svg line,.rug-list .rug-list-upload-button svg polyline{fill:none;stroke:#3d4852;stroke-linejoin:round;stroke-width:3px;stroke-linecap:round}.rug-list .rug-list-upload-button:hover{background-color:#ffffffe6}.rug-list .rug-list-upload-button:hover svg line,.rug-list .rug-list-upload-button:hover svg polyline{stroke:#007aff}.rug-list .rug-list-upload-button:hover svg .__arrow{animation:up-arrow 1s infinite forwards}.rug-list .rug-list-image{height:70px;padding:5px;width:100px}.rug-list .rug-list-image img{height:100%;width:100%}.rug-list .rug-list-content{padding:5px;width:calc(100% - 120px)}.rug-list .rug-list-content .rug-list-name{color:#f5f5f5;font-size:14px;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 40px)}.rug-list .rug-list-content .rug-list-size{color:#ddd;font-size:12px;margin-top:3px}.rug-list .rug-list-remove{align-items:center;border-radius:9999px;color:#ccc;display:flex;justify-content:center;opacity:.75;padding:5px;position:absolute;right:0;top:0;z-index:40}.rug-list .rug-list-remove svg{stroke:currentColor;height:22px;width:22px}.rug-list .rug-list-remove:hover{color:#fff}@keyframes __spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.__sorting .rug-card,.__sorting .rug-list{cursor:grab}.rug-dragging-item{cursor:grabbing}.rug-dragging-item>div:not(.rug-list){transform:scale(1.1)}

/*!
 * Toastify js 1.12.0
 * https://github.com/apvarun/toastify-js
 * @license MIT licensed
 *
 * Copyright (C) 2018 Varun A P
 */.toastify{background:linear-gradient(135deg,#73a5ff,#5477f5);border-radius:2px;box-shadow:0 3px 6px -1px #0000001f,0 10px 36px -4px #4d60e84d;color:#fff;cursor:pointer;display:inline-block;max-width:calc(50% - 20px);opacity:0;padding:12px 20px;position:fixed;text-decoration:none;transition:all .4s cubic-bezier(.215,.61,.355,1);z-index:2147483647}.toastify.on{opacity:1}.toast-close{background:#0000;border:0;color:#fff;cursor:pointer;font-family:inherit;font-size:1em;opacity:.4;padding:0 5px}.toastify-right{right:15px}.toastify-left{left:15px}.toastify-top{top:-150px}.toastify-bottom{bottom:-150px}.toastify-rounded{border-radius:25px}.toastify-avatar{border-radius:2px;height:1.5em;margin:-7px 5px;width:1.5em}.toastify-center{left:0;margin-left:auto;margin-right:auto;max-width:-webkit-fit-content;max-width:fit-content;max-width:-moz-fit-content;right:0}@media only screen and (max-width:360px){.toastify-left,.toastify-right{left:0;margin-left:auto;margin-right:auto;max-width:-webkit-fit-content;max-width:fit-content;right:0}}.import-template{margin-top:70px;position:relative}.import-template:hover .btn{opacity:1;transition:.4s}.import-template>h1{font-size:1rem;margin-bottom:20px;position:relative;text-align:center}.import-template>h1:after{border-top:1px solid #ccc;content:"";height:1px;left:0;position:absolute;top:13px;width:100%;z-index:-1}.import-template>h1 span{background-color:#fff;color:#000;font-weight:inherit;padding:0 7px}.import-template>p{margin-bottom:30px;text-align:center}.import-template ul.template-list{display:flex;flex-wrap:wrap;gap:16px;margin:0 -10px;overflow-x:scroll;padding:0 10px 10px;scroll-behavior:smooth;scroll-snap-type:x mandatory}@media(min-width:993px){.import-template ul.template-list{justify-content:center;overflow-x:auto}.import-template ul.template-list::-webkit-scrollbar{display:none}}.import-template ul.template-list li{border-radius:8px;box-shadow:0 0 1px #0000000d,0 4px 8px #0000001a;cursor:pointer;overflow:hidden;scroll-snap-align:center;transition:.2s;width:calc(50% - 8px)}.import-template ul.template-list li:hover{opacity:.8}@media(min-width:579px){.import-template ul.template-list li{min-width:23%;width:calc(33.33% - 11px)}}.import-template ul.template-list li img{display:block;width:100%}.import-template ul.template-list li .theme-preview{background-color:#fff;border-radius:25px;height:216px;padding:28px 10px}.import-template ul.template-list li .theme-preview .circle{background-color:#c4c4c4;border-radius:50%;height:33px;margin-left:8px;width:33px}.import-template ul.template-list li .theme-preview .wrap-line{display:flex;height:86px;margin-top:26px;position:relative;width:100%}.import-template ul.template-list li .theme-preview .wrap-line span{background-color:#000;height:2px;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease-in-out;width:100%}.import-template ul.template-list li .theme-preview .wrap-line span:first-child{top:calc(50% - 30px)}.import-template ul.template-list li .theme-preview .wrap-line span:nth-child(3){top:calc(50% + 30px)}.import-template ul.template-list li .theme-preview .wrap-line div{align-items:center;color:#c4c4c4;display:flex;justify-content:center}.import-template ul.template-list li .theme-preview .wrap-line div:first-child{margin-right:6px}.import-template ul.template-list li .theme-preview .wrap-line div:first-child,.import-template ul.template-list li .theme-preview .wrap-line div:last-child{border:2px solid #c4c4c4;border-radius:5px;height:100%;position:relative;width:50%}.import-template .btn{background-color:#0003;background-position:50% 50%;background-repeat:no-repeat;border-radius:50%;cursor:pointer;display:none;height:30px;opacity:0;position:absolute;top:55%;transform:translateY(-50%);transition:.1s;width:30px;z-index:1}@media(min-width:993px){.import-template .btn{display:block}}.import-template .btn.next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 34 34' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.557 14.7 13.818 2.961 16.8 0l16.8 16.8-16.8 16.8-2.961-2.961L25.557 18.9H0v-4.2z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");right:10px}.import-template .btn.prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 34 34' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33.6 14.7H8.043L19.782 2.961 16.8 0 0 16.8l16.8 16.8 2.961-2.961L8.043 18.9H33.6z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");left:10px}.react-tabs{-webkit-tap-highlight-color:transparent}.react-tabs__tab-list{border-bottom:1px solid #aaa;margin:0 0 10px;padding:0}.react-tabs__tab{border:1px solid #0000;border-bottom:none;bottom:-1px;cursor:pointer;display:inline-block;list-style:none;padding:6px 12px;position:relative}.react-tabs__tab--selected{background:#fff;border-color:#aaa;border-radius:5px 5px 0 0;color:#000}.react-tabs__tab--disabled{color:GrayText;cursor:default}.react-tabs__tab:focus{outline:none}.react-tabs__tab:focus:after{background:#fff;bottom:-5px;content:"";height:5px;left:-4px;position:absolute;right:-4px}.react-tabs__tab-panel{display:none}.react-tabs__tab-panel--selected{display:block}body.react-confirm-alert-body-element{overflow:hidden}.react-confirm-alert-blur{filter:url(#gaussian-blur);filter:blur(2px);-webkit-filter:blur(2px)}.react-confirm-alert-overlay{-ms-align-items:center;align-items:center;animation:react-confirm-alert-fadeIn .5s .2s forwards;background:#ffffffe6;bottom:0;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;z-index:99}.react-confirm-alert-body{background:#fff;border-radius:10px;box-shadow:0 20px 75px #00000021;color:#666;font-family:Arial,Helvetica,sans-serif;padding:30px;text-align:left;width:400px}.react-confirm-alert-svg{left:0;position:absolute;top:0}.react-confirm-alert-body>h1{margin-top:0}.react-confirm-alert-body>h3{font-size:16px;margin:0}.react-confirm-alert-button-group{display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:flex-start;margin-top:20px}.react-confirm-alert-button-group>button{background:#333;border:none;border-radius:5px;color:#eee;cursor:pointer;display:inline-block;font-size:12px;margin-right:10px;outline:none;padding:6px 18px}@keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}.themes{padding:20px 0}.themes:hover .btn{opacity:1;transition:.4s}.themes ul.themesList{display:flex;overflow-x:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory}@media(min-width:993px){.themes ul.themesList{overflow-x:auto}.themes ul.themesList::-webkit-scrollbar{display:none}}.themes ul.themesList li{cursor:pointer;min-width:46%;scroll-snap-align:center;transition:.2s;width:50%}.themes ul.themesList li:not(:last-child){margin-right:10px}.themes ul.themesList li:hover{opacity:.8}@media(min-width:579px){.themes ul.themesList li{min-width:21%}}.themes ul.themesList li img{width:100%}.themes ul.themesList li .theme-preview{background-color:#fff;border-radius:25px;height:216px;padding:28px 10px}.themes ul.themesList li .theme-preview .circle{background-color:#c4c4c4;border-radius:50%;height:33px;margin-left:8px;width:33px}.themes ul.themesList li .theme-preview .wrap-line{display:flex;height:86px;margin-top:26px;position:relative;width:100%}.themes ul.themesList li .theme-preview .wrap-line span{background-color:#000;height:2px;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease-in-out;width:100%}.themes ul.themesList li .theme-preview .wrap-line span:first-child{top:calc(50% - 30px)}.themes ul.themesList li .theme-preview .wrap-line span:nth-child(3){top:calc(50% + 30px)}.themes ul.themesList li .theme-preview .wrap-line div{align-items:center;color:#c4c4c4;display:flex;justify-content:center}.themes ul.themesList li .theme-preview .wrap-line div:first-child{margin-right:6px}.themes ul.themesList li .theme-preview .wrap-line div:first-child,.themes ul.themesList li .theme-preview .wrap-line div:last-child{border:2px solid #c4c4c4;border-radius:5px;height:100%;position:relative;width:50%}.themes .btn{background-color:#0003;background-position:50% 50%;background-repeat:no-repeat;border-radius:50%;cursor:pointer;display:none;height:30px;opacity:0;position:absolute;top:61%;transform:translateY(-50%);transition:.1s;width:30px;z-index:1}@media(min-width:993px){.themes .btn{display:block}}.themes .btn.next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 34 34' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.557 14.7 13.818 2.961 16.8 0l16.8 16.8-16.8 16.8-2.961-2.961L25.557 18.9H0v-4.2z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");right:10px}.themes .btn.prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 34 34' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33.6 14.7H8.043L19.782 2.961 16.8 0 0 16.8l16.8 16.8 2.961-2.961L8.043 18.9H33.6z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");left:10px}.themes .react-tabs__tab-list{border-bottom:0;display:flex;justify-content:center;margin:0 auto 30px;max-width:50%;overflow:hidden}@media(max-width:576px){.themes .react-tabs__tab-list{max-width:100%}}.themes .react-tabs__tab{border:1px solid #ccc;bottom:0;font-size:14px;letter-spacing:.5px;overflow:hidden;padding:8px 5px 9px;text-align:center;width:33%}.themes .react-tabs__tab--selected{background:#ff5a37;border:1px solid #ff5a37;border-radius:0;color:#fff}.themes .react-tabs__tab:first-child{border-bottom-left-radius:20px;border-top-left-radius:20px;padding-right:0}.themes .react-tabs__tab:last-child{border-bottom-right-radius:20px;border-top-right-radius:20px}.react-confirm-alert-overlay{animation:react-confirm-alert-fadeIn .2s .2s forwards;background:#000000b3}.react-confirm-alert-overlay .react-confirm-alert-button-group>button{background:#ff5a37;border-radius:20px;font-size:14px;margin:0 5px;padding:10px 17px;width:80px}.react-confirm-alert-overlay .react-confirm-alert-button-group>button:last-child{background:#ff5a37b3}.react-confirm-alert-button-group{justify-content:center}.react-confirm-alert-body{color:#000;font-family:Montserrat,Noto Sans Thai,sans-serif;padding-bottom:25px;width:100%}:root{--PhoneInput-color--focus:#03b2cb;--PhoneInputInternationalIconPhone-opacity:0.8;--PhoneInputInternationalIconGlobe-opacity:0.65;--PhoneInputCountrySelect-marginRight:0.35em;--PhoneInputCountrySelectArrow-width:0.3em;--PhoneInputCountrySelectArrow-marginLeft:var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth:1px;--PhoneInputCountrySelectArrow-opacity:0.45;--PhoneInputCountrySelectArrow-color:currentColor;--PhoneInputCountrySelectArrow-color--focus:var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform:rotate(45deg);--PhoneInputCountryFlag-aspectRatio:1.5;--PhoneInputCountryFlag-height:1em;--PhoneInputCountryFlag-borderWidth:1px;--PhoneInputCountryFlag-borderColor:#00000080;--PhoneInputCountryFlag-borderColor--focus:var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading:#0000001a}.PhoneInput{align-items:center;display:flex}.PhoneInputInput{flex:1 1;min-width:0}.PhoneInputCountryIcon{height:1em;height:var(--PhoneInputCountryFlag-height);width:1.5em;width:calc(var(--PhoneInputCountryFlag-height)*var(--PhoneInputCountryFlag-aspectRatio))}.PhoneInputCountryIcon--square{width:1em;width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:#0000001a;background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 1px #00000080,inset 0 0 0 1px #00000080;box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;height:100%;width:100%}.PhoneInputInternationalIconPhone{opacity:.8;opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:.65;opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{align-items:center;align-self:stretch;display:flex;margin-right:.35em;margin-right:var(--PhoneInputCountrySelect-marginRight);position:relative}.PhoneInputCountrySelect{border:0;cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:1}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{border-bottom-width:1px;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-color:currentColor;border-color:var(--PhoneInputCountrySelectArrow-color);border-left-width:0;border-right-width:1px;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-style:solid;border-top-width:0;content:"";display:block;height:.3em;height:var(--PhoneInputCountrySelectArrow-width);margin-left:.35em;margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);opacity:.45;opacity:var(--PhoneInputCountrySelectArrow-opacity);transform:rotate(45deg);transform:var(--PhoneInputCountrySelectArrow-transform);width:.3em;width:var(--PhoneInputCountrySelectArrow-width)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{color:#03b2cb;color:var(--PhoneInputCountrySelectArrow-color--focus);opacity:1}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 1px #03b2cb,inset 0 0 0 1px #03b2cb;box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{color:#03b2cb;color:var(--PhoneInputCountrySelectArrow-color--focus);opacity:1}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border:8px solid #0000;box-sizing:initial;content:"";height:0;left:-8px;position:absolute;width:1px;z-index:-1}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-top:-8px;top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#f0f0f0;border-top:none}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae;top:-1px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-top-color:#aeaeae;bottom:-1px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__triangle{left:50px;position:absolute}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{background-color:#2a87d0;border-radius:.3rem;color:#fff}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .holiday-overlay,.react-datepicker__month-text--holidays .holiday-overlay,.react-datepicker__quarter-text--holidays .holiday-overlay,.react-datepicker__year-text--holidays .holiday-overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:hover,.react-datepicker__month-text--holidays:hover,.react-datepicker__quarter-text--holidays:hover,.react-datepicker__year-text--holidays:hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .holiday-overlay,.react-datepicker__month-text--holidays:hover .holiday-overlay,.react-datepicker__quarter-text--holidays:hover .holiday-overlay,.react-datepicker__year-text--holidays:hover .holiday-overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:initial}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;-webkit-clip-path:circle(0);clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}*{-webkit-font-smoothing:antialiased;font-family:Montserrat,Noto Sans Thai,sans-serif;font-size:1rem}body{margin:0}h2{color:#1f1c1c}.green-container{background-color:#39e09b;bottom:0;height:100%;overflow:auto;position:absolute;top:0;width:100%}.container-admin{bottom:0;height:auto;position:relative;top:0;width:100%}.linksList{color:#1f1c1c;margin:auto;max-width:680px;position:center}.linkContainer,.linksList{display:block;text-align:center}.linkContainer{border-color:#1f1c1c;border-style:solid;color:#39e09b;margin-bottom:12px;overflow:hidden;padding:17px;text-decoration:none}.linkContainer:hover{color:#1f1c1c}.avatarStyle{border-radius:50%!important;height:96px;margin:initial!important;overflow:hidden;position:relative;width:96px!important}.avatarStyle>div{border:1px solid #1f1c1c;border-bottom-color:#0000;left:25%;position:absolute;top:25%}.avatarStyle.nav{height:36px;width:36px}.avatarStyle.nav>div{left:0;position:absolute;top:0}.userContainer{font-size:12px;margin:30px;text-align:center}.link:hover{background-color:#39e09b}.loader{align-items:center;display:flex;height:60vh;justify-content:center;overflow:hidden;width:100%}.loader>div{border:1px solid #1f1c1c;border-bottom-color:#0000}.avatar-loader{height:20vh}.avatar-loader,.buttons{align-items:center;display:flex;justify-content:center;overflow:hidden;width:100%}.buttons{height:80vh}.error-msg{color:#c00;font-weight:700;position:relative;text-align:center;width:100%}.error-msg p{display:inline;font-size:14px}.link-error-msg{color:#c00;font-weight:700;margin-bottom:10px;text-align:center;width:100%}.link-error-msg p{display:inline;margin:5px}.login-buttons{align-items:center;display:flex;height:80vh;justify-content:center;overflow:hidden;width:100%}.login-buttons input{margin:10px}.login-buttons button{height:82px}.newlink-buttons{align-items:center;display:flex;height:35vh;justify-content:center;overflow:hidden;width:100%}.newlink-buttons input{margin:10px}.newlink-buttons button{height:82px}.signup-buttons{align-items:center;display:flex;height:80vh;justify-content:center;overflow:hidden;width:100%}.signup-buttons input{margin:10px}.signup-buttons button{height:82px}.sign-in-button{background-color:#1f1c1c;color:#fff;cursor:pointer;font-weight:700;margin:50px;min-width:83.13px;padding:30px 50px;text-align:center;text-decoration:none;text-transform:capitalize}.sign-in-button p{margin:0}#or{color:#fff;font-weight:700;letter-spacing:1.5px}.user-input{background-color:#fff;border-color:#1f1c1c;border-width:2px;cursor:auto}.user-input,.user-submit{font-weight:700;padding:30px 50px}.user-submit{background-color:#1f1c1c;border:none;color:#fff;cursor:pointer}.user-submit:hover{background-color:#fff;color:#1f1c1c}input,input::placeholder{color:#1f1c1c}input[type=image]{border-radius:0}.footer a{color:#fff;font-size:20px;text-decoration:none}.flex-container{align-items:center;display:flex;flex-direction:column;height:700px;justify-content:center}.new-link{background-color:#fff;border-radius:3px;padding:50px}.admin-header{align-items:center;background-color:#1f1c1c;color:#fff;display:flex;flex-direction:row;height:30px;justify-content:center;padding:15px}.header-links{color:#000;cursor:pointer;font-weight:700;letter-spacing:1.5px;margin:50px;text-align:center;text-decoration:none}.header-links:hover{background-color:#fff;color:#1f1c1c}.active{border-bottom:3px solid #39e09b}.remove-button{border:2px solid #1f1c1c;cursor:pointer;padding:5px;position:relative;text-align:center;top:-35px}.remove-button:hover{background-color:#1f1c1c;color:#fff}.error-text::placeholder{color:#c00}.error-text{border-color:red}#added{color:#fff;font-size:30px}.edit-link-container{background-color:#fff;border-color:#1f1c1c;border-style:solid;color:#1f1c1c;cursor:default;display:block;font-weight:700;margin-bottom:12px;margin-top:10px;padding:20px;position:relative;text-align:center;text-decoration:none}.edit-linkTitle{margin-bottom:6px;position:relative}.edit-linkTitle-wrap{display:inline-block;max-width:calc(100% - 41px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-linkTitle-wrap.opened{width:100%}.edit-url{position:relative}.edit-url-wrap{display:inline-block;max-width:calc(100% - 84px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-url-wrap.edited{width:100%}.error-url-text::placeholder{color:#c00}.error-url-text{border-left-style:hidden;border-right-style:hidden;border-top-style:hidden;display:flex;flex-direction:column;position:relative;text-align:left}.error-msg-link{display:none}.error-url-text>.error-msg-link{background-color:red;color:#fff!important;display:block;font-size:14px;font-size:12px;margin-top:5px;padding:1px 5px;position:relative;text-align:left;width:-webkit-fit-content;width:fit-content}.error-url-text>.error-msg-link:before{background-color:red;content:"";height:8px;left:10px;position:absolute;top:-3px;transform:rotate(45deg);width:8px}.edit-link-input{border-bottom-color:#39e09b;border-style:hidden hidden groove}.edit-link-input:focus{outline:none}.delete-button{margin-bottom:25px;margin-top:15px;right:10px}.delete-button,.edit-button{cursor:pointer;position:absolute}.edit-button{display:inline-block;padding-left:5px;top:3px;z-index:1}.view-button{color:#1f1c1d;cursor:pointer;display:inline-flex;padding-left:10px;position:relative;top:3px;top:2px;z-index:0}.view-button svg{height:18px;width:18px}.view-button>div{display:flex}.view-button>label{left:1px;position:relative;text-decoration:underline;top:1px}.settings-container{background-color:#fff;border-radius:10px;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038;height:500px;margin:50px auto 60px;padding:20px;width:470px}.avatar{display:inline-block;margin:initial}.avatar-form{display:inline-block;margin:0 0 0 40px;width:50%}.change-avatar-style{border-radius:3px;cursor:pointer;height:82px;width:82px}.modal-avatar-container{text-align:center}.edit-avatar-container{display:inline-block}.edit-avatar-container>div>div{overflow:hidden}.avatar-buttons-container{margin-top:20px;text-align:center}.avatar-buttons button{background:#0000;border:1px solid #39e09b;cursor:pointer;margin:10px}.color-container{padding:10px;text-align:center}.themes-container{grid-gap:22px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;justify-items:center}.box{border-radius:2px;color:#fff;cursor:pointer;display:flex;flex-direction:column;height:81px;width:81px}.default-theme{border:3px solid #fff;border-radius:10px;padding:5px}.active-theme{border:3px solid gold;border-radius:10px;padding:5px}.empty-linktree{color:#fff}@media only screen and (max-width:600px){.buttons{flex-direction:column}}@media only screen and (max-width:850px){.login-buttons,.newlink-buttons{flex-direction:column}.user-input{padding:20px 50px}#added{font-size:15px}}@media only screen and (max-width:1250px){.signup-buttons{flex-direction:column}}@media only screen and (max-width:570px){.header-links{margin:20px}.themes-container{grid-template-columns:1fr 1fr}.settings-container{height:700px;width:50vh}}@media only screen and (max-width:440px){.themes-container{grid-gap:0;grid-template-columns:1fr 1fr}.settings-container{height:600px;width:33vh}.avatar-form{margin:0 0 0 30px;width:auto}}@media only screen and (max-width:320px){.linksList{max-width:300px}}@media only screen and (max-height:730px){.avatar-form{margin:0 0 0 20px;width:70px}}@media only screen and (max-height:660px){.avatar-form{margin:0 0 0 10px}}