.ftw-p,.ftw-search,.ftw-spec,.ftw-rfq,.ftw-export,.ftw-rank{--ftw-ease:cubic-bezier(.23, 1, .32, 1);--ftw-pop:cubic-bezier(.34, 1.56, .64, 1)}.ftw-p{--ftw-gap:2.25rem;margin:var(--medium) 0 0;border-radius:var(--xlarge);background:linear-gradient(#0000000b 1px, transparent 1px) 0 0 / 28px 28px, linear-gradient(90deg, #0000000b 1px, transparent 1px) 0 0 / 28px 28px, var(--bg-primary);text-align:left;padding:3rem 2rem 1.5rem;position:relative;container:ftwp/inline-size}.ftw-p-steps{gap:var(--ftw-gap);margin:0;padding:0;list-style:none;display:grid}.ftw-p-step{align-content:start;gap:1rem;display:grid;position:relative}.ftw-p-stage{position:relative}.ftw-p-card{background:var(--white);min-height:14rem;color:var(--bg-dark);border-radius:16px;flex-direction:column;gap:.6em;padding:1.1em;font-size:.8rem;line-height:1.4;display:flex;position:relative;box-shadow:0 0 0 1px #0000000f,0 18px 40px -26px #0006}.ftw-p-ring{box-shadow:0 0 0 2px var(--bg-dark), 0 0 0 7px #d6fd7099;opacity:0;pointer-events:none;border-radius:20px;position:absolute;inset:-5px}.ftw-p-step:last-child .ftw-p-ring{opacity:1}.ftw-p-link{width:2px;height:var(--ftw-gap);background:repeating-linear-gradient(180deg, var(--grey-300) 0 4px, transparent 4px 8px);margin-left:-1px;position:absolute;top:100%;left:50%}.ftw-p-link i{background:var(--bg-dark);transform-origin:top;transform:scaleY(var(--fill,1));position:absolute;inset:0}.ftw-p-link:after{content:"";border-right:2px solid var(--bg-dark);border-bottom:2px solid var(--bg-dark);width:7px;height:7px;position:absolute;bottom:1px;left:50%;translate:-50%;rotate:45deg}.ftw-p-bar{box-shadow:0 0 0 1px var(--grey-200), 0 6px 14px -10px #0000004d;border-radius:12px;align-items:flex-start;gap:.5em;padding:.6em .8em;font-size:1.02em;display:flex}.ftw-p-bar svg{color:var(--grey-400);flex:none;margin-top:.2em}.ftw-p-caret{vertical-align:-.12em;background:var(--bg-dark);width:1.5px;height:1em;margin-left:1px;animation:1s step-end infinite ftw-blink;display:inline-block}@keyframes ftw-blink{50%{opacity:0}}.ftw-p-result{box-shadow:inset 3px 0 0 var(--green);background:#f5f8ff;border-radius:10px;gap:.25em;padding:.7em .8em;display:grid}.ftw-p-result small{color:#4d5156;overflow-wrap:anywhere;font-size:.8em}.ftw-p-result b{color:#1a0dab;font-weight:600}.ftw-p-result i,.ftw-p-others i,.ftw-p-doc i{background:var(--grey-200);border-radius:99px;height:.42em;display:block}.ftw-p-result i:last-child{width:68%}.ftw-p-others{opacity:.7;gap:.45em;margin-top:auto;padding:0 .2em;display:grid}.ftw-p-others i:nth-child(2){width:82%}.ftw-p-others i:nth-child(3){width:58%}.ftw-p-url{background:var(--bg-primary);max-width:100%;font-family:var(--mono);color:var(--grey-400);white-space:nowrap;text-overflow:ellipsis;border-radius:99px;align-self:flex-start;padding:.2em .6em;font-size:.7em;overflow:hidden}.ftw-p-page{align-items:center;gap:.7em;display:flex}.ftw-p-thumb{background:#f4f1ea;border-radius:10px;flex:none;place-items:center;width:3.6em;height:3.6em;display:grid}.ftw-p-thumb svg{width:2.6em;height:2.6em}.ftw-p-page b{font-size:1.12em;font-weight:600;line-height:1.3}.ftw-p-rows{margin:0}.ftw-p-row{border-top:1px solid var(--grey-200);justify-content:space-between;gap:.6em;padding:.42em 0;display:flex}.ftw-p-row dt{color:var(--grey-400)}.ftw-p-row dd{text-align:right;margin:0;font-weight:600}.ftw-p-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--grey-400);font-size:.74em}.ftw-p-label:lang(th){text-transform:none;font-family:inherit;font-size:.82em}.ftw-p-checks{margin:0;padding:0;list-style:none;display:grid}.ftw-p-checks li{border-bottom:1px dashed var(--grey-200);align-items:center;gap:.6em;padding:.5em 0;display:flex}.ftw-p-checks li:last-child{border-bottom:0}.ftw-p-checks svg{flex:none;width:1.4em;height:1.4em}.ftw-p-checks circle{fill:var(--green)}.ftw-p-checks path{fill:none;stroke:var(--bg-dark);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1}.ftw-p-doc{background:var(--white);box-shadow:0 0 0 1px var(--grey-200), 0 10px 22px -16px #00000059;border-radius:10px;gap:.45em;padding:.9em;display:grid}.ftw-p-file{font-family:var(--mono);color:var(--white);background:#c73b2f;border-radius:6px;justify-self:start;padding:.15em .5em;font-size:.72em;font-weight:700}.ftw-p-doc b{font-family:var(--mono);overflow-wrap:anywhere;font-size:.78em;font-weight:500}.ftw-p-doc i:nth-of-type(2){width:86%}.ftw-p-doc i:nth-of-type(3){width:92%}.ftw-p-doc i:nth-of-type(4){width:54%}.ftw-p-stamp{letter-spacing:.04em;text-transform:uppercase;color:#1f8a4c;background:#ffffffe0;border:2px solid #1f8a4c;border-radius:8px;padding:.2em .65em;font-size:1.15em;font-weight:800;position:absolute;bottom:2.9em;right:1em;transform:rotate(-8deg)}.ftw-p-label.is-foot{margin-top:auto}.ftw-p-field{gap:.15em;display:grid}.ftw-p-field small{color:var(--grey-400);font-size:.78em}.ftw-p-box{border:1px solid var(--grey-300);border-radius:8px;min-height:2.15em;padding:.4em .65em;display:block}.ftw-p-val{font-weight:600;display:inline-block}.ftw-p-send{background:var(--bg-dark);color:var(--white);border-radius:99px;align-self:flex-start;margin-top:auto;padding:.55em 1.1em;font-weight:600}.ftw-p-toast{z-index:3;background:var(--bg-dark);width:max-content;max-width:min(15.5rem,100%);color:var(--white);border-radius:14px;align-items:flex-start;gap:.6rem;padding:.75rem .9rem;font-size:.78rem;line-height:1.4;display:flex;position:absolute;top:-2.5rem;right:-.6rem;box-shadow:0 18px 40px -18px #0000008c}.ftw-p-toast i{background:var(--green);border-radius:50%;flex:none;width:.6rem;height:.6rem;margin-top:.3rem;box-shadow:0 0 0 4px #d6fd7040}.ftw-p-toast b{font-size:.86rem;display:block}.ftw-p-toast small{color:#ffffffb8;display:block}.ftw-p-cap{align-content:start;gap:.35rem;display:grid}.ftw-p-num{background:var(--bg-dark);font-family:var(--mono);color:var(--green);border-radius:99px;justify-self:start;padding:.15rem .5rem;font-size:.7rem}.ftw-p-cap b{font-size:var(--t-lg);font-weight:600;line-height:1.35}.ftw-p-cap p{font-size:var(--t-sm);color:var(--text-secondary);line-height:1.6}.ftw-p>.ae-pic-note{margin-top:1.75rem}@container ftwp (min-width:40rem) and (max-width:69.99rem){.ftw-p-step{grid-template-columns:minmax(0,19rem) minmax(0,1fr);align-items:center;gap:2rem}.ftw-p-link{left:9.5rem}}@container ftwp (min-width:70rem){.ftw-p-steps{grid-template-columns:repeat(5,minmax(0,1fr))}.ftw-p-card{height:15.5rem;min-height:0;font-size:clamp(.72rem,.92cqi,.84rem)}.ftw-p-link{width:var(--ftw-gap);background:repeating-linear-gradient(90deg, var(--grey-300) 0 4px, transparent 4px 8px);height:2px;margin:-1px 0 0;top:7.75rem;left:100%}.ftw-p-link i{transform-origin:0;transform:scaleX(var(--fill,1))}.ftw-p-link:after{inset:50% 1px auto auto;translate:0 -50%;rotate:-45deg}}@media screen and (max-width:767px){.ftw-p{padding:2.75rem 1rem 1.25rem}.ftw-p-card{min-height:0}}@media (prefers-reduced-motion:reduce){.ftw-p-caret{animation:none}}.ftw-search{margin-block:var(--medium);text-align:left;gap:1.75rem 3rem;display:grid}.ftw-search-ac{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1rem;display:grid}.ftw-search-ac .ae-fx-ac-box{font-size:var(--t-base)}.ftw-search-ac .ae-fx-ac li{font-size:var(--t-sm)}.ftw-search .ftw-search-map{margin:0}.ftw-search-note{grid-column:1/-1}@media screen and (min-width:1200px){.ftw-search{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center}}@media screen and (max-width:767px){.ftw-search-ac{grid-template-columns:minmax(0,1fr)}}.ae-fx-sheet-photos.ftw-photos span{background:#f4f1ea;place-items:center;display:grid}.ftw-photos svg{width:82%;height:auto}.ftw-rfq{margin-block:var(--medium);text-align:left;align-items:center;gap:2.5rem;display:grid}.ftw-rfq .ae-fx-input>span{position:relative}.ftw-rfq .ae-fx-input>span:after{content:"";box-shadow:0 0 0 3px var(--green);opacity:0;pointer-events:none;border-radius:12px;position:absolute;inset:-3px}.ftw-rfq-side{gap:1.75rem;display:grid}.ftw-mail{background:var(--bg-dark);color:#f4f4ef;border-radius:18px;gap:.85rem;padding:1.4rem;display:grid;box-shadow:0 30px 60px -30px #0000008c}.ftw-mail-head{font-size:var(--t-sm);color:#ffffffb8;align-items:center;gap:.6rem;display:flex}.ftw-mail-head i{background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23131313' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E") center / 60% no-repeat;border-radius:8px;flex:none;width:1.9rem;height:1.9rem}.ftw-mail-head em{background:var(--green);font-size:var(--t-xs);color:var(--bg-dark);border-radius:99px;padding:.1rem .5rem;font-style:normal;font-weight:700}.ftw-mail-head small{font-family:var(--mono);font-size:var(--t-xs);margin-left:auto}.ftw-mail-subject{font-size:var(--t-lg);color:var(--white);font-weight:600;line-height:1.4}.ftw-mail dl{margin:0}.ftw-mail dl div{font-size:var(--t-sm);border-top:1px solid #ffffff1a;grid-template-columns:minmax(6rem,.42fr) minmax(0,1fr);gap:1rem;padding:.5rem 0;display:grid}.ftw-mail dt{color:#fff9}.ftw-mail dd{overflow-wrap:anywhere;margin:0}.ftw-mail-ready{font-size:var(--t-sm);color:var(--green);background:#d6fd7024;border-radius:99px;justify-self:start;align-items:center;gap:.45rem;padding:.4rem .85rem;font-weight:600;display:inline-flex}.ftw-mail-ready:before{content:"";background:var(--green);border-radius:50%;width:.5rem;height:.5rem}.ftw-rfq-notes{gap:1rem}@media screen and (min-width:992px){.ftw-rfq{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)}}@media screen and (max-width:767px){.ftw-mail{padding:1.1rem}}.ftw-export{margin-block:var(--medium);text-align:left;gap:2.5rem;display:grid}.ftw-ex-stage{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;padding:4rem .5rem 1rem;display:grid;position:relative}.ftw-ex-page{background:var(--white);color:var(--bg-dark);border-radius:16px;gap:.55rem;padding:2.6rem 1.2rem 1.25rem;font-size:.875rem;line-height:1.4;display:grid;position:relative;box-shadow:0 30px 60px -28px #000000bf}.ftw-ex-page.is-th{z-index:1;margin-right:-1.25rem;padding-right:3rem;transform:rotate(-3deg)}.ftw-ex-page.is-en{z-index:2;transform:rotate(1.5deg)}.ftw-ex-url{font-family:var(--mono);color:var(--grey-400);white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;position:absolute;top:.8rem;left:1rem;right:3.4rem;overflow:hidden}.ftw-ex-lang{background:var(--bg-dark);font-family:var(--mono);color:var(--green);border-radius:6px;padding:.1rem .45rem;font-size:.68rem;font-weight:700;position:absolute;top:.6rem;right:.8rem}.ftw-ex-name{font-size:1.15rem;font-weight:600}.ftw-ex-page dl{margin:0}.ftw-ex-page dl div{border-top:1px solid var(--grey-200);justify-content:space-between;align-items:baseline;gap:.75rem;padding:.5rem 0;display:flex;position:relative}.ftw-ex-page dl div.has-pin{padding-right:2.1rem}.ftw-ex-page dt{color:var(--grey-400)}.ftw-ex-page dd{text-align:right;margin:0;font-weight:600}.ftw-ex-page dd small{color:var(--grey-400);font-size:.75rem;font-weight:400;display:block}.ftw-ex-page .ae-fx-pin{position:absolute;top:50%;right:0;translate:0 -50%}.ftw-ex-terms{flex-wrap:wrap;justify-content:flex-end;gap:.3rem;display:flex}.ftw-ex-terms>span{box-shadow:0 0 0 1px var(--grey-300);font-family:var(--mono);border-radius:6px;padding:.1rem .45rem;font-size:.72rem}.ftw-ex-terms>span.is-on{background:var(--bg-dark);box-shadow:none;color:var(--green)}.ftw-ex-terms small{flex-basis:100%}.ftw-ex-code{background:var(--grey-200);vertical-align:middle;border-radius:99px;width:4.5rem;height:.55rem;display:inline-block}.ftw-ex-btn{background:var(--bg-dark);color:var(--white);border-radius:99px;justify-self:start;margin-top:.35rem;padding:.55rem 1rem;font-size:.82rem;font-weight:600}.ftw-ex-tie{z-index:3;justify-items:center;gap:.35rem;display:grid;position:absolute;top:0;left:50%;translate:-50%}.ftw-ex-tie i{z-index:-1;border:2px dashed #d6fd70b3;border-bottom:0;border-radius:14px 14px 0 0;width:15rem;height:1.6rem;position:absolute;top:.85rem;left:50%;translate:-50%}.ftw-ex-tie code{background:var(--green);font-family:var(--mono);color:var(--bg-dark);border-radius:99px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.ftw-ex-tie small{font-size:var(--t-xs);color:#f4f4ef;white-space:nowrap}.ftw-ex-notes{gap:1.4rem;margin:0;padding:0;list-style:none;display:grid}.ftw-ex-notes li{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.9rem;display:grid}.ftw-ex-notes .ae-fx-pin{width:1.9rem;height:1.9rem;font-size:var(--t-sm)}.ftw-ex-notes b{font-size:var(--t-lg);font-weight:600;line-height:1.4;display:block}.ftw-ex-notes p{font-size:var(--t-base);color:var(--text-secondary);margin-top:.3rem}@media screen and (min-width:1100px){.ftw-export{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);align-items:center;gap:4rem}}@media screen and (max-width:640px){.ftw-ex-stage{grid-template-columns:minmax(0,1fr);gap:0;padding:0}.ftw-ex-tie{margin-bottom:1rem;position:static;translate:none}.ftw-ex-tie i{display:none}.ftw-ex-page.is-th{margin:0 2.25rem 0 0;padding-right:1.2rem;transform:rotate(-2deg)}.ftw-ex-page.is-en{margin:-1rem 0 0 1.25rem;transform:rotate(1deg)}}.ftw-rank{margin-block:var(--medium);text-align:left;gap:2.5rem;display:grid}.ftw-rank-log{border-radius:var(--xlarge);background:var(--bg-primary);gap:1rem;padding:1.5rem;display:grid}.ftw-rank-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;display:flex}.ftw-rank-head b{font-size:var(--t-lg);font-weight:600}.ftw-rank-head small{font-size:var(--t-sm);color:var(--text-secondary)}.ftw-rank-log ol{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.ftw-rank-log li{background:var(--white);border-radius:14px;grid-template-columns:6.25rem minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.95rem 1.1rem;display:grid;box-shadow:0 0 0 1px #0000000d}.ftw-rank-week{font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.ftw-rank-week:lang(th){font-family:inherit;font-size:var(--t-sm);text-transform:none}.ftw-rank-what{gap:.35rem;display:grid}.ftw-rank-what b{font-weight:600}.ftw-rank-what>span{flex-wrap:wrap;gap:.35rem;display:flex}.ftw-rank-what i{background:var(--bg-primary);font-size:var(--t-xs);border-radius:99px;padding:.12rem .55rem;font-style:normal}.ftw-rank-log li.is-move .ftw-rank-what i{background:#fff1c7}.ftw-rank-ok{justify-items:start;gap:.2rem;display:grid}.ftw-rank-ok small{font-size:var(--t-xs);color:#1d7a44;align-items:center;gap:.4rem;display:inline-flex}.ftw-rank-ok small:before{content:"";background:#1f8a4c;border-radius:50%;width:.45rem;height:.45rem}.ftw-rank-roll{font-size:var(--t-sm);color:var(--text-secondary);align-items:center;gap:.6rem;display:flex}.ftw-rank-roll:before{content:"";background:var(--bg-dark) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d6fd70' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12a8 8 0 1 0 2.3-5.7'/%3E%3Cpath d='M4 4v4h4'/%3E%3C/svg%3E") center / 58% no-repeat;border-radius:50%;flex:none;width:1.6rem;height:1.6rem}.ftw-rank-proof{gap:1rem;display:grid}.ftw-rank-name{flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;display:flex}.ftw-rank-name b{font-size:var(--t-xl);font-weight:600}.ftw-rank-name small{font-size:var(--t-sm);color:var(--text-secondary)}.ftw-rank-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.ftw-rank-stats li{background:var(--bg-primary);font-size:var(--t-sm);border-radius:14px;align-content:start;gap:.3rem;padding:1rem;line-height:1.5;display:grid}.ftw-rank-stats li b{font-size:var(--t-2xl);letter-spacing:-.04em;font-weight:600;line-height:1.1}.ftw-rank-stats li:not(.is-num):before{content:"";background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23131313' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center / 62% no-repeat;border-radius:50%;width:1.5rem;height:1.5rem}.ftw-rank-proof .ae-link{justify-self:start}@media screen and (min-width:1100px){.ftw-rank{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:3.5rem}}@media screen and (max-width:640px){.ftw-rank-log{padding:1rem}.ftw-rank-log li{grid-template-columns:minmax(0,1fr);gap:.5rem}}@media (prefers-reduced-motion:no-preference){.ftw-search .ae-fx-ac li,.ftw-search-map li,.ftw-spec .ae-fx-sheet dl div,.ftw-spec .ae-fx-notes li,.ftw-rfq-notes li,.ftw-ex-notes li,.ftw-rank-log li,.ftw-rank-stats li{transition:opacity .5s var(--ftw-ease), transform .5s var(--ftw-ease);transition-delay:calc(var(--i,0) * 80ms + .15s)}.ftw-spec .ae-fx-pin,.ftw-ex-page .ae-fx-pin{transition:transform .45s var(--ftw-pop);transition-delay:.7s}.ftw-mail{transition:opacity .6s var(--ftw-ease), transform .6s var(--ftw-ease);transition-delay:1.5s}.ftw-ex-page,.ftw-ex-tie{transition:opacity .7s var(--ftw-ease), transform .7s var(--ftw-ease)}.ftw-ex-page.is-en{transition-delay:.15s}.ftw-ex-tie{transition-delay:.5s}.ftw-rfq.is-drawn .ae-fx-input>span:after{animation:.75s ease-in-out both ftw-focus;animation-delay:calc(var(--i,0) * .14s + .2s)}html.js-anim .ftw-search:not(.is-drawn) .ae-fx-ac li{opacity:0;transform:translateY(8px)}html.js-anim .ftw-search:not(.is-drawn) .ftw-search-map li{opacity:0;transform:translate(-12px)}html.js-anim .ftw-spec:not(.is-drawn) .ae-fx-sheet dl div{opacity:0;transform:translateY(6px)}html.js-anim .ftw-spec:not(.is-drawn) .ae-fx-notes li,html.js-anim .ftw-rfq:not(.is-drawn) .ftw-rfq-notes li,html.js-anim .ftw-export:not(.is-drawn) .ftw-ex-notes li{opacity:0;transform:translate(14px)}html.js-anim .ftw-spec:not(.is-drawn) .ae-fx-pin,html.js-anim .ftw-export:not(.is-drawn) .ftw-ex-page .ae-fx-pin{transform:scale(0)}html.js-anim .ftw-rfq:not(.is-drawn) .ftw-mail{opacity:0;transform:translate(28px)}html.js-anim .ftw-export:not(.is-drawn) .ftw-ex-page.is-th{opacity:0;transform:rotate(-9deg)translate(-2rem)}html.js-anim .ftw-export:not(.is-drawn) .ftw-ex-page.is-en{opacity:0;transform:rotate(7deg)translate(2rem)}html.js-anim .ftw-export:not(.is-drawn) .ftw-ex-tie{opacity:0;transform:translateY(-10px)}html.js-anim .ftw-rank:not(.is-drawn) .ftw-rank-log li{opacity:0;transform:translateY(10px)}html.js-anim .ftw-rank:not(.is-drawn) .ftw-rank-stats li{opacity:0;transform:scale(.94)}}@keyframes ftw-focus{0%,to{opacity:0}40%{opacity:1}}