:root {
  --vp-min: 20;
  --vp-max: 80;
  --text-size-tiny: 0.75rem;
  --text-size-small: 0.875rem;
  --text-size-regular: 1rem;
  --text-size-medium: 1.25rem;
  --text-size-large: 1.5rem;
  --heading-style-tiny: 1rem;
  --heading-style-xxsmall: 1.25rem;
  --heading-style-xsmall: 1.5rem;
  --heading-style-small: 1.875rem;
  --heading-style-medium: 2.25rem;
  --heading-style-large: 3rem;
  --heading-style-xlarge: 3.75rem;
  --heading-style-xxlarge: 4.5rem;
  --text-weight-xbold: 800;
  --text-weight-bold: 700;
  --text-weight-semibold: 600;
  --text-weight-medium: 500;
  --text-weight-normal: 400;
  --color-white: hsl(0, 0%, 100%);
  --color-black: hsl(0, 0%, 0%);
  --color-gray-25: hsl(0, 0%, 99%);
  --color-gray-50: hsl(0, 0%, 98%);
  --color-gray-100: hsl(240, 5%, 96%);
  --color-gray-200: hsl(240, 6%, 90%);
  --color-gray-300: hsl(240, 6%, 83%);
  --color-gray-400: hsl(240, 6%, 65%);
  --color-gray-500: hsl(240, 5%, 46%);
  --color-gray-600: hsl(235, 6%, 34%);
  --color-gray-700: hsl(240, 5%, 26%);
  --color-gray-800: hsl(228, 6%, 16%);
  --color-gray-900: hsl(240, 6%, 10%);
  --color-brand-25: hsl(56, 88%, 97%);
  --color-brand-50: hsl(52, 92%, 95%);
  --color-brand-100: hsl(53, 97%, 88%);
  --color-brand-200: hsl(51, 98%, 79%);
  --color-brand-300: hsl(48, 97%, 72%);
  --color-brand-400: hsl(46, 100%, 65%);
  --color-danger-400: #e21b44;
  --color-success-400: #4ac666;
  --color-secondary-25: hsl(222, 100%, 98%);
  --color-secondary-50: hsl(219, 100%, 97%);
  --color-secondary-100: hsl(221, 100%, 94%);
  --color-secondary-200: hsl(223, 96%, 89%);
  --color-secondary-300: hsl(224, 96%, 82%);
  --color-secondary-400: hsl(228, 91%, 7%);
  --color-secondary-500: hsl(255, 100%, 67%);
  --size-0: 0px;
  --size-tiny: 0.125rem;
  --size-xxsmall: 0.25rem;
  --size-xsmall: 0.5rem;
  --size-small: 1rem;
  --size-medium: 1.5rem;
  --size-large: 2rem;
  --size-xlarge: 3rem;
  --size-xxlarge: 4rem;
  --size-huge: 6rem;
  --size-xhuge: 8rem;
  --size-xxhuge: 12rem;
  --gap-content: var(--size-xsmall);
  --gap-container: var(--size-xxlarge);
  --gap-grid: var(--size-large);
  --grid-1: repeat(1, minmax(0, 1fr));
  --grid-2: repeat(2, minmax(0, 1fr));
  --grid-3: repeat(3, minmax(0, 1fr));
  --grid-4: repeat(4, minmax(0, 1fr));
  --grid-5: repeat(5, minmax(0, 1fr));
  --grid-6: repeat(6, minmax(0, 1fr));
  --grid-7: repeat(7, minmax(0, 1fr));
  --grid-8: repeat(8, minmax(0, 1fr));
  --grid-9: repeat(9, minmax(0, 1fr));
  --grid-10: repeat(10, minmax(0, 1fr));
  --grid-11: repeat(11, minmax(0, 1fr));
  --grid-12: repeat(12, minmax(0, 1fr));
  --grid-1-2: 1fr 2fr;
  --grid-1-3: 1fr 3fr;
  --grid-2-3: 2fr 3fr;
  --grid-3-2: 3fr 2fr;
  --grid-2-1: 2fr 1fr;
  --grid-3-1: 3fr 1fr;
  --grid-auto-2: repeat(auto-fit, minmax(min(calc(((var(--vp-max) * 1rem) - (var(--gap-grid) * 2)) / 2.99), 100%), 1fr));
  --grid-auto-3: repeat(auto-fit, minmax(min(calc(((var(--vp-max) * 1rem) - (var(--gap-grid) * 2)) / 3.99), 100%), 1fr));
  --grid-auto-4: repeat(auto-fit, minmax(min(calc(((var(--vp-max) * 1rem) - (var(--gap-grid) * 2)) / 4.99), 100%), 1fr));
  --grid-auto-5: repeat(auto-fit, minmax(min(calc(((var(--vp-max) * 1rem) - (var(--gap-grid) * 2)) / 5.99), 100%), 1fr));
  --grid-auto-6: repeat(auto-fit, minmax(min(calc(((var(--vp-max) * 1rem) - (var(--gap-grid) * 2)) / 6.99), 100%), 1fr));
  --max-width-xxlarge: 80rem;
  --max-width-xlarge: 64rem;
  --max-width-large: 48rem;
  --max-width-medium: 32rem;
  --max-width-small: 20rem;
  --max-width-xsmall: 16rem;
  --max-width-xxsmall: 12rem;
  --max-width-content-small: 20ch;
  --max-width-content-medium: 45ch;
  --max-width-content-large: 60ch;
  --max-width-content-xlarge: 80ch;
  --max-width-heading-small: 18ch;
  --max-width-heading-medium: 25ch;
  --max-width-heading-large: 35ch;
  --radius-tiny: 0.25rem;
  --radius-xsmall: 0.5rem;
  --radius-small: 0.75rem;
  --radius-medium: 1.5rem;
  --radius-large: 3rem;
}

:root {
  --color-white: hsl(0, 0%, 100%);
  --color-subtle: hsl(240, 6%, 90%);
  --color-muted: hsl(240, 6%, 65%);
  --color-medium-muted: hsl(240, 5%, 46%);
  --color-medium: hsl(235, 6%, 34%);
  --color-dark: hsl(240, 6%, 10%);
  --color-black: hsl(0, 0%, 0%);
}

.is-dark {
  --color-white: hsl(228, 6%, 16%);
  --color-subtle: hsl(235, 6%, 34%);
  --color-muted: hsl(240, 6%, 65%);
  --color-medium-muted: hsl(240, 6%, 65%);
  --color-medium: hsl(240, 6%, 83%);
  --color-dark: hsl(0, 0%, 99%);
  --color-black: hsl(0, 0%, 0%);
}

.is-brand {
  --color-background: hsl(46, 96%, 53%);
  --color-body: hsl(240, 6%, 10%);
  --color-eyebrow: hsl(240, 6%, 10%);
  --color-heading: hsl(240, 6%, 10%);
  --color-muted: hsl(240, 6%, 10%);
  --color-subtle: hsl(240, 6%, 10%);
}

.is-brand .brxe-text-basic {
  color: var(--color-body);
}

.clear {
  clear: both;
}

.is-rounded {
  --drop-shadow-props: -24px 24px 0px 24px;
  position: relative;
}
.is-rounded::before {
  -webkit-box-shadow: var(--drop-shadow-props) var(--color-white);
          box-shadow: var(--drop-shadow-props) var(--color-white);
}
.is-rounded.is-dark::before, .is-rounded.background-color-gray-900::before {
  -webkit-box-shadow: var(--drop-shadow-props) var(--color-gray-900);
          box-shadow: var(--drop-shadow-props) var(--color-gray-900);
}
.is-rounded.is-brand::before, .is-rounded.background-color-brand-400::before {
  -webkit-box-shadow: var(--drop-shadow-props) var(--color-brand-400);
          box-shadow: var(--drop-shadow-props) var(--color-brand-400);
}
.is-rounded.is-dim::before, .is-rounded.background-color-gray-100::before {
  -webkit-box-shadow: var(--drop-shadow-props) var(--color-gray-100);
          box-shadow: var(--drop-shadow-props) var(--color-gray-100);
}

.grid-1 {
  grid-template-columns: var(--grid-1);
}

.grid-2 {
  grid-template-columns: var(--grid-2);
}

.grid-3 {
  grid-template-columns: var(--grid-3);
}

.grid-4 {
  grid-template-columns: var(--grid-4);
}

.grid-5 {
  grid-template-columns: var(--grid-5);
}

.grid-6 {
  grid-template-columns: var(--grid-6);
}

.grid-7 {
  grid-template-columns: var(--grid-7);
}

.grid-8 {
  grid-template-columns: var(--grid-8);
}

.grid-9 {
  grid-template-columns: var(--grid-9);
}

.grid-10 {
  grid-template-columns: var(--grid-10);
}

.grid-11 {
  grid-template-columns: var(--grid-11);
}

.grid-12 {
  grid-template-columns: var(--grid-12);
}

.grid-1-2 {
  grid-template-columns: var(--grid-1-2);
}

.grid-1-3 {
  grid-template-columns: var(--grid-1-3);
}

.grid-2-3 {
  grid-template-columns: var(--grid-2-3);
}

.grid-3-2 {
  grid-template-columns: var(--grid-3-2);
}

.grid-2-1 {
  grid-template-columns: var(--grid-2-1);
}

.grid-3-1 {
  grid-template-columns: var(--grid-3-1);
}

.grid-auto-2 {
  grid-template-columns: var(--grid-auto-2);
}

.grid-auto-3 {
  grid-template-columns: var(--grid-auto-3);
}

.grid-auto-4 {
  grid-template-columns: var(--grid-auto-4);
}

.grid-auto-5 {
  grid-template-columns: var(--grid-auto-5);
}

.grid-auto-6 {
  grid-template-columns: var(--grid-auto-6);
}

[class*=interaction-] {
  cursor: pointer;
}

[class*=grid-] {
  display: grid;
  gap: var(--gap-grid);
}

.display-block {
  display: block;
}

.display-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.display-inlineflex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.display-hide {
  display: none;
}

.display-show {
  display: inherit;
}

.padding-0 {
  padding: var(--size-0);
}

.padding-tiny {
  padding: var(--size-tiny);
}

.padding-xxsmall {
  padding: var(--size-xxsmall);
}

.padding-xsmall {
  padding: var(--size-xsmall);
}

.padding-small {
  padding: var(--size-small);
}

.padding-medium {
  padding: var(--size-medium);
}

.padding-large {
  padding: var(--size-large);
}

.padding-xlarge {
  padding: var(--size-xlarge);
}

.padding-xxlarge {
  padding: var(--size-xxlarge);
}

.padding-huge {
  padding: var(--size-huge);
}

.padding-xhuge {
  padding: var(--size-xhuge);
}

.padding-xxhuge {
  padding: var(--size-xxhuge);
}

.margin-0 {
  margin: var(--size-0);
}

.margin-tiny {
  margin: var(--size-tiny);
}

.margin-xxsmall {
  margin: var(--size-xxsmall);
}

.margin-xsmall {
  margin: var(--size-xsmall);
}

.margin-small {
  margin: var(--size-small);
}

.margin-medium {
  margin: var(--size-medium);
}

.margin-large {
  margin: var(--size-large);
}

.margin-xlarge {
  margin: var(--size-xlarge);
}

.margin-xxlarge {
  margin: var(--size-xxlarge);
}

.margin-huge {
  margin: var(--size-huge);
}

.margin-xhuge {
  margin: var(--size-xhuge);
}

.margin-xxhuge {
  margin: var(--size-xxhuge);
}

.order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

@media (max-width: 991px) {
  .tablet\:grid-1 {
    grid-template-columns: var(--grid-1);
  }
  .tablet\:grid-2 {
    grid-template-columns: var(--grid-2);
  }
  .tablet\:grid-3 {
    grid-template-columns: var(--grid-3);
  }
  .tablet\:grid-4 {
    grid-template-columns: var(--grid-4);
  }
  .tablet\:grid-5 {
    grid-template-columns: var(--grid-5);
  }
  .tablet\:grid-6 {
    grid-template-columns: var(--grid-6);
  }
  .tablet\:grid-7 {
    grid-template-columns: var(--grid-7);
  }
  .tablet\:grid-8 {
    grid-template-columns: var(--grid-8);
  }
  .tablet\:grid-9 {
    grid-template-columns: var(--grid-9);
  }
  .tablet\:grid-10 {
    grid-template-columns: var(--grid-10);
  }
  .tablet\:grid-11 {
    grid-template-columns: var(--grid-11);
  }
  .tablet\:grid-12 {
    grid-template-columns: var(--grid-12);
  }
  .tablet\:grid-1-2 {
    grid-template-columns: var(--grid-1-2);
  }
  .tablet\:grid-1-3 {
    grid-template-columns: var(--grid-1-3);
  }
  .tablet\:grid-2-3 {
    grid-template-columns: var(--grid-2-3);
  }
  .tablet\:grid-3-2 {
    grid-template-columns: var(--grid-3-2);
  }
  .tablet\:grid-2-1 {
    grid-template-columns: var(--grid-2-1);
  }
  .tablet\:grid-3-1 {
    grid-template-columns: var(--grid-3-1);
  }
  .tablet\:grid-auto-2 {
    grid-template-columns: var(--grid-auto-2);
  }
  .tablet\:grid-auto-3 {
    grid-template-columns: var(--grid-auto-3);
  }
  .tablet\:grid-auto-4 {
    grid-template-columns: var(--grid-auto-4);
  }
  .tablet\:grid-auto-5 {
    grid-template-columns: var(--grid-auto-5);
  }
  .tablet\:grid-auto-6 {
    grid-template-columns: var(--grid-auto-6);
  }
  .tablet\:display-block {
    display: block;
  }
  .tablet\:display-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .tablet\:display-inlineflex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .tablet\:display-hide {
    display: none;
  }
  .tablet\:display-show {
    display: inherit;
  }
  .tablet\:order-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .tablet\:order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .tablet\:order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .tablet\:order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media (max-width: 767px) {
  .mobile-landscape\:grid-1 {
    grid-template-columns: var(--grid-1);
  }
  .mobile-landscape\:grid-2 {
    grid-template-columns: var(--grid-2);
  }
  .mobile-landscape\:grid-3 {
    grid-template-columns: var(--grid-3);
  }
  .mobile-landscape\:grid-4 {
    grid-template-columns: var(--grid-4);
  }
  .mobile-landscape\:grid-5 {
    grid-template-columns: var(--grid-5);
  }
  .mobile-landscape\:grid-6 {
    grid-template-columns: var(--grid-6);
  }
  .mobile-landscape\:grid-7 {
    grid-template-columns: var(--grid-7);
  }
  .mobile-landscape\:grid-8 {
    grid-template-columns: var(--grid-8);
  }
  .mobile-landscape\:grid-9 {
    grid-template-columns: var(--grid-9);
  }
  .mobile-landscape\:grid-10 {
    grid-template-columns: var(--grid-10);
  }
  .mobile-landscape\:grid-11 {
    grid-template-columns: var(--grid-11);
  }
  .mobile-landscape\:grid-12 {
    grid-template-columns: var(--grid-12);
  }
  .mobile-landscape\:grid-1-2 {
    grid-template-columns: var(--grid-1-2);
  }
  .mobile-landscape\:grid-1-3 {
    grid-template-columns: var(--grid-1-3);
  }
  .mobile-landscape\:grid-2-3 {
    grid-template-columns: var(--grid-2-3);
  }
  .mobile-landscape\:grid-3-2 {
    grid-template-columns: var(--grid-3-2);
  }
  .mobile-landscape\:grid-2-1 {
    grid-template-columns: var(--grid-2-1);
  }
  .mobile-landscape\:grid-3-1 {
    grid-template-columns: var(--grid-3-1);
  }
  .mobile-landscape\:grid-auto-2 {
    grid-template-columns: var(--grid-auto-2);
  }
  .mobile-landscape\:grid-auto-3 {
    grid-template-columns: var(--grid-auto-3);
  }
  .mobile-landscape\:grid-auto-4 {
    grid-template-columns: var(--grid-auto-4);
  }
  .mobile-landscape\:grid-auto-5 {
    grid-template-columns: var(--grid-auto-5);
  }
  .mobile-landscape\:grid-auto-6 {
    grid-template-columns: var(--grid-auto-6);
  }
  .mobile-landscape\:display-block {
    display: block;
  }
  .mobile-landscape\:display-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .mobile-landscape\:display-inlineflex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .mobile-landscape\:display-hide {
    display: none;
  }
  .mobile-landscape\:display-show {
    display: inherit;
  }
  .mobile-landscape\:order-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .mobile-landscape\:order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .mobile-landscape\:order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .mobile-landscape\:order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media (max-width: 478px) {
  .mobile-portrait\:grid-1 {
    grid-template-columns: var(--grid-1);
  }
  .mobile-portrait\:grid-2 {
    grid-template-columns: var(--grid-2);
  }
  .mobile-portrait\:grid-3 {
    grid-template-columns: var(--grid-3);
  }
  .mobile-portrait\:grid-4 {
    grid-template-columns: var(--grid-4);
  }
  .mobile-portrait\:grid-5 {
    grid-template-columns: var(--grid-5);
  }
  .mobile-portrait\:grid-6 {
    grid-template-columns: var(--grid-6);
  }
  .mobile-portrait\:grid-7 {
    grid-template-columns: var(--grid-7);
  }
  .mobile-portrait\:grid-8 {
    grid-template-columns: var(--grid-8);
  }
  .mobile-portrait\:grid-9 {
    grid-template-columns: var(--grid-9);
  }
  .mobile-portrait\:grid-10 {
    grid-template-columns: var(--grid-10);
  }
  .mobile-portrait\:grid-11 {
    grid-template-columns: var(--grid-11);
  }
  .mobile-portrait\:grid-12 {
    grid-template-columns: var(--grid-12);
  }
  .mobile-portrait\:grid-1-2 {
    grid-template-columns: var(--grid-1-2);
  }
  .mobile-portrait\:grid-1-3 {
    grid-template-columns: var(--grid-1-3);
  }
  .mobile-portrait\:grid-2-3 {
    grid-template-columns: var(--grid-2-3);
  }
  .mobile-portrait\:grid-3-2 {
    grid-template-columns: var(--grid-3-2);
  }
  .mobile-portrait\:grid-2-1 {
    grid-template-columns: var(--grid-2-1);
  }
  .mobile-portrait\:grid-3-1 {
    grid-template-columns: var(--grid-3-1);
  }
  .mobile-portrait\:grid-auto-2 {
    grid-template-columns: var(--grid-auto-2);
  }
  .mobile-portrait\:grid-auto-3 {
    grid-template-columns: var(--grid-auto-3);
  }
  .mobile-portrait\:grid-auto-4 {
    grid-template-columns: var(--grid-auto-4);
  }
  .mobile-portrait\:grid-auto-5 {
    grid-template-columns: var(--grid-auto-5);
  }
  .mobile-portrait\:grid-auto-6 {
    grid-template-columns: var(--grid-auto-6);
  }
  .mobile-portrait\:display-block {
    display: block;
  }
  .mobile-portrait\:display-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .mobile-portrait\:display-inlineflex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .mobile-portrait\:display-hide {
    display: none;
  }
  .mobile-portrait\:display-show {
    display: inherit;
  }
  .mobile-portrait\:order-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .mobile-portrait\:order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .mobile-portrait\:order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .mobile-portrait\:order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}

/* Utility Classes End */

/* General Styling */

h1, h2, h3, h4, h5, h6 {
  word-wrap: break-word;
  overflow-wrap: break-word;

  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.brxe-container {
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}

/* Button Styles */
.bricks-background-dark {
  background-color: var(--color-gray-900);
}

.bricks-button {
  transition: all .3s ease;
}

.bricks-button.outline {
   border: 1px solid;
}

.bricks-button:not(.outline):is(:hover, :active, :focus),
.pricing_table-v3 .pricing-table .bricks-button:is(:hover, :active, :focus),
.pricing_table-v3 .pricing-table:nth-child(2) .bricks-button:is(:hover, :active, :focus) {
  color: var(--color-gray-900);
  border-color: var(--color-brand-400);
  background-color: var(--color-brand-400);
}

.bricks-button.outline:not(.notice_button):is(:hover, :active, :focus) {
  border-color: var(--color-gray-500);
  color: var(--color-gray-500);
}

.is-dark .bricks-button:not(.outline):is(:hover, :active, :focus) {
  color: var(--color-gray-900);
  background-color: var(--color-brand-400);
}

.is-dark .bricks-button.outline:is(:hover, :active, :focus) {
  color: var(--color-gray-300);
  border-color: var(--color-gray-300);
}

.is-brand .bricks-button:not(.outline):is(:hover, :active, :focus) {
  color: var(--color-white);
  background-color: var(--color-gray-700);
  border-color: var(--color-gray-700);
}

.is-brand .bricks-button.outline:is(:hover, :active, :focus) {
  color: var(--color-gray-600);
  border-color: var(--color-gray-600);
}

:where(.brxe-text),
:where(.brxe-text-basic) {
  color: var(--color-medium);
}

.brxe-alert {
  border-radius: var(--radius-small);
}

.brxe-code pre.prettyprint {
  background-color: var(--color-gray-900);
}

video {
  background-color: var(--color-gray-900);
}

.feature_card-icon .brxe-icon {
  height: var(--size-large);
  width: auto;
  fill: transparent;
}

.feature_card-icon {
  aspect-ratio: 1/1;
  display: grid;
  place-items: center;
}

.feature_card-icon svg,
.element_icon-wrapper svg {
  width: var(--size-large);
  height: var(--size-large);
  fill: var(--color-muted);
}


/* Video play icon
.brxe-video .bricks-video-overlay-icon {
  display: none;
}

@media (max-width: 767px) {
.brxe-video .bricks-video-overlay-icon {
  display: block;
}
}
*/

/* Slider Pagination */
.brxe-slider-nested .splide__pagination {
  bottom: unset;
  left: unset;
  position: static;
  transform: unset;
  margin: var(--gap-grid) auto 0;
  max-width: var(--max-width-content-large);
}

/* Gutenberg Styles */
.wp-block-heading {
  margin-top: 1.2em;
  margin-bottom: 0.65em;
}

.wp-block-embed {
  margin-bottom: var(--size-xxlarge);
  width: 100%;  
}

.wp-block-embed,
.wp-block-image > figure {
  overflow: hidden;
  border-top-left-radius: var(--radius-small);
  border-top-right-radius: var(--radius-small);
  position: relative;
  padding-top: var(--size-medium);
  padding-right: var(--size-medium);
  padding-left: var(--size-medium);
  background-image: linear-gradient(var(--color-subtle) 0%, rgba(255, 255, 255, 0) 80%);
}

.wp-block-embed > *,
.wp-block-image figure img {
  border-radius: var(--radius-small) var(--radius-small) 0 0;
  overflow: hidden;
  width: 100%;
}