.pido-shortcode-html__box { width: 100%; min-width: 0; margin-inline: auto; overflow-wrap: anywhere; }
.pido-builder-shortcode-html.is-width-three_quarter .pido-shortcode-html__box { max-width: 990px; }
.pido-builder-shortcode-html.is-width-half .pido-shortcode-html__box { max-width: 660px; }
.pido-builder-shortcode-html.is-width-narrow .pido-shortcode-html__box { max-width: 520px; }
.pido-builder-shortcode-html.is-align-center .pido-shortcode-html__box { text-align: center; }
.pido-builder-shortcode-html.is-align-left .pido-shortcode-html__box { text-align: left; }
.pido-builder-shortcode-html.is-padding-compact .pido-shortcode-html__box { padding: 12px; }
.pido-builder-shortcode-html.is-padding-normal .pido-shortcode-html__box { padding: clamp(16px,2vw,24px); }
.pido-builder-shortcode-html.is-padding-large .pido-shortcode-html__box { padding: clamp(22px,3vw,36px); }
.pido-builder-shortcode-html:not(.is-bg-none) .pido-shortcode-html__box { border: 1px solid var(--pido-border); border-radius: var(--pido-radius-card); }
.pido-builder-shortcode-html.is-bg-card .pido-shortcode-html__box { background: var(--pido-surface); }
.pido-builder-shortcode-html.is-bg-soft .pido-shortcode-html__box { background: var(--pido-surface-soft); }
.pido-builder-shortcode-html.is-bg-blue .pido-shortcode-html__box { background: color-mix(in srgb,var(--pido-primary) 7%,var(--pido-surface)); border-color: color-mix(in srgb,var(--pido-primary) 20%,var(--pido-border)); }
.pido-builder-shortcode-html.is-bg-dark .pido-shortcode-html__box { background: #181c32; border-color: #2b3048; color: #fff; }
.pido-shortcode-html__box iframe,.pido-shortcode-html__box img,.pido-shortcode-html__box video { max-width: 100%; }