.mobile_framing_selections {
    display: flex;
    flex-wrap: wrap;
}

.mobile_framing_option_name {
    white-space: normal;
    width: 100px;
    font-size: small;
    margin: 0;
    text-align: center;
}

.mobile_framing_option_label {
    margin-right: 1em;
    /* display: inline-block; */
    /* border: 2px;
    border-color: dodgerblue;
    border-style: solid; */
}

.remove_frame_button {
    color: dodgerblue;
    cursor: pointer;
}

.remove_frame_link {
    color: dodgerblue;
    cursor: pointer;
}

/* HIDE RADIO */
.mobile_framing_radio { 
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
  }

  /* IMAGE STYLES */
  .mobile_framing_radio + img {
    cursor: pointer;
  }

  /* CHECKED STYLES */
.mobile_framing_radio:checked + img {
    outline: 2px solid dodgerblue;
  }

  /* The Modal (background) */
.mobile_framing_modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  
  /* Modal Content/Box */
  .mobile_framing_modal_content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 70%; /* Could be more or less, depending on screen size */
  }

  .mobile_framing_modal_body {
    display: inline-flex;
    width: 100%;
  }

  #mobile_framing_modal_left {
    width: 40%;
  }
  #mobile_framing_modal_right {
    width: 60%;
    /* background-color: grey; */
  }
  
  /* The Close Button */
  .mobile_framing_modal_close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }
  
  .mobile_framing_modal_close:hover,
  .mobile_framing_modal_close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
  }

  #mobile_framing_preview_image {
    max-width: 95%;
    max-height: 95%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 6px solid transparent;
    box-shadow: 0 0 10px 3px rgb(0 0 0 / 14%) !important;
  }

  #mobile_framing_close_modal {
    display: block;
    margin-left: 0;
    margin-right: auto;
    width: 95%;
    /* max-height: 2rem; */
  }


 #mobile_framing_logo {
    max-width: 200px;
    margin-top: 10px;
    margin-left: 10px;
    display: block;
 }

  .mobile_framing_center {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }
























.ListingFramePreview {
    --bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    width: 100%;
    position: fixed;
    z-index: 302;
    max-height: 85vh;
    max-width: 70vw;
    overflow-y: hidden;
    transform: translate(-50%, 50%);
    bottom: 50%;
    left: 50%;
}
.ListingAddCartFrameOption__box{
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-text-size-adjust: 100%;
color: #676767;
font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
--bg-opacity: 1;
text-align: center;
font-weight: 400;
font-size: 1.2rem;
line-height: 1.1;
border: 0 solid #dae1e7;
box-sizing: content-box;
border-width: 4px;
--border-opacity: 1;
border-color: rgba(218, 225, 231, var(--border-opacity));
}

.ListingAddCartFrameOption{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: 100%;
    color: #676767;
    font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --bg-opacity: 1;
    box-sizing: border-box;
    border: 0 solid #dae1e7;
    margin-bottom: 8px;
    display: block;
    text-align: center;
    flex: 1 1 0%;
    flex-shrink: 0;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.1;
    max-width: 80px;
    min-width: 60px;
    margin-left: 1.5rem;
    opacity: 0.5;
}

.flex {
    display: flex;
}

.ListingFrameImage {
    --wp-admin--admin-bar--height: 32px;
    --woocommerce: #a46497;
    --wc-green: #7ad03a;
    --wc-red: #a00;
    --wc-orange: #ffba00;
    --wc-blue: #2ea2cc;
    --wc-primary: #a46497;
    --wc-primary-text: white;
    --wc-secondary: #ebe9eb;
    --wc-secondary-text: #515151;
    --wc-highlight: #77a464;
    --wc-highligh-text: white;
    --wc-content-bg: #fff;
    --wc-subtext: #767676;
    --wp-admin-theme-color: #007cba;
    --wp-admin-theme-color--rgb: 0,124,186;
    --wp-admin-theme-color-darker-10: #006ba1;
    --wp-admin-theme-color-darker-10--rgb: 0,107,161;
    --wp-admin-theme-color-darker-20: #005a87;
    --wp-admin-theme-color-darker-20--rgb: 0,90,135;
    --wp-admin-border-width-focus: 2px;
    --wp--preset--font-size--normal: 16px;
    --wp--preset--font-size--huge: 42px;
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--color--foreground: #000000;
    --wp--preset--color--background: #ffffff;
    --wp--preset--color--primary: #1a4548;
    --wp--preset--color--secondary: #ffe2c7;
    --wp--preset--color--tertiary: #F6F6F6;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);
    --wp--preset--gradient--vertical-secondary-to-tertiary: linear-gradient(to bottom,var(--wp--preset--color--secondary) 0%,var(--wp--preset--color--tertiary) 100%);
    --wp--preset--gradient--vertical-secondary-to-background: linear-gradient(to bottom,var(--wp--preset--color--secondary) 0%,var(--wp--preset--color--background) 100%);
    --wp--preset--gradient--vertical-tertiary-to-background: linear-gradient(to bottom,var(--wp--preset--color--tertiary) 0%,var(--wp--preset--color--background) 100%);
    --wp--preset--gradient--diagonal-primary-to-foreground: linear-gradient(to bottom right,var(--wp--preset--color--primary) 0%,var(--wp--preset--color--foreground) 100%);
    --wp--preset--gradient--diagonal-secondary-to-background: linear-gradient(to bottom right,var(--wp--preset--color--secondary) 50%,var(--wp--preset--color--background) 50%);
    --wp--preset--gradient--diagonal-background-to-secondary: linear-gradient(to bottom right,var(--wp--preset--color--background) 50%,var(--wp--preset--color--secondary) 50%);
    --wp--preset--gradient--diagonal-tertiary-to-background: linear-gradient(to bottom right,var(--wp--preset--color--tertiary) 50%,var(--wp--preset--color--background) 50%);
    --wp--preset--gradient--diagonal-background-to-tertiary: linear-gradient(to bottom right,var(--wp--preset--color--background) 50%,var(--wp--preset--color--tertiary) 50%);
    --wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');
    --wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');
    --wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');
    --wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');
    --wp--preset--duotone--midnight: url('#wp-duotone-midnight');
    --wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');
    --wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');
    --wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');
    --wp--preset--duotone--foreground-and-background: url('#wp-duotone-foreground-and-background');
    --wp--preset--duotone--foreground-and-secondary: url('#wp-duotone-foreground-and-secondary');
    --wp--preset--duotone--foreground-and-tertiary: url('#wp-duotone-foreground-and-tertiary');
    --wp--preset--duotone--primary-and-background: url('#wp-duotone-primary-and-background');
    --wp--preset--duotone--primary-and-secondary: url('#wp-duotone-primary-and-secondary');
    --wp--preset--duotone--primary-and-tertiary: url('#wp-duotone-primary-and-tertiary');
    --wp--preset--font-size--small: 1rem;
    --wp--preset--font-size--medium: 1.125rem;
    --wp--preset--font-size--large: 1.75rem;
    --wp--preset--font-size--x-large: clamp(1.75rem, 3vw, 2.25rem);
    --wp--preset--font-family--system-font: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    --wp--preset--font-family--source-serif-pro: "Source Serif Pro", serif;
    --wp--custom--spacing--small: max(1.25rem, 5vw);
    --wp--custom--spacing--medium: clamp(2rem, 8vw, calc(4 * var(--wp--style--block-gap)));
    --wp--custom--spacing--large: clamp(4rem, 10vw, 8rem);
    --wp--custom--spacing--outer: var(--wp--custom--spacing--small, 1.25rem);
    --wp--custom--typography--font-size--huge: clamp(2.25rem, 4vw, 2.75rem);
    --wp--custom--typography--font-size--gigantic: clamp(2.75rem, 6vw, 3.25rem);
    --wp--custom--typography--font-size--colossal: clamp(3.25rem, 8vw, 6.25rem);
    --wp--custom--typography--line-height--tiny: 1.15;
    --wp--custom--typography--line-height--small: 1.2;
    --wp--custom--typography--line-height--medium: 1.4;
    --wp--custom--typography--line-height--normal: 1.6;
    color: var(--wp--preset--color--foreground);
    font-family: var(--wp--preset--font-family--system-font);
    line-height: var(--wp--custom--typography--line-height--normal);
    --wp--style--block-gap: 1.5rem;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    --bg-opacity: 1;
}