:where(:root) .bricks-color-primary {color: var(--primary)}:where(:root) .bricks-background-primary {background-color: var(--primary)}:where(:root) .bricks-color-secondary {color: var(--secondary)}:where(:root) .bricks-background-secondary {background-color: var(--secondary)}:where(:root) .bricks-color-light {color: var(--white)}:where(:root) .bricks-background-light {background-color: var(--white)}:where(:root) .bricks-color-dark {color: var(--black)}:where(:root) .bricks-background-dark {background-color: var(--black)}:where(:root) .bricks-color-muted {color: var(--neutral)}:where(:root) .bricks-background-muted {background-color: var(--neutral)}:where(:root) * {border-color: var(--border-subtle)}:where(:root) .bricks-color-info {color: var(--info)}:where(:root) .bricks-background-info {background-color: var(--info)}:where(:root) .bricks-color-success {color: var(--success)}:where(:root) .bricks-background-success {background-color: var(--success)}:where(:root) .bricks-color-warning {color: var(--warning)}:where(:root) .bricks-background-warning {background-color: var(--warning)}:where(:root) .bricks-color-danger {color: var(--danger)}:where(:root) .bricks-background-danger {background-color: var(--danger)} html {background-color: var(--bg-body)} body {background: none} .pswp .pswp__bg {background-color: var(--overlay)} .pswp.brx .pswp__top-bar button.pswp__button--close svg {color: var(--white)} .pswp.brx .pswp__top-bar button.pswp__button svg {width: 20px; height: 20px} :where(.brxe-accordion .accordion-content-wrapper) a, :where(.brxe-icon-box .content) a, :where(.brxe-list) a, :where(.brxe-post-content):not([data-source="bricks"]) a:where(:not(.wp-element-button):not(.wp-block-button__link):not(.wp-block-file__button):not(.wp-block-social-link-anchor):not(.wp-block-navigation-item__content):not(.wp-block-image > a):not(.wp-block-image > figure > a)), :where(.brxe-posts .dynamic p) a, :where(.brxe-shortcode) a, :where(.brxe-tabs .tab-content) a, :where(.brxe-team-members) .description a, :where(.brxe-testimonials) .testimonial-content-wrapper a, :where(.brxe-text) a, :where(a.brxe-text), :where(.brxe-text-basic) a, :where(a.brxe-text-basic), :where(.brxe-post-comments) .comment-content a {color: var(--link-color); transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1)} :where(.brxe-accordion .accordion-content-wrapper) a:hover, :where(.brxe-icon-box .content) a:hover, :where(.brxe-list) a:hover, :where(.brxe-post-content):not([data-source="bricks"]) a:where(:not(.wp-element-button):not(.wp-block-button__link):not(.wp-block-file__button):not(.wp-block-social-link-anchor):not(.wp-block-navigation-item__content):not(.wp-block-image > a):not(.wp-block-image > figure > a)):hover, :where(.brxe-posts .dynamic p) a:hover, :where(.brxe-shortcode) a:hover, :where(.brxe-tabs .tab-content) a:hover, :where(.brxe-team-members) .description a:hover, :where(.brxe-testimonials) .testimonial-content-wrapper a:hover, :where(.brxe-text) a:hover, :where(a.brxe-text):hover, :where(.brxe-text-basic) a:hover, :where(a.brxe-text-basic):hover, :where(.brxe-post-comments) .comment-content a:hover {color: var(--link-color-hover); text-decoration: none} :where(.brxe-accordion .accordion-content-wrapper) a:active, :where(.brxe-icon-box .content) a:active, :where(.brxe-list) a:active, :where(.brxe-post-content):not([data-source="bricks"]) a:where(:not(.wp-element-button):not(.wp-block-button__link):not(.wp-block-file__button):not(.wp-block-social-link-anchor):not(.wp-block-navigation-item__content):not(.wp-block-image > a):not(.wp-block-image > figure > a)):active, :where(.brxe-posts .dynamic p) a:active, :where(.brxe-shortcode) a:active, :where(.brxe-tabs .tab-content) a:active, :where(.brxe-team-members) .description a:active, :where(.brxe-testimonials) .testimonial-content-wrapper a:active, :where(.brxe-text) a:active, :where(a.brxe-text):active, :where(.brxe-text-basic) a:active, :where(a.brxe-text-basic):active, :where(.brxe-post-comments) .comment-content a:active {color: var(--link-color-active)} .brxe-text * + :is(h1, h2, h3, h4, h5, h6), .brxe-post-content:not([data-source=bricks]) * + :is(h1, h2, h3, h4, h5, h6), body:not(.woocommerce-checkout) [class*=woocommerce] * + :is(h1, h2, h3, h4, h5, h6) {margin-block-start: var(--space-l)} .brxe-text * + p:not(.woocommerce-mini-cart__total, .woocommerce-checkout *, .brxe-woocommerce-account-form-edit-account *), .brxe-post-content:not([data-source=bricks]) * + p:not(.woocommerce-mini-cart__total, .woocommerce-checkout *, .brxe-woocommerce-account-form-edit-account *), body:not(.woocommerce-checkout) [class*=woocommerce] * + p:not(.woocommerce-mini-cart__total, .woocommerce-checkout *, .brxe-woocommerce-account-form-edit-account *) {margin-block-start: var(--space-s)} .brxe-text * + *:not(.woocommerce-mini-cart__total, .woocommerce-checkout *, .brxe-woocommerce-account-form-edit-account *), .brxe-post-content:not([data-source=bricks]) * + *:not(.woocommerce-mini-cart__total, .woocommerce-checkout *, .brxe-woocommerce-account-form-edit-account *), body:not(.woocommerce-checkout) [class*=woocommerce] * + *:not(.woocommerce-mini-cart__total, .woocommerce-checkout *, .brxe-woocommerce-account-form-edit-account *) {margin-block-start: var(--space-s)}.brxe-text * + :is(ul), .brxe-post-content:not([data-source=bricks]) * + :is(ul), body:not(.woocommerce-checkout) [class*=woocommerce] * + :is(ul) {margin-block-start: var(--space-s); padding-inline-start: var(--space-l)}.brxe-text * + :is(ol), .brxe-post-content:not([data-source=bricks]) * + :is(ol), body:not(.woocommerce-checkout) [class*=woocommerce] * + :is(ol) {margin-block-start: var(--space-s); padding-inline-start: var(--space-l)}.brxe-text * + :is(li), .brxe-post-content:not([data-source=bricks]) * + :is(li), body:not(.woocommerce-checkout) [class*=woocommerce] * + :is(li) {margin-block-start: var(--space-2xs)}.brxe-text * + :is(figure), .brxe-post-content:not([data-source=bricks]) * + :is(figure), body:not(.woocommerce-checkout) [class*=woocommerce] * + :is(figure) {margin-block-start: var(--space-m)}.brxe-text * + :is(blockquote), .brxe-post-content:not([data-source=bricks]) * + :is(blockquote), body:not(.woocommerce-checkout) [class*=woocommerce] * + :is(blockquote) {margin-block-start: var(--space-l); padding-inline-start: var(--space-m)} body {color: var(--text-body); font-size: var(--text-m); line-height: 1.6; font-weight: 400; font-family: "Bai Jamjuree", system-ui, 'Noto Sans Thai', sans-serif} h1, h2, h3, h4, h5, h6 {color: var(--text-body); font-family: "Kanit", system-ui, 'Noto Sans Thai', sans-serif; font-weight: 600; line-height: 1.2} h1 {font-size: var(--text-3xl); line-height: 1.1; font-family: "Kanit"; font-weight: 700} h2 {font-size: var(--text-2xl); line-height: 1.15; font-family: "Kanit"; font-weight: 600} h3 {font-size: var(--text-xl); line-height: 1.2; font-family: "Kanit"; font-weight: 600} h4 {font-size: var(--text-l); line-height: 1.3; font-family: "Kanit"; font-weight: 600} h5 {font-size: var(--text-m); line-height: 1.4; font-family: "Kanit"; font-weight: 600} h6 {font-size: var(--text-s); line-height: 1.4; font-family: "Kanit"; font-weight: 600} .bricks-type-hero {font-size: var(--text-3xl); color: var(--text-body); font-weight: 700; line-height: 1.1; font-family: "Kanit"; font-variation-settings: system-ui, 'Noto Sans Thai', sans-serif} .bricks-type-lead {font-size: var(--text-l); color: var(--text-secondary); font-weight: 500; line-height: 1.5; font-family: "Bai Jamjuree"; font-variation-settings: system-ui, 'Noto Sans Thai', sans-serif} body.bricks-is-frontend :focus-visible {outline: var(--focus-outline-width) solid var(--focus-outline-color)} @supports not selector(:focus-visible) { body.bricks-is-frontend :focus {outline: var(--focus-outline-width) solid var(--focus-outline-color); }} blockquote {padding-left: var(--space-m); border-left: 3px solid var(--primary); color: var(--text-secondary); font-size: var(--text-l); font-style: italic; line-height: 1.5} .brxe-section {column-gap: var(--content-gap-m); row-gap: var(--stack-gap-m); padding-top: var(--section-padding-block); padding-right: var(--section-padding-inline); padding-bottom: var(--section-padding-block); padding-left: var(--section-padding-inline)} .brxe-container {column-gap: var(--content-gap-m); row-gap: var(--stack-gap-m); width: 100%; max-width: var(--site-max-width); margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: var(--site-max-width)} .brxe-block {column-gap: var(--content-gap-s); row-gap: var(--stack-gap-s)}.brxe-alert {padding-top: var(--space-s); padding-right: var(--space-m); padding-bottom: var(--space-s); padding-left: var(--space-m); font-size: var(--text-s); line-height: 1.5; border-left-width: 3px; border-left-style: solid}.brxe-alert.info {color: var(--info); background-color: var(--info-l-2); border-color: var(--info)}.brxe-alert.success {color: var(--success); background-color: var(--success-l-2); border-color: var(--success)}.brxe-alert.warning {color: var(--warning); background-color: var(--warning-l-2); border-color: var(--warning)}.brxe-alert.danger {color: var(--danger); background-color: var(--danger-l-2); border-color: var(--danger)}.brxe-alert.muted {color: var(--text-muted); background-color: var(--neutral-l-5); border-color: var(--neutral-l-2)} .bricks-button {letter-spacing: 0.01em; color: var(--btn-primary-text); font-family: "Bai Jamjuree"; font-weight: 500; font-style: normal; text-wrap: nowrap; border: 2px solid var(--btn-primary-bg); border-radius: var(--btn-m-radius); transition: all var(--duration-fast) var(--easing-default); padding-top: var(--btn-m-padding-y); padding-right: var(--btn-m-padding-x); padding-bottom: var(--btn-m-padding-y); padding-left: var(--btn-m-padding-x)} .bricks-button:where(:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline)) {background-color: var(--btn-primary-bg)} .bricks-button:where(:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline)):hover {background-color: var(--primary-d-1)} .bricks-button:where(:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline)):active {background-color: var(--primary-d-2)} .bricks-button:hover {border-color: var(--primary-d-1)} .bricks-button:active {border-color: var(--primary-d-2)} .bricks-button:where(.outline) {color: var(--btn-outline-text); letter-spacing: 0.01em; font-family: "Bai Jamjuree"; font-weight: 500; background-color: transparent; border: 2px solid var(--btn-outline-border); border-radius: var(--btn-m-radius)} .bricks-button:where(.outline):hover {color: var(--white); background-color: var(--primary); border-color: var(--primary)} .bricks-button:where(.outline):active {background-color: var(--primary-d-1); border-color: var(--primary-d-1)} .bricks-button:where(.bricks-background-primary), .bricks-button:where(.bricks-color-primary) {color: var(--btn-primary-text); letter-spacing: 0.01em; border: 2px solid var(--btn-primary-bg); border-radius: var(--btn-m-radius)} .bricks-button:where(.bricks-background-primary:not(.outline)) {background-color: var(--btn-primary-bg)} .bricks-button:where(.bricks-background-primary:not(.outline)):hover {background-color: var(--primary-d-1)} .bricks-button:where(.bricks-background-primary:not(.outline)):active {background-color: var(--primary-d-2)} .bricks-button:where(.bricks-background-primary):hover, .bricks-button:where(.bricks-color-primary):hover {border-color: var(--primary-d-1)} .bricks-button:where(.bricks-background-primary):active, .bricks-button:where(.bricks-color-primary):active {border-color: var(--primary-d-2)} .bricks-button:where(.bricks-color-primary.outline) {color: var(--btn-outline-text); letter-spacing: 0.01em; background-color: transparent; border: 2px solid var(--btn-outline-border); border-radius: var(--btn-m-radius)} .bricks-button:where(.bricks-color-primary.outline):hover {color: var(--white); background-color: var(--primary); border-color: var(--primary)} .bricks-button:where(.bricks-color-primary.outline):active {background-color: var(--primary-d-1); border-color: var(--primary-d-1)} .bricks-button:where(.bricks-background-secondary), .bricks-button:where(.bricks-color-secondary) {color: var(--btn-secondary-text); border: 2px solid var(--btn-secondary-bg); border-radius: var(--btn-m-radius)} .bricks-button:where(.bricks-background-secondary:not(.outline)) {background-color: var(--btn-secondary-bg)} .bricks-button:where(.bricks-background-secondary:not(.outline)):hover {background-color: var(--secondary-d-1)} .bricks-button:where(.bricks-background-secondary:not(.outline)):active {background-color: var(--secondary-d-2)} .bricks-button:where(.bricks-background-secondary):hover, .bricks-button:where(.bricks-color-secondary):hover {border-color: var(--secondary-d-1)} .bricks-button:where(.bricks-background-secondary):active, .bricks-button:where(.bricks-color-secondary):active {border-color: var(--secondary-d-2)} .bricks-button:where(.bricks-color-secondary.outline) {color: var(--secondary); background-color: transparent; border: 2px solid var(--secondary); border-radius: var(--btn-m-radius)} .bricks-button:where(.bricks-color-secondary.outline):hover {color: var(--white); background-color: var(--secondary); border-color: var(--secondary)} .bricks-button:where(.bricks-color-secondary.outline):active {background-color: var(--secondary-d-1); border-color: var(--secondary-d-1)} .bricks-button:where(.bricks-background-light:not(.bricks-lightbox)), .bricks-button:where(.bricks-color-light:not(.bricks-lightbox)) {color: var(--text-body); border: 2px solid var(--primary-l-6); border-radius: var(--btn-m-radius)} .bricks-button:where(.bricks-background-light:not(.outline):not(.bricks-lightbox)) {background-color: var(--primary-l-6)} .bricks-button:where(.bricks-background-light:not(.outline):not(.bricks-lightbox)):hover {background-color: var(--primary-l-5)} .bricks-button:where(.bricks-background-light:not(.outline):not(.bricks-lightbox)):active {background-color: var(--primary-l-4)} .bricks-button:where(.bricks-background-light:not(.bricks-lightbox)):hover, .bricks-button:where(.bricks-color-light:not(.bricks-lightbox)):hover {border-color: var(--primary-l-5)} .bricks-button:where(.bricks-background-light:not(.bricks-lightbox)):active, .bricks-button:where(.bricks-color-light:not(.bricks-lightbox)):active {border-color: var(--primary-l-4)} .bricks-button:where(.bricks-color-light.outline) {color: var(--black); background-color: transparent; border: 2px solid var(--primary-l-6); border-radius: var(--btn-m-radius)} .bricks-button:where(.bricks-color-light.outline):hover {color: var(--black); background-color: var(--primary-l-6); border-color: var(--primary-l-6)} .bricks-button:where(.bricks-color-light.outline):active {background-color: var(--primary-l-5); border-color: var(--primary-l-5)} .bricks-button:where(.bricks-background-dark), .bricks-button:where(.bricks-color-dark) {color: var(--white); border: 2px solid var(--black); border-radius: var(--btn-m-radius)} .bricks-button:where(.bricks-background-dark:not(.outline)) {background-color: var(--black)} .bricks-button:where(.bricks-background-dark:not(.outline)):hover {background-color: var(--black-l-1)} .bricks-button:where(.bricks-background-dark:not(.outline)):active {background-color: var(--black-l-2)} .bricks-button:where(.bricks-background-dark):hover, .bricks-button:where(.bricks-color-dark):hover {border-color: var(--black-l-1)} .bricks-button:where(.bricks-background-dark):active, .bricks-button:where(.bricks-color-dark):active {border-color: var(--black-l-2)} .bricks-button:where(.bricks-color-dark.outline) {color: var(--black); background-color: transparent; border: 2px solid var(--black); border-radius: var(--btn-m-radius)} .bricks-button:where(.bricks-color-dark.outline):hover {color: var(--white); background-color: var(--black); border-color: var(--black)} .bricks-button:where(.bricks-color-dark.outline):active {background-color: var(--black-l-1); border-color: var(--black-l-1)} .bricks-button:where(.bricks-background-muted), .bricks-button:where(.bricks-color-muted) {color: var(--btn-disabled-text); border: 2px solid var(--btn-disabled-bg); border-radius: var(--btn-m-radius)} .bricks-button:where(.bricks-background-muted:not(.outline)) {background-color: var(--btn-disabled-bg)} .bricks-button:where(.bricks-background-muted:not(.outline)):hover {background-color: var(--neutral-l-2)} .bricks-button:where(.bricks-background-muted:not(.outline)):active {background-color: var(--neutral-l-1)} .bricks-button:where(.bricks-background-muted):hover, .bricks-button:where(.bricks-color-muted):hover {border-color: var(--neutral-l-2)} .bricks-button:where(.bricks-background-muted):active, .bricks-button:where(.bricks-color-muted):active {border-color: var(--neutral-l-1)} .bricks-button:where(.bricks-color-muted.outline) {color: var(--neutral); background-color: transparent; border: 2px solid var(--neutral-l-3); border-radius: var(--btn-m-radius)} .bricks-button:where(.bricks-color-muted.outline):hover {color: var(--neutral); background-color: var(--neutral-l-3); border-color: var(--neutral-l-3)} .bricks-button:where(.bricks-color-muted.outline):active {background-color: var(--neutral-l-2); border-color: var(--neutral-l-2)} .bricks-button:where(.bricks-background-info), .bricks-button:where(.bricks-color-info) {color: #FFFFFF; border: 2PX solid var(--info); border-radius: var(--btn-m-radius)} .bricks-button:where(.bricks-background-info:not(.outline)) {background-color: var(--info)} .bricks-button:where(.bricks-background-info:not(.outline)):hover {background-color: var(--info-d-1)} .bricks-button:where(.bricks-background-info:not(.outline)):active {background-color: var(--info-d-2)} .bricks-button:where(.bricks-background-info):hover, .bricks-button:where(.bricks-color-info):hover {border-color: var(--info-d-1)} .bricks-button:where(.bricks-background-info):active, .bricks-button:where(.bricks-color-info):active {border-color: var(--info-d-2)} .bricks-button:where(.bricks-color-info.outline) {color: var(--info); background-color: transparent; border: 2px solid var(--info); border-radius: var(--btn-m-radius)} .bricks-button:where(.bricks-color-info.outline):hover {color: var(--white); background-color: var(--info); border-color: var(--info)} .bricks-button:where(.bricks-color-info.outline):active {background-color: var(--info-d-1); border-color: var(--info-d-1)} .bricks-button:where(.bricks-background-success), .bricks-button:where(.bricks-color-success) {color: #FFFFFF; border: 2px solid var(--success); border-radius: var(--btn-m-radius)} .bricks-button:where(.bricks-background-success:not(.outline)) {background-color: var(--success)} .bricks-button:where(.bricks-background-success:not(.outline)):hover {background-color: var(--success-d-1)} .bricks-button:where(.bricks-background-success:not(.outline)):active {background-color: var(--success-d-2)} .bricks-button:where(.bricks-background-success):hover, .bricks-button:where(.bricks-color-success):hover {border-color: var(--success-d-1)} .bricks-button:where(.bricks-background-success):active, .bricks-button:where(.bricks-color-success):active {border-color: var(--success-d-2)} .bricks-button:where(.bricks-color-success.outline) {color: var(--success); background-color: transparent; border: 2px solid var(--success); border-radius: var(--btn-m-radius)} .bricks-button:where(.bricks-color-success.outline):hover {color: var(--white); background-color: var(--success); border-color: var(--success)} .bricks-button:where(.bricks-color-success.outline):active {background-color: var(--success-d-1); border-color: var(--success-d-1)} .bricks-button:where(.bricks-background-warning), .bricks-button:where(.bricks-color-warning) {color: #FFFFFF; border: 2px solid var(--warning); border-radius: var(--btn-m-radius)} .bricks-button:where(.bricks-background-warning:not(.outline)) {background-color: var(--warning)} .bricks-button:where(.bricks-background-warning:not(.outline)):hover {background-color: var(--warning-d-1)} .bricks-button:where(.bricks-background-warning:not(.outline)):active {background-color: var(--warning-d-2)} .bricks-button:where(.bricks-background-warning):hover, .bricks-button:where(.bricks-color-warning):hover {border-color: var(--warning-d-1)} .bricks-button:where(.bricks-background-warning):active, .bricks-button:where(.bricks-color-warning):active {border-color: var(--warning-d-2)} .bricks-button:where(.bricks-color-warning.outline) {color: var(--warning); background-color: transparent; border: 2px solid var(--warning); border-radius: var(--btn-m-radius)} .bricks-button:where(.bricks-color-warning.outline):hover {color: var(--white); background-color: var(--warning); border-color: var(--warning)} .bricks-button:where(.bricks-color-warning.outline):active {background-color: var(--warning-d-1); border-color: var(--warning-d-1)} .bricks-button:where(.bricks-background-danger), .bricks-button:where(.bricks-color-danger) {color: #FFFFFF; border: 2px solid var(--danger); border-radius: var(--btn-m-radius)} .bricks-button:where(.bricks-background-danger:not(.outline)) {background-color: var(--danger)} .bricks-button:where(.bricks-background-danger:not(.outline)):hover {background-color: var(--danger-d-1)} .bricks-button:where(.bricks-background-danger:not(.outline)):active {background-color: var(--danger-d-2)} .bricks-button:where(.bricks-background-danger):hover, .bricks-button:where(.bricks-color-danger):hover {border-color: var(--danger-d-1)} .bricks-button:where(.bricks-background-danger):active, .bricks-button:where(.bricks-color-danger):active {border-color: var(--danger-d-2)} .bricks-button:where(.bricks-color-danger.outline) {color: var(--danger); background-color: transparent; border: 2px solid var(--danger); border-radius: var(--btn-m-radius)} .bricks-button:where(.bricks-color-danger.outline):hover {color: var(--white); background-color: var(--danger); border-color: var(--danger)} .bricks-button:where(.bricks-color-danger.outline):active {background-color: var(--danger-d-1); border-color: var(--danger-d-1)} .bricks-button:where(.sm) {padding-top: var(--btn-s-padding-y); padding-right: var(--btn-s-padding-x); padding-bottom: var(--btn-s-padding-y); padding-left: var(--btn-s-padding-x); font-size: var(--btn-s-font-size)} .bricks-button:where(.md) {padding-top: var(--btn-m-padding-y); padding-right: var(--btn-m-padding-x); padding-bottom: var(--btn-m-padding-y); padding-left: var(--btn-m-padding-x); font-size: var(--btn-m-font-size)} .bricks-button:where(.lg) {padding-top: var(--btn-l-padding-y); padding-right: var(--btn-l-padding-x); padding-bottom: var(--btn-l-padding-y); padding-left: var(--btn-l-padding-x); font-size: var(--btn-l-font-size); font-family: "Bai Jamjuree"; font-weight: 500} .bricks-button:where(.xl) {padding-top: var(--btn-l-padding-y); padding-right: var(--btn-l-padding-x); padding-bottom: var(--btn-l-padding-y); padding-left: var(--btn-l-padding-x); font-size: var(--btn-l-font-size); font-family: "Bai Jamjuree"; font-weight: 500}.brxe-divider.horizontal .line {border-top-color: var(--border-subtle)}.brxe-divider.vertical .line {border-right-color: var(--border-subtle)}.brxe-divider .icon i {color: var(--border-subtle)}.brxe-form .form-group label {font-size: var(--text-s); color: var(--text-body); font-weight: 600; line-height: 1.4}.brxe-form .form-group .label {font-size: var(--text-s); color: var(--text-body); font-weight: 600; line-height: 1.4}.brxe-form ::placeholder {color: var(--input-placeholder)}.brxe-form select {color: var(--input-placeholder); font-size: var(--input-m-font-size); color: var(--input-text); background-color: var(--input-bg); border: 1px solid var(--input-border); border-radius: var(--radius-m); padding-right: var(--input-m-padding-x); padding-left: var(--input-m-padding-x)}.brxe-form .form-group input {font-size: var(--input-m-font-size); color: var(--input-text); background-color: var(--input-bg); border: 1px solid var(--input-border); border-radius: var(--radius-m); padding-right: var(--input-m-padding-x); padding-left: var(--input-m-padding-x)}.brxe-form textarea {font-size: var(--input-m-font-size); color: var(--input-text); background-color: var(--input-bg); border: 1px solid var(--input-border); border-radius: var(--radius-m); padding-right: var(--input-m-padding-x); padding-left: var(--input-m-padding-x)}.brxe-form .flatpickr {background-color: var(--input-bg); border: 1px solid var(--input-border); border-radius: var(--radius-m); padding-right: var(--input-m-padding-x); padding-left: var(--input-m-padding-x)}.brxe-form .form-field-richtext + .tox-tinymce {background-color: var(--input-bg); border: 1px solid var(--input-border); border-radius: var(--radius-m); padding-right: var(--input-m-padding-x); padding-left: var(--input-m-padding-x)}.brxe-form .bricks-button {border: 1px solid var(--input-border); border-radius: var(--radius-m); padding-top: var(--btn-m-padding-y); padding-right: var(--btn-m-padding-x); padding-bottom: var(--btn-m-padding-y); padding-left: var(--btn-m-padding-x); font-size: var(--btn-m-font-size); font-weight: 600; color: var(--btn-primary-text); background-color: var(--btn-primary-bg); border: 2px solid var(--btn-primary-bg); border-radius: var(--btn-m-radius)}.brxe-form .choose-files {border: 1px solid var(--input-border); border-radius: var(--radius-m)}.brxe-form .form-group {padding-top: var(--stack-gap-m)}.brxe-icon-box .icon {align-self: flex-start; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: var(--space-xs); padding-right: var(--space-xs); padding-bottom: var(--space-xs); padding-left: var(--space-xs); height: 48px; line-height: 48px; min-width: 48px; color: var(--primary); background-color: var(--neutral-l-5); border-radius: var(--radius-m)}.brxe-icon-box .icon i {font-size: 24px}.brxe-icon-box .icon a {color: var(--primary)}.brxe-icon-box h1 {font-size: var(--text-l); font-weight: 700; color: var(--text-body)}.brxe-icon-box h2 {font-size: var(--text-l); font-weight: 700; color: var(--text-body)}.brxe-icon-box h3 {font-size: var(--text-l); font-weight: 700; color: var(--text-body)}.brxe-icon-box h4 {font-size: var(--text-l); font-weight: 700; color: var(--text-body)}.brxe-icon-box h5 {font-size: var(--text-l); font-weight: 700; color: var(--text-body)}.brxe-icon-box h6 {font-size: var(--text-l); font-weight: 700; color: var(--text-body)}.brxe-icon-box .content {font-size: var(--text-s); color: var(--text-secondary); line-height: 1.6; margin-top: var(--space-xs)} .brxe-image .icon {background-color: var(--overlay); line-height: 40px; width: 40px}.brxe-related-posts .post-content {background-color: var(--bg-section-alt); padding-top: var(--space-s); padding-right: var(--space-s); padding-bottom: var(--space-s); padding-left: var(--space-s)}.brxe-progress-bar .bar span {background-color: var(--primary)}.brxe-progress-bar .bar {background-color: var(--bg-section-alt); border-radius: var(--radius-full)}.brxe-progress-bar .label {font-size: var(--text-xs); color: var(--text-muted)}.brxe-progress-bar .percentage {font-size: var(--text-xs); font-weight: 600; color: var(--text-body)}.brxe-search input[type=search] {background-color: var(--input-bg); border: 1px solid var(--input-border); border-radius: var(--input-m-radius)}.brxe-search button {background-color: transparent; color: var(--icon-muted); font-size: var(--text-m); width: 44px}.brxe-svg {height: 24px; width: 24px}.brxe-svg * {stroke-width: 1.5 !important; stroke: var(--icon-primary) !important} .brxe-text {color: var(--text-body); font-size: var(--text-m); line-height: 1.6; font-family: "Bai Jamjuree"; font-weight: 400; font-variation-settings: system-ui, 'Noto Sans Thai', sans-serif} .brxe-text-basic {color: var(--text-body); font-size: var(--text-m); line-height: 1.6; font-family: "Bai Jamjuree"; font-weight: 400; font-variation-settings: system-ui, 'Noto Sans Thai', sans-serif}h1,h2,h3,h4,h5,h6, p, ul, ol, li, figure, blockquote {margin: 0;}ul, ol, blockquote, button {padding: 0;}