.bwy-variant-switcher {
          box-sizing: border-box;
          display: flex;
          flex-wrap: wrap;
          gap: 20px;
          width: 100%;
        }

        .bwy-variant-button {
          appearance: none;
          background: transparent;
          border: 0;
          color: inherit;
          cursor: pointer;
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 10px;
          padding: 0;
          width: 130px;
        }

        .bwy-variant-thumb {
          aspect-ratio: 1 / 1;
          background: #111;
          border: 3px solid rgba(255, 255, 255, 0.14);
          border-radius: 12px;
          display: block;
          overflow: hidden;
          transition: border-color 160ms ease, transform 160ms ease;
          width: 112px;
        }

        .bwy-variant-thumb[data-active="true"] {
          border-color: var(--token-4fdd7769-e1d0-45b2-8e3d-fe484baba321, rgb(255, 212, 78));
          transform: scale(1.04);
        }

        .bwy-variant-thumb img,
        .bwy-brand-match-image img {
          border-radius: inherit;
          display: block;
          height: 100%;
          object-fit: cover;
          object-position: center;
          width: 100%;
        }

        .bwy-variant-label {
          color: rgba(255, 255, 255, 0.55);
          font-family: Satoshi, Inter, sans-serif;
          font-size: 15px;
          font-weight: 900;
          line-height: 1.1;
          max-width: 130px;
          text-align: center;
        }

        .bwy-variant-label[data-active="true"] {
          color: var(--token-4fdd7769-e1d0-45b2-8e3d-fe484baba321, rgb(255, 212, 78));
        }

        .bwy-brand-match-card {
          align-content: center;
          align-items: center;
          box-sizing: border-box;
          display: flex;
          flex-direction: row;
          flex-wrap: nowrap;
          gap: 10px;
          height: 404px;
          justify-content: center;
          overflow: hidden;
          padding: 0;
          position: relative;
          text-decoration: none;
          width: 100%;
        }

        .bwy-brand-match-image-shell {
          align-content: center;
          align-items: center;
          display: flex;
          flex: none;
          flex-direction: row;
          flex-wrap: nowrap;
          gap: 10px;
          height: 100%;
          justify-content: center;
          order: 0;
          overflow: visible;
          padding: 0;
          position: relative;
          width: 420px;
        }

        .bwy-brand-match-image {
          border-radius: 30px;
          flex: 1 0 0px;
          height: 100%;
          overflow: hidden;
          position: relative;
          width: 1px;
          will-change: transform;
        }

        .bwy-brand-match-content {
          align-content: flex-start;
          align-items: flex-start;
          background-color: var(--token-affa1b72-7c43-4531-b217-6ad9a97be289, rgba(255, 255, 255, 0.05));
          border: 1px solid rgba(255, 255, 255, 0);
          border-radius: 30px;
          box-sizing: border-box;
          display: flex;
          flex: none;
          flex-direction: column;
          flex-wrap: nowrap;
          gap: 10px;
          height: 100%;
          justify-content: center;
          order: 1;
          overflow: hidden;
          padding: 20px;
          position: relative;
          width: min-content;
          will-change: transform;
        }

        .bwy-brand-match-inner {
          align-content: flex-start;
          align-items: flex-start;
          display: flex;
          flex: none;
          flex-direction: column;
          flex-wrap: nowrap;
          gap: 10px;
          height: min-content;
          justify-content: center;
          overflow: hidden;
          padding: 0;
          position: relative;
          width: 380px;
        }

        .bwy-brand-match-badge {
          background-color: var(--token-16cecdcd-c5a5-4884-abaa-e0abd93e3514, rgba(255, 255, 255, 0.1));
          border-radius: 39px;
          box-sizing: border-box;
          color: var(--token-4fdd7769-e1d0-45b2-8e3d-fe484baba321, rgb(255, 212, 78));
          flex: none;
          font-family: Satoshi, Inter, sans-serif;
          font-size: 11px;
          font-weight: 900;
          height: min-content;
          line-height: 2em;
          padding: 3px 12px;
          position: relative;
          text-align: center;
          text-transform: uppercase;
          white-space: pre;
          width: auto;
        }

        .bwy-brand-match-title {
          color: var(--token-a3567fc0-2c6f-4fa8-ac8f-89ddd158e98d, rgb(255, 255, 255));
          flex: none;
          font-family: Unbounded, "Unbounded Placeholder", sans-serif;
          font-size: 20px;
          font-weight: 400;
          letter-spacing: -0.1px;
          line-height: 1.3em;
          margin: 0;
          position: relative;
          text-align: left;
          white-space: pre-wrap;
          width: 100%;
        }

        .bwy-brand-match-details {
          color: var(--token-a3567fc0-2c6f-4fa8-ac8f-89ddd158e98d, rgb(255, 255, 255));
          flex: none;
          font-family: Satoshi, Inter, sans-serif;
          font-size: 16px;
          font-weight: 400;
          line-height: 1.5em;
          display: grid;
          gap: 10px;
          list-style: none;
          margin: 0;
          padding: 0;
          position: relative;
          text-align: left;
          width: 380px;
          word-break: break-word;
          word-wrap: break-word;
        }

        .bwy-brand-match-details li {
          align-items: center;
          display: flex;
          gap: 12px;
        }

        .bwy-brand-match-details li::before {
          background: var(--token-4fdd7769-e1d0-45b2-8e3d-fe484baba321, rgb(255, 212, 78));
          border-radius: 999px;
          content: "";
          flex: 0 0 auto;
          height: 7px;
          width: 7px;
        }

        [data-layout="tablet"] .bwy-brand-match-image-shell {
          width: 360px;
        }

        [data-layout="tablet"] .bwy-brand-match-details {
          line-height: 1.5em;
          width: 320px;
        }

        [data-layout="tablet"] .bwy-brand-match-title {
          line-height: 1.4em;
        }

        [data-layout="tablet"] .bwy-brand-match-inner {
          width: 320px;
        }

        [data-layout="tablet"] .bwy-brand-match-badge {
          font-size: 12px;
        }

        [data-layout="mobile"] .bwy-variant-switcher {
          flex-wrap: nowrap;
          gap: 12px;
          overflow-x: auto;
          overflow-y: hidden;
          padding-bottom: 4px;
          -webkit-overflow-scrolling: touch;
        }

        [data-layout="mobile"] .bwy-variant-button {
          flex: 0 0 auto;
          width: 82px;
        }

        [data-layout="mobile"] .bwy-variant-thumb {
          width: 72px;
        }

        [data-layout="mobile"] .bwy-variant-label {
          font-size: 12px;
          max-width: 82px;
        }

        [data-layout="mobile"] .bwy-brand-match-card {
          flex-direction: column;
          height: min-content;
          width: 100%;
        }

        [data-layout="mobile"] .bwy-brand-match-image-shell {
          aspect-ratio: 1 / 1;
          height: auto;
          overflow: hidden;
          width: 100%;
          will-change: transform;
        }

        [data-layout="mobile"] .bwy-brand-match-image {
          aspect-ratio: 1 / 1;
          flex: none;
          height: auto;
          width: 100%;
        }

        [data-layout="mobile"] .bwy-brand-match-content {
          flex: none;
          gap: 53px;
          height: min-content;
          justify-content: center;
          width: 100%;
        }

        [data-layout="mobile"] .bwy-brand-match-inner {
          align-content: flex-start;
          align-items: flex-start;
          width: 100%;
        }

        [data-layout="mobile"] .bwy-brand-match-badge {
          font-size: 12px;
        }

        [data-layout="mobile"] .bwy-brand-match-title {
          font-size: 18px;
          line-height: 1.4em;
          text-align: left;
          white-space: pre-wrap;
          width: 100%;
        }

        [data-layout="mobile"] .bwy-brand-match-details {
          font-size: 16px;
          line-height: 1.5em;
          width: 100%;
        }