.set-unit__radio {
  opacity: 0;
  position: absolute;
  width: 1px;
  height: 1px;
  clip: rect(0, 0, 0, 0); /* Legacy */
  clip-path: inset(50%);
  overflow: hidden;
  white-space: nowrap;
}

.set-unit__radio:focus-visible + .set-unit__label {
  outline: 2px solid #000; /* High contrast focus ring */
  outline-offset: 2px;
}

.set-unit legend {
  display: none;
}

.set-unit__label {
  display: inline-flex;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
  background: none;
  color: var(--neutral-900);
  align-items: center;
  justify-content: center;
  margin: 0;
  position: relative;
  padding-inline: 0.75rem;
  padding-block: 0.25rem;
}

.set-unit__label:before {
  content: '';
  position: relative;
  min-height: 1.5rem;
  display: inline-block;
  vertical-align: middle;
  width: 0;
  background: transparent;
}

.set-unit__label:after {
  content: '';
  mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94 32" preserveAspectRatio="none"><path d="M0.756893 5.5568C1.05429 4.27646 0.433483 1.97441 1.1413 0.764036C1.33131 0.500816 1.79347 0.518685 2.1847 0.464488C3.28602 0.311921 4.49995 0.194136 5.61694 0.16494C10.7863 0.0298248 16.003 0.181753 21.1787 0.245771C25.2825 0.29653 29.3984 0.411094 33.5004 0.421695C38.1707 0.433766 42.8667 0.591752 47.5314 0.421695C54.1238 0.181365 60.7042 0.225302 67.3011 0.0983743C70.2954 0.0407623 73.2922 0.114489 76.2867 0.0746006C80.3589 0.0203574 84.3632 -0.106329 88.43 0.183959C89.9883 0.295193 91.5068 0.461931 93.0154 0.754526C93.2936 0.808468 93.4901 0.808087 93.6264 0.977998C93.9919 1.43368 93.8029 2.19086 93.8735 2.6897C94.091 4.22609 94.0001 5.85845 93.8117 7.39212C93.5599 9.4413 93.6945 11.5003 93.4685 13.5542C93.1367 16.5695 92.6997 19.5491 92.6997 22.5787C92.6997 24.8804 92.3593 27.2023 91.6494 29.454C91.4634 30.0438 91.5211 30.462 90.654 30.462C89.6223 30.462 88.7057 30.5153 87.6886 30.676C84.6339 31.1586 81.3432 31.0483 78.2294 31.1943C75.236 31.3346 72.2831 31.6698 69.2918 31.7648C67.2186 31.8307 65.1568 31.9778 63.0795 31.9978C60.8043 32.0197 58.541 31.8719 56.2699 31.7981C52.5874 31.6786 48.8971 31.843 45.2112 31.8314C37.57 31.8073 29.8056 31.0222 22.2496 30.2909C19.9342 30.0668 17.6261 29.7408 15.2821 29.7108C12.1937 29.6713 9.14519 29.8674 6.07 30.0151C4.38839 30.0959 2.71288 30.2158 1.07952 29.8677C0.978807 29.8462 0.454223 29.7592 0.406805 29.6442C0.260766 29.2902 0.406805 28.0592 0.406805 27.6923C0.406805 26.8971 0.362962 26.0259 0.345024 25.2308C0.326328 24.4019 0.459083 24.4011 0.345024 23.5772C0.175197 22.3505 0.188658 21.1083 0.0841744 19.878C-0.0781855 17.9662 0.0272982 16.0818 0.125361 14.1724C0.202644 12.6676 0.122241 11.1606 0.180277 9.65537C0.233389 8.27786 0.441002 6.91675 0.756893 5.5568Z" fill="white"/></svg>');
  position: absolute;
  background: #f5eddc;
  width: 100%;
  height: 100%;
  opacity: 0;
  mask-size: 100% 100%;
}

.set-unit__label svg {
  display: none;
  width: 1.5rem;
  height: 1.5rem;
  z-index: 2;
}

.set-unit__label span {
  margin-top: 0.25rem;
  z-index: 2;
}

.windows .set-unit__label span {
  margin-top: -0.25em;
}

.set-unit__options {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  position: relative;
  padding: 0.35rem 0.35rem 0;
}

.set-unit__options:before {
  content: '';
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%22214%22%20height%3D%2242%22%20  preserveAspectRatio='none' viewBox%3D%220%200%20214%2042%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M211.293%207.946C210.622%206.34557%20212.022%203.46801%20210.426%201.95504C209.997%201.62602%20208.955%201.64836%20208.073%201.58061C205.589%201.3899%20202.851%201.24267%20200.332%201.20618C188.674%201.03728%20176.908%201.22719%20165.235%201.30721C155.98%201.37066%20146.697%201.51387%20137.446%201.52712C126.913%201.54221%20116.322%201.73969%20105.801%201.52712C90.9335%201.22671%2076.0927%201.28163%2061.2145%201.12297C54.4614%201.05095%2047.7028%201.14311%2040.9492%201.09325C31.765%201.02545%2022.7341%200.867089%2013.5622%201.22995C10.0477%201.36899%206.62304%201.57741%203.22053%201.94316C2.59326%202.01059%202.15002%202.01011%201.84266%202.2225C1.01838%202.7921%201.44456%203.73857%201.28532%204.36212C0.794873%206.28262%200.999677%208.32307%201.42466%2010.2401C1.99252%2012.8016%201.68902%2015.3754%202.19874%2017.9428C2.94705%2021.7118%202.30137%2025.2129%202.30137%2029C2.30137%2031.8771%200.700208%2035.0029%202.30137%2037.8175C2.72078%2038.5548%202.59082%2039.0775%204.5462%2039.0775C6.87306%2039.0775%2012.9405%2039.1442%2015.2342%2039.345C22.1236%2039.9482%2029.545%2039.8104%2036.5679%2039.9928C43.3188%2040.1682%2049.9785%2040.5872%2056.7249%2040.706C61.4005%2040.7884%2066.0506%2040.9723%2070.7357%2040.9973C75.867%2041.0246%2080.9714%2040.8398%2086.0934%2040.7476C94.3987%2040.5982%20102.721%2040.8038%20111.034%2040.7892C128.268%2040.7592%20145.779%2039.7778%20162.82%2038.8636C168.042%2038.5834%20173.248%2038.176%20178.534%2038.1385C185.499%2038.0891%20192.375%2038.3343%20199.31%2038.5189C203.103%2038.6198%20206.882%2038.7698%20210.565%2038.3346C210.792%2038.3078%20211.976%2038.199%20212.083%2038.0553C212.412%2037.6127%20212.083%2036.074%20212.083%2035.6154C212.083%2034.6214%20212.181%2033.5324%20212.222%2032.5385C212.264%2031.5024%20211.965%2031.5014%20212.222%2030.4715C212.605%2028.9381%20212.575%2027.3854%20212.81%2025.8475C213.176%2023.4578%20212.938%2021.1022%20212.717%2018.7154C212.543%2016.8345%20212.724%2014.9507%20212.593%2013.0692C212.474%2011.3473%20212.005%209.64593%20211.293%207.946Z%22%20stroke%3D%22%23A7917B%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E");
  position: absolute;
  background-color: #a7917b;
  width: 100%;
  height: 100%;
  mask-size: 100% 100%;
}

.set-unit__radio:checked + .set-unit__label svg {
  display: block;
}
.set-unit__radio:checked + .set-unit__label::after {
  opacity: 1;
}