@nextcloud/vue 9.13.0 → 9.13.1

package/dist/assets/NcFilePicker.css

@@ -1,5 +1,5 @@
 
-._filePicker_DdklE {
+._filePicker_OtaU5 {
 	display: inline-flex;
 	align-items: center;
 	height: var(--default-clickable-area);

package/dist/assets/NcFormBox.css

@@ -9,46 +9,46 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-._material-design-icon_jy9UL {
+._material-design-icon_yBoUo {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-._ncFormBox_hfm4f {
+._ncFormBox_8ywSx {
   display: flex;
   flex-direction: column;
   gap: calc(1 * var(--default-grid-baseline));
 }
-._ncFormBox_hfm4f._ncFormBox_row_aPH49 {
+._ncFormBox_8ywSx._ncFormBox_row_rN0Yz {
   flex-direction: row;
 }
-._ncFormBox__item_6Ti-E {
+._ncFormBox__item_ZKUg8 {
   border-radius: var(--border-radius-small) !important;
 }
-._ncFormBox_col_RxD6y {
+._ncFormBox_col_jXBwS {
   flex-direction: column;
 }
-._ncFormBox_col_RxD6y ._ncFormBox__item_6Ti-E:first-child {
+._ncFormBox_col_jXBwS ._ncFormBox__item_ZKUg8:first-child {
   border-start-start-radius: var(--border-radius-element) !important;
   border-start-end-radius: var(--border-radius-element) !important;
 }
-._ncFormBox_col_RxD6y ._ncFormBox__item_6Ti-E:last-child {
+._ncFormBox_col_jXBwS ._ncFormBox__item_ZKUg8:last-child {
   border-end-start-radius: var(--border-radius-element) !important;
   border-end-end-radius: var(--border-radius-element) !important;
 }
-._ncFormBox_row_aPH49 {
+._ncFormBox_row_rN0Yz {
   flex-direction: row;
 }
-._ncFormBox_row_aPH49 ._ncFormBox__item_6Ti-E {
+._ncFormBox_row_rN0Yz ._ncFormBox__item_ZKUg8 {
   flex: 1 1;
 }
-._ncFormBox_row_aPH49 ._ncFormBox__item_6Ti-E:first-child {
+._ncFormBox_row_rN0Yz ._ncFormBox__item_ZKUg8:first-child {
   border-start-start-radius: var(--border-radius-element) !important;
   border-end-start-radius: var(--border-radius-element) !important;
 }
-._ncFormBox_row_aPH49 ._ncFormBox__item_6Ti-E:last-child {
+._ncFormBox_row_rN0Yz ._ncFormBox__item_ZKUg8:last-child {
   border-end-end-radius: var(--border-radius-element) !important;
   border-start-end-radius: var(--border-radius-element) !important;
 }

package/dist/assets/NcFormBoxButton.css

@@ -9,14 +9,14 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-._material-design-icon_oADPC {
+._material-design-icon_8LcXj {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-._formBoxButton_jLjuK {
+._formBoxButton_JbeJI {
   /* Reset default HTML button styles */
   background: unset;
   border: none;

package/dist/assets/NcFormBoxItem.css

@@ -9,14 +9,14 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-._material-design-icon_38d5k {
+._material-design-icon_50Qhh {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-._formBoxItem_PJOAO {
+._formBoxItem_0eB9U {
   --nc-form-box-item-border-width: 1px;
   --nc-form-box-item-min-height: 40px;
   --form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline));
@@ -43,53 +43,53 @@
   user-select: none;
   cursor: pointer;
 }
-._formBoxItem_PJOAO * {
+._formBoxItem_0eB9U * {
   cursor: inherit;
 }
-._formBoxItem_PJOAO:has(:disabled) {
+._formBoxItem_0eB9U:has(:disabled) {
   cursor: default;
   opacity: 0.5;
 }
-._formBoxItem_PJOAO:hover:not(:has(:disabled)) {
+._formBoxItem_0eB9U:hover:not(:has(:disabled)) {
   color: var(--color-primary-element-light-text);
   background-color: var(--color-primary-element-extra-light-hover);
 }
-._formBoxItem_PJOAO:active:not(:disabled) {
+._formBoxItem_0eB9U:active:not(:disabled) {
   transform: scale(0.985);
 }
-._formBoxItem_PJOAO:has(:focus-visible) {
+._formBoxItem_0eB9U:has(:focus-visible) {
   outline: 2px solid var(--color-main-text);
   box-shadow: 0 0 0 4px var(--color-main-background);
 }
-._formBoxItem__description_mgQF6 {
+._formBoxItem__description_-Y9pr {
   font-weight: var(--font-weight-default, normal);
 }
-._formBoxItem_PJOAO._formBoxItem_legacy_DqLYy {
+._formBoxItem_0eB9U._formBoxItem_legacy_K9-y2 {
   --nc-form-box-item-border-width: 0px;
   border: none;
 }
-._formBoxItem_PJOAO._formBoxItem_inverted_77j8f ._formBoxItem__element_l-vrn {
+._formBoxItem_0eB9U._formBoxItem_inverted_-wXyj ._formBoxItem__element_jngkO {
   color: var(--color-text-maxcontrast);
 }
-._formBoxItem_PJOAO._formBoxItem_inverted_77j8f ._formBoxItem__description_mgQF6 {
+._formBoxItem_0eB9U._formBoxItem_inverted_-wXyj ._formBoxItem__description_-Y9pr {
   color: inherit;
 }
-._formBoxItem__content_x-g-c {
+._formBoxItem__content_hRTkn {
   flex: 1;
   display: flex;
   flex-direction: column;
   padding-block: calc(2 * var(--default-grid-baseline));
   overflow-wrap: anywhere;
 }
-._formBoxItem__element_l-vrn::after {
+._formBoxItem__element_jngkO::after {
   content: "";
   position: absolute;
   inset: 0;
 }
-._formBoxItem__description_mgQF6 {
+._formBoxItem__description_-Y9pr {
   color: var(--color-text-maxcontrast);
 }
-._formBoxItem__icon_ag5Tf {
+._formBoxItem__icon_udRxK {
   display: flex;
   align-items: center;
   justify-content: flex-end;

package/dist/assets/NcFormBoxSwitch.css

@@ -9,14 +9,14 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-._material-design-icon_oM2UW {
+._material-design-icon_Xz4ev {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-input._formBoxSwitch__input_zScTH {
+input._formBoxSwitch__input_oY7zN {
   margin: 0;
   width: var(--default-clickable-area);
   /* Keep it visually hidden but on the position of visual switch icon */

package/dist/assets/NcFormGroup.css

@@ -9,35 +9,35 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-._material-design-icon_-aTJn {
+._material-design-icon_lkvY0 {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-._formGroup_alpCx {
+._formGroup_q7zVW {
   --form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline));
   --form-group-content-gap: calc(2 * var(--default-grid-baseline));
 }
-._formGroup_alpCx._formGroup_noGap_nxMYN {
+._formGroup_q7zVW._formGroup_noGap_6A2Dx {
   --form-group-content-gap: 0;
 }
-._formGroup__label_ouOV4 {
+._formGroup__label_B0sqc {
   padding-inline: var(--form-element-label-offset);
   font-size: var(--font-size);
   font-weight: var(--font-weight-heading, bold);
 }
-._formGroup__description_ndRRF {
+._formGroup__description_V-dp- {
   padding-inline: var(--form-element-label-offset);
   color: var(--color-text-maxcontrast);
 }
-._formGroup__content_O-600 {
+._formGroup__content_fXWHt {
   display: flex;
   flex-direction: column;
   gap: var(--form-group-content-gap);
   margin-block-start: calc(2.5 * var(--default-grid-baseline));
 }
-._formGroup__content_O-600._formGroup__content_only_Tivq9 {
+._formGroup__content_fXWHt._formGroup__content_only_o13JX {
   margin-block-start: 0;
 }

package/dist/assets/NcHotkey.css

@@ -9,35 +9,35 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-._material-design-icon_Nn4zt {
+._material-design-icon_b8Jeb {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-._hotkey_DzGB- {
+._hotkey_W5WOO {
   --form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline));
   display: flex;
   flex-direction: row-reverse;
   align-items: stretch;
   padding-inline: var(--form-element-label-offset);
 }
-._hotkey_DzGB-:first-child ._hotkey__label_9ecAM,
-._hotkey_DzGB-:first-child ._hotkey__keys_UG-zt {
+._hotkey_W5WOO:first-child ._hotkey__label_UJqDg,
+._hotkey_W5WOO:first-child ._hotkey__keys_DhshL {
   border-block-start: none;
 }
-._hotkey__label_9ecAM,
-._hotkey__keys_UG-zt {
+._hotkey__label_UJqDg,
+._hotkey__keys_DhshL {
   display: flex;
   align-items: center;
   padding-block: calc(2 * var(--default-grid-baseline));
   border-block-start: 1px solid var(--color-border);
 }
-._hotkey__label_9ecAM {
+._hotkey__label_UJqDg {
   flex: 1 1 200px;
 }
-._hotkey__keys_UG-zt {
+._hotkey__keys_DhshL {
   flex: 1 1 auto;
   flex-wrap: wrap;
   justify-content: end;

package/dist/assets/NcHotkeyList.css

@@ -1,8 +1,8 @@
 
-._hotkeyList_l5aVR {
+._hotkeyList_l6iQ2 {
 	--form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline));
 }
-._hotkeyList__heading_hiuXH {
+._hotkeyList__heading_N5hMl {
 	font-weight: var(--font-weight-heading, bold);
 	margin-inline: var(--form-element-label-offset);
 }

package/dist/assets/NcIconToggleSwitch.css

@@ -9,22 +9,22 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-._material-design-icon_r7JU1 {
+._material-design-icon_zYnoU {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-._iconToggleSwitch_1qpqv {
+._iconToggleSwitch_hhj0H {
   color: var(--v6bd152af);
   transition: color var(--animation-quick) ease;
 }
-._iconToggleSwitch_1qpqv svg {
+._iconToggleSwitch_hhj0H svg {
   /* Unlike other icons, this icon is not a square */
   height: auto !important;
 }
-._iconToggleSwitch_1qpqv circle {
+._iconToggleSwitch_hhj0H circle {
   cx: var(--v16fd8ca9);
   transition: cx var(--animation-quick) ease;
 }

package/dist/assets/NcKbd.css

@@ -9,14 +9,14 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-._material-design-icon_X6X6f {
+._material-design-icon_TcOah {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-._kbd_rjhff {
+._kbd_ouG-F {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -31,6 +31,6 @@
   line-height: 1;
   white-space: nowrap;
 }
-._kbd_rjhff + ._kbd_rjhff {
+._kbd_ouG-F + ._kbd_ouG-F {
   margin-inline-start: calc(1 * var(--default-grid-baseline));
 }

package/dist/assets/NcModal.css

@@ -9,14 +9,14 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-8a639337] {
+.material-design-icon[data-v-c6039372] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.modal-mask[data-v-8a639337] {
+.modal-mask[data-v-c6039372] {
   position: fixed;
   z-index: 9998;
   top: 0;
@@ -27,16 +27,16 @@
   --backdrop-color: 0, 0, 0;
   background-color: rgba(var(--backdrop-color), 0.5);
 }
-.modal-mask[data-v-8a639337], .modal-mask[data-v-8a639337] * {
+.modal-mask[data-v-c6039372], .modal-mask[data-v-c6039372] * {
   box-sizing: border-box;
 }
-.modal-mask--opaque[data-v-8a639337] {
+.modal-mask--opaque[data-v-c6039372] {
   background-color: rgba(var(--backdrop-color), 0.92);
 }
-.modal-mask--light[data-v-8a639337] {
+.modal-mask--light[data-v-c6039372] {
   --backdrop-color: 255, 255, 255;
 }
-.modal-header[data-v-8a639337] {
+.modal-header[data-v-c6039372] {
   position: absolute;
   z-index: 10001;
   top: 0;
@@ -49,7 +49,7 @@
   overflow: hidden;
   transition: opacity 250ms, visibility 250ms;
 }
-.modal-header__name[data-v-8a639337] {
+.modal-header__name[data-v-c6039372] {
   overflow-x: hidden;
   width: 100%;
   padding-inline: 12px 0;
@@ -60,25 +60,25 @@
   margin-block: 0;
 }
 @media only screen and (min-width: 1024px) {
-.modal-header__name[data-v-8a639337] {
-    padding-inline-start: calc(var(--header-height) * var(--v11237964));
+.modal-header__name[data-v-c6039372] {
+    padding-inline-start: calc(var(--header-height) * var(--v46e58dab));
     text-align: center;
 }
 }
-.modal-header .icons-menu[data-v-8a639337] {
+.modal-header .icons-menu[data-v-c6039372] {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   align-self: flex-end;
 }
-.modal-header .icons-menu .header-close[data-v-8a639337] {
+.modal-header .icons-menu .header-close[data-v-c6039372] {
   display: flex;
   align-items: center;
   justify-content: center;
   margin: calc((var(--header-height) - var(--default-clickable-area)) / 2);
   padding: 0;
 }
-.modal-header .icons-menu .play-pause-icons[data-v-8a639337] {
+.modal-header .icons-menu .play-pause-icons[data-v-c6039372] {
   position: relative;
   width: var(--header-height);
   height: var(--header-height);
@@ -88,33 +88,33 @@
   border: none;
   background-color: transparent;
 }
-.modal-header .icons-menu .play-pause-icons:hover .play-pause-icons__icon[data-v-8a639337], .modal-header .icons-menu .play-pause-icons:focus .play-pause-icons__icon[data-v-8a639337] {
+.modal-header .icons-menu .play-pause-icons:hover .play-pause-icons__icon[data-v-c6039372], .modal-header .icons-menu .play-pause-icons:focus .play-pause-icons__icon[data-v-c6039372] {
   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__icon[data-v-8a639337] {
+.modal-header .icons-menu .play-pause-icons__icon[data-v-c6039372] {
   width: var(--default-clickable-area);
   height: var(--default-clickable-area);
   margin: calc((var(--header-height) - var(--default-clickable-area)) / 2);
   cursor: pointer;
   opacity: 0.7;
 }
-.modal-header .icons-menu[data-v-8a639337]  .action-item {
+.modal-header .icons-menu[data-v-c6039372]  .action-item {
   margin: calc((var(--header-height) - var(--default-clickable-area)) / 2);
 }
-.modal-header .icons-menu[data-v-8a639337]  .action-item--single {
+.modal-header .icons-menu[data-v-c6039372]  .action-item--single {
   width: var(--default-clickable-area);
   height: var(--default-clickable-area);
   cursor: pointer;
   background-position: center;
   background-size: 22px;
 }
-.modal-header .icons-menu .header-actions[data-v-8a639337] button:focus-visible {
+.modal-header .icons-menu .header-actions[data-v-c6039372] button:focus-visible {
   box-shadow: none !important;
   outline: 2px solid #fff !important;
 }
-.modal-wrapper[data-v-8a639337] {
+.modal-wrapper[data-v-c6039372] {
   --modal-header-offset: var(--header-height);
   display: flex;
   align-items: center;
@@ -122,14 +122,14 @@
   width: 100%;
   height: 100%;
 }
-.modal-wrapper--no-header[data-v-8a639337] {
+.modal-wrapper--no-header[data-v-c6039372] {
   --modal-header-offset: var(--body-container-margin);
 }
-.modal-wrapper[data-v-8a639337] {
+.modal-wrapper[data-v-c6039372] {
   /* Navigation buttons */
 }
-.modal-wrapper .prev[data-v-8a639337],
-.modal-wrapper .next[data-v-8a639337] {
+.modal-wrapper .prev[data-v-c6039372],
+.modal-wrapper .next[data-v-c6039372] {
   z-index: 10000;
   height: 35vh;
   min-height: 300px;
@@ -137,21 +137,21 @@
   transition: opacity 250ms;
   color: white;
 }
-.modal-wrapper .prev[data-v-8a639337]:focus-visible,
-.modal-wrapper .next[data-v-8a639337]:focus-visible {
+.modal-wrapper .prev[data-v-c6039372]:focus-visible,
+.modal-wrapper .next[data-v-c6039372]:focus-visible {
   box-shadow: 0 0 0 2px var(--color-primary-element-text);
   background-color: var(--color-box-shadow);
 }
-.modal-wrapper .prev[data-v-8a639337] {
+.modal-wrapper .prev[data-v-c6039372] {
   inset-inline-start: 2px;
 }
-.modal-wrapper .next[data-v-8a639337] {
+.modal-wrapper .next[data-v-c6039372] {
   inset-inline-end: 2px;
 }
-.modal-wrapper[data-v-8a639337] {
+.modal-wrapper[data-v-c6039372] {
   /* Content */
 }
-.modal-wrapper .modal-container[data-v-8a639337] {
+.modal-wrapper .modal-container[data-v-c6039372] {
   position: relative;
   display: flex;
   padding: 0;
@@ -162,33 +162,33 @@
   box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
   overflow: auto;
 }
-.modal-wrapper .modal-container__close[data-v-8a639337] {
+.modal-wrapper .modal-container__close[data-v-c6039372] {
   z-index: 1;
   position: absolute;
   top: 4px;
   inset-inline-end: var(--default-grid-baseline);
 }
-.modal-wrapper .modal-container__content[data-v-8a639337] {
+.modal-wrapper .modal-container__content[data-v-c6039372] {
   width: 100%;
   min-height: 52px;
   overflow: auto;
 }
-.modal-wrapper--small > .modal-container[data-v-8a639337] {
+.modal-wrapper--small > .modal-container[data-v-c6039372] {
   width: 400px;
   max-width: 90%;
   max-height: min(90%, 100% - 2 * var(--header-height) - 2 * var(--body-container-margin));
 }
-.modal-wrapper--normal > .modal-container[data-v-8a639337] {
+.modal-wrapper--normal > .modal-container[data-v-c6039372] {
   max-width: 90%;
   width: 600px;
   max-height: min(90%, 100% - 2 * var(--header-height) - 2 * var(--body-container-margin));
 }
-.modal-wrapper--large > .modal-container[data-v-8a639337] {
+.modal-wrapper--large > .modal-container[data-v-c6039372] {
   max-width: 90%;
   width: 900px;
   max-height: min(90%, 100% - 2 * var(--header-height) - 2 * var(--body-container-margin));
 }
-.modal-wrapper--full > .modal-container[data-v-8a639337] {
+.modal-wrapper--full > .modal-container[data-v-c6039372] {
   width: 100%;
   height: calc(100% - var(--modal-header-offset));
   position: absolute;
@@ -196,7 +196,7 @@
   border-radius: 0;
 }
 @media only screen and ((max-width: 512px) or (max-height: 400px)) {
-.modal-wrapper .modal-container[data-v-8a639337] {
+.modal-wrapper .modal-container[data-v-c6039372] {
     max-width: initial;
     width: 100%;
     max-height: initial;
@@ -208,68 +208,75 @@
 }
 
 /* TRANSITIONS */
-.fade-enter-active[data-v-8a639337],
-.fade-leave-active[data-v-8a639337] {
+.fade-enter-active[data-v-c6039372],
+.fade-leave-active[data-v-c6039372] {
   transition: opacity 250ms;
 }
-.fade-enter-from[data-v-8a639337],
-.fade-leave-to[data-v-8a639337] {
+.fade-enter-from[data-v-c6039372],
+.fade-leave-to[data-v-c6039372] {
   opacity: 0;
 }
-.fade-visibility-enter-from[data-v-8a639337],
-.fade-visibility-leave-to[data-v-8a639337] {
+.fade-visibility-enter-from[data-v-c6039372],
+.fade-visibility-leave-to[data-v-c6039372] {
   visibility: hidden;
   opacity: 0;
 }
-.modal-in-enter-active[data-v-8a639337],
-.modal-in-leave-active[data-v-8a639337],
-.modal-out-enter-active[data-v-8a639337],
-.modal-out-leave-active[data-v-8a639337] {
+.modal-in-enter-active[data-v-c6039372],
+.modal-in-leave-active[data-v-c6039372],
+.modal-out-enter-active[data-v-c6039372],
+.modal-out-leave-active[data-v-c6039372] {
   transition: opacity 250ms;
 }
-.modal-in-enter-from[data-v-8a639337],
-.modal-in-leave-to[data-v-8a639337],
-.modal-out-enter-from[data-v-8a639337],
-.modal-out-leave-to[data-v-8a639337] {
+.modal-in-enter-from[data-v-c6039372],
+.modal-in-leave-to[data-v-c6039372],
+.modal-out-enter-from[data-v-c6039372],
+.modal-out-leave-to[data-v-c6039372] {
   opacity: 0;
 }
-.modal-in-enter .modal-container[data-v-8a639337],
-.modal-in-leave-to .modal-container[data-v-8a639337] {
+.modal-in-enter .modal-container[data-v-c6039372],
+.modal-in-leave-to .modal-container[data-v-c6039372] {
   transform: scale(0.9);
 }
-.modal-out-enter .modal-container[data-v-8a639337],
-.modal-out-leave-to .modal-container[data-v-8a639337] {
+.modal-out-enter .modal-container[data-v-c6039372],
+.modal-out-leave-to .modal-container[data-v-c6039372] {
   transform: scale(1.1);
 }
-.modal-mask .play-pause-icons .progress-ring[data-v-8a639337] {
+.modal-mask .play-pause-icons[data-v-c6039372] {
+  --progress-ring-radius: calc(var(--default-clickable-area) / 2 + 1px);
+  --progress-ring-circumference: calc(2 * pi * var(--progress-ring-radius));
+}
+.modal-mask .play-pause-icons .progress-ring[data-v-c6039372] {
   position: absolute;
   top: 0;
   inset-inline-start: 0;
+  width: 100%;
+  height: 100%;
   transform: rotate(-90deg);
 }
-.modal-mask .play-pause-icons .progress-ring .progress-ring__circle[data-v-8a639337] {
+.modal-mask .play-pause-icons .progress-ring .progress-ring__circle[data-v-c6039372] {
   transition: 100ms stroke-dashoffset;
   transform-origin: 50% 50%;
-  animation: progressring-8a639337 linear var(--v5117887e) infinite;
+  animation: progressring-c6039372 linear var(--v58d005d2) infinite;
+  r: var(--progress-ring-radius);
   stroke-linecap: round;
-  stroke-dashoffset: 94.2477796077;
-  stroke-dasharray: 94.2477796077;
+  stroke-dashoffset: var(--progress-ring-circumference);
+  stroke-dasharray: var(--progress-ring-circumference);
 }
-.modal-mask .play-pause-icons--paused .play-pause-icons__icon[data-v-8a639337] {
-  animation: breath-8a639337 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
+.modal-mask .play-pause-icons--paused .play-pause-icons__icon[data-v-c6039372] {
+  animation: breath-c6039372 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
 }
-.modal-mask .play-pause-icons--paused .progress-ring__circle[data-v-8a639337] {
+.modal-mask .play-pause-icons--paused .progress-ring__circle[data-v-c6039372] {
   animation-play-state: paused !important;
 }
-@keyframes progressring-8a639337 {
+@keyframes progressring-c6039372 {
 from {
-    stroke-dashoffset: 94.2477796077;
+    stroke-dashoffset: var(--progress-ring-circumference);
 }
 to {
     stroke-dashoffset: 0;
 }
 }
-@keyframes breath-8a639337 {
+@keyframes breath-c6039372 {
 0% {
     opacity: 1;
 }