/*
 * Custom Styles for 3rd Party Apps & Widgets
 * dev by Wonderful.io
*/

/* Shopify Subscriptions App Custom Style Overrides */
.shopify_subscriptions_app_block {
  & .shopify_subscriptions_fieldset > div {
    border-radius: 4px !important;
  }
  & .shopify_subscriptions_app_block_label > ul.shopify_subscriptions_app_block_label_children {
    margin-top: 5px;
    padding: 0;
    & > li {
      margin: 0;
      & > label {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: start;
        gap: 8px;
        padding: 8px 8px;
        border-radius: 4px;
        &:has(input:checked) {
          background: #EAEAEA;
        }
        & > input {
          clip: unset;
          display: unset;
          height: unset;
          overflow: unset;
          padding: unset;
          position: unset;
          width: unset;
          appearance: unset;
          -webkit-appearance: checkbox;
          border-radius: 0;
          margin: 0;
          accent-color: #000;
          width: 16px;
          height: 16px;
        }
      }
    }
  }
}