@nextcloud/vue 8.30.0 → 8.31.0

package/dist/assets/{NcModal-Cy3UOuI2.css → NcModal-BzkYPomo.css}

@@ -9,17 +9,17 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-b7c7c7ca] {
+.material-design-icon[data-v-c2daf832] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.modal-mask[data-v-b7c7c7ca] {
+.modal-mask[data-v-c2daf832] {
   --backdrop-color: 0, 0, 0;
   --icon-size: 20px;
-  --slideshow-duration: var(--4d12a2e7);
+  --slideshow-duration: var(--afe18836);
   position: fixed;
   z-index: 9998;
   top: 0;
@@ -29,13 +29,13 @@
   height: 100%;
   background-color: rgba(var(--backdrop-color), 0.5);
 }
-.modal-mask--opaque[data-v-b7c7c7ca] {
+.modal-mask--opaque[data-v-c2daf832] {
   background-color: rgba(var(--backdrop-color), 0.92);
 }
-.modal-mask--light[data-v-b7c7c7ca] {
+.modal-mask--light[data-v-c2daf832] {
   --backdrop-color: 255, 255, 255;
 }
-.modal-header[data-v-b7c7c7ca] {
+.modal-header[data-v-c2daf832] {
   position: absolute;
   z-index: 10001;
   top: 0;
@@ -48,7 +48,7 @@
   overflow: hidden;
   transition: opacity 250ms, visibility 250ms;
 }
-.modal-header__name[data-v-b7c7c7ca] {
+.modal-header__name[data-v-c2daf832] {
   overflow-x: hidden;
   box-sizing: border-box;
   width: 100%;
@@ -60,19 +60,19 @@
   margin-block: 0;
 }
 @media only screen and (min-width: 1024px) {
-.modal-header__name[data-v-b7c7c7ca] {
+.modal-header__name[data-v-c2daf832] {
     padding-inline-start: calc(var(--default-clickable-area) * 3);
     text-align: center;
 }
 }
-.modal-header .icons-menu[data-v-b7c7c7ca] {
+.modal-header .icons-menu[data-v-c2daf832] {
   position: absolute;
   inset-inline-end: 0;
   display: flex;
   align-items: center;
   justify-content: flex-end;
 }
-.modal-header .icons-menu .header-close[data-v-b7c7c7ca] {
+.modal-header .icons-menu .header-close[data-v-c2daf832] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -80,7 +80,7 @@
   margin: calc((var(--header-height) - var(--default-clickable-area)) / 2);
   padding: 0;
 }
-.modal-header .icons-menu .play-pause-icons[data-v-b7c7c7ca] {
+.modal-header .icons-menu .play-pause-icons[data-v-c2daf832] {
   position: relative;
   width: var(--header-height);
   height: var(--header-height);
@@ -90,14 +90,14 @@
   border: none;
   background-color: transparent;
 }
-.modal-header .icons-menu .play-pause-icons:hover .play-pause-icons__play[data-v-b7c7c7ca],
-.modal-header .icons-menu .play-pause-icons:hover .play-pause-icons__pause[data-v-b7c7c7ca], .modal-header .icons-menu .play-pause-icons:focus .play-pause-icons__play[data-v-b7c7c7ca],
-.modal-header .icons-menu .play-pause-icons:focus .play-pause-icons__pause[data-v-b7c7c7ca] {
+.modal-header .icons-menu .play-pause-icons:hover .play-pause-icons__play[data-v-c2daf832],
+.modal-header .icons-menu .play-pause-icons:hover .play-pause-icons__pause[data-v-c2daf832], .modal-header .icons-menu .play-pause-icons:focus .play-pause-icons__play[data-v-c2daf832],
+.modal-header .icons-menu .play-pause-icons:focus .play-pause-icons__pause[data-v-c2daf832] {
   opacity: 1;
   border-radius: calc(var(--default-clickable-area) / 2);
   background-color: rgba(127, 127, 127, 0.25);
 }
-.modal-header .icons-menu .play-pause-icons__play[data-v-b7c7c7ca], .modal-header .icons-menu .play-pause-icons__pause[data-v-b7c7c7ca] {
+.modal-header .icons-menu .play-pause-icons__play[data-v-c2daf832], .modal-header .icons-menu .play-pause-icons__pause[data-v-c2daf832] {
   box-sizing: border-box;
   width: var(--default-clickable-area);
   height: var(--default-clickable-area);
@@ -105,10 +105,10 @@
   cursor: pointer;
   opacity: 0.7;
 }
-.modal-header .icons-menu[data-v-b7c7c7ca]  .action-item {
+.modal-header .icons-menu[data-v-c2daf832]  .action-item {
   margin: calc((var(--header-height) - var(--default-clickable-area)) / 2);
 }
-.modal-header .icons-menu[data-v-b7c7c7ca]  .action-item--single {
+.modal-header .icons-menu[data-v-c2daf832]  .action-item--single {
   box-sizing: border-box;
   width: var(--default-clickable-area);
   height: var(--default-clickable-area);
@@ -116,18 +116,18 @@
   background-position: center;
   background-size: 22px;
 }
-.modal-header .icons-menu .header-actions[data-v-b7c7c7ca] button:focus-visible {
+.modal-header .icons-menu .header-actions[data-v-c2daf832] button:focus-visible {
   box-shadow: none !important;
   outline: 2px solid #fff !important;
 }
-.modal-header .icons-menu[data-v-b7c7c7ca] .action-item__menutoggle {
+.modal-header .icons-menu[data-v-c2daf832] .action-item__menutoggle {
   padding: 0;
 }
-.modal-header .icons-menu[data-v-b7c7c7ca] .action-item__menutoggle span, .modal-header .icons-menu[data-v-b7c7c7ca] .action-item__menutoggle svg {
+.modal-header .icons-menu[data-v-c2daf832] .action-item__menutoggle span, .modal-header .icons-menu[data-v-c2daf832] .action-item__menutoggle svg {
   width: var(--icon-size);
   height: var(--icon-size);
 }
-.modal-wrapper[data-v-b7c7c7ca] {
+.modal-wrapper[data-v-c2daf832] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -135,10 +135,9 @@
   width: 100%;
   height: 100%;
   /* Navigation buttons */
-  /* Content */
 }
-.modal-wrapper .prev[data-v-b7c7c7ca],
-.modal-wrapper .next[data-v-b7c7c7ca] {
+.modal-wrapper .prev[data-v-c2daf832],
+.modal-wrapper .next[data-v-c2daf832] {
   z-index: 10000;
   height: 35vh;
   min-height: 300px;
@@ -146,18 +145,21 @@
   transition: opacity 250ms;
   color: white;
 }
-.modal-wrapper .prev[data-v-b7c7c7ca]:focus-visible,
-.modal-wrapper .next[data-v-b7c7c7ca]:focus-visible {
+.modal-wrapper .prev[data-v-c2daf832]:focus-visible,
+.modal-wrapper .next[data-v-c2daf832]:focus-visible {
   box-shadow: 0 0 0 2px var(--color-primary-element-text);
   background-color: var(--color-box-shadow);
 }
-.modal-wrapper .prev[data-v-b7c7c7ca] {
+.modal-wrapper .prev[data-v-c2daf832] {
   inset-inline-start: 2px;
 }
-.modal-wrapper .next[data-v-b7c7c7ca] {
+.modal-wrapper .next[data-v-c2daf832] {
   inset-inline-end: 2px;
 }
-.modal-wrapper .modal-container[data-v-b7c7c7ca] {
+.modal-wrapper[data-v-c2daf832] {
+  /* Content */
+}
+.modal-wrapper .modal-container[data-v-c2daf832] {
   position: relative;
   display: flex;
   padding: 0;
@@ -167,33 +169,33 @@
   color: var(--color-main-text);
   box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
 }
-.modal-wrapper .modal-container__close[data-v-b7c7c7ca] {
+.modal-wrapper .modal-container__close[data-v-c2daf832] {
   z-index: 1;
   position: absolute;
   top: 4px;
   inset-inline-end: var(--default-grid-baseline);
 }
-.modal-wrapper .modal-container__content[data-v-b7c7c7ca] {
+.modal-wrapper .modal-container__content[data-v-c2daf832] {
   width: 100%;
   min-height: 52px;
   overflow: auto;
 }
-.modal-wrapper--small > .modal-container[data-v-b7c7c7ca] {
+.modal-wrapper--small > .modal-container[data-v-c2daf832] {
   width: 400px;
   max-width: 90%;
   max-height: min(90%, 100% - 2 * var(--header-height));
 }
-.modal-wrapper--normal > .modal-container[data-v-b7c7c7ca] {
+.modal-wrapper--normal > .modal-container[data-v-c2daf832] {
   max-width: 90%;
   width: 600px;
   max-height: min(90%, 100% - 2 * var(--header-height));
 }
-.modal-wrapper--large > .modal-container[data-v-b7c7c7ca] {
+.modal-wrapper--large > .modal-container[data-v-c2daf832] {
   max-width: 90%;
   width: 900px;
   max-height: min(90%, 100% - 2 * var(--header-height));
 }
-.modal-wrapper--full > .modal-container[data-v-b7c7c7ca] {
+.modal-wrapper--full > .modal-container[data-v-c2daf832] {
   width: 100%;
   height: calc(100% - var(--header-height));
   position: absolute;
@@ -201,7 +203,7 @@
   border-radius: 0;
 }
 @media only screen and ((max-width: 512px) or (max-height: 400px)) {
-.modal-wrapper .modal-container[data-v-b7c7c7ca] {
+.modal-wrapper .modal-container[data-v-c2daf832] {
     max-width: initial;
     width: 100%;
     max-height: initial;
@@ -213,60 +215,60 @@
 }
 
 /* TRANSITIONS */
-.fade-enter-active[data-v-b7c7c7ca],
-.fade-leave-active[data-v-b7c7c7ca] {
+.fade-enter-active[data-v-c2daf832],
+.fade-leave-active[data-v-c2daf832] {
   transition: opacity 250ms;
 }
-.fade-enter[data-v-b7c7c7ca],
-.fade-leave-to[data-v-b7c7c7ca] {
+.fade-enter[data-v-c2daf832],
+.fade-leave-to[data-v-c2daf832] {
   opacity: 0;
 }
-.fade-visibility-enter[data-v-b7c7c7ca],
-.fade-visibility-leave-to[data-v-b7c7c7ca] {
+.fade-visibility-enter[data-v-c2daf832],
+.fade-visibility-leave-to[data-v-c2daf832] {
   visibility: hidden;
   opacity: 0;
 }
-.modal-in-enter-active[data-v-b7c7c7ca],
-.modal-in-leave-active[data-v-b7c7c7ca],
-.modal-out-enter-active[data-v-b7c7c7ca],
-.modal-out-leave-active[data-v-b7c7c7ca] {
+.modal-in-enter-active[data-v-c2daf832],
+.modal-in-leave-active[data-v-c2daf832],
+.modal-out-enter-active[data-v-c2daf832],
+.modal-out-leave-active[data-v-c2daf832] {
   transition: opacity 250ms;
 }
-.modal-in-enter[data-v-b7c7c7ca],
-.modal-in-leave-to[data-v-b7c7c7ca],
-.modal-out-enter[data-v-b7c7c7ca],
-.modal-out-leave-to[data-v-b7c7c7ca] {
+.modal-in-enter[data-v-c2daf832],
+.modal-in-leave-to[data-v-c2daf832],
+.modal-out-enter[data-v-c2daf832],
+.modal-out-leave-to[data-v-c2daf832] {
   opacity: 0;
 }
-.modal-in-enter .modal-container[data-v-b7c7c7ca],
-.modal-in-leave-to .modal-container[data-v-b7c7c7ca] {
+.modal-in-enter .modal-container[data-v-c2daf832],
+.modal-in-leave-to .modal-container[data-v-c2daf832] {
   transform: scale(0.9);
 }
-.modal-out-enter .modal-container[data-v-b7c7c7ca],
-.modal-out-leave-to .modal-container[data-v-b7c7c7ca] {
+.modal-out-enter .modal-container[data-v-c2daf832],
+.modal-out-leave-to .modal-container[data-v-c2daf832] {
   transform: scale(1.1);
 }
-.modal-mask .play-pause-icons .progress-ring[data-v-b7c7c7ca] {
+.modal-mask .play-pause-icons .progress-ring[data-v-c2daf832] {
   position: absolute;
   top: 0;
   inset-inline-start: 0;
   transform: rotate(-90deg);
 }
-.modal-mask .play-pause-icons .progress-ring .progress-ring__circle[data-v-b7c7c7ca] {
+.modal-mask .play-pause-icons .progress-ring .progress-ring__circle[data-v-c2daf832] {
   transition: 100ms stroke-dashoffset;
   transform-origin: 50% 50%;
-  animation: progressring-b7c7c7ca linear var(--slideshow-duration) infinite;
+  animation: progressring-c2daf832 linear var(--slideshow-duration) infinite;
   stroke-linecap: round;
   stroke-dashoffset: 94.2477796077;
   stroke-dasharray: 94.2477796077;
 }
-.modal-mask .play-pause-icons--paused .icon-pause[data-v-b7c7c7ca] {
-  animation: breath-b7c7c7ca 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
+.modal-mask .play-pause-icons--paused .icon-pause[data-v-c2daf832] {
+  animation: breath-c2daf832 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
 }
-.modal-mask .play-pause-icons--paused .progress-ring__circle[data-v-b7c7c7ca] {
+.modal-mask .play-pause-icons--paused .progress-ring__circle[data-v-c2daf832] {
   animation-play-state: paused !important;
 }
-@keyframes progressring-b7c7c7ca {
+@keyframes progressring-c2daf832 {
 from {
     stroke-dashoffset: 94.2477796077;
 }
@@ -274,7 +276,7 @@ to {
     stroke-dashoffset: 0;
 }
 }
-@keyframes breath-b7c7c7ca {
+@keyframes breath-c2daf832 {
 0% {
     opacity: 1;
 }

package/dist/assets/{NcNoteCard-ChweF_5Q.css → NcNoteCard-Dz5-u2BY.css}

@@ -9,14 +9,14 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-bea274c4] {
+.material-design-icon[data-v-1362be5a] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.notecard[data-v-bea274c4] {
+.notecard[data-v-1362be5a] {
   --note-card-icon-size: 20px;
   --note-card-padding: calc(2 * var(--default-grid-baseline));
   color: var(--color-main-text) !important;
@@ -29,39 +29,39 @@
   flex-direction: row;
   gap: var(--note-card-padding);
 }
-.notecard__heading[data-v-bea274c4] {
+.notecard__heading[data-v-1362be5a] {
   font-size: var(--note-card-icon-size);
   font-weight: 600;
 }
-.notecard__icon--heading[data-v-bea274c4] {
+.notecard__icon--heading[data-v-1362be5a] {
   font-size: var(--note-card-icon-size);
   margin-block: calc((1lh - 1em) / 2) auto;
 }
-.notecard--success[data-v-bea274c4] {
+.notecard--success[data-v-1362be5a] {
   --note-background: var(--color-success);
   --note-theme: var(--color-success-text, var(--color-success));
 }
-.notecard--info[data-v-bea274c4] {
+.notecard--info[data-v-1362be5a] {
   --note-background: var(--color-info);
   --note-theme: var(--color-info-text, var(--color-info));
 }
-.notecard--error[data-v-bea274c4] {
+.notecard--error[data-v-1362be5a] {
   --note-background: var(--color-error);
   --note-theme: var(--color-error-text, var(--color-error));
 }
-.notecard--warning[data-v-bea274c4] {
+.notecard--warning[data-v-1362be5a] {
   --note-background: var(--color-warning);
   --note-theme: var(--color-warning-text, var(--color-warning));
 }
-.notecard--legacy.notecard--error[data-v-bea274c4] {
+.notecard--legacy.notecard--error[data-v-1362be5a] {
   --note-background: rgba(var(--color-error-rgb), 0.1);
 }
-.notecard--legacy.notecard--info[data-v-bea274c4] {
+.notecard--legacy.notecard--info[data-v-1362be5a] {
   --note-background: rgba(var(--color-info-rgb), 0.1);
 }
-.notecard--legacy.notecard--success[data-v-bea274c4] {
+.notecard--legacy.notecard--success[data-v-1362be5a] {
   --note-background: rgba(var(--color-success-rgb), 0.1);
 }
-.notecard--legacy.notecard--warning[data-v-bea274c4] {
+.notecard--legacy.notecard--warning[data-v-1362be5a] {
   --note-background: rgba(var(--color-warning-rgb), 0.1);
 }

package/dist/assets/{NcPasswordField-DVK8tuPi.css → NcPasswordField-mhXQk8aT.css}

@@ -9,13 +9,13 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-e7f7c9e3] {
+.material-design-icon[data-v-822eec9d] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-[data-v-e7f7c9e3] .password-field__input--secure-text {
+[data-v-822eec9d] .password-field__input--secure-text {
   -webkit-text-security: disc;
 }

package/dist/assets/{NcProgressBar-DTCznR-m.css → NcProgressBar-CU_ib_HL.css}

@@ -9,19 +9,19 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-8e8087c7] {
+.material-design-icon[data-v-06c9abdc] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.progress-bar[data-v-8e8087c7] {
+.progress-bar[data-v-06c9abdc] {
   display: block;
   height: var(--progress-bar-height);
-  --progress-bar-color: var(--efbac356);
+  --progress-bar-color: var(--15a054de);
 }
-.progress-bar--linear[data-v-8e8087c7] {
+.progress-bar--linear[data-v-06c9abdc] {
   width: 100%;
   overflow: hidden;
   border: 0;
@@ -29,28 +29,28 @@
   background: var(--color-background-dark);
   border-radius: calc(var(--progress-bar-height) / 2);
 }
-.progress-bar--linear[data-v-8e8087c7]::-webkit-progress-bar {
+.progress-bar--linear[data-v-06c9abdc]::-webkit-progress-bar {
   height: var(--progress-bar-height);
   background-color: transparent;
 }
-.progress-bar--linear[data-v-8e8087c7]::-webkit-progress-value {
+.progress-bar--linear[data-v-06c9abdc]::-webkit-progress-value {
   background: var(--progress-bar-color, var(--gradient-primary-background));
   border-radius: calc(var(--progress-bar-height) / 2);
 }
-.progress-bar--linear[data-v-8e8087c7]::-moz-progress-bar {
+.progress-bar--linear[data-v-06c9abdc]::-moz-progress-bar {
   background: var(--progress-bar-color, var(--gradient-primary-background));
   border-radius: calc(var(--progress-bar-height) / 2);
 }
-.progress-bar--circular[data-v-8e8087c7] {
+.progress-bar--circular[data-v-06c9abdc] {
   width: var(--progress-bar-height);
   color: var(--progress-bar-color, var(--color-primary-element));
 }
-.progress-bar--error[data-v-8e8087c7] {
+.progress-bar--error[data-v-06c9abdc] {
   color: var(--color-text-error, var(--color-error)) !important;
 }
-.progress-bar--error[data-v-8e8087c7]::-moz-progress-bar {
+.progress-bar--error[data-v-06c9abdc]::-moz-progress-bar {
   background: var(--color-text-error, var(--color-error)) !important;
 }
-.progress-bar--error[data-v-8e8087c7]::-webkit-progress-value {
+.progress-bar--error[data-v-06c9abdc]::-webkit-progress-value {
   background: var(--color-text-error, var(--color-error)) !important;
 }

package/dist/assets/NcRadioGroup-CNgjqqiP.css

@@ -0,0 +1,49 @@
+/**
+ * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/**
+ * SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/*
+* Ensure proper alignment of the vue material icons
+*/
+._material-design-icon_u3tih_12 {
+  display: flex;
+  align-self: center;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+}
+._radioGroup_u3tih_20 {
+  display: flex;
+  flex-direction: column;
+}
+._radioGroup_u3tih_20:not(._radioGroup_buttonVariant_u3tih_24) .checkbox-content {
+  max-width: unset !important;
+}
+._radioGroup__label_u3tih_28 {
+  font-size: 1.2em;
+  font-weight: bold;
+  margin-inline-start: var(--border-radius-element);
+}
+._radioGroup__description_u3tih_34 {
+  color: var(--color-text-maxcontrast);
+  margin-block-end: var(--default-grid-baseline);
+  margin-inline-start: var(--border-radius-element);
+}
+._radioGroup__wrapper_u3tih_40 {
+  display: flex;
+  flex-direction: column;
+}
+._radioGroup__wrapper_u3tih_40 > * {
+  flex: 1 0 1px;
+}
+._radioGroup__label_u3tih_28 + ._radioGroup__wrapper_u3tih_40 {
+  margin-block-start: var(--default-grid-baseline);
+}
+._radioGroup_buttonVariant_u3tih_24 ._radioGroup__wrapper_u3tih_40 {
+  flex-direction: row;
+  gap: var(--default-grid-baseline);
+}

package/dist/assets/NcRadioGroupButton-B1hPj4B8.css

@@ -0,0 +1,85 @@
+/**
+ * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/**
+ * SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/*
+* Ensure proper alignment of the vue material icons
+*/
+._material-design-icon_1ffgu_12 {
+  display: flex;
+  align-self: center;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+}
+._radioGroupButton_1ffgu_20 {
+  --radio-group-button--border-radius: var(--border-radius-small);
+  --radio-group-button--border-width: 1px;
+  --radio-group-button--color: var(--color-primary-element-light-text);
+  --radio-group-button--background-color: var(--color-primary-element-light);
+  --radio-group-button--background-color-hover: var(--color-primary-element-light-hover);
+  --radio-group-button--padding: 1px;
+  cursor: pointer;
+  color: var(--radio-group-button--color);
+  background-color: var(--radio-group-button--background-color);
+  transition: var(--animation-quick) background-color;
+  border: var(--radio-group-button--border-width) solid var(--radio-group-button--background-color-hover);
+  border-bottom-width: 2px;
+  border-radius: var(--radio-group-button--border-radius);
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  height: var(--default-clickable-area);
+  padding-block: var(--radio-group-button--padding) 0;
+  padding-inline: var(--radio-group-button--padding);
+}
+._radioGroupButton_1ffgu_20 * {
+  cursor: pointer;
+}
+:has(._radioGroupButton__label_1ffgu_44) {
+  padding-inline: calc(var(--radio-group-button--padding) + var(--border-radius-element));
+}
+:has(._radioGroupButton__icon_1ffgu_47) {
+  padding-inline-start: var(--radio-group-button--padding);
+}
+._radioGroupButton_1ffgu_20:hover {
+  background-color: var(--radio-group-button--background-color-hover);
+}
+._radioGroupButton_1ffgu_20:focus-within {
+  --radio-group-button--border-width: 2px;
+  --radio-group-button--padding: 0px;
+  border: var(--radio-group-button--border-width) solid var(--color-main-text) !important;
+  outline: calc(var(--default-grid-baseline) / 2) var(--color-main-background);
+}
+._radioGroupButton_1ffgu_20:first-of-type {
+  border-start-start-radius: var(--border-radius-element);
+  border-end-start-radius: var(--border-radius-element);
+}
+._radioGroupButton_1ffgu_20:last-of-type {
+  border-start-end-radius: var(--border-radius-element);
+  border-end-end-radius: var(--border-radius-element);
+}
+._radioGroupButton_active_1ffgu_68 {
+  --radio-group-button--color: var(--color-primary-element-text);
+  --radio-group-button--background-color: var(--color-primary-element);
+  --radio-group-button--background-color-hover: var(--color-primary-element-hover);
+}
+._radioGroupButton__label_1ffgu_44 {
+  font-weight: bold;
+  line-height: calc(var(--default-clickable-area) - 4px);
+}
+._radioGroupButton__icon_1ffgu_47 {
+  --radio-group-button--icon-size: calc(var(--default-clickable-area) - 4px);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  width: var(--radio-group-button--icon-size);
+}
+._radioGroupButton__icon_1ffgu_47 * {
+  --default-clickable-area: var(--radio-group-button--icon-size);
+}