@source "../../components/agent-register/register-layout.ts";.agent-register .agent-register-poster-copy{color:#111;width:min(100%,58rem);box-shadow:none;isolation:isolate;background:radial-gradient(circle at 18% 16%,#fffffff5,#0000 24%),linear-gradient(#fffffffa,#fafaf8f5);border-radius:1.75rem;margin:0 auto;padding:clamp(1.25rem,3vw,2.5rem) clamp(1rem,3vw,2.75rem);position:relative}.agent-register .agent-register-poster-copy:before,.agent-register .agent-register-poster-copy:after{content:none}.agent-register .agent-register-poster-title{max-width:48rem;font-family:var(--font-sarabun), var(--font-noto-thai), "Noto Sans Thai", sans-serif;letter-spacing:-.045em;text-align:center;text-wrap:balance;margin:0 auto clamp(.95rem,2.4vw,1.5rem);font-weight:900;line-height:.95;transform:rotate(-2deg)}.agent-register .agent-register-poster-title span,.agent-register .agent-register-poster-title strong,.agent-register .agent-register-poster-title em{text-shadow:.055em .055em #fff,.085em .085em #11111129;font-style:normal;display:block}.agent-register .agent-register-poster-title span{font-size:clamp(1.45rem,4.3vw,2.85rem)}.agent-register .agent-register-poster-title strong{font-size:clamp(1.95rem,5.5vw,4.1rem)}.agent-register .agent-register-poster-title em{color:#ff5a0a;text-shadow:.04em .04em #fff,.06em .06em #ff5a0a2e;margin-top:.28em;font-size:clamp(1.85rem,5.2vw,3.95rem);position:relative}.agent-register .agent-register-poster-title em:after{content:"";background:#ff5a0a;border-radius:999px;height:.12em;position:absolute;bottom:-.13em;left:18%;right:13%;transform:rotate(-3deg)}.agent-register .agent-register-poster-sub-title{font-family:var(--font-sarabun), var(--font-noto-thai), "Noto Sans Thai", sans-serif;text-align:center;text-wrap:balance;margin:40px auto;font-weight:900;line-height:1.05;transform:rotate(-1.5deg)}.agent-register .agent-register-poster-sub-title span,.agent-register .agent-register-poster-sub-title strong{display:block}.agent-register .agent-register-poster-sub-title span{font-size:clamp(1.05rem,3vw,1.45rem);white-space:nowrap!important}.agent-register .agent-register-poster-sub-title strong{color:#ef4444;text-shadow:.04em .04em #fff,.06em .06em #ef444440;margin-top:.15em;font-size:clamp(1.35rem,3.9vw,1.95rem);position:relative}.agent-register .agent-register-poster-sub-title strong:after{content:"";background:#ef4444;border-radius:999px;height:.1em;position:absolute;bottom:-.08em;left:8%;right:8%;transform:rotate(-2deg)}.agent-register .agent-register-poster-section{text-align:center;max-width:43rem;margin:clamp(1.3rem,3vw,2rem) auto 0;padding-top:clamp(1.2rem,3vw,1.8rem);position:relative}.agent-register .agent-register-poster-section+.agent-register-poster-section{border-top:1px solid #1111111f}.agent-register .agent-register-poster-section p{color:#151515;font-family:var(--font-sarabun), var(--font-noto-thai), "Noto Sans Thai", sans-serif;letter-spacing:-.015em;text-wrap:balance;margin:.05rem 0;font-size:clamp(.92rem,2.35vw,1.52rem);font-weight:600;line-height:1.42}.agent-register .agent-register-poster-section-price p:first-child{margin-top:20px}.agent-register .agent-register-poster-section h3{color:#111;font-family:var(--font-sarabun), var(--font-noto-thai), "Noto Sans Thai", sans-serif;letter-spacing:-.025em;text-wrap:balance;margin:0 0 .4rem;font-size:clamp(1.28rem,3.35vw,2.4rem);font-weight:600;line-height:1.18;display:inline-block;position:relative}.agent-register .agent-register-poster-section-promise h3 span,.agent-register .agent-register-poster-mark-orange{color:#ff5a0a}.agent-register .agent-register-poster-section-line h3 span,.agent-register .agent-register-poster-section-line li span{color:#14a829}.agent-register .agent-register-poster-section-promise h3:before,.agent-register .agent-register-poster-section-promise h3:after,.agent-register .agent-register-poster-section-line h3:before,.agent-register .agent-register-poster-section-line h3:after{content:"";background:currentColor;border-radius:999px;width:.42em;height:.105em;position:absolute;top:45%}.agent-register .agent-register-poster-section-promise h3:before,.agent-register .agent-register-poster-section-line h3:before{left:-.9em;transform:rotate(28deg)}.agent-register .agent-register-poster-section-promise h3:after,.agent-register .agent-register-poster-section-line h3:after{right:-.9em;transform:rotate(-28deg)}.agent-register .rice-shop-promise h3 span{color:#ff5a0a}.agent-register .rice-shop-promise h3:before,.agent-register .rice-shop-promise h3:after{content:"";background:currentColor;border-radius:999px;width:.42em;height:.105em;position:absolute;top:45%}.agent-register .rice-shop-promise h3:before{left:-.9em;transform:rotate(28deg)}.agent-register .rice-shop-promise h3:after{right:-.9em;transform:rotate(-28deg)}.agent-register .agent-register-poster-section-line h3.rice-shop-promise .rice-qr-red{color:#ef4444!important}.agent-register .agent-register-poster-section-line h3 .underline-loop{position:relative}.agent-register .agent-register-poster-section-line h3 .underline-loop:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#14a829 25% 75%,#0000 100%) 0 0/200% 100%;width:100%;height:2px;animation:1.8s linear infinite underline-loop;position:absolute;bottom:-3px;left:0}@keyframes underline-loop{0%{background-position:100% 0}to{background-position:-100% 0}}.agent-register .agent-register-poster-mark,.agent-register .agent-register-poster-underline{white-space:nowrap;font-weight:600;display:inline-block;position:relative}.agent-register .agent-register-poster-mark:after,.agent-register .agent-register-poster-underline:after{content:"";z-index:-1;opacity:.9;background:currentColor;border-radius:999px;height:.16em;position:absolute;bottom:.03em;left:-.08em;right:-.08em;transform:rotate(-2deg)}.agent-register .agent-register-poster-underline:after{color:#ff5a0a;height:.12em;bottom:-.08em}.agent-register .agent-register-poster-section-line ul{text-align:left;gap:.18rem;width:fit-content;max-width:100%;margin:.2rem auto 0;padding:0;list-style:none;display:grid}.agent-register .agent-register-poster-section-line li{color:#151515;font-family:var(--font-sarabun), var(--font-noto-thai), "Noto Sans Thai", sans-serif;letter-spacing:-.01em;padding-left:1.55em;font-size:clamp(.82rem,2.1vw,1.38rem);font-weight:600;line-height:1.42;position:relative}.agent-register .agent-register-poster-section-line li:before{content:"✓";color:#14a829;border:.07em solid #14a829;border-radius:999px;place-items:center;width:.98em;height:.98em;font-size:.64em;line-height:1;display:grid;position:absolute;top:50%;left:0;transform:translateY(-50%)}@media (max-width:640px){.agent-register .agent-register-poster-copy{border-radius:1.25rem;padding:1.15rem .85rem 1.35rem}.agent-register .agent-register-poster-title{transform:rotate(-1.2deg)}.agent-register .agent-register-poster-section-line ul{width:fit-content;margin:.2rem auto 0}.agent-register .agent-register-poster-section-line li:before{width:1.05em;height:1.05em;font-size:.68em;top:50%;transform:translateY(-50%)}.agent-register .agent-register-poster-section-line li{padding-left:1.7em}.agent-register .agent-register-poster-section-line li:last-child{text-align:center;padding-left:0}.agent-register .agent-register-poster-section-line li:last-child:before{content:none}.agent-register .agent-register-poster-sub-title{text-wrap:normal;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;transform:none!important}.agent-register .agent-register-poster-sub-title span{white-space:nowrap!important;font-size:.9rem!important}.agent-register .agent-register-poster-sub-title strong{font-size:1.05rem!important}}@media (min-width:740px){.agent-register .register-pricing-grid{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start;gap:1.5rem;display:grid}.agent-register .register-pricing-col-left{grid-area:1/1;min-width:0}.agent-register .register-pricing-col-right{grid-area:1/2;position:sticky;top:1.5rem}}.agent-register .register-form-control,.agent-register .register-date-input{box-sizing:border-box;height:2.75rem;min-height:2.75rem;font-size:1rem;line-height:1.5;display:block}.agent-register button[role=combobox].register-form-control{box-sizing:border-box;align-items:center;height:2.75rem;min-height:2.75rem;font-size:1rem;line-height:1.5;display:flex}.agent-register .register-date-input::-webkit-date-and-time-value{text-align:start;min-height:1.5em}.agent-register .register-date-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.75;margin-inline-start:.25rem}@supports (-webkit-touch-callout:none){.agent-register .register-date-input{padding-inline-end:.5rem}}
