@telia/teddy 0.7.52 → 0.7.54
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/accordion/accordion-root.d.ts +1 -1
- package/dist/components/accordion/accordion-trigger.d.ts +1 -1
- package/dist/components/accordion/index.d.ts +1 -1
- package/dist/components/avatar/avatar-root.d.ts +4 -4
- package/dist/components/avatar/index.d.ts +4 -4
- package/dist/components/badge/badge.d.ts +2 -2
- package/dist/components/breadcrumbs/breadcrumbs-link.d.ts +5 -5
- package/dist/components/breadcrumbs/breadcrumbs-root.d.ts +1 -1
- package/dist/components/breadcrumbs/index.d.ts +6 -6
- package/dist/components/button/button.cjs +27 -27
- package/dist/components/button/button.js +27 -27
- package/dist/components/card/card-availability.d.ts +1 -1
- package/dist/components/card/card-illustration.d.ts +2 -2
- package/dist/components/card/card-link.d.ts +4 -4
- package/dist/components/card/card.cjs +52 -52
- package/dist/components/card/card.d.ts +2 -2
- package/dist/components/card/card.js +52 -52
- package/dist/components/card/index.d.ts +2 -2
- package/dist/components/carousel/carousel-root.cjs +4 -4
- package/dist/components/carousel/carousel-root.js +4 -4
- package/dist/components/channel-button/channel-button-root.d.ts +18 -18
- package/dist/components/channel-button/index.d.ts +2 -28
- package/dist/components/checkbox/checkbox-group-item.d.ts +1 -1
- package/dist/components/checkbox/checkbox-group-label.d.ts +2 -2
- package/dist/components/checkbox/checkbox-group-list.d.ts +15 -15
- package/dist/components/checkbox/checkbox-group.d.ts +20 -20
- package/dist/components/checkbox/checkbox-root.d.ts +1 -1
- package/dist/components/checkbox/index.d.ts +40 -40
- package/dist/components/checkbox-card-group/checkbox-card-group-indicator.cjs +32 -32
- package/dist/components/checkbox-card-group/checkbox-card-group-indicator.d.ts +3 -3
- package/dist/components/checkbox-card-group/checkbox-card-group-indicator.js +32 -32
- package/dist/components/checkbox-card-group/checkbox-card-group-item-title.d.ts +4 -4
- package/dist/components/checkbox-card-group/checkbox-card-group-item.d.ts +5 -5
- package/dist/components/checkbox-card-group/checkbox-card-group-label.d.ts +20 -20
- package/dist/components/checkbox-card-group/checkbox-card-group-root.d.ts +7 -7
- package/dist/components/checkbox-card-group/index.d.ts +39 -39
- package/dist/components/chip/chip-indicator.d.ts +3 -3
- package/dist/components/chip/chip.cjs +3 -3
- package/dist/components/chip/chip.js +3 -3
- package/dist/components/chip/index.d.ts +4 -4
- package/dist/components/collapsible/index.d.ts +2 -2
- package/dist/components/color-dot/color-dot-root.d.ts +3 -3
- package/dist/components/color-dot/index.d.ts +4 -4
- package/dist/components/dashboard-card/dashboard-card-avatar.d.ts +4 -4
- package/dist/components/dashboard-card/dashboard-card-root.cjs +15 -15
- package/dist/components/dashboard-card/dashboard-card-root.d.ts +5 -5
- package/dist/components/dashboard-card/dashboard-card-root.js +15 -15
- package/dist/components/dashboard-card/index.d.ts +2 -7
- package/dist/components/dashed-button/dashed-button-root.d.ts +38 -38
- package/dist/components/date-picker/css.cjs +38 -38
- package/dist/components/date-picker/css.js +38 -38
- package/dist/components/drawer/drawer-close.cjs +1 -1
- package/dist/components/drawer/drawer-close.js +1 -1
- package/dist/components/drawer/drawer-content.cjs +1 -1
- package/dist/components/drawer/drawer-content.js +1 -1
- package/dist/components/drawer/drawer-description.cjs +1 -1
- package/dist/components/drawer/drawer-description.js +1 -1
- package/dist/components/drawer/drawer-footer.cjs +1 -1
- package/dist/components/drawer/drawer-footer.js +1 -1
- package/dist/components/drawer/drawer-overlay.cjs +1 -1
- package/dist/components/drawer/drawer-overlay.d.ts +1 -1
- package/dist/components/drawer/drawer-overlay.js +1 -1
- package/dist/components/drawer/drawer-title.cjs +1 -1
- package/dist/components/drawer/drawer-title.js +1 -1
- package/dist/components/expandable-card/expandable-card-button.d.ts +18 -18
- package/dist/components/expandable-card/index.d.ts +20 -18
- package/dist/components/flip-card/flip-card-root.d.ts +4 -4
- package/dist/components/flip-card/flip-card-trigger.d.ts +17 -17
- package/dist/components/flip-card/index.d.ts +2 -7
- package/dist/components/icon/utils.d.ts +3 -1
- package/dist/components/input/index.d.ts +7 -7
- package/dist/components/input/input-group.d.ts +2 -2
- package/dist/components/input/input-indicator.d.ts +2 -2
- package/dist/components/input/input.d.ts +3 -3
- package/dist/components/label/label.d.ts +2 -2
- package/dist/components/link/link.d.ts +4 -4
- package/dist/components/list/index.d.ts +19 -19
- package/dist/components/list/list-illustration.d.ts +1 -1
- package/dist/components/list/list.d.ts +18 -18
- package/dist/components/meter-bar/index.d.ts +2 -2
- package/dist/components/meter-bar/meter-bar-indicator.d.ts +2 -2
- package/dist/components/modal/index.d.ts +2 -2
- package/dist/components/modal/modal-content.d.ts +1 -1
- package/dist/components/modal/modal-image.d.ts +1 -1
- package/dist/components/modal/modal-overlay.d.ts +1 -1
- package/dist/components/modal/modal-title.d.ts +8 -8
- package/dist/components/navigation-menu/global-navigation/global-navigation-desktop-simplified.d.ts +1 -1
- package/dist/components/navigation-menu/global-navigation/global-navigation-mobile.d.ts +1 -1
- package/dist/components/navigation-menu/global-navigation/global-navigation-search-field.d.ts +3 -3
- package/dist/components/navigation-menu/navigation-menu.d.ts +11 -11
- package/dist/components/notabene/index.d.ts +2 -2
- package/dist/components/notabene/notabene-icon.d.ts +3 -3
- package/dist/components/notification/index.d.ts +2 -81
- package/dist/components/notification/notification-icon.d.ts +3 -3
- package/dist/components/notification/notification-root.cjs +21 -15
- package/dist/components/notification/notification-root.d.ts +42 -42
- package/dist/components/notification/notification-root.js +21 -15
- package/dist/components/pagination/index.d.ts +2 -4
- package/dist/components/pagination/pagination-button.d.ts +5 -5
- package/dist/components/pagination/pagination-root.d.ts +1 -1
- package/dist/components/progress-bar/progress-bar.d.ts +1 -1
- package/dist/components/radio-card-group/index.d.ts +32 -32
- package/dist/components/radio-card-group/radio-card-group-item-title.d.ts +1 -1
- package/dist/components/radio-card-group/radio-card-group-item.d.ts +2 -2
- package/dist/components/radio-card-group/radio-card-group-label.d.ts +20 -20
- package/dist/components/radio-card-group/radio-card-group-root.d.ts +9 -9
- package/dist/components/radio-group/index.d.ts +33 -33
- package/dist/components/radio-group/radio-group-item-label.d.ts +3 -3
- package/dist/components/radio-group/radio-group-item.d.ts +1 -1
- package/dist/components/radio-group/radio-group-label.d.ts +20 -20
- package/dist/components/radio-group/radio-group-root.d.ts +9 -9
- package/dist/components/radio-group/radio-group-trigger.d.ts +1 -1
- package/dist/components/ribbon/ribbon-root.d.ts +2 -2
- package/dist/components/scroll-area/index.d.ts +25 -25
- package/dist/components/scroll-area/scroll-area-button.d.ts +18 -18
- package/dist/components/scroll-area/scroll-area-item.d.ts +4 -4
- package/dist/components/scroll-area/scroll-area-root.d.ts +3 -3
- package/dist/components/select/select-group.d.ts +2 -2
- package/dist/components/select/select-trigger.d.ts +2 -2
- package/dist/components/select/select-value.d.ts +1 -1
- package/dist/components/shopping-cart/shopping-cart-context.d.ts +0 -1
- package/dist/components/shopping-cart/shopping-cart-continue.d.ts +0 -1
- package/dist/components/spinner/spinner.d.ts +2 -2
- package/dist/components/step-by-step/index.d.ts +7 -7
- package/dist/components/step-by-step/step-by-step-root.d.ts +6 -6
- package/dist/components/step-by-step/step-by-step-step.d.ts +1 -1
- package/dist/components/step-indicator/index.d.ts +9 -9
- package/dist/components/step-indicator/step-indicator-root.d.ts +8 -8
- package/dist/components/step-indicator/step-indicator-step-element.d.ts +0 -1
- package/dist/components/table/index.d.ts +2 -5
- package/dist/components/table/table-cell.d.ts +5 -5
- package/dist/components/table/table-head.d.ts +6 -6
- package/dist/components/table/table-root.cjs +20 -20
- package/dist/components/table/table-root.d.ts +2 -2
- package/dist/components/table/table-root.js +20 -20
- package/dist/components/tabs/index.d.ts +2 -9
- package/dist/components/tabs/tabs-content.d.ts +1 -1
- package/dist/components/tabs/tabs-list.d.ts +1 -1
- package/dist/components/tabs/tabs-root.cjs +5 -5
- package/dist/components/tabs/tabs-root.d.ts +6 -6
- package/dist/components/tabs/tabs-root.js +5 -5
- package/dist/components/tabs/tabs-scroll-button.d.ts +18 -18
- package/dist/components/tabs/tabs-scroll.d.ts +3 -3
- package/dist/components/tabs/tabs-trigger.d.ts +2 -2
- package/dist/components/text-field/index.d.ts +25 -25
- package/dist/components/text-field/text-field-button.d.ts +17 -17
- package/dist/components/text-field/text-field-error-list.d.ts +1 -1
- package/dist/components/text-field/text-field-input-group.d.ts +2 -2
- package/dist/components/text-field/text-field-label.d.ts +2 -2
- package/dist/components/text-field/text-field.d.ts +3 -3
- package/dist/components/text-spacing/text-spacing.d.ts +1 -1
- package/dist/components/textarea/index.d.ts +9 -9
- package/dist/components/textarea/textarea-group.d.ts +2 -2
- package/dist/components/textarea/textarea-indicator.d.ts +2 -2
- package/dist/components/textarea/textarea.d.ts +5 -5
- package/dist/components/toast/index.d.ts +1 -1
- package/dist/components/toast/toast-root.cjs +75 -75
- package/dist/components/toast/toast-root.js +75 -75
- package/dist/components/toggle/toggle.cjs +4 -4
- package/dist/components/toggle/toggle.d.ts +4 -4
- package/dist/components/toggle/toggle.js +4 -4
- package/dist/components/toggletip/index.d.ts +1 -1
- package/dist/components/toggletip/toggletip-root.d.ts +3 -3
- package/dist/components/tooltip/index.d.ts +15 -17
- package/dist/components/tooltip/tooltip-content.d.ts +15 -15
- package/dist/components/tooltip/tooltip-root.d.ts +1 -1
- package/dist/components/top-row-buttons/top-row-buttons.d.ts +5 -5
- package/dist/components/visually-hidden/visually-hidden.d.ts +2 -2
- package/dist/drawer.module-CRbvc--J.js +16 -0
- package/dist/drawer.module-CdrdXo5o.cjs +15 -0
- package/dist/style.css +861 -815
- package/dist/utils/action.d.ts +0 -1
- package/dist/utils/component-props-as.d.ts +0 -1
- package/dist/utils/generate-styling/gap.d.ts +0 -24
- package/package.json +57 -58
- package/dist/components/select/index.d.ts +0 -56
- package/dist/components/select/select-root.d.ts +0 -54
- package/dist/drawer.module-C4NZoZUc.cjs +0 -15
- package/dist/drawer.module-jxIDBwQn.js +0 -16
package/dist/style.css
CHANGED
|
@@ -429,7 +429,7 @@
|
|
|
429
429
|
100% {
|
|
430
430
|
stroke-dashoffset: 125;
|
|
431
431
|
}
|
|
432
|
-
}@keyframes
|
|
432
|
+
}@keyframes _fadeInAnimation_f9eoz_1 {
|
|
433
433
|
0% {
|
|
434
434
|
opacity: 0;
|
|
435
435
|
}
|
|
@@ -437,7 +437,7 @@
|
|
|
437
437
|
opacity: 1;
|
|
438
438
|
}
|
|
439
439
|
}
|
|
440
|
-
@keyframes
|
|
440
|
+
@keyframes _scaleInAnimation_f9eoz_1 {
|
|
441
441
|
0% {
|
|
442
442
|
scale: 0;
|
|
443
443
|
}
|
|
@@ -446,7 +446,7 @@
|
|
|
446
446
|
}
|
|
447
447
|
}
|
|
448
448
|
@layer button {
|
|
449
|
-
._teddy-
|
|
449
|
+
._teddy-button_f9eoz_18 {
|
|
450
450
|
align-items: center;
|
|
451
451
|
border-radius: var(--teddy-border-radius-full);
|
|
452
452
|
border-width: 0;
|
|
@@ -466,7 +466,7 @@
|
|
|
466
466
|
transition-property: background-color, color;
|
|
467
467
|
width: auto;
|
|
468
468
|
}
|
|
469
|
-
._teddy-
|
|
469
|
+
._teddy-button_f9eoz_18:focus::before {
|
|
470
470
|
border-radius: inherit;
|
|
471
471
|
box-shadow: 0 0 0 var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
|
|
472
472
|
content: "";
|
|
@@ -475,155 +475,155 @@
|
|
|
475
475
|
inset: calc(var(--teddy-spacing-25) * -1);
|
|
476
476
|
position: absolute;
|
|
477
477
|
}
|
|
478
|
-
._teddy-
|
|
478
|
+
._teddy-button_f9eoz_18:focus:not(:focus-visible)::before {
|
|
479
479
|
opacity: 0;
|
|
480
480
|
}
|
|
481
|
-
._teddy-
|
|
481
|
+
._teddy-button_f9eoz_18 svg {
|
|
482
482
|
display: block;
|
|
483
483
|
}
|
|
484
|
-
._teddy-button--
|
|
484
|
+
._teddy-button--sm_f9eoz_53 {
|
|
485
485
|
padding: var(--teddy-spacing-150) var(--teddy-spacing-250);
|
|
486
486
|
}
|
|
487
|
-
._teddy-button--
|
|
487
|
+
._teddy-button--sm_f9eoz_53._teddy-button--icon-only_f9eoz_56 {
|
|
488
488
|
padding: var(--teddy-spacing-150);
|
|
489
489
|
}
|
|
490
|
-
._teddy-button--
|
|
490
|
+
._teddy-button--md_f9eoz_59 {
|
|
491
491
|
padding: var(--teddy-spacing-200) var(--teddy-spacing-300);
|
|
492
492
|
}
|
|
493
|
-
._teddy-button--
|
|
493
|
+
._teddy-button--md_f9eoz_59._teddy-button--icon-only_f9eoz_56 {
|
|
494
494
|
padding: var(--teddy-spacing-200);
|
|
495
495
|
}
|
|
496
|
-
._teddy-button--
|
|
496
|
+
._teddy-button--lg_f9eoz_65 {
|
|
497
497
|
padding: var(--teddy-spacing-250) var(--teddy-spacing-400);
|
|
498
498
|
}
|
|
499
|
-
._teddy-button--
|
|
499
|
+
._teddy-button--lg_f9eoz_65._teddy-button--icon-only_f9eoz_56 {
|
|
500
500
|
padding: var(--teddy-spacing-250);
|
|
501
501
|
}
|
|
502
|
-
._teddy-button--full-
|
|
502
|
+
._teddy-button--full-width_f9eoz_71 {
|
|
503
503
|
width: 100%;
|
|
504
504
|
}
|
|
505
|
-
._teddy-button--
|
|
505
|
+
._teddy-button--primary_f9eoz_74 {
|
|
506
506
|
background-color: var(--teddy-color-background-interactive-primary);
|
|
507
507
|
color: var(--teddy-color-text-interactive-on-primary);
|
|
508
508
|
}
|
|
509
|
-
._teddy-button--
|
|
509
|
+
._teddy-button--primary_f9eoz_74:hover:not(._teddy-button--disabled_f9eoz_78) {
|
|
510
510
|
background-color: var(--teddy-color-background-interactive-primary-hover);
|
|
511
511
|
}
|
|
512
|
-
._teddy-button--
|
|
512
|
+
._teddy-button--primary_f9eoz_74:active:not(._teddy-button--disabled_f9eoz_78) {
|
|
513
513
|
background-color: var(--teddy-color-background-interactive-primary-active);
|
|
514
514
|
}
|
|
515
|
-
._teddy-button--primary-
|
|
515
|
+
._teddy-button--primary-negative_f9eoz_84 {
|
|
516
516
|
background-color: var(--teddy-color-background-interactive-primary-negative);
|
|
517
517
|
color: var(--teddy-color-text-interactive-on-primary-negative);
|
|
518
518
|
}
|
|
519
|
-
._teddy-button--primary-
|
|
519
|
+
._teddy-button--primary-negative_f9eoz_84:hover:not(._teddy-button--disabled_f9eoz_78) {
|
|
520
520
|
background-color: var(--teddy-color-background-interactive-primary-negative-hover);
|
|
521
521
|
border-color: var(--teddy-color-background-interactive-primary-negative-hover);
|
|
522
522
|
}
|
|
523
|
-
._teddy-button--primary-
|
|
523
|
+
._teddy-button--primary-negative_f9eoz_84:active:not(._teddy-button--disabled_f9eoz_78) {
|
|
524
524
|
background-color: var(--teddy-color-background-interactive-primary-negative-active);
|
|
525
525
|
border-color: var(--teddy-color-background-interactive-primary-negative-active);
|
|
526
526
|
}
|
|
527
|
-
._teddy-button--
|
|
527
|
+
._teddy-button--secondary_f9eoz_96 {
|
|
528
528
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
529
529
|
box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary);
|
|
530
530
|
color: var(--teddy-color-text-interactive-primary);
|
|
531
531
|
}
|
|
532
|
-
._teddy-button--
|
|
532
|
+
._teddy-button--secondary_f9eoz_96:hover:not(._teddy-button--disabled_f9eoz_78) {
|
|
533
533
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
534
534
|
}
|
|
535
|
-
._teddy-button--
|
|
535
|
+
._teddy-button--secondary_f9eoz_96:active:not(._teddy-button--disabled_f9eoz_78) {
|
|
536
536
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
537
537
|
}
|
|
538
|
-
._teddy-button--secondary-
|
|
538
|
+
._teddy-button--secondary-negative_f9eoz_107 {
|
|
539
539
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
540
540
|
box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary-negative);
|
|
541
541
|
color: var(--teddy-color-text-interactive-primary-negative);
|
|
542
542
|
}
|
|
543
|
-
._teddy-button--secondary-
|
|
543
|
+
._teddy-button--secondary-negative_f9eoz_107:hover:not(._teddy-button--disabled_f9eoz_78) {
|
|
544
544
|
background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
|
|
545
545
|
}
|
|
546
|
-
._teddy-button--secondary-
|
|
546
|
+
._teddy-button--secondary-negative_f9eoz_107:active:not(._teddy-button--disabled_f9eoz_78) {
|
|
547
547
|
background-color: var(--teddy-color-background-interactive-transparent-negative-active);
|
|
548
548
|
}
|
|
549
|
-
._teddy-button--
|
|
549
|
+
._teddy-button--expressive_f9eoz_118 {
|
|
550
550
|
background-color: var(--teddy-color-background-interactive-expressive);
|
|
551
551
|
color: var(--teddy-color-text-interactive-on-expressive);
|
|
552
552
|
}
|
|
553
|
-
._teddy-button--
|
|
553
|
+
._teddy-button--expressive_f9eoz_118:hover:not(._teddy-button--disabled_f9eoz_78) {
|
|
554
554
|
background-color: var(--teddy-color-background-interactive-expressive-hover);
|
|
555
555
|
}
|
|
556
|
-
._teddy-button--
|
|
556
|
+
._teddy-button--expressive_f9eoz_118:active:not(._teddy-button--disabled_f9eoz_78) {
|
|
557
557
|
background-color: var(--teddy-color-background-interactive-expressive-active);
|
|
558
558
|
}
|
|
559
|
-
._teddy-button--expressive-
|
|
559
|
+
._teddy-button--expressive-negative_f9eoz_128 {
|
|
560
560
|
background-color: var(--teddy-color-background-interactive-expressive-negative);
|
|
561
561
|
color: var(--teddy-color-text-interactive-on-expressive-negative);
|
|
562
562
|
}
|
|
563
|
-
._teddy-button--expressive-
|
|
563
|
+
._teddy-button--expressive-negative_f9eoz_128:hover:not(._teddy-button--disabled_f9eoz_78) {
|
|
564
564
|
background-color: var(--teddy-color-background-interactive-expressive-negative-hover);
|
|
565
565
|
color: var(--teddy-color-text-interactive-on-expressive-negative-hover);
|
|
566
566
|
}
|
|
567
|
-
._teddy-button--expressive-
|
|
567
|
+
._teddy-button--expressive-negative_f9eoz_128:active:not(._teddy-button--disabled_f9eoz_78) {
|
|
568
568
|
background-color: var(--teddy-color-background-interactive-expressive-negative-active);
|
|
569
569
|
color: var(--teddy-color-text-interactive-on-expressive-negative-active);
|
|
570
570
|
}
|
|
571
|
-
._teddy-button--
|
|
571
|
+
._teddy-button--negative_f9eoz_140._teddy-button--disabled_f9eoz_78 {
|
|
572
572
|
background-color: var(--teddy-color-background-interactive-disabled-negative);
|
|
573
573
|
color: var(--teddy-color-text-weak-negative);
|
|
574
574
|
}
|
|
575
|
-
._teddy-button--
|
|
575
|
+
._teddy-button--secondary_f9eoz_96._teddy-button--disabled_f9eoz_78, ._teddy-button--secondary-negative_f9eoz_107._teddy-button--disabled_f9eoz_78 {
|
|
576
576
|
box-shadow: none;
|
|
577
577
|
}
|
|
578
|
-
._teddy-button--
|
|
578
|
+
._teddy-button--destructive_f9eoz_147 {
|
|
579
579
|
background-color: var(--teddy-color-background-interactive-destructive);
|
|
580
580
|
color: var(--teddy-color-text-interactive-on-destructive);
|
|
581
581
|
}
|
|
582
|
-
._teddy-button--
|
|
582
|
+
._teddy-button--destructive_f9eoz_147:hover:not(._teddy-button--disabled_f9eoz_78) {
|
|
583
583
|
background-color: var(--teddy-color-background-interactive-destructive-hover);
|
|
584
584
|
}
|
|
585
|
-
._teddy-button--
|
|
585
|
+
._teddy-button--destructive_f9eoz_147:active:not(._teddy-button--disabled_f9eoz_78) {
|
|
586
586
|
background-color: var(--teddy-color-background-interactive-destructive-active);
|
|
587
587
|
}
|
|
588
|
-
._teddy-button--destructive-
|
|
588
|
+
._teddy-button--destructive-negative_f9eoz_157 {
|
|
589
589
|
background-color: var(--teddy-color-background-interactive-destructive);
|
|
590
590
|
color: var(--teddy-color-text-interactive-on-destructive);
|
|
591
591
|
}
|
|
592
|
-
._teddy-button--destructive-
|
|
592
|
+
._teddy-button--destructive-negative_f9eoz_157:hover:not(._teddy-button--disabled_f9eoz_78) {
|
|
593
593
|
background-color: var(--teddy-color-background-interactive-destructive-hover);
|
|
594
594
|
}
|
|
595
|
-
._teddy-button--destructive-
|
|
595
|
+
._teddy-button--destructive-negative_f9eoz_157:active:not(._teddy-button--disabled_f9eoz_78) {
|
|
596
596
|
background-color: var(--teddy-color-background-interactive-destructive-active);
|
|
597
597
|
}
|
|
598
|
-
._teddy-button--tertiary-
|
|
598
|
+
._teddy-button--tertiary-purple_f9eoz_167 {
|
|
599
599
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
600
600
|
color: var(--teddy-color-text-interactive-primary);
|
|
601
601
|
}
|
|
602
|
-
._teddy-button--tertiary-
|
|
602
|
+
._teddy-button--tertiary-purple_f9eoz_167._teddy-button--disabled_f9eoz_78 {
|
|
603
603
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
604
604
|
}
|
|
605
|
-
._teddy-button--tertiary-
|
|
605
|
+
._teddy-button--tertiary-purple_f9eoz_167:hover:not(._teddy-button--disabled_f9eoz_78) {
|
|
606
606
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
607
607
|
}
|
|
608
|
-
._teddy-button--tertiary-
|
|
608
|
+
._teddy-button--tertiary-purple_f9eoz_167:active:not(._teddy-button--disabled_f9eoz_78) {
|
|
609
609
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
610
610
|
}
|
|
611
|
-
._teddy-button--tertiary-purple-
|
|
611
|
+
._teddy-button--tertiary-purple-negative_f9eoz_180 {
|
|
612
612
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
613
613
|
color: var(--teddy-color-text-interactive-primary-negative);
|
|
614
614
|
}
|
|
615
|
-
._teddy-button--tertiary-purple-
|
|
615
|
+
._teddy-button--tertiary-purple-negative_f9eoz_180._teddy-button--disabled_f9eoz_78 {
|
|
616
616
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
617
617
|
}
|
|
618
|
-
._teddy-button--tertiary-purple-
|
|
618
|
+
._teddy-button--tertiary-purple-negative_f9eoz_180:hover:not(._teddy-button--disabled_f9eoz_78) {
|
|
619
619
|
background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
|
|
620
620
|
color: var(--teddy-color-text-interactive-primary-negative-hover);
|
|
621
621
|
}
|
|
622
|
-
._teddy-button--tertiary-purple-
|
|
622
|
+
._teddy-button--tertiary-purple-negative_f9eoz_180:active:not(._teddy-button--disabled_f9eoz_78) {
|
|
623
623
|
background-color: var(--teddy-color-background-interactive-transparent-negative-active);
|
|
624
624
|
color: var(--teddy-color-text-interactive-primary-negative-active);
|
|
625
625
|
}
|
|
626
|
-
._teddy-button--list-
|
|
626
|
+
._teddy-button--list-item_f9eoz_195 {
|
|
627
627
|
border-radius: var(--teddy-border-radius-md);
|
|
628
628
|
padding: var(--teddy-spacing-250) var(--teddy-spacing-150);
|
|
629
629
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
@@ -632,104 +632,110 @@
|
|
|
632
632
|
line-height: var(--teddy-typography-line-height-tight);
|
|
633
633
|
justify-content: flex-start;
|
|
634
634
|
}
|
|
635
|
-
._teddy-button--list-
|
|
635
|
+
._teddy-button--list-item_f9eoz_195._teddy-button--disabled_f9eoz_78 {
|
|
636
636
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
637
637
|
color: var(--teddy-color-text-weak);
|
|
638
638
|
}
|
|
639
|
-
._teddy-button--list-
|
|
639
|
+
._teddy-button--list-item_f9eoz_195:hover:not(._teddy-button--disabled_f9eoz_78) {
|
|
640
640
|
background-color: var(--teddy-color-background-secondary);
|
|
641
641
|
}
|
|
642
|
-
._teddy-button--list-
|
|
642
|
+
._teddy-button--list-item_f9eoz_195:active:not(._teddy-button--disabled_f9eoz_78) {
|
|
643
643
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
644
644
|
}
|
|
645
|
-
._teddy-button--text-
|
|
645
|
+
._teddy-button--text-negative_f9eoz_214 {
|
|
646
646
|
border-radius: 0;
|
|
647
647
|
padding-left: 0;
|
|
648
648
|
padding-right: 0;
|
|
649
|
-
background-color: var(--teddy-color-background-interactive-transparent);
|
|
650
|
-
color: var(--teddy-color-text-interactive-primary-negative);
|
|
651
649
|
}
|
|
652
|
-
._teddy-button--text-
|
|
650
|
+
._teddy-button--text-negative_f9eoz_214:focus-visible::before {
|
|
653
651
|
border-radius: 0;
|
|
654
652
|
}
|
|
655
|
-
._teddy-button--text-
|
|
653
|
+
._teddy-button--text-negative_f9eoz_214 {
|
|
654
|
+
background-color: var(--teddy-color-background-interactive-transparent);
|
|
655
|
+
color: var(--teddy-color-text-interactive-primary-negative);
|
|
656
|
+
}
|
|
657
|
+
._teddy-button--text-negative_f9eoz_214._teddy-button--disabled_f9eoz_78 {
|
|
656
658
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
657
659
|
}
|
|
658
|
-
._teddy-button--text-
|
|
660
|
+
._teddy-button--text-negative_f9eoz_214:hover:not(._teddy-button--disabled_f9eoz_78) {
|
|
659
661
|
background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
|
|
660
662
|
color: var(--teddy-color-text-interactive-primary-negative-hover);
|
|
661
663
|
}
|
|
662
|
-
._teddy-button--text-
|
|
664
|
+
._teddy-button--text-negative_f9eoz_214:active:not(._teddy-button--disabled_f9eoz_78) {
|
|
663
665
|
background-color: var(--teddy-color-background-interactive-transparent-negative-active);
|
|
664
666
|
color: var(--teddy-color-text-interactive-primary-negative-active);
|
|
665
667
|
}
|
|
666
|
-
._teddy-button--
|
|
668
|
+
._teddy-button--text_f9eoz_214 {
|
|
667
669
|
border-radius: 0;
|
|
668
670
|
padding-left: 0;
|
|
669
671
|
padding-right: 0;
|
|
670
|
-
background-color: var(--teddy-color-background-interactive-transparent);
|
|
671
|
-
color: var(--teddy-color-text-interactive-primary);
|
|
672
672
|
}
|
|
673
|
-
._teddy-button--
|
|
673
|
+
._teddy-button--text_f9eoz_214:focus-visible::before {
|
|
674
674
|
border-radius: 0;
|
|
675
675
|
}
|
|
676
|
-
._teddy-button--
|
|
676
|
+
._teddy-button--text_f9eoz_214 {
|
|
677
|
+
background-color: var(--teddy-color-background-interactive-transparent);
|
|
678
|
+
color: var(--teddy-color-text-interactive-primary);
|
|
679
|
+
}
|
|
680
|
+
._teddy-button--text_f9eoz_214._teddy-button--disabled_f9eoz_78 {
|
|
677
681
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
678
682
|
color: var(--teddy-color-text-weak);
|
|
679
683
|
}
|
|
680
|
-
._teddy-button--
|
|
684
|
+
._teddy-button--text_f9eoz_214:hover:not(._teddy-button--disabled_f9eoz_78) {
|
|
681
685
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
682
686
|
}
|
|
683
|
-
._teddy-button--
|
|
687
|
+
._teddy-button--text_f9eoz_214:active:not(._teddy-button--disabled_f9eoz_78) {
|
|
684
688
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
685
689
|
}
|
|
686
|
-
._teddy-button--text-
|
|
690
|
+
._teddy-button--text-underline_f9eoz_259 {
|
|
687
691
|
border-radius: 0;
|
|
688
692
|
padding-left: 0;
|
|
689
693
|
padding-right: 0;
|
|
694
|
+
}
|
|
695
|
+
._teddy-button--text-underline_f9eoz_259:focus-visible::before {
|
|
696
|
+
border-radius: 0;
|
|
697
|
+
}
|
|
698
|
+
._teddy-button--text-underline_f9eoz_259 {
|
|
690
699
|
text-decoration: underline;
|
|
691
700
|
padding: 0;
|
|
692
701
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
693
702
|
color: var(--teddy-color-text-interactive-primary);
|
|
694
703
|
}
|
|
695
|
-
._teddy-button--text-
|
|
696
|
-
border-radius: 0;
|
|
697
|
-
}
|
|
698
|
-
._teddy-button--text-underline_18j14_255._teddy-button--disabled_18j14_78 {
|
|
704
|
+
._teddy-button--text-underline_f9eoz_259._teddy-button--disabled_f9eoz_78 {
|
|
699
705
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
700
706
|
color: var(--teddy-color-text-weak);
|
|
701
707
|
}
|
|
702
|
-
._teddy-button--text-
|
|
708
|
+
._teddy-button--text-underline_f9eoz_259:hover:not(._teddy-button--disabled_f9eoz_78) {
|
|
703
709
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
704
710
|
}
|
|
705
|
-
._teddy-button--text-
|
|
711
|
+
._teddy-button--text-underline_f9eoz_259:active:not(._teddy-button--disabled_f9eoz_78) {
|
|
706
712
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
707
713
|
}
|
|
708
|
-
._teddy-button--
|
|
714
|
+
._teddy-button--disabled_f9eoz_78 {
|
|
709
715
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
710
716
|
color: var(--teddy-color-text-weak);
|
|
711
717
|
cursor: not-allowed;
|
|
712
718
|
transition-duration: var(--teddy-motion-duration-400);
|
|
713
719
|
}
|
|
714
|
-
._teddy-button--dashed-
|
|
720
|
+
._teddy-button--dashed-border_f9eoz_289 {
|
|
715
721
|
border: 1px dashed;
|
|
716
722
|
box-shadow: none;
|
|
717
723
|
}
|
|
718
|
-
._teddy-
|
|
724
|
+
._teddy-button__loading_f9eoz_293 {
|
|
719
725
|
position: absolute;
|
|
720
726
|
inset: 0;
|
|
721
727
|
display: grid;
|
|
722
728
|
place-items: center;
|
|
723
729
|
border-radius: inherit;
|
|
724
730
|
background-color: var(--teddy-color-transparent-white-500);
|
|
725
|
-
animation:
|
|
731
|
+
animation: _fadeInAnimation_f9eoz_1 ease var(--teddy-motion-duration-500);
|
|
726
732
|
animation-iteration-count: 1;
|
|
727
733
|
animation-fill-mode: forwards;
|
|
728
734
|
}
|
|
729
|
-
._teddy-
|
|
735
|
+
._teddy-button__loading_f9eoz_293 ._teddy-button__spinner_f9eoz_304 circle {
|
|
730
736
|
stroke: var(--teddy-color-transparent-black-700);
|
|
731
737
|
}
|
|
732
|
-
._teddy-button--icon-
|
|
738
|
+
._teddy-button--icon-only_f9eoz_56 ._teddy-button__loading_f9eoz_293 {
|
|
733
739
|
background-color: var(--teddy-color-gray-100);
|
|
734
740
|
}
|
|
735
741
|
}._teddy-dashed-button_1wq9c_1 {
|
|
@@ -2368,7 +2374,7 @@
|
|
|
2368
2374
|
background-color: var(--teddy-color-green-50);
|
|
2369
2375
|
}@layer heading, badge, flex, grid, dashboard-card;
|
|
2370
2376
|
@layer dashboard-card {
|
|
2371
|
-
._teddy-dashboard-
|
|
2377
|
+
._teddy-dashboard-card_1twnh_3 {
|
|
2372
2378
|
outline: none;
|
|
2373
2379
|
background: none;
|
|
2374
2380
|
border: none;
|
|
@@ -2385,126 +2391,126 @@
|
|
|
2385
2391
|
width: 100%;
|
|
2386
2392
|
cursor: pointer;
|
|
2387
2393
|
}
|
|
2388
|
-
._teddy-dashboard-
|
|
2389
|
-
._teddy-dashboard-
|
|
2394
|
+
._teddy-dashboard-card_1twnh_3 ._teddy-dashboard-card__content_1twnh_20,
|
|
2395
|
+
._teddy-dashboard-card_1twnh_3 ._teddy-dashboard-card__footer_1twnh_21 {
|
|
2390
2396
|
margin-top: var(--teddy-spacing-150);
|
|
2391
2397
|
}
|
|
2392
|
-
._teddy-dashboard-card--
|
|
2398
|
+
._teddy-dashboard-card--white_1twnh_24 {
|
|
2393
2399
|
background-color: var(--teddy-color-brand-white);
|
|
2394
2400
|
color: var(--teddy-color-text-default);
|
|
2395
2401
|
}
|
|
2396
|
-
._teddy-dashboard-card--
|
|
2402
|
+
._teddy-dashboard-card--white_1twnh_24._teddy-dashboard-card--disabled_1twnh_28 {
|
|
2397
2403
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
2398
2404
|
}
|
|
2399
|
-
._teddy-dashboard-card--
|
|
2405
|
+
._teddy-dashboard-card--white_1twnh_24:hover:not(:has(._teddy-dashboard-card--disabled_1twnh_28)) {
|
|
2400
2406
|
background-color: var(--teddy-color-purple-50);
|
|
2401
2407
|
}
|
|
2402
|
-
._teddy-dashboard-card--
|
|
2408
|
+
._teddy-dashboard-card--white_1twnh_24:active:not(:has(._teddy-dashboard-card--disabled_1twnh_28)) {
|
|
2403
2409
|
background-color: var(--teddy-color-purple-100);
|
|
2404
2410
|
}
|
|
2405
|
-
._teddy-dashboard-card--
|
|
2411
|
+
._teddy-dashboard-card--white_1twnh_24._teddy-dashboard-card--border_1twnh_37 {
|
|
2406
2412
|
border-color: var(--teddy-color-transparent-black-300);
|
|
2407
2413
|
}
|
|
2408
|
-
._teddy-dashboard-card--
|
|
2414
|
+
._teddy-dashboard-card--white_1twnh_24._teddy-dashboard-card--border_1twnh_37._teddy-dashboard-card--disabled_1twnh_28 {
|
|
2409
2415
|
border-color: var(--teddy-color-transparent-black-300);
|
|
2410
2416
|
}
|
|
2411
|
-
._teddy-dashboard-card--
|
|
2417
|
+
._teddy-dashboard-card--white_1twnh_24._teddy-dashboard-card--border_1twnh_37:hover:not(:has(._teddy-dashboard-card--disabled_1twnh_28)) {
|
|
2412
2418
|
border-color: var(--teddy-color-transparent-black-300);
|
|
2413
2419
|
}
|
|
2414
|
-
._teddy-dashboard-card--
|
|
2420
|
+
._teddy-dashboard-card--white_1twnh_24._teddy-dashboard-card--border_1twnh_37:active:not(:has(._teddy-dashboard-card--disabled_1twnh_28)) {
|
|
2415
2421
|
border-color: var(--teddy-color-transparent-black-300);
|
|
2416
2422
|
}
|
|
2417
|
-
._teddy-dashboard-card--
|
|
2423
|
+
._teddy-dashboard-card--grey_1twnh_49 {
|
|
2418
2424
|
background-color: #f5f5fa;
|
|
2419
2425
|
color: var(--teddy-color-text-default);
|
|
2420
2426
|
}
|
|
2421
|
-
._teddy-dashboard-card--
|
|
2427
|
+
._teddy-dashboard-card--grey_1twnh_49._teddy-dashboard-card--disabled_1twnh_28 {
|
|
2422
2428
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
2423
2429
|
}
|
|
2424
|
-
._teddy-dashboard-card--
|
|
2430
|
+
._teddy-dashboard-card--grey_1twnh_49:hover:not(:has(._teddy-dashboard-card--disabled_1twnh_28)) {
|
|
2425
2431
|
background-color: var(--teddy-color-gray-100);
|
|
2426
2432
|
}
|
|
2427
|
-
._teddy-dashboard-card--
|
|
2433
|
+
._teddy-dashboard-card--grey_1twnh_49:active:not(:has(._teddy-dashboard-card--disabled_1twnh_28)) {
|
|
2428
2434
|
background-color: var(--teddy-color-gray-200);
|
|
2429
2435
|
}
|
|
2430
|
-
._teddy-dashboard-card--purple-
|
|
2436
|
+
._teddy-dashboard-card--purple-light_1twnh_62 {
|
|
2431
2437
|
background-color: var(--teddy-color-purple-50);
|
|
2432
2438
|
color: var(--teddy-color-text-default);
|
|
2433
2439
|
}
|
|
2434
|
-
._teddy-dashboard-card--purple-
|
|
2440
|
+
._teddy-dashboard-card--purple-light_1twnh_62._teddy-dashboard-card--disabled_1twnh_28 {
|
|
2435
2441
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
2436
2442
|
}
|
|
2437
|
-
._teddy-dashboard-card--purple-
|
|
2443
|
+
._teddy-dashboard-card--purple-light_1twnh_62:hover:not(:has(._teddy-dashboard-card--disabled_1twnh_28)) {
|
|
2438
2444
|
background-color: var(--teddy-color-purple-100);
|
|
2439
2445
|
}
|
|
2440
|
-
._teddy-dashboard-card--purple-
|
|
2446
|
+
._teddy-dashboard-card--purple-light_1twnh_62:active:not(:has(._teddy-dashboard-card--disabled_1twnh_28)) {
|
|
2441
2447
|
background-color: var(--teddy-color-purple-200);
|
|
2442
2448
|
}
|
|
2443
|
-
._teddy-dashboard-card--beige-
|
|
2449
|
+
._teddy-dashboard-card--beige-light_1twnh_75 {
|
|
2444
2450
|
background-color: var(--teddy-color-beige-50);
|
|
2445
2451
|
color: var(--teddy-color-text-default);
|
|
2446
2452
|
}
|
|
2447
|
-
._teddy-dashboard-card--beige-
|
|
2453
|
+
._teddy-dashboard-card--beige-light_1twnh_75._teddy-dashboard-card--disabled_1twnh_28 {
|
|
2448
2454
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
2449
2455
|
}
|
|
2450
|
-
._teddy-dashboard-card--beige-
|
|
2456
|
+
._teddy-dashboard-card--beige-light_1twnh_75:hover:not(:has(._teddy-dashboard-card--disabled_1twnh_28)) {
|
|
2451
2457
|
background-color: var(--teddy-color-beige-100);
|
|
2452
2458
|
}
|
|
2453
|
-
._teddy-dashboard-card--beige-
|
|
2459
|
+
._teddy-dashboard-card--beige-light_1twnh_75:active:not(:has(._teddy-dashboard-card--disabled_1twnh_28)) {
|
|
2454
2460
|
background-color: var(--teddy-color-beige-200);
|
|
2455
2461
|
}
|
|
2456
|
-
._teddy-dashboard-
|
|
2457
|
-
display: grid;
|
|
2458
|
-
gap: 0 var(--teddy-spacing-150);
|
|
2459
|
-
grid-template-columns: auto 1fr auto;
|
|
2460
|
-
grid-template-rows: auto auto 1fr auto;
|
|
2461
|
-
justify-items: start;
|
|
2462
|
-
justify-content: stretch;
|
|
2463
|
-
align-items: center;
|
|
2464
|
-
grid-template-areas: "media heading chevron" "media subtitle chevron" "content content content" "footer footer footer";
|
|
2465
|
-
}
|
|
2466
|
-
._teddy-dashboard-card__layout_5b7hf_88 ._teddy-dashboard-card__avatar_5b7hf_98 {
|
|
2462
|
+
._teddy-dashboard-card__layout_1twnh_88 ._teddy-dashboard-card__avatar_1twnh_88 {
|
|
2467
2463
|
grid-area: media;
|
|
2468
2464
|
}
|
|
2469
|
-
._teddy-dashboard-
|
|
2465
|
+
._teddy-dashboard-card__layout_1twnh_88 ._teddy-dashboard-card__illustration_1twnh_91 {
|
|
2470
2466
|
grid-area: media;
|
|
2471
2467
|
}
|
|
2472
|
-
._teddy-dashboard-
|
|
2468
|
+
._teddy-dashboard-card__layout_1twnh_88 ._teddy-dashboard-card__heading_1twnh_94 {
|
|
2473
2469
|
grid-area: heading;
|
|
2474
2470
|
align-self: end;
|
|
2475
2471
|
}
|
|
2476
|
-
._teddy-dashboard-
|
|
2472
|
+
._teddy-dashboard-card__layout_1twnh_88 ._teddy-dashboard-card__subtitle_1twnh_98 {
|
|
2477
2473
|
grid-area: subtitle;
|
|
2478
2474
|
align-self: start;
|
|
2479
2475
|
}
|
|
2480
|
-
._teddy-dashboard-
|
|
2476
|
+
._teddy-dashboard-card__layout_1twnh_88 ._teddy-dashboard-card__chevron_1twnh_102 {
|
|
2481
2477
|
grid-area: chevron;
|
|
2482
2478
|
}
|
|
2483
|
-
._teddy-dashboard-
|
|
2479
|
+
._teddy-dashboard-card__layout_1twnh_88 ._teddy-dashboard-card__content_1twnh_20 {
|
|
2484
2480
|
grid-area: content;
|
|
2485
2481
|
align-self: start;
|
|
2486
2482
|
}
|
|
2487
|
-
._teddy-dashboard-
|
|
2483
|
+
._teddy-dashboard-card__layout_1twnh_88 ._teddy-dashboard-card__footer_1twnh_21 {
|
|
2488
2484
|
grid-area: footer;
|
|
2489
2485
|
align-self: end;
|
|
2490
2486
|
}
|
|
2491
|
-
._teddy-dashboard-
|
|
2487
|
+
._teddy-dashboard-card__layout_1twnh_88 {
|
|
2488
|
+
display: grid;
|
|
2489
|
+
gap: 0 var(--teddy-spacing-150);
|
|
2490
|
+
grid-template-columns: auto 1fr auto;
|
|
2491
|
+
grid-template-rows: auto auto 1fr auto;
|
|
2492
|
+
justify-items: start;
|
|
2493
|
+
justify-content: stretch;
|
|
2494
|
+
align-items: center;
|
|
2495
|
+
grid-template-areas: "media heading chevron" "media subtitle chevron" "content content content" "footer footer footer";
|
|
2496
|
+
}
|
|
2497
|
+
._teddy-dashboard-card__layout_1twnh_88:not(:has(._teddy-dashboard-card__subtitle_1twnh_98)) {
|
|
2492
2498
|
grid-template-areas: "media heading chevron" "media heading chevron" "content content content" "footer footer footer";
|
|
2493
2499
|
}
|
|
2494
|
-
._teddy-dashboard-
|
|
2500
|
+
._teddy-dashboard-card__layout_1twnh_88:not(:has(._teddy-dashboard-card__subtitle_1twnh_98)) ._teddy-dashboard-card__heading_1twnh_94 {
|
|
2495
2501
|
align-self: center;
|
|
2496
2502
|
}
|
|
2497
|
-
._teddy-dashboard-
|
|
2503
|
+
._teddy-dashboard-card__illustration_1twnh_91 {
|
|
2498
2504
|
display: flex;
|
|
2499
2505
|
align-items: center;
|
|
2500
2506
|
justify-content: center;
|
|
2501
2507
|
width: 40px;
|
|
2502
2508
|
}
|
|
2503
|
-
._teddy-dashboard-
|
|
2509
|
+
._teddy-dashboard-card_1twnh_3:focus-visible {
|
|
2504
2510
|
outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
|
|
2505
2511
|
outline-offset: var(--teddy-spacing-25);
|
|
2506
2512
|
}
|
|
2507
|
-
._teddy-dashboard-card--
|
|
2513
|
+
._teddy-dashboard-card--disabled_1twnh_28 {
|
|
2508
2514
|
pointer-events: none;
|
|
2509
2515
|
cursor: not-allowed;
|
|
2510
2516
|
}
|
|
@@ -2614,13 +2620,7 @@
|
|
|
2614
2620
|
}
|
|
2615
2621
|
._teddy-scroll-area__button--hidden_1r6mf_93[data-direction=down] {
|
|
2616
2622
|
transform: translate(-50%, 100%);
|
|
2617
|
-
}._teddy-
|
|
2618
|
-
width: 100%;
|
|
2619
|
-
font-size: var(--teddy-typography-scale-100);
|
|
2620
|
-
border-collapse: collapse;
|
|
2621
|
-
background-color: var(--teddy-color-background-primary);
|
|
2622
|
-
}
|
|
2623
|
-
._teddy-table-wrapper_uodq1_7 {
|
|
2623
|
+
}._teddy-table-wrapper_5obes_1 {
|
|
2624
2624
|
position: relative;
|
|
2625
2625
|
width: 100%;
|
|
2626
2626
|
overflow: auto;
|
|
@@ -2628,30 +2628,36 @@
|
|
|
2628
2628
|
border-radius: var(--teddy-border-radius-md);
|
|
2629
2629
|
z-index: 0;
|
|
2630
2630
|
}
|
|
2631
|
-
._teddy-
|
|
2631
|
+
._teddy-table_5obes_1 {
|
|
2632
|
+
width: 100%;
|
|
2633
|
+
font-size: var(--teddy-typography-scale-100);
|
|
2634
|
+
border-collapse: collapse;
|
|
2635
|
+
background-color: var(--teddy-color-background-primary);
|
|
2636
|
+
}
|
|
2637
|
+
._teddy-table__header_5obes_15 {
|
|
2632
2638
|
position: sticky;
|
|
2633
2639
|
top: 0;
|
|
2634
2640
|
z-index: 1;
|
|
2635
2641
|
background-color: inherit;
|
|
2636
2642
|
border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-medium);
|
|
2637
2643
|
}
|
|
2638
|
-
._teddy-
|
|
2644
|
+
._teddy-table__body_5obes_22 tr:last-child {
|
|
2639
2645
|
border-bottom: none;
|
|
2640
2646
|
}
|
|
2641
|
-
._teddy-
|
|
2647
|
+
._teddy-table__footer_5obes_25 {
|
|
2642
2648
|
border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-medium);
|
|
2643
2649
|
}
|
|
2644
|
-
._teddy-
|
|
2650
|
+
._teddy-table__row_5obes_28 {
|
|
2645
2651
|
border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-medium);
|
|
2646
2652
|
transition: background-color 0.2s;
|
|
2647
2653
|
}
|
|
2648
|
-
._teddy-
|
|
2654
|
+
._teddy-table__row_5obes_28:hover {
|
|
2649
2655
|
background-color: var(--teddy-color-background-interactive-inactive);
|
|
2650
2656
|
}
|
|
2651
|
-
._teddy-
|
|
2657
|
+
._teddy-table__row_5obes_28:last-child {
|
|
2652
2658
|
border-bottom: none;
|
|
2653
2659
|
}
|
|
2654
|
-
._teddy-
|
|
2660
|
+
._teddy-table__head_5obes_15 {
|
|
2655
2661
|
padding: var(--teddy-spacing-250) var(--teddy-spacing-300);
|
|
2656
2662
|
text-align: left;
|
|
2657
2663
|
vertical-align: middle;
|
|
@@ -2659,46 +2665,46 @@
|
|
|
2659
2665
|
display: table-cell;
|
|
2660
2666
|
font-size: var(--teddy-typography-scale-100);
|
|
2661
2667
|
}
|
|
2662
|
-
._teddy-table__head--
|
|
2668
|
+
._teddy-table__head--numeric_5obes_46 {
|
|
2663
2669
|
text-align: right;
|
|
2664
2670
|
}
|
|
2665
|
-
._teddy-table__head--
|
|
2671
|
+
._teddy-table__head--sticky_5obes_49 {
|
|
2666
2672
|
position: sticky;
|
|
2667
2673
|
background-color: var(--teddy-color-background-primary);
|
|
2668
2674
|
}
|
|
2669
|
-
._teddy-table__head--sticky-
|
|
2675
|
+
._teddy-table__head--sticky-left_5obes_53 {
|
|
2670
2676
|
left: 0;
|
|
2671
2677
|
}
|
|
2672
|
-
._teddy-table__head--sticky-
|
|
2678
|
+
._teddy-table__head--sticky-right_5obes_56 {
|
|
2673
2679
|
right: 0;
|
|
2674
2680
|
}
|
|
2675
|
-
._teddy-table__head--sticky-
|
|
2681
|
+
._teddy-table__head--sticky-top_5obes_59 {
|
|
2676
2682
|
top: 0;
|
|
2677
2683
|
}
|
|
2678
|
-
._teddy-table__head--sticky-
|
|
2684
|
+
._teddy-table__head--sticky-bottom_5obes_62 {
|
|
2679
2685
|
bottom: 0;
|
|
2680
2686
|
}
|
|
2681
|
-
._teddy-
|
|
2687
|
+
._teddy-table__cell_5obes_65 {
|
|
2682
2688
|
padding: var(--teddy-spacing-250) var(--teddy-spacing-300);
|
|
2683
2689
|
vertical-align: middle;
|
|
2684
2690
|
}
|
|
2685
|
-
._teddy-table__cell--
|
|
2691
|
+
._teddy-table__cell--numeric_5obes_69 {
|
|
2686
2692
|
text-align: right;
|
|
2687
2693
|
}
|
|
2688
|
-
._teddy-table__cell--
|
|
2694
|
+
._teddy-table__cell--sticky_5obes_72 {
|
|
2689
2695
|
position: sticky;
|
|
2690
2696
|
background-color: var(--teddy-color-background-primary);
|
|
2691
2697
|
}
|
|
2692
|
-
._teddy-table__cell--sticky-
|
|
2698
|
+
._teddy-table__cell--sticky-left_5obes_76 {
|
|
2693
2699
|
left: 0;
|
|
2694
2700
|
}
|
|
2695
|
-
._teddy-table__cell--sticky-
|
|
2701
|
+
._teddy-table__cell--sticky-right_5obes_79 {
|
|
2696
2702
|
right: 0;
|
|
2697
2703
|
}
|
|
2698
|
-
._teddy-table__cell--sticky-
|
|
2704
|
+
._teddy-table__cell--sticky-top_5obes_82 {
|
|
2699
2705
|
top: 0;
|
|
2700
2706
|
}
|
|
2701
|
-
._teddy-table__cell--sticky-
|
|
2707
|
+
._teddy-table__cell--sticky-bottom_5obes_85 {
|
|
2702
2708
|
bottom: 0;
|
|
2703
2709
|
}._teddy-flip-card_onxd6_1 {
|
|
2704
2710
|
position: relative;
|
|
@@ -2777,36 +2783,36 @@
|
|
|
2777
2783
|
}
|
|
2778
2784
|
}@layer heading, flex, grid, button, card;
|
|
2779
2785
|
@layer card {
|
|
2780
|
-
._teddy-
|
|
2786
|
+
._teddy-card_kudfq_3:focus-visible {
|
|
2781
2787
|
outline: var(--teddy-border-width-sm) solid var(--teddy-color-blue-600);
|
|
2782
2788
|
outline-offset: 2px;
|
|
2783
2789
|
}
|
|
2784
|
-
._teddy-
|
|
2790
|
+
._teddy-card_kudfq_3 {
|
|
2785
2791
|
border-radius: var(--teddy-border-radius-md);
|
|
2786
2792
|
padding: var(--teddy-spacing-250);
|
|
2787
2793
|
position: relative;
|
|
2788
2794
|
}
|
|
2789
2795
|
@media (prefers-reduced-motion: no-preference) {
|
|
2790
|
-
._teddy-
|
|
2796
|
+
._teddy-card_kudfq_3 {
|
|
2791
2797
|
transition: background-color var(--teddy-motion-duration-100) ease;
|
|
2792
2798
|
}
|
|
2793
2799
|
}
|
|
2794
|
-
._teddy-
|
|
2800
|
+
._teddy-card__slot_kudfq_17 {
|
|
2795
2801
|
transform: translateY(-50%);
|
|
2796
2802
|
}
|
|
2797
|
-
._teddy-card__slot--
|
|
2803
|
+
._teddy-card__slot--bottom_kudfq_20 {
|
|
2798
2804
|
transform: translateY(50%);
|
|
2799
2805
|
}
|
|
2800
|
-
._teddy-card__slot--
|
|
2806
|
+
._teddy-card__slot--center_kudfq_23 {
|
|
2801
2807
|
transform: translate(-50%, -50%);
|
|
2802
2808
|
}
|
|
2803
|
-
._teddy-card__slot--
|
|
2809
|
+
._teddy-card__slot--bottom_kudfq_20._teddy-card__slot--center_kudfq_23 {
|
|
2804
2810
|
transform: translate(-50%, 50%);
|
|
2805
2811
|
}
|
|
2806
|
-
._teddy-card__slot--no-
|
|
2812
|
+
._teddy-card__slot--no-translate_kudfq_29 {
|
|
2807
2813
|
transform: initial;
|
|
2808
2814
|
}
|
|
2809
|
-
._teddy-
|
|
2815
|
+
._teddy-card_kudfq_3::before {
|
|
2810
2816
|
content: "";
|
|
2811
2817
|
display: block;
|
|
2812
2818
|
position: absolute;
|
|
@@ -2817,98 +2823,98 @@
|
|
|
2817
2823
|
box-shadow: var(--teddy-shadow-sm);
|
|
2818
2824
|
}
|
|
2819
2825
|
@media (prefers-reduced-motion: no-preference) {
|
|
2820
|
-
._teddy-
|
|
2826
|
+
._teddy-card_kudfq_3::before {
|
|
2821
2827
|
transition: var(--teddy-motion-duration-300) ease;
|
|
2822
2828
|
transition-property: opacity, box-shadow;
|
|
2823
2829
|
}
|
|
2824
2830
|
}
|
|
2825
|
-
._teddy-card--
|
|
2831
|
+
._teddy-card--shadow_kudfq_48::before {
|
|
2826
2832
|
opacity: 1;
|
|
2827
2833
|
}
|
|
2828
|
-
._teddy-
|
|
2834
|
+
._teddy-card_kudfq_3:has(._teddy-card__action_kudfq_51:not(._teddy-card__action--disabled_kudfq_51)) {
|
|
2829
2835
|
cursor: pointer;
|
|
2830
2836
|
}
|
|
2831
|
-
._teddy-
|
|
2837
|
+
._teddy-card_kudfq_3:has(._teddy-card__action_kudfq_51:not(._teddy-card__action--disabled_kudfq_51)):hover:has(._teddy-card__action_kudfq_51:not(._teddy-card__action--disabled_kudfq_51))::before {
|
|
2832
2838
|
opacity: 1;
|
|
2833
2839
|
box-shadow: var(--teddy-shadow-md);
|
|
2834
2840
|
}
|
|
2835
|
-
._teddy-card--
|
|
2841
|
+
._teddy-card--border_kudfq_58 {
|
|
2836
2842
|
border: var(--teddy-border-width-xs) solid transparent;
|
|
2837
2843
|
}
|
|
2838
|
-
._teddy-card--
|
|
2844
|
+
._teddy-card--layout_kudfq_61 ._teddy-card__illustration_kudfq_61 {
|
|
2839
2845
|
grid-area: illustration;
|
|
2840
2846
|
}
|
|
2841
|
-
._teddy-card--
|
|
2847
|
+
._teddy-card--layout_kudfq_61 ._teddy-card__carousel_kudfq_64 {
|
|
2842
2848
|
grid-area: carousel;
|
|
2843
2849
|
}
|
|
2844
|
-
._teddy-card--
|
|
2850
|
+
._teddy-card--layout_kudfq_61 ._teddy-card__content_kudfq_67 {
|
|
2845
2851
|
grid-area: content;
|
|
2846
2852
|
}
|
|
2847
|
-
._teddy-card--
|
|
2853
|
+
._teddy-card--layout_kudfq_61 ._teddy-card__heading_kudfq_70 {
|
|
2848
2854
|
grid-area: heading;
|
|
2849
2855
|
}
|
|
2850
|
-
._teddy-card--
|
|
2856
|
+
._teddy-card--layout_kudfq_61 ._teddy-card__action-wrapper_kudfq_73 {
|
|
2851
2857
|
grid-area: action;
|
|
2852
2858
|
}
|
|
2853
|
-
._teddy-card--
|
|
2859
|
+
._teddy-card--layout_kudfq_61 ._teddy-card__footer_kudfq_76 {
|
|
2854
2860
|
grid-area: footer;
|
|
2855
2861
|
}
|
|
2856
|
-
._teddy-card--
|
|
2862
|
+
._teddy-card--layout_kudfq_61 ._teddy-card__overline_kudfq_79 {
|
|
2857
2863
|
grid-area: overline;
|
|
2858
2864
|
}
|
|
2859
|
-
._teddy-card--
|
|
2865
|
+
._teddy-card--layout_kudfq_61 ._teddy-card__description_kudfq_82 {
|
|
2860
2866
|
grid-area: description;
|
|
2861
2867
|
}
|
|
2862
|
-
._teddy-card--
|
|
2868
|
+
._teddy-card--layout_kudfq_61 ._teddy-card__color-dots_kudfq_85 {
|
|
2863
2869
|
grid-area: colors;
|
|
2864
2870
|
}
|
|
2865
|
-
._teddy-card--
|
|
2871
|
+
._teddy-card--layout_kudfq_61 ._teddy-card__availability_kudfq_88 {
|
|
2866
2872
|
grid-area: availability;
|
|
2867
2873
|
}
|
|
2868
|
-
._teddy-card--
|
|
2874
|
+
._teddy-card--layout_kudfq_61 ._teddy-card__price_kudfq_91 {
|
|
2869
2875
|
grid-area: price;
|
|
2870
2876
|
}
|
|
2871
|
-
._teddy-card--
|
|
2877
|
+
._teddy-card--layout_kudfq_61 ._teddy-card__line_kudfq_94 {
|
|
2872
2878
|
grid-area: line;
|
|
2873
2879
|
}
|
|
2874
|
-
._teddy-card--
|
|
2880
|
+
._teddy-card--default_kudfq_97 {
|
|
2875
2881
|
display: flex;
|
|
2876
2882
|
flex-direction: column;
|
|
2877
2883
|
gap: var(--teddy-spacing-200);
|
|
2878
2884
|
}
|
|
2879
|
-
._teddy-card--navigation-
|
|
2885
|
+
._teddy-card--navigation-vertical_kudfq_102 {
|
|
2880
2886
|
grid-template-rows: auto auto 1fr auto;
|
|
2881
2887
|
justify-items: start;
|
|
2882
2888
|
justify-content: stretch;
|
|
2883
2889
|
align-items: baseline;
|
|
2884
2890
|
grid-template-areas: "illustration" "heading" "content" "action";
|
|
2885
2891
|
}
|
|
2886
|
-
._teddy-card--navigation-
|
|
2892
|
+
._teddy-card--navigation-vertical_kudfq_102 ._teddy-card__illustration_kudfq_61 {
|
|
2887
2893
|
margin-bottom: var(--teddy-spacing-200);
|
|
2888
2894
|
}
|
|
2889
|
-
._teddy-card--navigation-
|
|
2895
|
+
._teddy-card--navigation-vertical_kudfq_102 ._teddy-card__content_kudfq_67 {
|
|
2890
2896
|
margin-bottom: var(--teddy-spacing-200);
|
|
2891
2897
|
}
|
|
2892
|
-
._teddy-card--navigation-
|
|
2898
|
+
._teddy-card--navigation-vertical_kudfq_102 ._teddy-card__heading_kudfq_70 {
|
|
2893
2899
|
margin-bottom: var(--teddy-spacing-100);
|
|
2894
2900
|
}
|
|
2895
|
-
._teddy-card--navigation-
|
|
2901
|
+
._teddy-card--navigation-vertical_kudfq_102 ._teddy-card__action-wrapper_kudfq_73 {
|
|
2896
2902
|
margin-top: auto;
|
|
2897
2903
|
justify-self: end;
|
|
2898
2904
|
}
|
|
2899
|
-
._teddy-card--navigation-horizontal-
|
|
2905
|
+
._teddy-card--navigation-horizontal-small_kudfq_122 {
|
|
2900
2906
|
grid-template-columns: auto 1fr auto;
|
|
2901
2907
|
grid-template-rows: auto 1fr;
|
|
2902
2908
|
grid-template-areas: "illustration heading action" "illustration content action";
|
|
2903
2909
|
column-gap: var(--teddy-spacing-200);
|
|
2904
2910
|
}
|
|
2905
|
-
._teddy-card--navigation-horizontal-
|
|
2911
|
+
._teddy-card--navigation-horizontal-small_kudfq_122 ._teddy-card__heading_kudfq_70 {
|
|
2906
2912
|
margin-bottom: var(--teddy-spacing-100);
|
|
2907
2913
|
}
|
|
2908
|
-
._teddy-card--navigation-horizontal-
|
|
2914
|
+
._teddy-card--navigation-horizontal-small_kudfq_122 ._teddy-card__action-wrapper_kudfq_73 {
|
|
2909
2915
|
margin-top: auto;
|
|
2910
2916
|
}
|
|
2911
|
-
._teddy-card--navigation-horizontal-small-
|
|
2917
|
+
._teddy-card--navigation-horizontal-small-centered_kudfq_134 {
|
|
2912
2918
|
width: 100%;
|
|
2913
2919
|
max-width: 26rem;
|
|
2914
2920
|
grid-template-columns: auto 1fr auto;
|
|
@@ -2917,187 +2923,187 @@
|
|
|
2917
2923
|
align-items: center;
|
|
2918
2924
|
column-gap: var(--teddy-spacing-200);
|
|
2919
2925
|
}
|
|
2920
|
-
._teddy-card--navigation-horizontal-small-
|
|
2926
|
+
._teddy-card--navigation-horizontal-small-centered_kudfq_134 ._teddy-card__content_kudfq_67 {
|
|
2921
2927
|
margin-top: var(--teddy-spacing-200);
|
|
2922
2928
|
}
|
|
2923
|
-
._teddy-card--navigation-horizontal-small-
|
|
2929
|
+
._teddy-card--navigation-horizontal-small-centered_kudfq_134 ._teddy-card__action-wrapper_kudfq_73 {
|
|
2924
2930
|
margin: 0;
|
|
2925
2931
|
}
|
|
2926
|
-
._teddy-card--navigation-horizontal-small-
|
|
2932
|
+
._teddy-card--navigation-horizontal-small-centered_kudfq_134 ._teddy-card__illustration_kudfq_61 img {
|
|
2933
|
+
object-fit: contain;
|
|
2934
|
+
}
|
|
2935
|
+
._teddy-card--navigation-horizontal-small-centered_kudfq_134 ._teddy-card__illustration_kudfq_61 {
|
|
2927
2936
|
max-height: 80px;
|
|
2928
2937
|
max-width: 100px;
|
|
2929
2938
|
}
|
|
2930
|
-
._teddy-card--navigation-horizontal-
|
|
2931
|
-
object-fit: contain;
|
|
2932
|
-
}
|
|
2933
|
-
._teddy-card--navigation-horizontal-large_vxy5c_156 {
|
|
2939
|
+
._teddy-card--navigation-horizontal-large_kudfq_156 {
|
|
2934
2940
|
grid-template-columns: 1fr auto;
|
|
2935
2941
|
grid-template-rows: auto auto 1fr;
|
|
2936
2942
|
grid-template-areas: "illustration action" "heading action" "content action";
|
|
2937
2943
|
column-gap: var(--teddy-spacing-200);
|
|
2938
2944
|
}
|
|
2939
|
-
._teddy-card--navigation-horizontal-
|
|
2945
|
+
._teddy-card--navigation-horizontal-large_kudfq_156 ._teddy-card__heading_kudfq_70 {
|
|
2940
2946
|
margin-bottom: var(--teddy-spacing-100);
|
|
2941
2947
|
}
|
|
2942
|
-
._teddy-card--navigation-horizontal-
|
|
2948
|
+
._teddy-card--navigation-horizontal-large_kudfq_156 ._teddy-card__action-wrapper_kudfq_73 {
|
|
2943
2949
|
margin-top: auto;
|
|
2944
2950
|
}
|
|
2945
|
-
._teddy-card--rich-
|
|
2951
|
+
._teddy-card--rich-card_kudfq_168 {
|
|
2946
2952
|
justify-items: start;
|
|
2947
2953
|
align-items: baseline;
|
|
2948
2954
|
grid-template-rows: auto auto 1fr auto;
|
|
2949
2955
|
grid-template-areas: "illustration" "heading" "content" "action";
|
|
2950
2956
|
}
|
|
2951
|
-
._teddy-card--rich-
|
|
2957
|
+
._teddy-card--rich-card_kudfq_168 ._teddy-card__illustration_kudfq_61 {
|
|
2952
2958
|
margin-bottom: var(--teddy-spacing-200);
|
|
2953
2959
|
}
|
|
2954
|
-
._teddy-card--rich-
|
|
2960
|
+
._teddy-card--rich-card_kudfq_168 ._teddy-card__content_kudfq_67 {
|
|
2955
2961
|
margin-bottom: var(--teddy-spacing-200);
|
|
2956
2962
|
}
|
|
2957
|
-
._teddy-card--rich-
|
|
2963
|
+
._teddy-card--rich-card_kudfq_168 ._teddy-card__heading_kudfq_70 {
|
|
2958
2964
|
margin-bottom: var(--teddy-spacing-100);
|
|
2959
2965
|
}
|
|
2960
|
-
._teddy-card--rich-
|
|
2966
|
+
._teddy-card--rich-card_kudfq_168 ._teddy-card__action-wrapper_kudfq_73 {
|
|
2961
2967
|
margin-top: auto;
|
|
2962
2968
|
}
|
|
2963
2969
|
@media (min-width: 801px) {
|
|
2964
|
-
._teddy-card--rich-card-
|
|
2970
|
+
._teddy-card--rich-card-large_kudfq_187 {
|
|
2965
2971
|
grid-template-columns: min(45%, 650px) 1fr;
|
|
2966
2972
|
}
|
|
2967
2973
|
}
|
|
2968
2974
|
@media (max-width: 800px) {
|
|
2969
|
-
._teddy-card--rich-card-
|
|
2975
|
+
._teddy-card--rich-card-large_kudfq_187 {
|
|
2970
2976
|
align-items: baseline;
|
|
2971
2977
|
grid-template-rows: auto auto 1fr auto;
|
|
2972
2978
|
grid-template-areas: "illustration" "heading" "content" "action";
|
|
2973
2979
|
}
|
|
2974
2980
|
}
|
|
2975
|
-
._teddy-card--rich-card-
|
|
2981
|
+
._teddy-card--rich-card-large_kudfq_187 ._teddy-card__illustration_kudfq_61 img {
|
|
2976
2982
|
object-fit: cover;
|
|
2977
2983
|
}
|
|
2978
2984
|
@media (min-width: 801px) {
|
|
2979
|
-
._teddy-card--rich-card-
|
|
2985
|
+
._teddy-card--rich-card-large_kudfq_187 ._teddy-card__illustration_kudfq_61 {
|
|
2980
2986
|
grid-column-start: 1;
|
|
2981
2987
|
margin-right: var(--teddy-spacing-600);
|
|
2982
2988
|
}
|
|
2983
2989
|
}
|
|
2984
|
-
._teddy-card--rich-card-
|
|
2990
|
+
._teddy-card--rich-card-large_kudfq_187 ._teddy-card__content_kudfq_67 {
|
|
2985
2991
|
margin-top: 2rem;
|
|
2986
2992
|
}
|
|
2987
2993
|
@media (min-width: 801px) {
|
|
2988
|
-
._teddy-card--rich-card-
|
|
2994
|
+
._teddy-card--rich-card-large_kudfq_187 ._teddy-card__content_kudfq_67 {
|
|
2989
2995
|
grid-column-start: 2;
|
|
2990
2996
|
margin-top: 0;
|
|
2991
2997
|
align-content: center;
|
|
2992
2998
|
}
|
|
2993
2999
|
}
|
|
2994
|
-
._teddy-card--rich-card-
|
|
3000
|
+
._teddy-card--rich-card-large_kudfq_187 ._teddy-card__action_kudfq_51 {
|
|
2995
3001
|
margin-top: var(--teddy-spacing-200);
|
|
2996
3002
|
}
|
|
2997
|
-
._teddy-card--rich-card-
|
|
3003
|
+
._teddy-card--rich-card-large_kudfq_187 ._teddy-card__heading_kudfq_70 {
|
|
2998
3004
|
margin-top: var(--teddy-spacing-100);
|
|
2999
3005
|
margin-bottom: var(--teddy-spacing-100);
|
|
3000
3006
|
}
|
|
3001
3007
|
@media (min-width: 801px) {
|
|
3002
|
-
._teddy-card--rich-card-
|
|
3003
|
-
._teddy-card--rich-card-
|
|
3008
|
+
._teddy-card--rich-card-large_kudfq_187 ._teddy-card__illustration_kudfq_61,
|
|
3009
|
+
._teddy-card--rich-card-large_kudfq_187 ._teddy-card__content_kudfq_67 {
|
|
3004
3010
|
grid-area: auto;
|
|
3005
3011
|
}
|
|
3006
3012
|
}
|
|
3007
|
-
._teddy-
|
|
3013
|
+
._teddy-card__line_kudfq_94 {
|
|
3008
3014
|
border: 0;
|
|
3009
3015
|
border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
|
|
3010
3016
|
}
|
|
3011
|
-
._teddy-card--purple-
|
|
3017
|
+
._teddy-card--purple-light_kudfq_234 {
|
|
3012
3018
|
background-color: var(--teddy-color-background-interactive-primary-negative);
|
|
3013
3019
|
color: var(--teddy-color-text-default);
|
|
3014
3020
|
border-color: var(--teddy-color-background-interactive-primary-negative);
|
|
3015
3021
|
}
|
|
3016
|
-
._teddy-card--purple-
|
|
3022
|
+
._teddy-card--purple-light_kudfq_234:hover:has(._teddy-card__action_kudfq_51:not(._teddy-card__action--disabled_kudfq_51)) {
|
|
3017
3023
|
background-color: var(--teddy-color-background-interactive-primary-negative-hover);
|
|
3018
3024
|
}
|
|
3019
|
-
._teddy-card--purple-
|
|
3025
|
+
._teddy-card--purple-light_kudfq_234:active:has(._teddy-card__action_kudfq_51:not(._teddy-card__action--disabled_kudfq_51)) {
|
|
3020
3026
|
background-color: var(--teddy-color-background-interactive-primary-negative-active);
|
|
3021
3027
|
}
|
|
3022
|
-
._teddy-card--purple-
|
|
3028
|
+
._teddy-card--purple-light_kudfq_234:has(._teddy-card__action--disabled_kudfq_51) {
|
|
3023
3029
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
3024
3030
|
}
|
|
3025
|
-
._teddy-card--purple-
|
|
3031
|
+
._teddy-card--purple-dark_kudfq_248 {
|
|
3026
3032
|
background-color: var(--teddy-color-brand-deep-purple);
|
|
3027
3033
|
color: var(--teddy-color-text-default-negative);
|
|
3028
3034
|
border-color: var(--teddy-color-brand-deep-purple);
|
|
3029
3035
|
}
|
|
3030
|
-
._teddy-card--purple-
|
|
3036
|
+
._teddy-card--purple-dark_kudfq_248:hover:has(._teddy-card__action_kudfq_51:not(._teddy-card__action--disabled_kudfq_51)) {
|
|
3031
3037
|
background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
|
|
3032
3038
|
}
|
|
3033
|
-
._teddy-card--purple-
|
|
3039
|
+
._teddy-card--purple-dark_kudfq_248:active:has(._teddy-card__action_kudfq_51:not(._teddy-card__action--disabled_kudfq_51)) {
|
|
3034
3040
|
background-color: var(--teddy-color-background-interactive-transparent-negative-active);
|
|
3035
3041
|
}
|
|
3036
|
-
._teddy-card--purple-
|
|
3042
|
+
._teddy-card--purple-dark_kudfq_248:has(._teddy-card__action--disabled_kudfq_51) {
|
|
3037
3043
|
color: var(--teddy-color-text-default);
|
|
3038
3044
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
3039
3045
|
}
|
|
3040
|
-
._teddy-card--purple-
|
|
3046
|
+
._teddy-card--purple-dark_kudfq_248:has(._teddy-card__action--disabled_kudfq_51) ._teddy-card__action_kudfq_51 {
|
|
3041
3047
|
color: var(--teddy-color-text-weak);
|
|
3042
3048
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
3043
3049
|
}
|
|
3044
|
-
._teddy-card--
|
|
3050
|
+
._teddy-card--white_kudfq_267 {
|
|
3045
3051
|
background-color: var(--teddy-color-brand-white);
|
|
3046
3052
|
color: var(--teddy-color-text-default);
|
|
3047
3053
|
border-color: var(--teddy-color-border-weak);
|
|
3048
3054
|
}
|
|
3049
|
-
._teddy-card--
|
|
3055
|
+
._teddy-card--white_kudfq_267:hover:has(._teddy-card__action_kudfq_51:not(._teddy-card__action--disabled_kudfq_51)) {
|
|
3050
3056
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
3051
3057
|
}
|
|
3052
|
-
._teddy-card--
|
|
3058
|
+
._teddy-card--white_kudfq_267:active:has(._teddy-card__action_kudfq_51:not(._teddy-card__action--disabled_kudfq_51)) {
|
|
3053
3059
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
3054
3060
|
}
|
|
3055
|
-
._teddy-card--
|
|
3061
|
+
._teddy-card--white_kudfq_267:has(._teddy-card__action--disabled_kudfq_51) {
|
|
3056
3062
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
3057
3063
|
}
|
|
3058
|
-
._teddy-card--
|
|
3064
|
+
._teddy-card--gray_kudfq_281 {
|
|
3059
3065
|
background-color: var(--teddy-color-background-secondary);
|
|
3060
3066
|
color: var(--teddy-color-text-default);
|
|
3061
3067
|
border-color: var(--teddy-color-border-interactive-subtle);
|
|
3062
3068
|
}
|
|
3063
|
-
._teddy-card--
|
|
3069
|
+
._teddy-card--gray_kudfq_281:hover:has(._teddy-card__action_kudfq_51:not(._teddy-card__action--disabled_kudfq_51)) {
|
|
3064
3070
|
background-color: var(--teddy-color-gray-100);
|
|
3065
3071
|
}
|
|
3066
|
-
._teddy-card--
|
|
3072
|
+
._teddy-card--gray_kudfq_281:active:has(._teddy-card__action_kudfq_51:not(._teddy-card__action--disabled_kudfq_51)) {
|
|
3067
3073
|
background-color: var(--teddy-color-gray-200);
|
|
3068
3074
|
}
|
|
3069
|
-
._teddy-card--
|
|
3075
|
+
._teddy-card--gray_kudfq_281:has(._teddy-card__action--disabled_kudfq_51) {
|
|
3070
3076
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
3071
3077
|
}
|
|
3072
|
-
._teddy-card--
|
|
3078
|
+
._teddy-card--beige_kudfq_295 {
|
|
3073
3079
|
background-color: var(--teddy-color-beige-100);
|
|
3074
3080
|
color: var(--teddy-color-text-default);
|
|
3075
3081
|
border-color: var(--teddy-color-beige-300);
|
|
3076
3082
|
}
|
|
3077
|
-
._teddy-card--
|
|
3083
|
+
._teddy-card--beige_kudfq_295:hover:has(._teddy-card__action_kudfq_51:not(._teddy-card__action--disabled_kudfq_51)) {
|
|
3078
3084
|
background-color: var(--teddy-color-beige-200);
|
|
3079
3085
|
}
|
|
3080
|
-
._teddy-card--
|
|
3086
|
+
._teddy-card--beige_kudfq_295:active:has(._teddy-card__action_kudfq_51:not(._teddy-card__action--disabled_kudfq_51)) {
|
|
3081
3087
|
background-color: var(--teddy-color-beige-300);
|
|
3082
3088
|
}
|
|
3083
|
-
._teddy-card--
|
|
3089
|
+
._teddy-card--beige_kudfq_295:has(._teddy-card__action--disabled_kudfq_51) {
|
|
3084
3090
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
3085
3091
|
}
|
|
3086
|
-
._teddy-card--beige-
|
|
3092
|
+
._teddy-card--beige-light_kudfq_309 {
|
|
3087
3093
|
background-color: var(--teddy-color-beige-50);
|
|
3088
3094
|
color: var(--teddy-color-text-default);
|
|
3089
3095
|
border-color: var(--teddy-color-beige-200);
|
|
3090
3096
|
}
|
|
3091
|
-
._teddy-card--beige-
|
|
3097
|
+
._teddy-card--beige-light_kudfq_309:hover:has(._teddy-card__action_kudfq_51:not(._teddy-card__action--disabled_kudfq_51)) {
|
|
3092
3098
|
background-color: var(--teddy-color-beige-100);
|
|
3093
3099
|
}
|
|
3094
|
-
._teddy-card--beige-
|
|
3100
|
+
._teddy-card--beige-light_kudfq_309:active:has(._teddy-card__action_kudfq_51:not(._teddy-card__action--disabled_kudfq_51)) {
|
|
3095
3101
|
background-color: var(--teddy-color-beige-100);
|
|
3096
3102
|
}
|
|
3097
|
-
._teddy-card--beige-
|
|
3103
|
+
._teddy-card--beige-light_kudfq_309:has(._teddy-card__action--disabled_kudfq_51) {
|
|
3098
3104
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
3099
3105
|
}
|
|
3100
|
-
._teddy-card--
|
|
3106
|
+
._teddy-card--product_kudfq_323 {
|
|
3101
3107
|
grid-template-columns: minmax(0, 100%);
|
|
3102
3108
|
grid-template-rows: auto auto auto auto auto auto auto 1fr auto auto auto auto;
|
|
3103
3109
|
grid-template-areas: "illustration" "carousel" "overline" "heading" "colors" "description" "content" "price" "action" "availability" "line" "footer";
|
|
@@ -3107,134 +3113,136 @@
|
|
|
3107
3113
|
padding-bottom: var(--teddy-spacing-100);
|
|
3108
3114
|
width: 100%;
|
|
3109
3115
|
}
|
|
3110
|
-
._teddy-card--
|
|
3116
|
+
._teddy-card--product_kudfq_323:hover:has(._teddy-card__action_kudfq_51:not(._teddy-card__action--disabled_kudfq_51)) ._teddy-card__carousel_kudfq_64 .slick-slider .slick-arrow {
|
|
3117
|
+
display: block !important;
|
|
3118
|
+
}
|
|
3119
|
+
._teddy-card--product_kudfq_323:hover:has(._teddy-card__action_kudfq_51:not(._teddy-card__action--disabled_kudfq_51)) {
|
|
3111
3120
|
background-color: var(--teddy-color-brand-white);
|
|
3112
3121
|
outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-primary);
|
|
3113
3122
|
outline-offset: calc(var(--teddy-border-width-sm) * -1);
|
|
3114
3123
|
}
|
|
3115
|
-
._teddy-card--
|
|
3116
|
-
display: block !important;
|
|
3117
|
-
}
|
|
3118
|
-
._teddy-card--product_vxy5c_323:active:has(._teddy-card__action_vxy5c_51:not(._teddy-card__action--disabled_vxy5c_51)) {
|
|
3124
|
+
._teddy-card--product_kudfq_323:active:has(._teddy-card__action_kudfq_51:not(._teddy-card__action--disabled_kudfq_51)) {
|
|
3119
3125
|
-webkit-tap-highlight-color: transparent;
|
|
3120
3126
|
}
|
|
3121
|
-
._teddy-card--
|
|
3127
|
+
._teddy-card--product_kudfq_323:active:has(._teddy-card__action_kudfq_51:not(._teddy-card__action--disabled_kudfq_51)):not(:has(._teddy-card__carousel_kudfq_64:active)) {
|
|
3122
3128
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
3123
3129
|
}
|
|
3124
|
-
._teddy-card--
|
|
3130
|
+
._teddy-card--product_kudfq_323:has(._teddy-card__action--disabled_kudfq_51) {
|
|
3125
3131
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
3126
3132
|
}
|
|
3127
|
-
._teddy-card--
|
|
3133
|
+
._teddy-card--product_kudfq_323 ._teddy-card__action-wrapper_kudfq_73 {
|
|
3128
3134
|
margin-bottom: var(--teddy-spacing-200);
|
|
3129
3135
|
}
|
|
3130
|
-
._teddy-card--
|
|
3136
|
+
._teddy-card--product_kudfq_323 ._teddy-card__illustration_kudfq_61 {
|
|
3131
3137
|
height: 180px;
|
|
3132
3138
|
display: grid;
|
|
3133
3139
|
place-items: center;
|
|
3134
|
-
place-self: center;
|
|
3135
|
-
margin-bottom: var(--teddy-spacing-400);
|
|
3136
3140
|
}
|
|
3137
|
-
._teddy-card--
|
|
3141
|
+
._teddy-card--product_kudfq_323 ._teddy-card__illustration_kudfq_61 img {
|
|
3138
3142
|
max-width: 200px;
|
|
3139
3143
|
max-height: 180px;
|
|
3140
3144
|
object-fit: contain;
|
|
3141
3145
|
}
|
|
3142
|
-
._teddy-card--
|
|
3146
|
+
._teddy-card--product_kudfq_323 ._teddy-card__illustration_kudfq_61 {
|
|
3147
|
+
place-self: center;
|
|
3148
|
+
margin-bottom: var(--teddy-spacing-400);
|
|
3149
|
+
}
|
|
3150
|
+
._teddy-card--product_kudfq_323 ._teddy-card__carousel_kudfq_64 .slick-slider .slick-arrow {
|
|
3143
3151
|
display: none !important;
|
|
3144
3152
|
}
|
|
3145
|
-
._teddy-card--
|
|
3153
|
+
._teddy-card--product_kudfq_323 ._teddy-card__carousel_kudfq_64 .slick-dots li {
|
|
3146
3154
|
min-width: 12px;
|
|
3147
3155
|
width: initial !important;
|
|
3148
3156
|
margin: 0 0.25rem !important;
|
|
3149
3157
|
}
|
|
3150
|
-
._teddy-card--
|
|
3158
|
+
._teddy-card--product_kudfq_323 ._teddy-card__carousel_kudfq_64 .slick-dots .slick-active {
|
|
3151
3159
|
min-width: 24px;
|
|
3152
3160
|
width: initial !important;
|
|
3153
3161
|
}
|
|
3154
|
-
._teddy-card--
|
|
3162
|
+
._teddy-card--product_kudfq_323 ._teddy-card__overline_kudfq_79 {
|
|
3155
3163
|
margin-bottom: var(--teddy-spacing-50);
|
|
3156
3164
|
}
|
|
3157
|
-
._teddy-card--
|
|
3165
|
+
._teddy-card--product_kudfq_323 ._teddy-card__heading_kudfq_70 {
|
|
3158
3166
|
margin-bottom: var(--teddy-spacing-200);
|
|
3159
3167
|
}
|
|
3160
|
-
._teddy-card--
|
|
3168
|
+
._teddy-card--product_kudfq_323 ._teddy-card__description_kudfq_82 {
|
|
3161
3169
|
margin-bottom: var(--teddy-spacing-200);
|
|
3162
3170
|
}
|
|
3163
|
-
._teddy-card--
|
|
3171
|
+
._teddy-card--product_kudfq_323 ._teddy-card__content_kudfq_67 {
|
|
3164
3172
|
margin-bottom: var(--teddy-spacing-200);
|
|
3165
3173
|
}
|
|
3166
|
-
._teddy-card--
|
|
3174
|
+
._teddy-card--product_kudfq_323 ._teddy-card__action_kudfq_51 {
|
|
3167
3175
|
margin-top: auto;
|
|
3168
3176
|
margin-left: auto;
|
|
3169
3177
|
justify-self: end;
|
|
3170
3178
|
}
|
|
3171
|
-
._teddy-card--
|
|
3179
|
+
._teddy-card--product_kudfq_323 ._teddy-card__price_kudfq_91 {
|
|
3172
3180
|
display: flex;
|
|
3173
3181
|
}
|
|
3174
|
-
._teddy-card--
|
|
3182
|
+
._teddy-card--product_kudfq_323 ._teddy-card__price--big_kudfq_399 {
|
|
3175
3183
|
font-size: var(--teddy-typography-scale-200);
|
|
3176
3184
|
}
|
|
3177
|
-
._teddy-
|
|
3185
|
+
._teddy-card_kudfq_3:has(._teddy-card__image--as-background_kudfq_402) {
|
|
3178
3186
|
background-color: transparent;
|
|
3179
3187
|
}
|
|
3180
|
-
._teddy-
|
|
3188
|
+
._teddy-card__heading_kudfq_70 {
|
|
3181
3189
|
color: inherit;
|
|
3182
3190
|
}
|
|
3183
|
-
._teddy-card--background-
|
|
3191
|
+
._teddy-card--background-image_kudfq_408 {
|
|
3184
3192
|
background-repeat: no-repeat;
|
|
3185
3193
|
background-size: cover;
|
|
3186
3194
|
background-position: center;
|
|
3187
3195
|
}
|
|
3188
|
-
._teddy-card__illustration--
|
|
3196
|
+
._teddy-card__illustration--rounded_kudfq_413 {
|
|
3189
3197
|
border-radius: inherit;
|
|
3190
3198
|
overflow: hidden;
|
|
3191
3199
|
}
|
|
3192
|
-
._teddy-
|
|
3200
|
+
._teddy-card__inset_kudfq_417 {
|
|
3193
3201
|
overflow: hidden;
|
|
3194
3202
|
}
|
|
3195
|
-
._teddy-card__inset--
|
|
3203
|
+
._teddy-card__inset--top_kudfq_420 {
|
|
3196
3204
|
margin-top: calc(var(--teddy-spacing-250) * -1);
|
|
3197
3205
|
}
|
|
3198
|
-
._teddy-card__inset--
|
|
3206
|
+
._teddy-card__inset--top_kudfq_420._teddy-card__inset--left_kudfq_423 {
|
|
3199
3207
|
border-top-left-radius: inherit;
|
|
3200
3208
|
}
|
|
3201
|
-
._teddy-card__inset--
|
|
3209
|
+
._teddy-card__inset--top_kudfq_420._teddy-card__inset--right_kudfq_426 {
|
|
3202
3210
|
border-top-right-radius: inherit;
|
|
3203
3211
|
}
|
|
3204
|
-
._teddy-card__inset--
|
|
3212
|
+
._teddy-card__inset--bottom_kudfq_429 {
|
|
3205
3213
|
margin-bottom: calc(var(--teddy-spacing-250) * -1);
|
|
3206
3214
|
}
|
|
3207
|
-
._teddy-card__inset--
|
|
3215
|
+
._teddy-card__inset--bottom_kudfq_429._teddy-card__inset--left_kudfq_423 {
|
|
3208
3216
|
border-bottom-left-radius: inherit;
|
|
3209
3217
|
}
|
|
3210
|
-
._teddy-card__inset--
|
|
3218
|
+
._teddy-card__inset--bottom_kudfq_429._teddy-card__inset--right_kudfq_426 {
|
|
3211
3219
|
border-bottom-right-radius: inherit;
|
|
3212
3220
|
}
|
|
3213
|
-
._teddy-card__inset--
|
|
3221
|
+
._teddy-card__inset--left_kudfq_423 {
|
|
3214
3222
|
margin-left: calc(var(--teddy-spacing-250) * -1);
|
|
3215
3223
|
}
|
|
3216
|
-
._teddy-card__inset--
|
|
3224
|
+
._teddy-card__inset--right_kudfq_426 {
|
|
3217
3225
|
margin-right: calc(var(--teddy-spacing-250) * -1);
|
|
3218
3226
|
}
|
|
3219
|
-
._teddy-card__availability--
|
|
3227
|
+
._teddy-card__availability--badge_kudfq_444 {
|
|
3220
3228
|
margin-right: var(--teddy-spacing-150);
|
|
3221
3229
|
}
|
|
3222
|
-
._teddy-card__availability--
|
|
3230
|
+
._teddy-card__availability--success_kudfq_447 {
|
|
3223
3231
|
color: var(--teddy-color-text-status-success-strong);
|
|
3224
3232
|
}
|
|
3225
|
-
._teddy-card__availability--
|
|
3233
|
+
._teddy-card__availability--warning_kudfq_450 {
|
|
3226
3234
|
color: var(--teddy-color-text-status-warning-strong);
|
|
3227
3235
|
}
|
|
3228
|
-
._teddy-card__availability--
|
|
3236
|
+
._teddy-card__availability--error_kudfq_453 {
|
|
3229
3237
|
color: var(--teddy-color-text-status-error-strong);
|
|
3230
3238
|
}
|
|
3231
|
-
._teddy-card__availability--
|
|
3239
|
+
._teddy-card__availability--special_kudfq_456 {
|
|
3232
3240
|
color: var(--teddy-color-text-status-special);
|
|
3233
3241
|
}
|
|
3234
|
-
._teddy-card__availability--
|
|
3242
|
+
._teddy-card__availability--neutral_kudfq_459 {
|
|
3235
3243
|
color: var(--teddy-color-text-status-neutral);
|
|
3236
3244
|
}
|
|
3237
|
-
._teddy-card__availability--
|
|
3245
|
+
._teddy-card__availability--information_kudfq_462 {
|
|
3238
3246
|
color: var(--teddy-color-text-status-info-strong);
|
|
3239
3247
|
}
|
|
3240
3248
|
}._teddy-color-dot_d66ui_1 {
|
|
@@ -3894,14 +3902,14 @@
|
|
|
3894
3902
|
--teddy-color-brand-core-purple: var(--teddy-color-purple-550);
|
|
3895
3903
|
--teddy-color-brand-deep-purple: var(--teddy-color-purple-900);
|
|
3896
3904
|
}
|
|
3897
|
-
._teddy-
|
|
3905
|
+
._teddy-carousel_y1hye_2 {
|
|
3898
3906
|
width: 100%;
|
|
3899
3907
|
min-width: 10rem;
|
|
3900
3908
|
max-width: 15rem;
|
|
3901
3909
|
height: 288px;
|
|
3902
3910
|
margin: 0 auto 2rem;
|
|
3903
3911
|
}
|
|
3904
|
-
._teddy-
|
|
3912
|
+
._teddy-carousel__arrow_y1hye_9 {
|
|
3905
3913
|
display: flex;
|
|
3906
3914
|
justify-content: center;
|
|
3907
3915
|
align-items: center;
|
|
@@ -3913,22 +3921,22 @@
|
|
|
3913
3921
|
transition-timing-function: var(--teddy-motion-easing-ease-in-out);
|
|
3914
3922
|
transition-property: background-color, color;
|
|
3915
3923
|
}
|
|
3916
|
-
._teddy-
|
|
3924
|
+
._teddy-carousel__item_y1hye_21 {
|
|
3917
3925
|
display: flex !important;
|
|
3918
3926
|
justify-content: center;
|
|
3919
3927
|
}
|
|
3920
|
-
._teddy-
|
|
3921
|
-
._teddy-
|
|
3928
|
+
._teddy-carousel_y1hye_2 .slick-prev:before,
|
|
3929
|
+
._teddy-carousel_y1hye_2 .slick-next:before {
|
|
3922
3930
|
content: "";
|
|
3923
3931
|
}
|
|
3924
|
-
._teddy-
|
|
3932
|
+
._teddy-carousel_y1hye_2 .slick-disabled {
|
|
3925
3933
|
cursor: initial;
|
|
3926
3934
|
opacity: 0.3;
|
|
3927
3935
|
}
|
|
3928
|
-
._teddy-
|
|
3936
|
+
._teddy-carousel_y1hye_2 .slick-track {
|
|
3929
3937
|
display: flex;
|
|
3930
3938
|
}
|
|
3931
|
-
._teddy-
|
|
3939
|
+
._teddy-carousel_y1hye_2 .slick-slide > div {
|
|
3932
3940
|
display: grid;
|
|
3933
3941
|
place-items: center;
|
|
3934
3942
|
width: 80%;
|
|
@@ -3936,85 +3944,89 @@
|
|
|
3936
3944
|
height: 260px;
|
|
3937
3945
|
padding: 0px;
|
|
3938
3946
|
}
|
|
3939
|
-
._teddy-
|
|
3947
|
+
._teddy-carousel_y1hye_2 .slick-slide img {
|
|
3940
3948
|
max-width: 10rem;
|
|
3941
3949
|
max-height: 12.5rem;
|
|
3942
3950
|
object-fit: contain;
|
|
3943
3951
|
width: 100%;
|
|
3944
3952
|
height: 100%;
|
|
3945
3953
|
}
|
|
3946
|
-
._teddy-
|
|
3954
|
+
._teddy-carousel_y1hye_2 .slick-next {
|
|
3947
3955
|
right: 0;
|
|
3948
3956
|
color: var(--teddy-color-purple-700);
|
|
3949
3957
|
}
|
|
3950
|
-
._teddy-
|
|
3958
|
+
._teddy-carousel_y1hye_2 .slick-prev {
|
|
3951
3959
|
left: 0;
|
|
3952
3960
|
color: var(--teddy-color-purple-700);
|
|
3953
3961
|
}
|
|
3954
|
-
._teddy-
|
|
3955
|
-
._teddy-
|
|
3956
|
-
._teddy-
|
|
3957
|
-
._teddy-
|
|
3962
|
+
._teddy-carousel_y1hye_2 .slick-prev:focus-visible,
|
|
3963
|
+
._teddy-carousel_y1hye_2 .slick-prev:active,
|
|
3964
|
+
._teddy-carousel_y1hye_2 .slick-next:active,
|
|
3965
|
+
._teddy-carousel_y1hye_2 .slick-next:focus-visible {
|
|
3958
3966
|
color: var(--teddy-color-text-interactive-primary-active);
|
|
3959
3967
|
background-color: var(--teddy-color-border-interactive-primary-negative-hover);
|
|
3960
3968
|
}
|
|
3961
|
-
._teddy-
|
|
3962
|
-
._teddy-
|
|
3969
|
+
._teddy-carousel_y1hye_2 .slick-prev:hover,
|
|
3970
|
+
._teddy-carousel_y1hye_2 .slick-next:hover {
|
|
3963
3971
|
color: var(--teddy-color-text-interactive-primary-hover);
|
|
3964
3972
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
3965
3973
|
}
|
|
3966
|
-
._teddy-
|
|
3974
|
+
._teddy-carousel_y1hye_2 .slick-dots {
|
|
3967
3975
|
bottom: -1.4rem;
|
|
3968
3976
|
justify-content: center;
|
|
3969
|
-
margin: 0;
|
|
3970
|
-
padding: 0;
|
|
3971
3977
|
}
|
|
3972
|
-
._teddy-
|
|
3978
|
+
._teddy-carousel_y1hye_2 .slick-dots button {
|
|
3973
3979
|
width: 24px;
|
|
3974
3980
|
height: 24px;
|
|
3975
3981
|
}
|
|
3976
|
-
._teddy-
|
|
3982
|
+
._teddy-carousel_y1hye_2 .slick-dots button:before {
|
|
3977
3983
|
width: 24px;
|
|
3978
3984
|
height: 24px;
|
|
3979
3985
|
}
|
|
3980
|
-
._teddy-
|
|
3986
|
+
._teddy-carousel_y1hye_2 .slick-dots button:hover:before {
|
|
3981
3987
|
color: var(--teddy-color-purple-700);
|
|
3982
3988
|
}
|
|
3983
|
-
._teddy-
|
|
3989
|
+
._teddy-carousel_y1hye_2 .slick-dots .slick-active button:before {
|
|
3984
3990
|
color: var(--teddy-color-purple-700);
|
|
3985
3991
|
}
|
|
3986
|
-
._teddy-
|
|
3992
|
+
._teddy-carousel_y1hye_2 .slick-dots {
|
|
3993
|
+
margin: 0;
|
|
3994
|
+
padding: 0;
|
|
3995
|
+
}
|
|
3996
|
+
._teddy-carousel_y1hye_2 .slick-dots li {
|
|
3987
3997
|
width: 24px;
|
|
3988
3998
|
height: 24px;
|
|
3999
|
+
}
|
|
4000
|
+
._teddy-carousel_y1hye_2 .slick-dots li button:before {
|
|
4001
|
+
font-size: 1rem;
|
|
4002
|
+
}
|
|
4003
|
+
._teddy-carousel_y1hye_2 .slick-dots li {
|
|
3989
4004
|
margin: 0;
|
|
3990
4005
|
padding: 0;
|
|
3991
4006
|
display: inline-flex;
|
|
3992
4007
|
align-items: center;
|
|
3993
4008
|
}
|
|
3994
|
-
._teddy-
|
|
3995
|
-
font-size: 1rem;
|
|
3996
|
-
}
|
|
3997
|
-
._teddy-carousel--sm_xzfbe_102 {
|
|
4009
|
+
._teddy-carousel--sm_y1hye_106 {
|
|
3998
4010
|
height: 180px;
|
|
3999
4011
|
}
|
|
4000
|
-
._teddy-carousel--
|
|
4012
|
+
._teddy-carousel--sm_y1hye_106 .slick-slide > div {
|
|
4001
4013
|
height: 170px;
|
|
4002
4014
|
}
|
|
4003
|
-
._teddy-carousel--
|
|
4015
|
+
._teddy-carousel--sm_y1hye_106 .slick-slide img {
|
|
4004
4016
|
max-width: 8rem;
|
|
4005
4017
|
max-height: 10rem;
|
|
4006
4018
|
}
|
|
4007
|
-
._teddy-carousel--
|
|
4019
|
+
._teddy-carousel--sm_y1hye_106 .slick-next {
|
|
4008
4020
|
right: -0.5rem;
|
|
4009
4021
|
}
|
|
4010
|
-
._teddy-carousel--
|
|
4022
|
+
._teddy-carousel--sm_y1hye_106 .slick-prev {
|
|
4011
4023
|
left: -0.5rem;
|
|
4012
4024
|
}
|
|
4013
4025
|
@media (min-width: 600px) {
|
|
4014
|
-
._teddy-carousel--
|
|
4026
|
+
._teddy-carousel--sm_y1hye_106 .slick-next {
|
|
4015
4027
|
right: 0rem;
|
|
4016
4028
|
}
|
|
4017
|
-
._teddy-carousel--
|
|
4029
|
+
._teddy-carousel--sm_y1hye_106 .slick-prev {
|
|
4018
4030
|
left: 0rem;
|
|
4019
4031
|
}
|
|
4020
4032
|
}._teddy-channel-button_1hacf_1 {
|
|
@@ -4492,7 +4504,7 @@
|
|
|
4492
4504
|
}
|
|
4493
4505
|
._teddy-checkbox-card-group__card-group-label--required_1034m_221::before {
|
|
4494
4506
|
content: "* ";
|
|
4495
|
-
}@keyframes
|
|
4507
|
+
}@keyframes _fadeInAnimation_1l5l7_1 {
|
|
4496
4508
|
0% {
|
|
4497
4509
|
opacity: 0;
|
|
4498
4510
|
}
|
|
@@ -4500,7 +4512,7 @@
|
|
|
4500
4512
|
opacity: 1;
|
|
4501
4513
|
}
|
|
4502
4514
|
}
|
|
4503
|
-
@keyframes
|
|
4515
|
+
@keyframes _scaleInAnimation_1l5l7_1 {
|
|
4504
4516
|
0% {
|
|
4505
4517
|
scale: 0;
|
|
4506
4518
|
}
|
|
@@ -4509,7 +4521,7 @@
|
|
|
4509
4521
|
}
|
|
4510
4522
|
}
|
|
4511
4523
|
@layer button {
|
|
4512
|
-
._teddy-
|
|
4524
|
+
._teddy-button_1l5l7_18 {
|
|
4513
4525
|
align-items: center;
|
|
4514
4526
|
border-radius: var(--teddy-border-radius-full);
|
|
4515
4527
|
border-width: 0;
|
|
@@ -4529,7 +4541,7 @@
|
|
|
4529
4541
|
transition-property: background-color, color;
|
|
4530
4542
|
width: auto;
|
|
4531
4543
|
}
|
|
4532
|
-
._teddy-
|
|
4544
|
+
._teddy-button_1l5l7_18:focus::before {
|
|
4533
4545
|
border-radius: inherit;
|
|
4534
4546
|
box-shadow: 0 0 0 var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
|
|
4535
4547
|
content: "";
|
|
@@ -4538,155 +4550,155 @@
|
|
|
4538
4550
|
inset: calc(var(--teddy-spacing-25) * -1);
|
|
4539
4551
|
position: absolute;
|
|
4540
4552
|
}
|
|
4541
|
-
._teddy-
|
|
4553
|
+
._teddy-button_1l5l7_18:focus:not(:focus-visible)::before {
|
|
4542
4554
|
opacity: 0;
|
|
4543
4555
|
}
|
|
4544
|
-
._teddy-
|
|
4556
|
+
._teddy-button_1l5l7_18 svg {
|
|
4545
4557
|
display: block;
|
|
4546
4558
|
}
|
|
4547
|
-
._teddy-button--
|
|
4559
|
+
._teddy-button--sm_1l5l7_53 {
|
|
4548
4560
|
padding: var(--teddy-spacing-150) var(--teddy-spacing-250);
|
|
4549
4561
|
}
|
|
4550
|
-
._teddy-button--
|
|
4562
|
+
._teddy-button--sm_1l5l7_53._teddy-button--icon-only_1l5l7_56 {
|
|
4551
4563
|
padding: var(--teddy-spacing-150);
|
|
4552
4564
|
}
|
|
4553
|
-
._teddy-button--
|
|
4565
|
+
._teddy-button--md_1l5l7_59 {
|
|
4554
4566
|
padding: var(--teddy-spacing-200) var(--teddy-spacing-300);
|
|
4555
4567
|
}
|
|
4556
|
-
._teddy-button--
|
|
4568
|
+
._teddy-button--md_1l5l7_59._teddy-button--icon-only_1l5l7_56 {
|
|
4557
4569
|
padding: var(--teddy-spacing-200);
|
|
4558
4570
|
}
|
|
4559
|
-
._teddy-button--
|
|
4571
|
+
._teddy-button--lg_1l5l7_65 {
|
|
4560
4572
|
padding: var(--teddy-spacing-250) var(--teddy-spacing-400);
|
|
4561
4573
|
}
|
|
4562
|
-
._teddy-button--
|
|
4574
|
+
._teddy-button--lg_1l5l7_65._teddy-button--icon-only_1l5l7_56 {
|
|
4563
4575
|
padding: var(--teddy-spacing-250);
|
|
4564
4576
|
}
|
|
4565
|
-
._teddy-button--full-
|
|
4577
|
+
._teddy-button--full-width_1l5l7_71 {
|
|
4566
4578
|
width: 100%;
|
|
4567
4579
|
}
|
|
4568
|
-
._teddy-button--
|
|
4580
|
+
._teddy-button--primary_1l5l7_74 {
|
|
4569
4581
|
background-color: var(--teddy-color-background-interactive-primary);
|
|
4570
4582
|
color: var(--teddy-color-text-interactive-on-primary);
|
|
4571
4583
|
}
|
|
4572
|
-
._teddy-button--
|
|
4584
|
+
._teddy-button--primary_1l5l7_74:hover:not(._teddy-button--disabled_1l5l7_78) {
|
|
4573
4585
|
background-color: var(--teddy-color-background-interactive-primary-hover);
|
|
4574
4586
|
}
|
|
4575
|
-
._teddy-button--
|
|
4587
|
+
._teddy-button--primary_1l5l7_74:active:not(._teddy-button--disabled_1l5l7_78) {
|
|
4576
4588
|
background-color: var(--teddy-color-background-interactive-primary-active);
|
|
4577
4589
|
}
|
|
4578
|
-
._teddy-button--primary-
|
|
4590
|
+
._teddy-button--primary-negative_1l5l7_84 {
|
|
4579
4591
|
background-color: var(--teddy-color-background-interactive-primary-negative);
|
|
4580
4592
|
color: var(--teddy-color-text-interactive-on-primary-negative);
|
|
4581
4593
|
}
|
|
4582
|
-
._teddy-button--primary-
|
|
4594
|
+
._teddy-button--primary-negative_1l5l7_84:hover:not(._teddy-button--disabled_1l5l7_78) {
|
|
4583
4595
|
background-color: var(--teddy-color-background-interactive-primary-negative-hover);
|
|
4584
4596
|
border-color: var(--teddy-color-background-interactive-primary-negative-hover);
|
|
4585
4597
|
}
|
|
4586
|
-
._teddy-button--primary-
|
|
4598
|
+
._teddy-button--primary-negative_1l5l7_84:active:not(._teddy-button--disabled_1l5l7_78) {
|
|
4587
4599
|
background-color: var(--teddy-color-background-interactive-primary-negative-active);
|
|
4588
4600
|
border-color: var(--teddy-color-background-interactive-primary-negative-active);
|
|
4589
4601
|
}
|
|
4590
|
-
._teddy-button--
|
|
4602
|
+
._teddy-button--secondary_1l5l7_96 {
|
|
4591
4603
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
4592
4604
|
box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary);
|
|
4593
4605
|
color: var(--teddy-color-text-interactive-primary);
|
|
4594
4606
|
}
|
|
4595
|
-
._teddy-button--
|
|
4607
|
+
._teddy-button--secondary_1l5l7_96:hover:not(._teddy-button--disabled_1l5l7_78) {
|
|
4596
4608
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
4597
4609
|
}
|
|
4598
|
-
._teddy-button--
|
|
4610
|
+
._teddy-button--secondary_1l5l7_96:active:not(._teddy-button--disabled_1l5l7_78) {
|
|
4599
4611
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
4600
4612
|
}
|
|
4601
|
-
._teddy-button--secondary-
|
|
4613
|
+
._teddy-button--secondary-negative_1l5l7_107 {
|
|
4602
4614
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
4603
4615
|
box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary-negative);
|
|
4604
4616
|
color: var(--teddy-color-text-interactive-primary-negative);
|
|
4605
4617
|
}
|
|
4606
|
-
._teddy-button--secondary-
|
|
4618
|
+
._teddy-button--secondary-negative_1l5l7_107:hover:not(._teddy-button--disabled_1l5l7_78) {
|
|
4607
4619
|
background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
|
|
4608
4620
|
}
|
|
4609
|
-
._teddy-button--secondary-
|
|
4621
|
+
._teddy-button--secondary-negative_1l5l7_107:active:not(._teddy-button--disabled_1l5l7_78) {
|
|
4610
4622
|
background-color: var(--teddy-color-background-interactive-transparent-negative-active);
|
|
4611
4623
|
}
|
|
4612
|
-
._teddy-button--
|
|
4624
|
+
._teddy-button--expressive_1l5l7_118 {
|
|
4613
4625
|
background-color: var(--teddy-color-background-interactive-expressive);
|
|
4614
4626
|
color: var(--teddy-color-text-interactive-on-expressive);
|
|
4615
4627
|
}
|
|
4616
|
-
._teddy-button--
|
|
4628
|
+
._teddy-button--expressive_1l5l7_118:hover:not(._teddy-button--disabled_1l5l7_78) {
|
|
4617
4629
|
background-color: var(--teddy-color-background-interactive-expressive-hover);
|
|
4618
4630
|
}
|
|
4619
|
-
._teddy-button--
|
|
4631
|
+
._teddy-button--expressive_1l5l7_118:active:not(._teddy-button--disabled_1l5l7_78) {
|
|
4620
4632
|
background-color: var(--teddy-color-background-interactive-expressive-active);
|
|
4621
4633
|
}
|
|
4622
|
-
._teddy-button--expressive-
|
|
4634
|
+
._teddy-button--expressive-negative_1l5l7_128 {
|
|
4623
4635
|
background-color: var(--teddy-color-background-interactive-expressive-negative);
|
|
4624
4636
|
color: var(--teddy-color-text-interactive-on-expressive-negative);
|
|
4625
4637
|
}
|
|
4626
|
-
._teddy-button--expressive-
|
|
4638
|
+
._teddy-button--expressive-negative_1l5l7_128:hover:not(._teddy-button--disabled_1l5l7_78) {
|
|
4627
4639
|
background-color: var(--teddy-color-background-interactive-expressive-negative-hover);
|
|
4628
4640
|
color: var(--teddy-color-text-interactive-on-expressive-negative-hover);
|
|
4629
4641
|
}
|
|
4630
|
-
._teddy-button--expressive-
|
|
4642
|
+
._teddy-button--expressive-negative_1l5l7_128:active:not(._teddy-button--disabled_1l5l7_78) {
|
|
4631
4643
|
background-color: var(--teddy-color-background-interactive-expressive-negative-active);
|
|
4632
4644
|
color: var(--teddy-color-text-interactive-on-expressive-negative-active);
|
|
4633
4645
|
}
|
|
4634
|
-
._teddy-button--
|
|
4646
|
+
._teddy-button--negative_1l5l7_140._teddy-button--disabled_1l5l7_78 {
|
|
4635
4647
|
background-color: var(--teddy-color-background-interactive-disabled-negative);
|
|
4636
4648
|
color: var(--teddy-color-text-weak-negative);
|
|
4637
4649
|
}
|
|
4638
|
-
._teddy-button--
|
|
4650
|
+
._teddy-button--secondary_1l5l7_96._teddy-button--disabled_1l5l7_78, ._teddy-button--secondary-negative_1l5l7_107._teddy-button--disabled_1l5l7_78 {
|
|
4639
4651
|
box-shadow: none;
|
|
4640
4652
|
}
|
|
4641
|
-
._teddy-button--
|
|
4653
|
+
._teddy-button--destructive_1l5l7_147 {
|
|
4642
4654
|
background-color: var(--teddy-color-background-interactive-destructive);
|
|
4643
4655
|
color: var(--teddy-color-text-interactive-on-destructive);
|
|
4644
4656
|
}
|
|
4645
|
-
._teddy-button--
|
|
4657
|
+
._teddy-button--destructive_1l5l7_147:hover:not(._teddy-button--disabled_1l5l7_78) {
|
|
4646
4658
|
background-color: var(--teddy-color-background-interactive-destructive-hover);
|
|
4647
4659
|
}
|
|
4648
|
-
._teddy-button--
|
|
4660
|
+
._teddy-button--destructive_1l5l7_147:active:not(._teddy-button--disabled_1l5l7_78) {
|
|
4649
4661
|
background-color: var(--teddy-color-background-interactive-destructive-active);
|
|
4650
4662
|
}
|
|
4651
|
-
._teddy-button--destructive-
|
|
4663
|
+
._teddy-button--destructive-negative_1l5l7_157 {
|
|
4652
4664
|
background-color: var(--teddy-color-background-interactive-destructive);
|
|
4653
4665
|
color: var(--teddy-color-text-interactive-on-destructive);
|
|
4654
4666
|
}
|
|
4655
|
-
._teddy-button--destructive-
|
|
4667
|
+
._teddy-button--destructive-negative_1l5l7_157:hover:not(._teddy-button--disabled_1l5l7_78) {
|
|
4656
4668
|
background-color: var(--teddy-color-background-interactive-destructive-hover);
|
|
4657
4669
|
}
|
|
4658
|
-
._teddy-button--destructive-
|
|
4670
|
+
._teddy-button--destructive-negative_1l5l7_157:active:not(._teddy-button--disabled_1l5l7_78) {
|
|
4659
4671
|
background-color: var(--teddy-color-background-interactive-destructive-active);
|
|
4660
4672
|
}
|
|
4661
|
-
._teddy-button--tertiary-
|
|
4673
|
+
._teddy-button--tertiary-purple_1l5l7_167 {
|
|
4662
4674
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
4663
4675
|
color: var(--teddy-color-text-interactive-primary);
|
|
4664
4676
|
}
|
|
4665
|
-
._teddy-button--tertiary-
|
|
4677
|
+
._teddy-button--tertiary-purple_1l5l7_167._teddy-button--disabled_1l5l7_78 {
|
|
4666
4678
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
4667
4679
|
}
|
|
4668
|
-
._teddy-button--tertiary-
|
|
4680
|
+
._teddy-button--tertiary-purple_1l5l7_167:hover:not(._teddy-button--disabled_1l5l7_78) {
|
|
4669
4681
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
4670
4682
|
}
|
|
4671
|
-
._teddy-button--tertiary-
|
|
4683
|
+
._teddy-button--tertiary-purple_1l5l7_167:active:not(._teddy-button--disabled_1l5l7_78) {
|
|
4672
4684
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
4673
4685
|
}
|
|
4674
|
-
._teddy-button--tertiary-purple-
|
|
4686
|
+
._teddy-button--tertiary-purple-negative_1l5l7_180 {
|
|
4675
4687
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
4676
4688
|
color: var(--teddy-color-text-interactive-primary-negative);
|
|
4677
4689
|
}
|
|
4678
|
-
._teddy-button--tertiary-purple-
|
|
4690
|
+
._teddy-button--tertiary-purple-negative_1l5l7_180._teddy-button--disabled_1l5l7_78 {
|
|
4679
4691
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
4680
4692
|
}
|
|
4681
|
-
._teddy-button--tertiary-purple-
|
|
4693
|
+
._teddy-button--tertiary-purple-negative_1l5l7_180:hover:not(._teddy-button--disabled_1l5l7_78) {
|
|
4682
4694
|
background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
|
|
4683
4695
|
color: var(--teddy-color-text-interactive-primary-negative-hover);
|
|
4684
4696
|
}
|
|
4685
|
-
._teddy-button--tertiary-purple-
|
|
4697
|
+
._teddy-button--tertiary-purple-negative_1l5l7_180:active:not(._teddy-button--disabled_1l5l7_78) {
|
|
4686
4698
|
background-color: var(--teddy-color-background-interactive-transparent-negative-active);
|
|
4687
4699
|
color: var(--teddy-color-text-interactive-primary-negative-active);
|
|
4688
4700
|
}
|
|
4689
|
-
._teddy-button--list-
|
|
4701
|
+
._teddy-button--list-item_1l5l7_195 {
|
|
4690
4702
|
border-radius: var(--teddy-border-radius-md);
|
|
4691
4703
|
padding: var(--teddy-spacing-250) var(--teddy-spacing-150);
|
|
4692
4704
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
@@ -4695,108 +4707,114 @@
|
|
|
4695
4707
|
line-height: var(--teddy-typography-line-height-tight);
|
|
4696
4708
|
justify-content: flex-start;
|
|
4697
4709
|
}
|
|
4698
|
-
._teddy-button--list-
|
|
4710
|
+
._teddy-button--list-item_1l5l7_195._teddy-button--disabled_1l5l7_78 {
|
|
4699
4711
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
4700
4712
|
color: var(--teddy-color-text-weak);
|
|
4701
4713
|
}
|
|
4702
|
-
._teddy-button--list-
|
|
4714
|
+
._teddy-button--list-item_1l5l7_195:hover:not(._teddy-button--disabled_1l5l7_78) {
|
|
4703
4715
|
background-color: var(--teddy-color-background-secondary);
|
|
4704
4716
|
}
|
|
4705
|
-
._teddy-button--list-
|
|
4717
|
+
._teddy-button--list-item_1l5l7_195:active:not(._teddy-button--disabled_1l5l7_78) {
|
|
4706
4718
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
4707
4719
|
}
|
|
4708
|
-
._teddy-button--text-
|
|
4720
|
+
._teddy-button--text-negative_1l5l7_214 {
|
|
4709
4721
|
border-radius: 0;
|
|
4710
4722
|
padding-left: 0;
|
|
4711
4723
|
padding-right: 0;
|
|
4712
|
-
background-color: var(--teddy-color-background-interactive-transparent);
|
|
4713
|
-
color: var(--teddy-color-text-interactive-primary-negative);
|
|
4714
4724
|
}
|
|
4715
|
-
._teddy-button--text-
|
|
4725
|
+
._teddy-button--text-negative_1l5l7_214:focus-visible::before {
|
|
4716
4726
|
border-radius: 0;
|
|
4717
4727
|
}
|
|
4718
|
-
._teddy-button--text-
|
|
4728
|
+
._teddy-button--text-negative_1l5l7_214 {
|
|
4729
|
+
background-color: var(--teddy-color-background-interactive-transparent);
|
|
4730
|
+
color: var(--teddy-color-text-interactive-primary-negative);
|
|
4731
|
+
}
|
|
4732
|
+
._teddy-button--text-negative_1l5l7_214._teddy-button--disabled_1l5l7_78 {
|
|
4719
4733
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
4720
4734
|
}
|
|
4721
|
-
._teddy-button--text-
|
|
4735
|
+
._teddy-button--text-negative_1l5l7_214:hover:not(._teddy-button--disabled_1l5l7_78) {
|
|
4722
4736
|
background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
|
|
4723
4737
|
color: var(--teddy-color-text-interactive-primary-negative-hover);
|
|
4724
4738
|
}
|
|
4725
|
-
._teddy-button--text-
|
|
4739
|
+
._teddy-button--text-negative_1l5l7_214:active:not(._teddy-button--disabled_1l5l7_78) {
|
|
4726
4740
|
background-color: var(--teddy-color-background-interactive-transparent-negative-active);
|
|
4727
4741
|
color: var(--teddy-color-text-interactive-primary-negative-active);
|
|
4728
4742
|
}
|
|
4729
|
-
._teddy-button--
|
|
4743
|
+
._teddy-button--text_1l5l7_214 {
|
|
4730
4744
|
border-radius: 0;
|
|
4731
4745
|
padding-left: 0;
|
|
4732
4746
|
padding-right: 0;
|
|
4733
|
-
background-color: var(--teddy-color-background-interactive-transparent);
|
|
4734
|
-
color: var(--teddy-color-text-interactive-primary);
|
|
4735
4747
|
}
|
|
4736
|
-
._teddy-button--
|
|
4748
|
+
._teddy-button--text_1l5l7_214:focus-visible::before {
|
|
4737
4749
|
border-radius: 0;
|
|
4738
4750
|
}
|
|
4739
|
-
._teddy-button--
|
|
4751
|
+
._teddy-button--text_1l5l7_214 {
|
|
4752
|
+
background-color: var(--teddy-color-background-interactive-transparent);
|
|
4753
|
+
color: var(--teddy-color-text-interactive-primary);
|
|
4754
|
+
}
|
|
4755
|
+
._teddy-button--text_1l5l7_214._teddy-button--disabled_1l5l7_78 {
|
|
4740
4756
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
4741
4757
|
color: var(--teddy-color-text-weak);
|
|
4742
4758
|
}
|
|
4743
|
-
._teddy-button--
|
|
4759
|
+
._teddy-button--text_1l5l7_214:hover:not(._teddy-button--disabled_1l5l7_78) {
|
|
4744
4760
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
4745
4761
|
}
|
|
4746
|
-
._teddy-button--
|
|
4762
|
+
._teddy-button--text_1l5l7_214:active:not(._teddy-button--disabled_1l5l7_78) {
|
|
4747
4763
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
4748
4764
|
}
|
|
4749
|
-
._teddy-button--text-
|
|
4765
|
+
._teddy-button--text-underline_1l5l7_259 {
|
|
4750
4766
|
border-radius: 0;
|
|
4751
4767
|
padding-left: 0;
|
|
4752
4768
|
padding-right: 0;
|
|
4769
|
+
}
|
|
4770
|
+
._teddy-button--text-underline_1l5l7_259:focus-visible::before {
|
|
4771
|
+
border-radius: 0;
|
|
4772
|
+
}
|
|
4773
|
+
._teddy-button--text-underline_1l5l7_259 {
|
|
4753
4774
|
text-decoration: underline;
|
|
4754
4775
|
padding: 0;
|
|
4755
4776
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
4756
4777
|
color: var(--teddy-color-text-interactive-primary);
|
|
4757
4778
|
}
|
|
4758
|
-
._teddy-button--text-
|
|
4759
|
-
border-radius: 0;
|
|
4760
|
-
}
|
|
4761
|
-
._teddy-button--text-underline_5xbh5_255._teddy-button--disabled_5xbh5_78 {
|
|
4779
|
+
._teddy-button--text-underline_1l5l7_259._teddy-button--disabled_1l5l7_78 {
|
|
4762
4780
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
4763
4781
|
color: var(--teddy-color-text-weak);
|
|
4764
4782
|
}
|
|
4765
|
-
._teddy-button--text-
|
|
4783
|
+
._teddy-button--text-underline_1l5l7_259:hover:not(._teddy-button--disabled_1l5l7_78) {
|
|
4766
4784
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
4767
4785
|
}
|
|
4768
|
-
._teddy-button--text-
|
|
4786
|
+
._teddy-button--text-underline_1l5l7_259:active:not(._teddy-button--disabled_1l5l7_78) {
|
|
4769
4787
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
4770
4788
|
}
|
|
4771
|
-
._teddy-button--
|
|
4789
|
+
._teddy-button--disabled_1l5l7_78 {
|
|
4772
4790
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
4773
4791
|
color: var(--teddy-color-text-weak);
|
|
4774
4792
|
cursor: not-allowed;
|
|
4775
4793
|
transition-duration: var(--teddy-motion-duration-400);
|
|
4776
4794
|
}
|
|
4777
|
-
._teddy-button--dashed-
|
|
4795
|
+
._teddy-button--dashed-border_1l5l7_289 {
|
|
4778
4796
|
border: 1px dashed;
|
|
4779
4797
|
box-shadow: none;
|
|
4780
4798
|
}
|
|
4781
|
-
._teddy-
|
|
4799
|
+
._teddy-button__loading_1l5l7_293 {
|
|
4782
4800
|
position: absolute;
|
|
4783
4801
|
inset: 0;
|
|
4784
4802
|
display: grid;
|
|
4785
4803
|
place-items: center;
|
|
4786
4804
|
border-radius: inherit;
|
|
4787
4805
|
background-color: var(--teddy-color-transparent-white-500);
|
|
4788
|
-
animation:
|
|
4806
|
+
animation: _fadeInAnimation_1l5l7_1 ease var(--teddy-motion-duration-500);
|
|
4789
4807
|
animation-iteration-count: 1;
|
|
4790
4808
|
animation-fill-mode: forwards;
|
|
4791
4809
|
}
|
|
4792
|
-
._teddy-
|
|
4810
|
+
._teddy-button__loading_1l5l7_293 ._teddy-button__spinner_1l5l7_304 circle {
|
|
4793
4811
|
stroke: var(--teddy-color-transparent-black-700);
|
|
4794
4812
|
}
|
|
4795
|
-
._teddy-button--icon-
|
|
4813
|
+
._teddy-button--icon-only_1l5l7_56 ._teddy-button__loading_1l5l7_293 {
|
|
4796
4814
|
background-color: var(--teddy-color-gray-100);
|
|
4797
4815
|
}
|
|
4798
4816
|
}
|
|
4799
|
-
._teddy-
|
|
4817
|
+
._teddy-toast_1l5l7_311 {
|
|
4800
4818
|
background-color: var(--teddy-color-background-primary);
|
|
4801
4819
|
color: var(--teddy-color-text-primary);
|
|
4802
4820
|
border-color: var(--teddy-color-border-weak);
|
|
@@ -4808,16 +4826,16 @@
|
|
|
4808
4826
|
gap: 0;
|
|
4809
4827
|
padding: var(--teddy-spacing-200);
|
|
4810
4828
|
}
|
|
4811
|
-
._teddy-
|
|
4829
|
+
._teddy-toast_1l5l7_311 ._teddy-toast__title_1l5l7_323 {
|
|
4812
4830
|
font-size: var(--teddy-typography-scale-100);
|
|
4813
4831
|
grid-area: title;
|
|
4814
4832
|
}
|
|
4815
|
-
._teddy-
|
|
4833
|
+
._teddy-toast_1l5l7_311 ._teddy-toast__description_1l5l7_327 {
|
|
4816
4834
|
color: var(--teddy-color-text-default);
|
|
4817
4835
|
font-size: var(--teddy-typography-scale-75);
|
|
4818
4836
|
grid-area: description;
|
|
4819
4837
|
}
|
|
4820
|
-
._teddy-
|
|
4838
|
+
._teddy-toast_1l5l7_311 ._teddy-toast__icon_1l5l7_332 {
|
|
4821
4839
|
grid-area: icon;
|
|
4822
4840
|
display: grid;
|
|
4823
4841
|
place-items: center;
|
|
@@ -4826,7 +4844,7 @@
|
|
|
4826
4844
|
height: unset;
|
|
4827
4845
|
margin: 0 var(--teddy-spacing-100) 0 0;
|
|
4828
4846
|
}
|
|
4829
|
-
._teddy-
|
|
4847
|
+
._teddy-toast_1l5l7_311 ._teddy-toast__close-button_1l5l7_341 {
|
|
4830
4848
|
align-items: center;
|
|
4831
4849
|
border-radius: var(--teddy-border-radius-full);
|
|
4832
4850
|
border-width: 0;
|
|
@@ -4845,20 +4863,8 @@
|
|
|
4845
4863
|
transition-timing-function: var(--teddy-motion-easing-ease-in-out);
|
|
4846
4864
|
transition-property: background-color, color;
|
|
4847
4865
|
width: auto;
|
|
4848
|
-
background-color: var(--teddy-color-background-interactive-transparent);
|
|
4849
|
-
color: var(--teddy-color-text-interactive-primary);
|
|
4850
|
-
inset: 0 0 auto auto;
|
|
4851
|
-
background-color: inherit;
|
|
4852
|
-
border: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
|
|
4853
|
-
position: absolute;
|
|
4854
|
-
height: var(--teddy-spacing-400);
|
|
4855
|
-
width: var(--teddy-spacing-400);
|
|
4856
|
-
display: grid;
|
|
4857
|
-
place-items: center;
|
|
4858
|
-
box-shadow: none;
|
|
4859
|
-
transform: translate(25%, -25%);
|
|
4860
4866
|
}
|
|
4861
|
-
._teddy-
|
|
4867
|
+
._teddy-toast_1l5l7_311 ._teddy-toast__close-button_1l5l7_341:focus::before {
|
|
4862
4868
|
border-radius: inherit;
|
|
4863
4869
|
box-shadow: 0 0 0 var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
|
|
4864
4870
|
content: "";
|
|
@@ -4867,169 +4873,185 @@
|
|
|
4867
4873
|
inset: calc(var(--teddy-spacing-25) * -1);
|
|
4868
4874
|
position: absolute;
|
|
4869
4875
|
}
|
|
4870
|
-
._teddy-
|
|
4876
|
+
._teddy-toast_1l5l7_311 ._teddy-toast__close-button_1l5l7_341:focus:not(:focus-visible)::before {
|
|
4871
4877
|
opacity: 0;
|
|
4872
4878
|
}
|
|
4873
|
-
._teddy-
|
|
4879
|
+
._teddy-toast_1l5l7_311 ._teddy-toast__close-button_1l5l7_341 svg {
|
|
4874
4880
|
display: block;
|
|
4875
4881
|
}
|
|
4876
|
-
._teddy-
|
|
4882
|
+
._teddy-toast_1l5l7_311 ._teddy-toast__close-button--sm_1l5l7_376 {
|
|
4877
4883
|
padding: var(--teddy-spacing-150) var(--teddy-spacing-250);
|
|
4878
4884
|
}
|
|
4879
|
-
._teddy-
|
|
4885
|
+
._teddy-toast_1l5l7_311 ._teddy-toast__close-button--sm_1l5l7_376._teddy-toast_1l5l7_311 ._teddy-toast__close-button--icon-only_1l5l7_379 {
|
|
4880
4886
|
padding: var(--teddy-spacing-150);
|
|
4881
4887
|
}
|
|
4882
|
-
._teddy-
|
|
4888
|
+
._teddy-toast_1l5l7_311 ._teddy-toast__close-button--md_1l5l7_382 {
|
|
4883
4889
|
padding: var(--teddy-spacing-200) var(--teddy-spacing-300);
|
|
4884
4890
|
}
|
|
4885
|
-
._teddy-
|
|
4891
|
+
._teddy-toast_1l5l7_311 ._teddy-toast__close-button--md_1l5l7_382._teddy-toast_1l5l7_311 ._teddy-toast__close-button--icon-only_1l5l7_379 {
|
|
4886
4892
|
padding: var(--teddy-spacing-200);
|
|
4887
4893
|
}
|
|
4888
|
-
._teddy-
|
|
4894
|
+
._teddy-toast_1l5l7_311 ._teddy-toast__close-button--lg_1l5l7_388 {
|
|
4889
4895
|
padding: var(--teddy-spacing-250) var(--teddy-spacing-400);
|
|
4890
4896
|
}
|
|
4891
|
-
._teddy-
|
|
4897
|
+
._teddy-toast_1l5l7_311 ._teddy-toast__close-button--lg_1l5l7_388._teddy-toast_1l5l7_311 ._teddy-toast__close-button--icon-only_1l5l7_379 {
|
|
4892
4898
|
padding: var(--teddy-spacing-250);
|
|
4893
4899
|
}
|
|
4894
|
-
._teddy-
|
|
4900
|
+
._teddy-toast_1l5l7_311 ._teddy-toast__close-button--full-width_1l5l7_394 {
|
|
4895
4901
|
width: 100%;
|
|
4896
4902
|
}
|
|
4897
|
-
._teddy-
|
|
4903
|
+
._teddy-toast_1l5l7_311 ._teddy-toast__close-button--primary_1l5l7_397 {
|
|
4898
4904
|
background-color: var(--teddy-color-background-interactive-primary);
|
|
4899
4905
|
color: var(--teddy-color-text-interactive-on-primary);
|
|
4900
4906
|
}
|
|
4901
|
-
._teddy-
|
|
4907
|
+
._teddy-toast_1l5l7_311 ._teddy-toast__close-button--primary_1l5l7_397:hover:not(._teddy-toast_1l5l7_311 ._teddy-toast__close-button--disabled_1l5l7_401) {
|
|
4902
4908
|
background-color: var(--teddy-color-background-interactive-primary-hover);
|
|
4903
4909
|
}
|
|
4904
|
-
._teddy-
|
|
4910
|
+
._teddy-toast_1l5l7_311 ._teddy-toast__close-button--primary_1l5l7_397:active:not(._teddy-toast_1l5l7_311 ._teddy-toast__close-button--disabled_1l5l7_401) {
|
|
4905
4911
|
background-color: var(--teddy-color-background-interactive-primary-active);
|
|
4906
4912
|
}
|
|
4907
|
-
._teddy-
|
|
4913
|
+
._teddy-toast_1l5l7_311 ._teddy-toast__close-button--primary-negative_1l5l7_407 {
|
|
4908
4914
|
background-color: var(--teddy-color-background-interactive-primary-negative);
|
|
4909
4915
|
color: var(--teddy-color-text-interactive-on-primary-negative);
|
|
4910
4916
|
}
|
|
4911
|
-
._teddy-
|
|
4917
|
+
._teddy-toast_1l5l7_311 ._teddy-toast__close-button--primary-negative_1l5l7_407:hover:not(._teddy-toast_1l5l7_311 ._teddy-toast__close-button--disabled_1l5l7_401) {
|
|
4912
4918
|
background-color: var(--teddy-color-background-interactive-primary-negative-hover);
|
|
4913
4919
|
border-color: var(--teddy-color-background-interactive-primary-negative-hover);
|
|
4914
4920
|
}
|
|
4915
|
-
._teddy-
|
|
4921
|
+
._teddy-toast_1l5l7_311 ._teddy-toast__close-button--primary-negative_1l5l7_407:active:not(._teddy-toast_1l5l7_311 ._teddy-toast__close-button--disabled_1l5l7_401) {
|
|
4916
4922
|
background-color: var(--teddy-color-background-interactive-primary-negative-active);
|
|
4917
4923
|
border-color: var(--teddy-color-background-interactive-primary-negative-active);
|
|
4918
4924
|
}
|
|
4919
|
-
._teddy-
|
|
4925
|
+
._teddy-toast_1l5l7_311 ._teddy-toast__close-button--secondary_1l5l7_419 {
|
|
4920
4926
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
4921
4927
|
box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary);
|
|
4922
4928
|
color: var(--teddy-color-text-interactive-primary);
|
|
4923
4929
|
}
|
|
4924
|
-
._teddy-
|
|
4930
|
+
._teddy-toast_1l5l7_311 ._teddy-toast__close-button--secondary_1l5l7_419:hover:not(._teddy-toast_1l5l7_311 ._teddy-toast__close-button--disabled_1l5l7_401) {
|
|
4925
4931
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
4926
4932
|
}
|
|
4927
|
-
._teddy-
|
|
4933
|
+
._teddy-toast_1l5l7_311 ._teddy-toast__close-button--secondary_1l5l7_419:active:not(._teddy-toast_1l5l7_311 ._teddy-toast__close-button--disabled_1l5l7_401) {
|
|
4928
4934
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
4929
4935
|
}
|
|
4930
|
-
._teddy-
|
|
4936
|
+
._teddy-toast_1l5l7_311 ._teddy-toast__close-button--secondary-negative_1l5l7_430 {
|
|
4931
4937
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
4932
4938
|
box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary-negative);
|
|
4933
4939
|
color: var(--teddy-color-text-interactive-primary-negative);
|
|
4934
4940
|
}
|
|
4935
|
-
._teddy-
|
|
4941
|
+
._teddy-toast_1l5l7_311 ._teddy-toast__close-button--secondary-negative_1l5l7_430:hover:not(._teddy-toast_1l5l7_311 ._teddy-toast__close-button--disabled_1l5l7_401) {
|
|
4936
4942
|
background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
|
|
4937
4943
|
}
|
|
4938
|
-
._teddy-
|
|
4944
|
+
._teddy-toast_1l5l7_311 ._teddy-toast__close-button--secondary-negative_1l5l7_430:active:not(._teddy-toast_1l5l7_311 ._teddy-toast__close-button--disabled_1l5l7_401) {
|
|
4939
4945
|
background-color: var(--teddy-color-background-interactive-transparent-negative-active);
|
|
4940
4946
|
}
|
|
4941
|
-
._teddy-
|
|
4947
|
+
._teddy-toast_1l5l7_311 ._teddy-toast__close-button--expressive_1l5l7_441 {
|
|
4942
4948
|
background-color: var(--teddy-color-background-interactive-expressive);
|
|
4943
4949
|
color: var(--teddy-color-text-interactive-on-expressive);
|
|
4944
4950
|
}
|
|
4945
|
-
._teddy-
|
|
4951
|
+
._teddy-toast_1l5l7_311 ._teddy-toast__close-button--expressive_1l5l7_441:hover:not(._teddy-toast_1l5l7_311 ._teddy-toast__close-button--disabled_1l5l7_401) {
|
|
4946
4952
|
background-color: var(--teddy-color-background-interactive-expressive-hover);
|
|
4947
4953
|
}
|
|
4948
|
-
._teddy-
|
|
4954
|
+
._teddy-toast_1l5l7_311 ._teddy-toast__close-button--expressive_1l5l7_441:active:not(._teddy-toast_1l5l7_311 ._teddy-toast__close-button--disabled_1l5l7_401) {
|
|
4949
4955
|
background-color: var(--teddy-color-background-interactive-expressive-active);
|
|
4950
4956
|
}
|
|
4951
|
-
._teddy-
|
|
4957
|
+
._teddy-toast_1l5l7_311 ._teddy-toast__close-button--expressive-negative_1l5l7_451 {
|
|
4952
4958
|
background-color: var(--teddy-color-background-interactive-expressive-negative);
|
|
4953
4959
|
color: var(--teddy-color-text-interactive-on-expressive-negative);
|
|
4954
4960
|
}
|
|
4955
|
-
._teddy-
|
|
4961
|
+
._teddy-toast_1l5l7_311 ._teddy-toast__close-button--expressive-negative_1l5l7_451:hover:not(._teddy-toast_1l5l7_311 ._teddy-toast__close-button--disabled_1l5l7_401) {
|
|
4956
4962
|
background-color: var(--teddy-color-background-interactive-expressive-negative-hover);
|
|
4957
4963
|
color: var(--teddy-color-text-interactive-on-expressive-negative-hover);
|
|
4958
4964
|
}
|
|
4959
|
-
._teddy-
|
|
4965
|
+
._teddy-toast_1l5l7_311 ._teddy-toast__close-button--expressive-negative_1l5l7_451:active:not(._teddy-toast_1l5l7_311 ._teddy-toast__close-button--disabled_1l5l7_401) {
|
|
4960
4966
|
background-color: var(--teddy-color-background-interactive-expressive-negative-active);
|
|
4961
4967
|
color: var(--teddy-color-text-interactive-on-expressive-negative-active);
|
|
4962
4968
|
}
|
|
4963
|
-
._teddy-
|
|
4969
|
+
._teddy-toast_1l5l7_311 ._teddy-toast__close-button_1l5l7_341 {
|
|
4970
|
+
background-color: var(--teddy-color-background-interactive-transparent);
|
|
4971
|
+
color: var(--teddy-color-text-interactive-primary);
|
|
4972
|
+
}
|
|
4973
|
+
._teddy-toast_1l5l7_311 ._teddy-toast__close-button_1l5l7_341._teddy-toast--disabled_1l5l7_467 {
|
|
4964
4974
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
4965
4975
|
}
|
|
4966
|
-
._teddy-
|
|
4976
|
+
._teddy-toast_1l5l7_311 ._teddy-toast__close-button_1l5l7_341:hover:not(._teddy-toast--disabled_1l5l7_467) {
|
|
4967
4977
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
4968
4978
|
}
|
|
4969
|
-
._teddy-
|
|
4979
|
+
._teddy-toast_1l5l7_311 ._teddy-toast__close-button_1l5l7_341:active:not(._teddy-toast--disabled_1l5l7_467) {
|
|
4970
4980
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
4971
4981
|
}
|
|
4972
|
-
._teddy-
|
|
4982
|
+
._teddy-toast_1l5l7_311 ._teddy-toast__close-button_1l5l7_341 {
|
|
4983
|
+
inset: 0 0 auto auto;
|
|
4984
|
+
background-color: inherit;
|
|
4985
|
+
border: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
|
|
4986
|
+
position: absolute;
|
|
4987
|
+
height: var(--teddy-spacing-400);
|
|
4988
|
+
width: var(--teddy-spacing-400);
|
|
4989
|
+
display: grid;
|
|
4990
|
+
place-items: center;
|
|
4991
|
+
box-shadow: none;
|
|
4992
|
+
transform: translate(25%, -25%);
|
|
4993
|
+
}
|
|
4994
|
+
._teddy-toast_1l5l7_311 ._teddy-toast__close-button_1l5l7_341 svg {
|
|
4973
4995
|
height: var(--teddy-spacing-200);
|
|
4974
4996
|
width: var(--teddy-spacing-200);
|
|
4975
4997
|
}
|
|
4976
|
-
._teddy-
|
|
4998
|
+
._teddy-toast_1l5l7_311 ._teddy-toast__content_1l5l7_492 {
|
|
4977
4999
|
display: contents;
|
|
4978
5000
|
}
|
|
4979
|
-
._teddy-
|
|
5001
|
+
._teddy-toast_1l5l7_311 ._teddy-toast__loading_1l5l7_495 {
|
|
4980
5002
|
grid-area: icon;
|
|
4981
5003
|
position: relative;
|
|
4982
5004
|
}
|
|
4983
|
-
._teddy-toast--
|
|
5005
|
+
._teddy-toast--success_1l5l7_499 {
|
|
4984
5006
|
background-color: var(--teddy-color-background-status-success);
|
|
4985
5007
|
color: var(--teddy-color-text-status-success-strong);
|
|
4986
5008
|
border-color: var(--teddy-color-border-status-success);
|
|
4987
5009
|
}
|
|
4988
|
-
._teddy-toast--
|
|
5010
|
+
._teddy-toast--success_1l5l7_499 ._teddy-toast__icon_1l5l7_332 {
|
|
4989
5011
|
color: var(--teddy-color-text-status-success-medium);
|
|
4990
5012
|
}
|
|
4991
|
-
._teddy-toast--
|
|
5013
|
+
._teddy-toast--success_1l5l7_499 ._teddy-toast__close-button_1l5l7_341 {
|
|
4992
5014
|
border-color: var(--teddy-color-border-status-success);
|
|
4993
5015
|
color: var(--teddy-color-text-status-success-strong);
|
|
4994
5016
|
}
|
|
4995
|
-
._teddy-toast--
|
|
5017
|
+
._teddy-toast--info_1l5l7_511 {
|
|
4996
5018
|
background-color: var(--teddy-color-background-status-info);
|
|
4997
5019
|
color: var(--teddy-color-text-status-info-strong);
|
|
4998
5020
|
border-color: var(--teddy-color-border-status-info);
|
|
4999
5021
|
}
|
|
5000
|
-
._teddy-toast--
|
|
5022
|
+
._teddy-toast--info_1l5l7_511 ._teddy-toast__icon_1l5l7_332 {
|
|
5001
5023
|
color: var(--teddy-color-text-status-info-medium);
|
|
5002
5024
|
}
|
|
5003
|
-
._teddy-toast--
|
|
5025
|
+
._teddy-toast--info_1l5l7_511 ._teddy-toast__close-button_1l5l7_341 {
|
|
5004
5026
|
border-color: var(--teddy-color-border-status-info);
|
|
5005
5027
|
color: var(--teddy-color-text-status-info-strong);
|
|
5006
5028
|
}
|
|
5007
|
-
._teddy-toast--
|
|
5029
|
+
._teddy-toast--warning_1l5l7_523 {
|
|
5008
5030
|
background-color: var(--teddy-color-background-status-warning);
|
|
5009
5031
|
color: var(--teddy-color-text-status-warning-strong);
|
|
5010
5032
|
border-color: var(--teddy-color-border-status-warning);
|
|
5011
5033
|
}
|
|
5012
|
-
._teddy-toast--
|
|
5034
|
+
._teddy-toast--warning_1l5l7_523 ._teddy-toast__icon_1l5l7_332 {
|
|
5013
5035
|
color: var(--teddy-color-text-status-warning-medium);
|
|
5014
5036
|
}
|
|
5015
|
-
._teddy-toast--
|
|
5037
|
+
._teddy-toast--warning_1l5l7_523 ._teddy-toast__close-button_1l5l7_341 {
|
|
5016
5038
|
border-color: var(--teddy-color-border-status-warning);
|
|
5017
5039
|
color: var(--teddy-color-text-status-warning-strong);
|
|
5018
5040
|
}
|
|
5019
|
-
._teddy-toast--
|
|
5041
|
+
._teddy-toast--error_1l5l7_535 {
|
|
5020
5042
|
background-color: var(--teddy-color-background-status-error);
|
|
5021
5043
|
color: var(--teddy-color-text-status-error-strong);
|
|
5022
5044
|
border-color: var(--teddy-color-border-status-error);
|
|
5023
5045
|
}
|
|
5024
|
-
._teddy-toast--
|
|
5046
|
+
._teddy-toast--error_1l5l7_535 ._teddy-toast__icon_1l5l7_332 {
|
|
5025
5047
|
color: var(--teddy-color-text-status-error-medium);
|
|
5026
5048
|
}
|
|
5027
|
-
._teddy-toast--
|
|
5049
|
+
._teddy-toast--error_1l5l7_535 ._teddy-toast__close-button_1l5l7_341 {
|
|
5028
5050
|
border-color: var(--teddy-color-border-status-error);
|
|
5029
5051
|
color: var(--teddy-color-text-status-error-strong);
|
|
5030
5052
|
}
|
|
5031
|
-
._teddy-
|
|
5032
|
-
._teddy-
|
|
5053
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button_1l5l7_547,
|
|
5054
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button_1l5l7_548 {
|
|
5033
5055
|
align-items: center;
|
|
5034
5056
|
border-radius: var(--teddy-border-radius-full);
|
|
5035
5057
|
border-width: 0;
|
|
@@ -5048,18 +5070,9 @@
|
|
|
5048
5070
|
transition-timing-function: var(--teddy-motion-easing-ease-in-out);
|
|
5049
5071
|
transition-property: background-color, color;
|
|
5050
5072
|
width: auto;
|
|
5051
|
-
grid-area: action;
|
|
5052
|
-
border: var(--teddy-border-width-xs) solid var(--teddy-color-border-interactive-primary);
|
|
5053
|
-
background-color: var(--teddy-color-background-interactive-secondary);
|
|
5054
|
-
color: var(--teddy-color-text-interactive-primary);
|
|
5055
|
-
font-family: var(--teddy-typography-family-default);
|
|
5056
|
-
font-weight: var(--teddy-typography-weight-medium);
|
|
5057
|
-
font-size: var(--teddy-typography-scale-75);
|
|
5058
|
-
margin-top: auto;
|
|
5059
|
-
box-shadow: none;
|
|
5060
5073
|
}
|
|
5061
|
-
._teddy-
|
|
5062
|
-
._teddy-
|
|
5074
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button_1l5l7_547:focus::before,
|
|
5075
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button_1l5l7_548:focus::before {
|
|
5063
5076
|
border-radius: inherit;
|
|
5064
5077
|
box-shadow: 0 0 0 var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
|
|
5065
5078
|
content: "";
|
|
@@ -5068,135 +5081,147 @@
|
|
|
5068
5081
|
inset: calc(var(--teddy-spacing-25) * -1);
|
|
5069
5082
|
position: absolute;
|
|
5070
5083
|
}
|
|
5071
|
-
._teddy-
|
|
5072
|
-
._teddy-
|
|
5084
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button_1l5l7_547:focus:not(:focus-visible)::before,
|
|
5085
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button_1l5l7_548:focus:not(:focus-visible)::before {
|
|
5073
5086
|
opacity: 0;
|
|
5074
5087
|
}
|
|
5075
|
-
._teddy-
|
|
5076
|
-
._teddy-
|
|
5088
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button_1l5l7_547 svg,
|
|
5089
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button_1l5l7_548 svg {
|
|
5077
5090
|
display: block;
|
|
5078
5091
|
}
|
|
5079
|
-
._teddy-
|
|
5080
|
-
._teddy-
|
|
5092
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button--sm_1l5l7_586,
|
|
5093
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--sm_1l5l7_587 {
|
|
5081
5094
|
padding: var(--teddy-spacing-150) var(--teddy-spacing-250);
|
|
5082
5095
|
}
|
|
5083
|
-
._teddy-
|
|
5084
|
-
._teddy-
|
|
5085
|
-
._teddy-
|
|
5096
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button--sm_1l5l7_586._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button_1l5l7_547, ._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button--sm_1l5l7_586 ._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--icon-only_1l5l7_590,
|
|
5097
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--sm_1l5l7_587._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button_1l5l7_547,
|
|
5098
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--sm_1l5l7_587 ._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--icon-only_1l5l7_590 {
|
|
5086
5099
|
padding: var(--teddy-spacing-150);
|
|
5087
5100
|
}
|
|
5088
|
-
._teddy-
|
|
5089
|
-
._teddy-
|
|
5101
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button--md_1l5l7_595,
|
|
5102
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--md_1l5l7_596 {
|
|
5090
5103
|
padding: var(--teddy-spacing-200) var(--teddy-spacing-300);
|
|
5091
5104
|
}
|
|
5092
|
-
._teddy-
|
|
5093
|
-
._teddy-
|
|
5094
|
-
._teddy-
|
|
5105
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button--md_1l5l7_595._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button_1l5l7_547, ._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button--md_1l5l7_595 ._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--icon-only_1l5l7_590,
|
|
5106
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--md_1l5l7_596._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button_1l5l7_547,
|
|
5107
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--md_1l5l7_596 ._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--icon-only_1l5l7_590 {
|
|
5095
5108
|
padding: var(--teddy-spacing-200);
|
|
5096
5109
|
}
|
|
5097
|
-
._teddy-
|
|
5098
|
-
._teddy-
|
|
5110
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button--lg_1l5l7_604,
|
|
5111
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--lg_1l5l7_605 {
|
|
5099
5112
|
padding: var(--teddy-spacing-250) var(--teddy-spacing-400);
|
|
5100
5113
|
}
|
|
5101
|
-
._teddy-
|
|
5102
|
-
._teddy-
|
|
5103
|
-
._teddy-
|
|
5114
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button--lg_1l5l7_604._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button_1l5l7_547, ._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button--lg_1l5l7_604 ._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--icon-only_1l5l7_590,
|
|
5115
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--lg_1l5l7_605._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button_1l5l7_547,
|
|
5116
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--lg_1l5l7_605 ._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--icon-only_1l5l7_590 {
|
|
5104
5117
|
padding: var(--teddy-spacing-250);
|
|
5105
5118
|
}
|
|
5106
|
-
._teddy-
|
|
5107
|
-
._teddy-
|
|
5119
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button--full-width_1l5l7_613,
|
|
5120
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--full-width_1l5l7_614 {
|
|
5108
5121
|
width: 100%;
|
|
5109
5122
|
}
|
|
5110
|
-
._teddy-
|
|
5111
|
-
._teddy-
|
|
5123
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button--primary_1l5l7_617,
|
|
5124
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--primary_1l5l7_618 {
|
|
5112
5125
|
background-color: var(--teddy-color-background-interactive-primary);
|
|
5113
5126
|
color: var(--teddy-color-text-interactive-on-primary);
|
|
5114
5127
|
}
|
|
5115
|
-
._teddy-
|
|
5116
|
-
._teddy-
|
|
5128
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button--primary_1l5l7_617:hover:not(._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button_1l5l7_547, ._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--disabled_1l5l7_622),
|
|
5129
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--primary_1l5l7_618:hover:not(._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button_1l5l7_547, ._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--disabled_1l5l7_622) {
|
|
5117
5130
|
background-color: var(--teddy-color-background-interactive-primary-hover);
|
|
5118
5131
|
}
|
|
5119
|
-
._teddy-
|
|
5120
|
-
._teddy-
|
|
5132
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button--primary_1l5l7_617:active:not(._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button_1l5l7_547, ._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--disabled_1l5l7_622),
|
|
5133
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--primary_1l5l7_618:active:not(._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button_1l5l7_547, ._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--disabled_1l5l7_622) {
|
|
5121
5134
|
background-color: var(--teddy-color-background-interactive-primary-active);
|
|
5122
5135
|
}
|
|
5123
|
-
._teddy-
|
|
5124
|
-
._teddy-
|
|
5136
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button--primary-negative_1l5l7_630,
|
|
5137
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--primary-negative_1l5l7_631 {
|
|
5125
5138
|
background-color: var(--teddy-color-background-interactive-primary-negative);
|
|
5126
5139
|
color: var(--teddy-color-text-interactive-on-primary-negative);
|
|
5127
5140
|
}
|
|
5128
|
-
._teddy-
|
|
5129
|
-
._teddy-
|
|
5141
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button--primary-negative_1l5l7_630:hover:not(._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button_1l5l7_547, ._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--disabled_1l5l7_622),
|
|
5142
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--primary-negative_1l5l7_631:hover:not(._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button_1l5l7_547, ._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--disabled_1l5l7_622) {
|
|
5130
5143
|
background-color: var(--teddy-color-background-interactive-primary-negative-hover);
|
|
5131
5144
|
border-color: var(--teddy-color-background-interactive-primary-negative-hover);
|
|
5132
5145
|
}
|
|
5133
|
-
._teddy-
|
|
5134
|
-
._teddy-
|
|
5146
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button--primary-negative_1l5l7_630:active:not(._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button_1l5l7_547, ._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--disabled_1l5l7_622),
|
|
5147
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--primary-negative_1l5l7_631:active:not(._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button_1l5l7_547, ._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--disabled_1l5l7_622) {
|
|
5135
5148
|
background-color: var(--teddy-color-background-interactive-primary-negative-active);
|
|
5136
5149
|
border-color: var(--teddy-color-background-interactive-primary-negative-active);
|
|
5137
5150
|
}
|
|
5138
|
-
._teddy-
|
|
5139
|
-
._teddy-
|
|
5151
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button--secondary_1l5l7_645,
|
|
5152
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--secondary_1l5l7_646 {
|
|
5140
5153
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
5141
5154
|
box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary);
|
|
5142
5155
|
color: var(--teddy-color-text-interactive-primary);
|
|
5143
5156
|
}
|
|
5144
|
-
._teddy-
|
|
5145
|
-
._teddy-
|
|
5157
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button--secondary_1l5l7_645:hover:not(._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button_1l5l7_547, ._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--disabled_1l5l7_622),
|
|
5158
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--secondary_1l5l7_646:hover:not(._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button_1l5l7_547, ._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--disabled_1l5l7_622) {
|
|
5146
5159
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
5147
5160
|
}
|
|
5148
|
-
._teddy-
|
|
5149
|
-
._teddy-
|
|
5161
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button--secondary_1l5l7_645:active:not(._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button_1l5l7_547, ._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--disabled_1l5l7_622),
|
|
5162
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--secondary_1l5l7_646:active:not(._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button_1l5l7_547, ._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--disabled_1l5l7_622) {
|
|
5150
5163
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
5151
5164
|
}
|
|
5152
|
-
._teddy-
|
|
5153
|
-
._teddy-
|
|
5165
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button--secondary-negative_1l5l7_659,
|
|
5166
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--secondary-negative_1l5l7_660 {
|
|
5154
5167
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
5155
5168
|
box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary-negative);
|
|
5156
5169
|
color: var(--teddy-color-text-interactive-primary-negative);
|
|
5157
5170
|
}
|
|
5158
|
-
._teddy-
|
|
5159
|
-
._teddy-
|
|
5171
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button--secondary-negative_1l5l7_659:hover:not(._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button_1l5l7_547, ._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--disabled_1l5l7_622),
|
|
5172
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--secondary-negative_1l5l7_660:hover:not(._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button_1l5l7_547, ._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--disabled_1l5l7_622) {
|
|
5160
5173
|
background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
|
|
5161
5174
|
}
|
|
5162
|
-
._teddy-
|
|
5163
|
-
._teddy-
|
|
5175
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button--secondary-negative_1l5l7_659:active:not(._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button_1l5l7_547, ._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--disabled_1l5l7_622),
|
|
5176
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--secondary-negative_1l5l7_660:active:not(._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button_1l5l7_547, ._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--disabled_1l5l7_622) {
|
|
5164
5177
|
background-color: var(--teddy-color-background-interactive-transparent-negative-active);
|
|
5165
5178
|
}
|
|
5166
|
-
._teddy-
|
|
5167
|
-
._teddy-
|
|
5179
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button--expressive_1l5l7_673,
|
|
5180
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--expressive_1l5l7_674 {
|
|
5168
5181
|
background-color: var(--teddy-color-background-interactive-expressive);
|
|
5169
5182
|
color: var(--teddy-color-text-interactive-on-expressive);
|
|
5170
5183
|
}
|
|
5171
|
-
._teddy-
|
|
5172
|
-
._teddy-
|
|
5184
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button--expressive_1l5l7_673:hover:not(._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button_1l5l7_547, ._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--disabled_1l5l7_622),
|
|
5185
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--expressive_1l5l7_674:hover:not(._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button_1l5l7_547, ._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--disabled_1l5l7_622) {
|
|
5173
5186
|
background-color: var(--teddy-color-background-interactive-expressive-hover);
|
|
5174
5187
|
}
|
|
5175
|
-
._teddy-
|
|
5176
|
-
._teddy-
|
|
5188
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button--expressive_1l5l7_673:active:not(._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button_1l5l7_547, ._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--disabled_1l5l7_622),
|
|
5189
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--expressive_1l5l7_674:active:not(._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button_1l5l7_547, ._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--disabled_1l5l7_622) {
|
|
5177
5190
|
background-color: var(--teddy-color-background-interactive-expressive-active);
|
|
5178
5191
|
}
|
|
5179
|
-
._teddy-
|
|
5180
|
-
._teddy-
|
|
5192
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button--expressive-negative_1l5l7_686,
|
|
5193
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--expressive-negative_1l5l7_687 {
|
|
5181
5194
|
background-color: var(--teddy-color-background-interactive-expressive-negative);
|
|
5182
5195
|
color: var(--teddy-color-text-interactive-on-expressive-negative);
|
|
5183
5196
|
}
|
|
5184
|
-
._teddy-
|
|
5185
|
-
._teddy-
|
|
5197
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button--expressive-negative_1l5l7_686:hover:not(._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button_1l5l7_547, ._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--disabled_1l5l7_622),
|
|
5198
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--expressive-negative_1l5l7_687:hover:not(._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button_1l5l7_547, ._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--disabled_1l5l7_622) {
|
|
5186
5199
|
background-color: var(--teddy-color-background-interactive-expressive-negative-hover);
|
|
5187
5200
|
color: var(--teddy-color-text-interactive-on-expressive-negative-hover);
|
|
5188
5201
|
}
|
|
5189
|
-
._teddy-
|
|
5190
|
-
._teddy-
|
|
5202
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button--expressive-negative_1l5l7_686:active:not(._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button_1l5l7_547, ._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--disabled_1l5l7_622),
|
|
5203
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--expressive-negative_1l5l7_687:active:not(._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button_1l5l7_547, ._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button--disabled_1l5l7_622) {
|
|
5191
5204
|
background-color: var(--teddy-color-background-interactive-expressive-negative-active);
|
|
5192
5205
|
color: var(--teddy-color-text-interactive-on-expressive-negative-active);
|
|
5193
5206
|
}
|
|
5194
|
-
._teddy-
|
|
5195
|
-
._teddy-
|
|
5207
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button_1l5l7_547,
|
|
5208
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button_1l5l7_548 {
|
|
5209
|
+
grid-area: action;
|
|
5210
|
+
border: var(--teddy-border-width-xs) solid var(--teddy-color-border-interactive-primary);
|
|
5211
|
+
background-color: var(--teddy-color-background-interactive-secondary);
|
|
5212
|
+
color: var(--teddy-color-text-interactive-primary);
|
|
5213
|
+
font-family: var(--teddy-typography-family-default);
|
|
5214
|
+
font-weight: var(--teddy-typography-weight-medium);
|
|
5215
|
+
font-size: var(--teddy-typography-scale-75);
|
|
5216
|
+
margin-top: auto;
|
|
5217
|
+
box-shadow: none;
|
|
5218
|
+
}
|
|
5219
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button_1l5l7_547:hover,
|
|
5220
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button_1l5l7_548:hover {
|
|
5196
5221
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
5197
5222
|
}
|
|
5198
|
-
._teddy-
|
|
5199
|
-
._teddy-
|
|
5223
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__action-button_1l5l7_547[data-button]._teddy-toast__action-button_1l5l7_547:active,
|
|
5224
|
+
._teddy-toast_1l5l7_311 [data-button]._teddy-toast__cancel-button_1l5l7_548[data-button]._teddy-toast__cancel-button_1l5l7_548:active {
|
|
5200
5225
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
5201
5226
|
}._teddy-toggletip__content_1ob5f_1 {
|
|
5202
5227
|
border-radius: var(--teddy-border-radius-md);
|
|
@@ -5711,7 +5736,7 @@
|
|
|
5711
5736
|
._teddy-list__illustration_1gmg2_13 {
|
|
5712
5737
|
align-self: flex-start;
|
|
5713
5738
|
}
|
|
5714
|
-
}._teddy-
|
|
5739
|
+
}._teddy-tabs__list_1o5c5_1 {
|
|
5715
5740
|
display: flex;
|
|
5716
5741
|
max-width: fit-content;
|
|
5717
5742
|
background-color: var(--teddy-color-background-secondary);
|
|
@@ -5719,7 +5744,7 @@
|
|
|
5719
5744
|
padding: var(--teddy-spacing-50);
|
|
5720
5745
|
position: relative;
|
|
5721
5746
|
}
|
|
5722
|
-
._teddy-
|
|
5747
|
+
._teddy-tabs__list_1o5c5_1::before {
|
|
5723
5748
|
content: "";
|
|
5724
5749
|
position: absolute;
|
|
5725
5750
|
inset: var(--teddy-spacing-50);
|
|
@@ -5728,24 +5753,26 @@
|
|
|
5728
5753
|
scale: var(--_width, 0) 1;
|
|
5729
5754
|
translate: var(--_left, 0) 0;
|
|
5730
5755
|
transform-origin: left;
|
|
5731
|
-
background: var(--teddy-color-background-interactive-primary);
|
|
5732
|
-
border-radius: calc(99vmin / var(--_width, 0.125))/99vmin;
|
|
5733
5756
|
}
|
|
5734
5757
|
@media (prefers-reduced-motion: no-preference) {
|
|
5735
|
-
._teddy-
|
|
5758
|
+
._teddy-tabs__list_1o5c5_1::before {
|
|
5736
5759
|
transition: border-radius, scale, translate;
|
|
5737
5760
|
transition-timing-function: var(--teddy-motion-easing-ease-in-out);
|
|
5738
5761
|
transition-duration: var(--_duration, 0);
|
|
5739
5762
|
}
|
|
5740
5763
|
}
|
|
5741
|
-
._teddy-
|
|
5764
|
+
._teddy-tabs__list_1o5c5_1::before {
|
|
5765
|
+
background: var(--teddy-color-background-interactive-primary);
|
|
5766
|
+
border-radius: calc(99vmin / var(--_width, 0.125))/99vmin;
|
|
5767
|
+
}
|
|
5768
|
+
._teddy-tabs--full-width_1o5c5_30 ._teddy-tabs__list_1o5c5_1 {
|
|
5742
5769
|
max-width: initial;
|
|
5743
5770
|
}
|
|
5744
|
-
._teddy-
|
|
5771
|
+
._teddy-tabs__content_1o5c5_33:focus-visible {
|
|
5745
5772
|
outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
|
|
5746
5773
|
outline-offset: var(--teddy-spacing-25);
|
|
5747
5774
|
}
|
|
5748
|
-
._teddy-
|
|
5775
|
+
._teddy-tabs__trigger_1o5c5_37 {
|
|
5749
5776
|
flex: 1 0 auto;
|
|
5750
5777
|
min-width: 3rem;
|
|
5751
5778
|
color: var(--teddy-color-text-interactive-primary);
|
|
@@ -5756,31 +5783,31 @@
|
|
|
5756
5783
|
cursor: pointer;
|
|
5757
5784
|
transition: color calc(var(--_duration, 0)) var(--teddy-motion-easing-ease-in-out);
|
|
5758
5785
|
}
|
|
5759
|
-
._teddy-
|
|
5786
|
+
._teddy-tabs__trigger_1o5c5_37[data-state=active] {
|
|
5760
5787
|
color: var(--teddy-color-text-interactive-on-primary);
|
|
5761
5788
|
cursor: default;
|
|
5762
5789
|
}
|
|
5763
|
-
._teddy-
|
|
5790
|
+
._teddy-tabs__trigger_1o5c5_37[data-state=active]:hover {
|
|
5764
5791
|
background-color: var(--teddy-color-background-interactive-primary-hover);
|
|
5765
5792
|
}
|
|
5766
|
-
._teddy-
|
|
5793
|
+
._teddy-tabs__trigger_1o5c5_37:hover {
|
|
5767
5794
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
5768
5795
|
}
|
|
5769
|
-
._teddy-tabs__scroll-
|
|
5796
|
+
._teddy-tabs__scroll-button_1o5c5_58 {
|
|
5770
5797
|
background-color: var(--teddy-color-background-secondary);
|
|
5771
5798
|
color: var(--teddy-color-text-default);
|
|
5772
5799
|
z-index: 1;
|
|
5773
5800
|
}
|
|
5774
|
-
._teddy-tabs__scroll-
|
|
5801
|
+
._teddy-tabs__scroll-button_1o5c5_58:hover {
|
|
5775
5802
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
5776
5803
|
}
|
|
5777
|
-
._teddy-tabs__scroll-
|
|
5804
|
+
._teddy-tabs__scroll-button_1o5c5_58:active {
|
|
5778
5805
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
5779
5806
|
}
|
|
5780
|
-
._teddy-tabs__scroll-
|
|
5807
|
+
._teddy-tabs__scroll-button_1o5c5_58::before {
|
|
5781
5808
|
z-index: 1;
|
|
5782
5809
|
}
|
|
5783
|
-
._teddy-tabs__scroll-
|
|
5810
|
+
._teddy-tabs__scroll-button_1o5c5_58::after {
|
|
5784
5811
|
content: "";
|
|
5785
5812
|
top: 0;
|
|
5786
5813
|
left: 100%;
|
|
@@ -5789,12 +5816,12 @@
|
|
|
5789
5816
|
width: 1rem;
|
|
5790
5817
|
background: linear-gradient(90deg, var(--teddy-color-background-secondary) 0%, var(--teddy-color-functional-transparent) 100%);
|
|
5791
5818
|
}
|
|
5792
|
-
._teddy-tabs__scroll-
|
|
5819
|
+
._teddy-tabs__scroll-button_1o5c5_58[data-direction=right]::after {
|
|
5793
5820
|
left: auto;
|
|
5794
5821
|
right: 100%;
|
|
5795
5822
|
transform: rotate(180deg);
|
|
5796
5823
|
}@layer reset, flex, button, link, heading, drawer;
|
|
5797
|
-
@keyframes _teddy-fade-
|
|
5824
|
+
@keyframes _teddy-fade-in_e3t8z_1 {
|
|
5798
5825
|
from {
|
|
5799
5826
|
opacity: 0;
|
|
5800
5827
|
}
|
|
@@ -5802,7 +5829,7 @@
|
|
|
5802
5829
|
opacity: 1;
|
|
5803
5830
|
}
|
|
5804
5831
|
}
|
|
5805
|
-
@keyframes _teddy-fade-
|
|
5832
|
+
@keyframes _teddy-fade-out_e3t8z_1 {
|
|
5806
5833
|
from {
|
|
5807
5834
|
opacity: 1;
|
|
5808
5835
|
}
|
|
@@ -5810,7 +5837,7 @@
|
|
|
5810
5837
|
opacity: 0;
|
|
5811
5838
|
}
|
|
5812
5839
|
}
|
|
5813
|
-
@keyframes _teddy-overlay-no-
|
|
5840
|
+
@keyframes _teddy-overlay-no-op_e3t8z_1 {
|
|
5814
5841
|
from {
|
|
5815
5842
|
opacity: 1;
|
|
5816
5843
|
}
|
|
@@ -5818,11 +5845,11 @@
|
|
|
5818
5845
|
opacity: 1;
|
|
5819
5846
|
}
|
|
5820
5847
|
}
|
|
5821
|
-
._teddy-
|
|
5848
|
+
._teddy-drawer__overlay_e3t8z_26 {
|
|
5822
5849
|
box-sizing: border-box;
|
|
5823
5850
|
}
|
|
5824
5851
|
@layer drawer {
|
|
5825
|
-
._teddy-
|
|
5852
|
+
._teddy-drawer__overlay_e3t8z_26 {
|
|
5826
5853
|
box-sizing: border-box;
|
|
5827
5854
|
position: fixed;
|
|
5828
5855
|
inset: 0;
|
|
@@ -5831,37 +5858,37 @@
|
|
|
5831
5858
|
z-index: 40;
|
|
5832
5859
|
}
|
|
5833
5860
|
@media (prefers-reduced-motion: no-preference) {
|
|
5834
|
-
._teddy-
|
|
5861
|
+
._teddy-drawer__overlay_e3t8z_26 {
|
|
5835
5862
|
/* Keep the overlay mounted until the children have animated */
|
|
5836
5863
|
}
|
|
5837
|
-
._teddy-
|
|
5838
|
-
animation: _teddy-overlay-no-
|
|
5864
|
+
._teddy-drawer__overlay_e3t8z_26:where([data-state=closed]) {
|
|
5865
|
+
animation: _teddy-overlay-no-op_e3t8z_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
5839
5866
|
}
|
|
5840
|
-
._teddy-
|
|
5841
|
-
animation: _teddy-fade-
|
|
5867
|
+
._teddy-drawer__overlay_e3t8z_26:where([data-state=open])::before {
|
|
5868
|
+
animation: _teddy-fade-in_e3t8z_1 500ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
5842
5869
|
}
|
|
5843
|
-
._teddy-
|
|
5870
|
+
._teddy-drawer__overlay_e3t8z_26:where([data-state=closed])::before {
|
|
5844
5871
|
opacity: 0;
|
|
5845
|
-
animation: _teddy-fade-
|
|
5872
|
+
animation: _teddy-fade-out_e3t8z_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
5846
5873
|
}
|
|
5847
5874
|
}
|
|
5848
|
-
._teddy-
|
|
5875
|
+
._teddy-drawer__overlay_e3t8z_26::before {
|
|
5849
5876
|
position: fixed;
|
|
5850
5877
|
content: "";
|
|
5851
5878
|
inset: 0;
|
|
5852
5879
|
background-color: var(--teddy-color-overlay-default);
|
|
5853
5880
|
}
|
|
5854
|
-
._teddy-drawer__overlay--
|
|
5881
|
+
._teddy-drawer__overlay--container_e3t8z_60 {
|
|
5855
5882
|
position: absolute;
|
|
5856
5883
|
}
|
|
5857
|
-
._teddy-drawer__overlay--
|
|
5884
|
+
._teddy-drawer__overlay--container_e3t8z_60::before {
|
|
5858
5885
|
position: absolute;
|
|
5859
5886
|
}
|
|
5860
|
-
._teddy-drawer__overlay--
|
|
5887
|
+
._teddy-drawer__overlay--container_e3t8z_60 ._teddy-drawer__content_e3t8z_66 {
|
|
5861
5888
|
position: absolute;
|
|
5862
5889
|
inset: 0;
|
|
5863
5890
|
}
|
|
5864
|
-
._teddy-
|
|
5891
|
+
._teddy-drawer__title_e3t8z_70 {
|
|
5865
5892
|
position: sticky;
|
|
5866
5893
|
padding: var(--teddy-spacing-300) 0 var(--teddy-spacing-200);
|
|
5867
5894
|
background-color: var(--teddy-color-background-primary);
|
|
@@ -5869,7 +5896,7 @@
|
|
|
5869
5896
|
margin: calc(-1 * var(--teddy-spacing-300)) 0 calc(-1 * var(--teddy-spacing-200));
|
|
5870
5897
|
z-index: 2;
|
|
5871
5898
|
}
|
|
5872
|
-
._teddy-
|
|
5899
|
+
._teddy-drawer__content_e3t8z_66 {
|
|
5873
5900
|
background-color: var(--teddy-color-background-primary);
|
|
5874
5901
|
box-shadow: var(--teddy-shadow-lg);
|
|
5875
5902
|
z-index: 40;
|
|
@@ -5881,30 +5908,32 @@
|
|
|
5881
5908
|
display: flex;
|
|
5882
5909
|
flex-direction: column;
|
|
5883
5910
|
gap: var(--teddy-spacing-200);
|
|
5884
|
-
max-width: 25rem;
|
|
5885
|
-
min-width: min(100%, 400px);
|
|
5886
5911
|
}
|
|
5887
5912
|
@media (prefers-reduced-motion: no-preference) {
|
|
5888
|
-
._teddy-
|
|
5889
|
-
animation: _drawer-content-
|
|
5913
|
+
._teddy-drawer__content_e3t8z_66:where([data-state=open]) {
|
|
5914
|
+
animation: _drawer-content-show_e3t8z_1 450ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
5890
5915
|
}
|
|
5891
|
-
._teddy-
|
|
5892
|
-
animation: _drawer-content-
|
|
5916
|
+
._teddy-drawer__content_e3t8z_66:where([data-state=closed]) {
|
|
5917
|
+
animation: _drawer-content-hide_e3t8z_1 350ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
5893
5918
|
}
|
|
5894
5919
|
}
|
|
5895
|
-
._teddy-
|
|
5920
|
+
._teddy-drawer__content_e3t8z_66 {
|
|
5921
|
+
max-width: 25rem;
|
|
5922
|
+
min-width: min(100%, 400px);
|
|
5923
|
+
}
|
|
5924
|
+
._teddy-drawer__content--lg_e3t8z_103 {
|
|
5896
5925
|
min-width: min(100%, 30rem);
|
|
5897
5926
|
width: 30vw;
|
|
5898
5927
|
max-width: initial;
|
|
5899
5928
|
}
|
|
5900
|
-
._teddy-drawer__close--
|
|
5929
|
+
._teddy-drawer__close--floating_e3t8z_108 {
|
|
5901
5930
|
position: fixed;
|
|
5902
5931
|
z-index: 3;
|
|
5903
5932
|
top: var(--teddy-spacing-200);
|
|
5904
5933
|
right: var(--teddy-spacing-200);
|
|
5905
5934
|
}
|
|
5906
5935
|
}
|
|
5907
|
-
@keyframes _drawer-content-
|
|
5936
|
+
@keyframes _drawer-content-show_e3t8z_1 {
|
|
5908
5937
|
from {
|
|
5909
5938
|
transform: translateX(100%);
|
|
5910
5939
|
}
|
|
@@ -5912,14 +5941,14 @@
|
|
|
5912
5941
|
transform: translateX(0px);
|
|
5913
5942
|
}
|
|
5914
5943
|
}
|
|
5915
|
-
@keyframes _drawer-content-
|
|
5944
|
+
@keyframes _drawer-content-hide_e3t8z_1 {
|
|
5916
5945
|
from {
|
|
5917
5946
|
transform: translateX(0px);
|
|
5918
5947
|
}
|
|
5919
5948
|
to {
|
|
5920
5949
|
transform: translateX(100%);
|
|
5921
5950
|
}
|
|
5922
|
-
}._teddy-
|
|
5951
|
+
}._teddy-chip__item_lsr0j_1 {
|
|
5923
5952
|
font: inherit;
|
|
5924
5953
|
cursor: pointer;
|
|
5925
5954
|
outline: inherit;
|
|
@@ -5938,20 +5967,20 @@
|
|
|
5938
5967
|
position: relative;
|
|
5939
5968
|
overflow: hidden;
|
|
5940
5969
|
}
|
|
5941
|
-
._teddy-
|
|
5970
|
+
._teddy-chip__item_lsr0j_1:focus {
|
|
5942
5971
|
outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-focus);
|
|
5943
5972
|
outline-offset: var(--teddy-spacing-50);
|
|
5944
5973
|
}
|
|
5945
|
-
._teddy-
|
|
5974
|
+
._teddy-chip__item_lsr0j_1:focus:not(:focus-visible) {
|
|
5946
5975
|
outline: none;
|
|
5947
5976
|
}
|
|
5948
|
-
._teddy-
|
|
5977
|
+
._teddy-chip__item_lsr0j_1::before, ._teddy-chip__item_lsr0j_1::after {
|
|
5949
5978
|
content: "";
|
|
5950
5979
|
display: block;
|
|
5951
5980
|
inset: 0;
|
|
5952
5981
|
position: absolute;
|
|
5953
5982
|
}
|
|
5954
|
-
._teddy-chip__item--
|
|
5983
|
+
._teddy-chip__item--unavailable_lsr0j_33::after {
|
|
5955
5984
|
opacity: 1;
|
|
5956
5985
|
left: calc(50% - var(--teddy-border-width-xs) / 2);
|
|
5957
5986
|
top: -50%;
|
|
@@ -5961,57 +5990,57 @@
|
|
|
5961
5990
|
transform: rotate(-60deg);
|
|
5962
5991
|
transform-origin: center;
|
|
5963
5992
|
}
|
|
5964
|
-
._teddy-chip__item--
|
|
5993
|
+
._teddy-chip__item--unavailable_lsr0j_33[data-state=on]::after {
|
|
5965
5994
|
background: var(--teddy-color-text-interactive-on-primary);
|
|
5966
5995
|
}
|
|
5967
|
-
._teddy-
|
|
5996
|
+
._teddy-chip__item_lsr0j_1::before {
|
|
5968
5997
|
border-radius: inherit;
|
|
5969
5998
|
opacity: 1;
|
|
5970
5999
|
outline-offset: calc(var(--teddy-border-width-xs) * -1);
|
|
5971
6000
|
outline: var(--teddy-border-width-xs) solid var(--teddy-color-border-interactive-primary);
|
|
5972
6001
|
}
|
|
5973
|
-
._teddy-
|
|
6002
|
+
._teddy-chip__item_lsr0j_1:hover:not(:disabled):before {
|
|
5974
6003
|
outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-primary);
|
|
5975
6004
|
outline-offset: calc(var(--teddy-border-width-sm) * -1);
|
|
5976
6005
|
}
|
|
5977
|
-
._teddy-
|
|
6006
|
+
._teddy-chip__item_lsr0j_1[data-state=off]:hover {
|
|
5978
6007
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
5979
6008
|
color: var(--teddy-color-text-interactive-primary-hover);
|
|
5980
6009
|
}
|
|
5981
|
-
._teddy-
|
|
6010
|
+
._teddy-chip__item_lsr0j_1[data-state=off]:active {
|
|
5982
6011
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
5983
6012
|
color: var(--teddy-color-text-interactive-primary-active);
|
|
5984
6013
|
}
|
|
5985
|
-
._teddy-
|
|
6014
|
+
._teddy-chip__item_lsr0j_1[data-state=off]:disabled {
|
|
5986
6015
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
5987
6016
|
color: var(--teddy-color-text-weak);
|
|
5988
6017
|
}
|
|
5989
|
-
._teddy-
|
|
5990
|
-
background-color: var(--teddy-color-background-interactive-primary);
|
|
5991
|
-
color: var(--teddy-color-text-interactive-on-primary);
|
|
5992
|
-
font-weight: var(--teddy-typography-weight-medium);
|
|
5993
|
-
}
|
|
5994
|
-
._teddy-chip__item_69tae_1[data-state=on]:hover {
|
|
6018
|
+
._teddy-chip__item_lsr0j_1[data-state=on]:hover {
|
|
5995
6019
|
background-color: var(--teddy-color-background-interactive-primary-hover);
|
|
5996
6020
|
}
|
|
5997
|
-
._teddy-
|
|
6021
|
+
._teddy-chip__item_lsr0j_1[data-state=on]:active {
|
|
5998
6022
|
background-color: var(--teddy-color-background-interactive-primary-active);
|
|
5999
6023
|
}
|
|
6000
|
-
._teddy-
|
|
6024
|
+
._teddy-chip__item_lsr0j_1[data-state=on]:disabled {
|
|
6001
6025
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
6002
6026
|
color: var(--teddy-color-text-weak);
|
|
6003
6027
|
}
|
|
6004
|
-
._teddy-
|
|
6028
|
+
._teddy-chip__item_lsr0j_1[data-state=on] {
|
|
6029
|
+
background-color: var(--teddy-color-background-interactive-primary);
|
|
6030
|
+
color: var(--teddy-color-text-interactive-on-primary);
|
|
6031
|
+
font-weight: var(--teddy-typography-weight-medium);
|
|
6032
|
+
}
|
|
6033
|
+
._teddy-chip__item_lsr0j_1[data-state=on] ._teddy-chip__indicator_lsr0j_83 {
|
|
6005
6034
|
display: unset;
|
|
6006
6035
|
}
|
|
6007
|
-
._teddy-
|
|
6036
|
+
._teddy-chip__item_lsr0j_1:disabled {
|
|
6008
6037
|
cursor: not-allowed;
|
|
6009
6038
|
color: var(--teddy-color-text-weak);
|
|
6010
6039
|
}
|
|
6011
|
-
._teddy-
|
|
6040
|
+
._teddy-chip__item_lsr0j_1:disabled::before {
|
|
6012
6041
|
outline-color: var(--teddy-color-border-medium);
|
|
6013
6042
|
}
|
|
6014
|
-
._teddy-
|
|
6043
|
+
._teddy-chip__indicator_lsr0j_83 {
|
|
6015
6044
|
display: none;
|
|
6016
6045
|
}@keyframes _teddy-fade-in_mucyt_1 {
|
|
6017
6046
|
from {
|
|
@@ -6196,7 +6225,7 @@
|
|
|
6196
6225
|
}
|
|
6197
6226
|
}@layer heading, button, card, notification;
|
|
6198
6227
|
@layer notification {
|
|
6199
|
-
._teddy-
|
|
6228
|
+
._teddy-notification_yr9vf_3 {
|
|
6200
6229
|
--status-background: var(--teddy-color-background-status-success);
|
|
6201
6230
|
--status-color: var(--teddy-color-text-status-success-strong);
|
|
6202
6231
|
--status-icon-color: var(--teddy-color-text-status-success-strong);
|
|
@@ -6204,64 +6233,69 @@
|
|
|
6204
6233
|
background-color: var(--status-background);
|
|
6205
6234
|
gap: var(--teddy-spacing-50);
|
|
6206
6235
|
}
|
|
6207
|
-
._teddy-notification--
|
|
6236
|
+
._teddy-notification--success_yr9vf_11 {
|
|
6208
6237
|
--status-background: var(--teddy-color-background-status-success);
|
|
6209
6238
|
--status-color: var(--teddy-color-text-status-success-strong);
|
|
6210
6239
|
--status-icon-color: var(--teddy-color-text-status-success-strong);
|
|
6211
6240
|
}
|
|
6212
|
-
._teddy-notification--
|
|
6241
|
+
._teddy-notification--warning_yr9vf_16 {
|
|
6213
6242
|
--status-background: var(--teddy-color-background-status-warning);
|
|
6214
6243
|
--status-color: var(--teddy-color-text-status-warning-strong);
|
|
6215
6244
|
--status-icon-color: var(--teddy-color-text-status-warning-strong);
|
|
6216
6245
|
}
|
|
6217
|
-
._teddy-notification--
|
|
6246
|
+
._teddy-notification--error_yr9vf_21 {
|
|
6218
6247
|
--status-background: var(--teddy-color-background-status-error);
|
|
6219
6248
|
--status-color: var(--teddy-color-text-status-error-strong);
|
|
6220
6249
|
--status-icon-color: var(--teddy-color-text-status-error-strong);
|
|
6221
6250
|
}
|
|
6222
|
-
._teddy-notification--
|
|
6251
|
+
._teddy-notification--information_yr9vf_26 {
|
|
6223
6252
|
--status-background: var(--teddy-color-background-status-info);
|
|
6224
6253
|
--status-color: var(--teddy-color-text-status-info-strong);
|
|
6225
6254
|
--status-icon-color: var(--teddy-color-text-status-info-strong);
|
|
6226
6255
|
}
|
|
6227
|
-
._teddy-notification--
|
|
6256
|
+
._teddy-notification--beige_yr9vf_31 {
|
|
6228
6257
|
--status-background: var(--teddy-color-beige-50);
|
|
6229
6258
|
--status-color: var(--teddy-color-beige-700);
|
|
6230
6259
|
--status-icon-color: var(--teddy-color-beige-700e);
|
|
6231
6260
|
}
|
|
6232
|
-
._teddy-notification--
|
|
6261
|
+
._teddy-notification--teal_yr9vf_36 {
|
|
6233
6262
|
--status-background: var(--teddy-color-teal-50);
|
|
6234
6263
|
--status-color: var(--teddy-color-teal-700);
|
|
6235
6264
|
--status-icon-color: var(--teddy-color-teal-700);
|
|
6236
6265
|
}
|
|
6237
|
-
._teddy-notification--
|
|
6266
|
+
._teddy-notification--gray_yr9vf_41 {
|
|
6238
6267
|
--status-background: var(--teddy-color-gray-50);
|
|
6239
6268
|
--status-color: var(--teddy-color-gray-700);
|
|
6240
6269
|
--status-icon-color: var(--teddy-color-gray-700);
|
|
6241
6270
|
}
|
|
6242
|
-
._teddy-notification--
|
|
6271
|
+
._teddy-notification--light-purple_yr9vf_46 {
|
|
6272
|
+
--status-background: var(--teddy-color-purple-50);
|
|
6273
|
+
--status-color: var(--teddy-color-purple-800);
|
|
6274
|
+
--status-icon-color: var(--teddy-color-purple-800);
|
|
6275
|
+
}
|
|
6276
|
+
._teddy-notification--tile_yr9vf_51 {
|
|
6243
6277
|
display: flex !important;
|
|
6244
6278
|
}
|
|
6245
|
-
._teddy-notification--
|
|
6279
|
+
._teddy-notification--tile_yr9vf_51 ._teddy-notification__text_yr9vf_54 {
|
|
6246
6280
|
margin: 0 var(--teddy-spacing-400) 0 var(--teddy-spacing-100) !important;
|
|
6247
6281
|
}
|
|
6248
|
-
._teddy-
|
|
6282
|
+
._teddy-notification__dismiss_yr9vf_57 {
|
|
6249
6283
|
position: absolute;
|
|
6250
6284
|
inset: var(--teddy-spacing-50) var(--teddy-spacing-50) auto auto;
|
|
6251
6285
|
}
|
|
6252
|
-
._teddy-
|
|
6286
|
+
._teddy-notification__heading_yr9vf_61 {
|
|
6253
6287
|
color: var(--status-color);
|
|
6254
6288
|
display: flex;
|
|
6255
6289
|
align-items: center;
|
|
6256
6290
|
}
|
|
6257
|
-
._teddy-
|
|
6291
|
+
._teddy-notification__text_yr9vf_54 {
|
|
6258
6292
|
color: var(--status-color) !important;
|
|
6259
6293
|
margin: 0 var(--teddy-spacing-400) 0 calc(var(--teddy-spacing-400) + var(--teddy-spacing-100)) !important;
|
|
6260
6294
|
}
|
|
6261
|
-
._teddy-
|
|
6295
|
+
._teddy-notification__footer_yr9vf_70 {
|
|
6262
6296
|
margin-left: calc(var(--teddy-spacing-400) + var(--teddy-spacing-100));
|
|
6263
6297
|
}
|
|
6264
|
-
._teddy-
|
|
6298
|
+
._teddy-notification__icon_yr9vf_73 {
|
|
6265
6299
|
color: var(--status-icon-color);
|
|
6266
6300
|
margin-right: var(--teddy-spacing-100);
|
|
6267
6301
|
}
|
|
@@ -6395,19 +6429,19 @@
|
|
|
6395
6429
|
._teddy-radio-group__indicator_1flae_111[data-disabled]::after {
|
|
6396
6430
|
background-color: var(--teddy-color-text-weak);
|
|
6397
6431
|
}@layer icon, toggle;
|
|
6398
|
-
._teddy-
|
|
6432
|
+
._teddy-toggle__input_1vhz7_2::before {
|
|
6399
6433
|
box-sizing: border-box;
|
|
6400
6434
|
}
|
|
6401
6435
|
|
|
6402
6436
|
@layer toggle {
|
|
6403
|
-
._teddy-
|
|
6437
|
+
._teddy-toggle_1vhz7_2 {
|
|
6404
6438
|
width: fit-content;
|
|
6405
6439
|
display: flex;
|
|
6406
6440
|
align-items: center;
|
|
6407
6441
|
position: relative;
|
|
6408
6442
|
gap: var(--teddy-spacing-150);
|
|
6409
6443
|
}
|
|
6410
|
-
._teddy-
|
|
6444
|
+
._teddy-toggle__input_1vhz7_2 {
|
|
6411
6445
|
all: unset;
|
|
6412
6446
|
cursor: pointer;
|
|
6413
6447
|
display: block;
|
|
@@ -6416,7 +6450,7 @@
|
|
|
6416
6450
|
position: relative;
|
|
6417
6451
|
color: var(--teddy-color-text-interactive-on-primary);
|
|
6418
6452
|
}
|
|
6419
|
-
._teddy-
|
|
6453
|
+
._teddy-toggle__input_1vhz7_2::before {
|
|
6420
6454
|
content: "";
|
|
6421
6455
|
display: block;
|
|
6422
6456
|
position: absolute;
|
|
@@ -6428,40 +6462,40 @@
|
|
|
6428
6462
|
border-radius: var(--teddy-border-radius-full);
|
|
6429
6463
|
}
|
|
6430
6464
|
@media (prefers-reduced-motion: no-preference) {
|
|
6431
|
-
._teddy-
|
|
6465
|
+
._teddy-toggle__input_1vhz7_2::before {
|
|
6432
6466
|
transition: background-color var(--teddy-motion-duration-150) ease, border-color var(--teddy-motion-duration-150) ease;
|
|
6433
6467
|
}
|
|
6434
6468
|
}
|
|
6435
|
-
._teddy-
|
|
6469
|
+
._teddy-toggle__input_1vhz7_2[data-state=checked]::before {
|
|
6436
6470
|
background-color: var(--teddy-color-background-interactive-primary);
|
|
6437
6471
|
border-color: var(--teddy-color-functional-transparent);
|
|
6438
6472
|
}
|
|
6439
|
-
._teddy-
|
|
6473
|
+
._teddy-toggle__input_1vhz7_2[data-state=checked]:disabled::before {
|
|
6440
6474
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
6441
6475
|
border-color: var(--teddy-color-functional-transparent);
|
|
6442
6476
|
}
|
|
6443
|
-
._teddy-
|
|
6477
|
+
._teddy-toggle__input_1vhz7_2[data-state=checked]:hover:not(:disabled)::before {
|
|
6444
6478
|
background-color: var(--teddy-color-background-interactive-primary-hover);
|
|
6445
6479
|
border-color: var(--teddy-color-functional-transparent);
|
|
6446
6480
|
}
|
|
6447
|
-
._teddy-
|
|
6481
|
+
._teddy-toggle__input_1vhz7_2[data-state=checked]:active:not(:disabled)::before {
|
|
6448
6482
|
background-color: var(--teddy-color-background-interactive-primary-active);
|
|
6449
6483
|
border-color: var(--teddy-color-functional-transparent);
|
|
6450
6484
|
}
|
|
6451
|
-
._teddy-
|
|
6485
|
+
._teddy-toggle__input_1vhz7_2:disabled {
|
|
6452
6486
|
cursor: default;
|
|
6453
6487
|
}
|
|
6454
|
-
._teddy-
|
|
6488
|
+
._teddy-toggle__input_1vhz7_2:disabled::before {
|
|
6455
6489
|
border-color: var(--teddy-color-border-weak);
|
|
6456
6490
|
}
|
|
6457
|
-
._teddy-
|
|
6491
|
+
._teddy-toggle__input_1vhz7_2:hover:not(:disabled)::before {
|
|
6458
6492
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
6459
6493
|
border-color: var(--teddy-color-border-interactive-primary);
|
|
6460
6494
|
}
|
|
6461
|
-
._teddy-
|
|
6495
|
+
._teddy-toggle__input_1vhz7_2:active:not(:disabled)::before {
|
|
6462
6496
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
6463
6497
|
}
|
|
6464
|
-
._teddy-
|
|
6498
|
+
._teddy-toggle_1vhz7_2:focus-within::before {
|
|
6465
6499
|
border-radius: var(--teddy-border-radius-xs);
|
|
6466
6500
|
box-shadow: 0 0 0 var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
|
|
6467
6501
|
content: "";
|
|
@@ -6471,36 +6505,38 @@
|
|
|
6471
6505
|
position: absolute;
|
|
6472
6506
|
pointer-events: none;
|
|
6473
6507
|
}
|
|
6474
|
-
._teddy-
|
|
6508
|
+
._teddy-toggle_1vhz7_2:focus-within:has(._teddy-toggle__input_1vhz7_2:not(:focus-visible))::before {
|
|
6475
6509
|
opacity: 0;
|
|
6476
6510
|
}
|
|
6477
|
-
._teddy-
|
|
6511
|
+
._teddy-toggle__thumb_1vhz7_81 {
|
|
6478
6512
|
position: absolute;
|
|
6479
6513
|
display: block;
|
|
6480
6514
|
height: calc(var(--teddy-spacing-200) + var(--teddy-spacing-25));
|
|
6481
6515
|
width: calc(var(--teddy-spacing-200) + var(--teddy-spacing-25));
|
|
6482
6516
|
border-radius: var(--teddy-border-radius-full);
|
|
6483
6517
|
background-color: var(--teddy-color-background-interactive-primary);
|
|
6484
|
-
inset: 50% auto auto var(--teddy-spacing-10);
|
|
6485
|
-
transform: translate(var(--teddy-spacing-25), -50%);
|
|
6486
6518
|
}
|
|
6487
6519
|
@media (prefers-reduced-motion: no-preference) {
|
|
6488
|
-
._teddy-
|
|
6520
|
+
._teddy-toggle__thumb_1vhz7_81 {
|
|
6489
6521
|
transition: transform var(--teddy-motion-duration-150) ease, background-color var(--teddy-motion-duration-150) ease;
|
|
6490
6522
|
will-change: transform;
|
|
6491
6523
|
}
|
|
6492
6524
|
}
|
|
6493
|
-
._teddy-
|
|
6525
|
+
._teddy-toggle__thumb_1vhz7_81 {
|
|
6526
|
+
inset: 50% auto auto var(--teddy-spacing-10);
|
|
6527
|
+
transform: translate(var(--teddy-spacing-25), -50%);
|
|
6528
|
+
}
|
|
6529
|
+
._teddy-toggle__thumb_1vhz7_81[data-disabled] {
|
|
6494
6530
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
6495
6531
|
}
|
|
6496
|
-
._teddy-
|
|
6532
|
+
._teddy-toggle__thumb_1vhz7_81[data-state=checked] {
|
|
6497
6533
|
background-color: var(--teddy-color-text-interactive-on-primary);
|
|
6498
6534
|
transform: translate(calc(100% + var(--teddy-spacing-50)), -50%);
|
|
6499
6535
|
}
|
|
6500
|
-
._teddy-
|
|
6536
|
+
._teddy-toggle__thumb_1vhz7_81[data-state=checked][data-disabled] {
|
|
6501
6537
|
background-color: var(--teddy-color-text-interactive-on-primary);
|
|
6502
6538
|
}
|
|
6503
|
-
._teddy-
|
|
6539
|
+
._teddy-toggle__indicator_1vhz7_109 {
|
|
6504
6540
|
position: absolute;
|
|
6505
6541
|
inset: 50% auto auto calc(var(--teddy-spacing-150) + var(--teddy-spacing-10));
|
|
6506
6542
|
opacity: 0;
|
|
@@ -6509,11 +6545,11 @@
|
|
|
6509
6545
|
transform-origin: 0 50%;
|
|
6510
6546
|
}
|
|
6511
6547
|
@media (prefers-reduced-motion: no-preference) {
|
|
6512
|
-
._teddy-
|
|
6548
|
+
._teddy-toggle__indicator_1vhz7_109 {
|
|
6513
6549
|
transition: opacity var(--teddy-motion-duration-150) ease, scale var(--teddy-motion-duration-150) ease;
|
|
6514
6550
|
}
|
|
6515
6551
|
}
|
|
6516
|
-
._teddy-
|
|
6552
|
+
._teddy-toggle__input_1vhz7_2[data-state=checked] ._teddy-toggle__indicator_1vhz7_109 {
|
|
6517
6553
|
opacity: 1;
|
|
6518
6554
|
scale: 1;
|
|
6519
6555
|
}
|
|
@@ -7114,28 +7150,30 @@
|
|
|
7114
7150
|
}
|
|
7115
7151
|
._teddy-slider__thumb_96kxz_23:focus {
|
|
7116
7152
|
background-color: var(--teddy-color-purple-800);
|
|
7117
|
-
}._teddy-navigation-
|
|
7153
|
+
}._teddy-navigation-menu_12xrw_1 {
|
|
7118
7154
|
--item-gap: var(--teddy-spacing-200);
|
|
7119
7155
|
--width-for-centering-element: calc((100% - var(--teddy-breakpoint-xl) + var(--teddy-spacing-600) * 2) / 2);
|
|
7120
7156
|
--inline-padding: calc(var(--teddy-spacing-200) - var(--item-gap));
|
|
7121
|
-
box-shadow: var(--teddy-shadow-md);
|
|
7122
|
-
position: relative;
|
|
7123
|
-
display: flex;
|
|
7124
|
-
flex-direction: column;
|
|
7125
|
-
width: auto;
|
|
7126
|
-
background-color: var(--teddy-color-background-primary);
|
|
7127
7157
|
}
|
|
7128
7158
|
@media (min-width: 600px) {
|
|
7129
|
-
._teddy-navigation-
|
|
7159
|
+
._teddy-navigation-menu_12xrw_1 {
|
|
7130
7160
|
--inline-padding: calc(var(--teddy-spacing-300) - var(--item-gap));
|
|
7131
7161
|
}
|
|
7132
7162
|
}
|
|
7133
7163
|
@media (min-width: 1440px) {
|
|
7134
|
-
._teddy-navigation-
|
|
7164
|
+
._teddy-navigation-menu_12xrw_1 {
|
|
7135
7165
|
--inline-padding: calc(var(--teddy-spacing-400) - var(--item-gap));
|
|
7136
7166
|
}
|
|
7137
7167
|
}
|
|
7138
|
-
._teddy-navigation-
|
|
7168
|
+
._teddy-navigation-menu_12xrw_1 {
|
|
7169
|
+
box-shadow: var(--teddy-shadow-md);
|
|
7170
|
+
position: relative;
|
|
7171
|
+
display: flex;
|
|
7172
|
+
flex-direction: column;
|
|
7173
|
+
width: auto;
|
|
7174
|
+
background-color: var(--teddy-color-background-primary);
|
|
7175
|
+
}
|
|
7176
|
+
._teddy-navigation-menu_12xrw_1::after {
|
|
7139
7177
|
content: "";
|
|
7140
7178
|
position: absolute;
|
|
7141
7179
|
inset: 0;
|
|
@@ -7143,17 +7181,17 @@
|
|
|
7143
7181
|
opacity: 0;
|
|
7144
7182
|
}
|
|
7145
7183
|
@media (prefers-reduced-motion: no-preference) {
|
|
7146
|
-
._teddy-navigation-
|
|
7184
|
+
._teddy-navigation-menu_12xrw_1::after {
|
|
7147
7185
|
transition: opacity var(--teddy-motion-duration-300) ease;
|
|
7148
7186
|
}
|
|
7149
7187
|
}
|
|
7150
|
-
._teddy-navigation-
|
|
7188
|
+
._teddy-navigation-menu_12xrw_1:has(._teddy-navigation-menu__viewport_12xrw_36[data-state=open])::after {
|
|
7151
7189
|
opacity: 1;
|
|
7152
7190
|
}
|
|
7153
|
-
._teddy-navigation-
|
|
7191
|
+
._teddy-navigation-menu__separator_12xrw_39 {
|
|
7154
7192
|
border-top: var(--teddy-border-width-sm) solid var(--teddy-color-border-weak);
|
|
7155
7193
|
}
|
|
7156
|
-
._teddy-navigation-
|
|
7194
|
+
._teddy-navigation-menu__list_12xrw_42 {
|
|
7157
7195
|
all: unset;
|
|
7158
7196
|
list-style-type: none;
|
|
7159
7197
|
display: flex;
|
|
@@ -7163,23 +7201,23 @@
|
|
|
7163
7201
|
gap: var(--item-gap);
|
|
7164
7202
|
}
|
|
7165
7203
|
@media (min-width: 1440px) {
|
|
7166
|
-
._teddy-navigation-
|
|
7204
|
+
._teddy-navigation-menu__list_12xrw_42 {
|
|
7167
7205
|
margin: 0 auto;
|
|
7168
7206
|
}
|
|
7169
7207
|
}
|
|
7170
|
-
._teddy-navigation-
|
|
7208
|
+
._teddy-navigation-menu__list_12xrw_42::before {
|
|
7171
7209
|
display: block;
|
|
7172
7210
|
width: var(--width-for-centering-element);
|
|
7173
7211
|
}
|
|
7174
|
-
._teddy-navigation-
|
|
7212
|
+
._teddy-navigation-menu__list_12xrw_42::after {
|
|
7175
7213
|
content: "";
|
|
7176
7214
|
display: block;
|
|
7177
7215
|
width: var(--width-for-centering-element);
|
|
7178
7216
|
}
|
|
7179
|
-
._teddy-navigation-
|
|
7217
|
+
._teddy-navigation-menu__list_12xrw_42 li {
|
|
7180
7218
|
line-height: 1.2;
|
|
7181
7219
|
}
|
|
7182
|
-
._teddy-navigation-menu__top-menu-
|
|
7220
|
+
._teddy-navigation-menu__top-menu-list_12xrw_68 {
|
|
7183
7221
|
all: unset;
|
|
7184
7222
|
position: relative;
|
|
7185
7223
|
list-style-type: none;
|
|
@@ -7187,20 +7225,20 @@
|
|
|
7187
7225
|
display: flex;
|
|
7188
7226
|
align-items: center;
|
|
7189
7227
|
}
|
|
7190
|
-
._teddy-navigation-menu__top-menu-
|
|
7228
|
+
._teddy-navigation-menu__top-menu-list_12xrw_68::before {
|
|
7191
7229
|
display: block;
|
|
7192
7230
|
width: var(--width-for-centering-element);
|
|
7193
7231
|
}
|
|
7194
|
-
._teddy-navigation-menu__top-menu-
|
|
7232
|
+
._teddy-navigation-menu__top-menu-list_12xrw_68::after {
|
|
7195
7233
|
content: "";
|
|
7196
7234
|
display: block;
|
|
7197
7235
|
width: var(--width-for-centering-element);
|
|
7198
7236
|
}
|
|
7199
|
-
._teddy-navigation-menu__top-menu-
|
|
7237
|
+
._teddy-navigation-menu__top-menu-list_12xrw_68 li {
|
|
7200
7238
|
display: grid;
|
|
7201
7239
|
line-height: 1.2;
|
|
7202
7240
|
}
|
|
7203
|
-
._teddy-navigation-menu__top-menu-
|
|
7241
|
+
._teddy-navigation-menu__top-menu-trigger_12xrw_89 {
|
|
7204
7242
|
all: unset;
|
|
7205
7243
|
position: relative;
|
|
7206
7244
|
cursor: pointer;
|
|
@@ -7219,13 +7257,13 @@
|
|
|
7219
7257
|
padding: var(--teddy-spacing-200) var(--teddy-spacing-100);
|
|
7220
7258
|
text-align: center;
|
|
7221
7259
|
}
|
|
7222
|
-
._teddy-navigation-menu__top-menu-trigger--
|
|
7260
|
+
._teddy-navigation-menu__top-menu-trigger--small_12xrw_108 {
|
|
7223
7261
|
padding: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25) + var(--teddy-spacing-10)) var(--teddy-spacing-100);
|
|
7224
7262
|
font-size: var(--teddy-typography-scale-100);
|
|
7225
7263
|
line-height: var(--teddy-typography-line-height-loose);
|
|
7226
7264
|
outline-offset: -2px;
|
|
7227
7265
|
}
|
|
7228
|
-
._teddy-navigation-menu__top-menu-trigger--
|
|
7266
|
+
._teddy-navigation-menu__top-menu-trigger--button_12xrw_114 {
|
|
7229
7267
|
padding: var(--teddy-spacing-100);
|
|
7230
7268
|
min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-200));
|
|
7231
7269
|
box-sizing: border-box;
|
|
@@ -7238,11 +7276,11 @@
|
|
|
7238
7276
|
row-gap: var(--teddy-spacing-50);
|
|
7239
7277
|
}
|
|
7240
7278
|
@media (max-width: 600px) {
|
|
7241
|
-
._teddy-navigation-menu__top-menu-trigger--
|
|
7279
|
+
._teddy-navigation-menu__top-menu-trigger--button_12xrw_114 {
|
|
7242
7280
|
font-size: var(--teddy-typography-scale-75);
|
|
7243
7281
|
}
|
|
7244
7282
|
}
|
|
7245
|
-
._teddy-navigation-menu__top-menu-
|
|
7283
|
+
._teddy-navigation-menu__top-menu-trigger_12xrw_89::after {
|
|
7246
7284
|
content: "";
|
|
7247
7285
|
display: block;
|
|
7248
7286
|
position: absolute;
|
|
@@ -7253,10 +7291,10 @@
|
|
|
7253
7291
|
pointer-events: none;
|
|
7254
7292
|
border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
|
|
7255
7293
|
}
|
|
7256
|
-
._teddy-navigation-menu__top-menu-trigger--
|
|
7294
|
+
._teddy-navigation-menu__top-menu-trigger--button_12xrw_114::after {
|
|
7257
7295
|
border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
|
|
7258
7296
|
}
|
|
7259
|
-
._teddy-navigation-menu__top-menu-
|
|
7297
|
+
._teddy-navigation-menu__top-menu-trigger_12xrw_89:not(._teddy-navigation-menu__top-menu-trigger--button_12xrw_114)::before {
|
|
7260
7298
|
content: attr(data-text);
|
|
7261
7299
|
content: attr(data-text)/"";
|
|
7262
7300
|
height: 0;
|
|
@@ -7267,40 +7305,40 @@
|
|
|
7267
7305
|
font-weight: var(--teddy-typography-weight-bold);
|
|
7268
7306
|
}
|
|
7269
7307
|
@media speech {
|
|
7270
|
-
._teddy-navigation-menu__top-menu-
|
|
7308
|
+
._teddy-navigation-menu__top-menu-trigger_12xrw_89:not(._teddy-navigation-menu__top-menu-trigger--button_12xrw_114)::before {
|
|
7271
7309
|
display: none;
|
|
7272
7310
|
}
|
|
7273
7311
|
}
|
|
7274
|
-
._teddy-navigation-menu__top-menu-
|
|
7312
|
+
._teddy-navigation-menu__top-menu-trigger_12xrw_89:hover {
|
|
7275
7313
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
7276
7314
|
}
|
|
7277
|
-
._teddy-navigation-menu__top-menu-
|
|
7315
|
+
._teddy-navigation-menu__top-menu-trigger_12xrw_89:hover::after {
|
|
7278
7316
|
opacity: 1;
|
|
7279
7317
|
}
|
|
7280
|
-
._teddy-navigation-menu__top-menu-
|
|
7318
|
+
._teddy-navigation-menu__top-menu-trigger_12xrw_89:active {
|
|
7281
7319
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
7282
7320
|
}
|
|
7283
|
-
._teddy-navigation-menu__top-menu-
|
|
7321
|
+
._teddy-navigation-menu__top-menu-trigger_12xrw_89:active::after {
|
|
7284
7322
|
opacity: 1;
|
|
7285
7323
|
}
|
|
7286
|
-
._teddy-navigation-menu__top-menu-
|
|
7324
|
+
._teddy-navigation-menu__top-menu-trigger_12xrw_89[data-state=open], ._teddy-navigation-menu__top-menu-trigger_12xrw_89:has([data-active]), ._teddy-navigation-menu__top-menu-trigger_12xrw_89[data-active] {
|
|
7287
7325
|
font-weight: var(--teddy-typography-weight-bold);
|
|
7288
7326
|
}
|
|
7289
|
-
._teddy-navigation-menu__top-menu-
|
|
7327
|
+
._teddy-navigation-menu__top-menu-trigger_12xrw_89[data-state=open]::after, ._teddy-navigation-menu__top-menu-trigger_12xrw_89:has([data-active])::after, ._teddy-navigation-menu__top-menu-trigger_12xrw_89[data-active]::after {
|
|
7290
7328
|
border-color: var(--teddy-color-text-interactive-primary);
|
|
7291
7329
|
opacity: 1;
|
|
7292
7330
|
}
|
|
7293
|
-
._teddy-navigation-menu__top-menu-
|
|
7331
|
+
._teddy-navigation-menu__top-menu-trigger_12xrw_89:focus-visible {
|
|
7294
7332
|
outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
|
|
7295
7333
|
}
|
|
7296
|
-
._teddy-navigation-menu__top-menu-
|
|
7334
|
+
._teddy-navigation-menu__top-menu-trigger_12xrw_89[data-state=open] {
|
|
7297
7335
|
font-weight: var(--teddy-typography-weight-bold);
|
|
7298
7336
|
}
|
|
7299
|
-
._teddy-navigation-menu__top-menu-
|
|
7337
|
+
._teddy-navigation-menu__top-menu-trigger_12xrw_89[data-state=open]::after {
|
|
7300
7338
|
border-color: var(--teddy-color-text-interactive-primary);
|
|
7301
7339
|
opacity: 1;
|
|
7302
7340
|
}
|
|
7303
|
-
._teddy-navigation-
|
|
7341
|
+
._teddy-navigation-menu__content_12xrw_189 {
|
|
7304
7342
|
all: unset;
|
|
7305
7343
|
list-style-type: none;
|
|
7306
7344
|
justify-content: space-between;
|
|
@@ -7311,28 +7349,28 @@
|
|
|
7311
7349
|
margin: 0 var(--teddy-spacing-600);
|
|
7312
7350
|
overflow: clip;
|
|
7313
7351
|
}
|
|
7314
|
-
._teddy-navigation-
|
|
7352
|
+
._teddy-navigation-menu__content_12xrw_189 > ul {
|
|
7315
7353
|
list-style: none;
|
|
7316
7354
|
display: flex;
|
|
7317
7355
|
margin: 0;
|
|
7318
7356
|
padding: 0;
|
|
7319
7357
|
}
|
|
7320
|
-
._teddy-navigation-
|
|
7358
|
+
._teddy-navigation-menu__content_12xrw_189 > ul > li {
|
|
7321
7359
|
display: grid;
|
|
7322
7360
|
line-height: 1.2;
|
|
7323
7361
|
}
|
|
7324
7362
|
@media (min-width: 1440px) {
|
|
7325
|
-
._teddy-navigation-
|
|
7363
|
+
._teddy-navigation-menu__content_12xrw_189 {
|
|
7326
7364
|
margin: 0 auto;
|
|
7327
7365
|
}
|
|
7328
7366
|
}
|
|
7329
|
-
._teddy-navigation-
|
|
7367
|
+
._teddy-navigation-menu__content_12xrw_189::before {
|
|
7330
7368
|
content: "";
|
|
7331
7369
|
position: absolute;
|
|
7332
7370
|
inset: 0;
|
|
7333
7371
|
box-shadow: 0 var(--teddy-border-width-lg) var(--teddy-border-width-lg) calc(var(--teddy-border-width-md) * -1) var(--teddy-color-border-weak);
|
|
7334
7372
|
}
|
|
7335
|
-
._teddy-navigation-
|
|
7373
|
+
._teddy-navigation-menu__trigger_12xrw_221 {
|
|
7336
7374
|
position: relative;
|
|
7337
7375
|
all: unset;
|
|
7338
7376
|
position: relative;
|
|
@@ -7352,13 +7390,13 @@
|
|
|
7352
7390
|
padding: var(--teddy-spacing-200) var(--teddy-spacing-100);
|
|
7353
7391
|
text-align: center;
|
|
7354
7392
|
}
|
|
7355
|
-
._teddy-navigation-menu__trigger--
|
|
7393
|
+
._teddy-navigation-menu__trigger--small_12xrw_241 {
|
|
7356
7394
|
padding: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25) + var(--teddy-spacing-10)) var(--teddy-spacing-100);
|
|
7357
7395
|
font-size: var(--teddy-typography-scale-100);
|
|
7358
7396
|
line-height: var(--teddy-typography-line-height-loose);
|
|
7359
7397
|
outline-offset: -2px;
|
|
7360
7398
|
}
|
|
7361
|
-
._teddy-navigation-menu__trigger--
|
|
7399
|
+
._teddy-navigation-menu__trigger--button_12xrw_247 {
|
|
7362
7400
|
padding: var(--teddy-spacing-100);
|
|
7363
7401
|
min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-200));
|
|
7364
7402
|
box-sizing: border-box;
|
|
@@ -7371,11 +7409,11 @@
|
|
|
7371
7409
|
row-gap: var(--teddy-spacing-50);
|
|
7372
7410
|
}
|
|
7373
7411
|
@media (max-width: 600px) {
|
|
7374
|
-
._teddy-navigation-menu__trigger--
|
|
7412
|
+
._teddy-navigation-menu__trigger--button_12xrw_247 {
|
|
7375
7413
|
font-size: var(--teddy-typography-scale-75);
|
|
7376
7414
|
}
|
|
7377
7415
|
}
|
|
7378
|
-
._teddy-navigation-
|
|
7416
|
+
._teddy-navigation-menu__trigger_12xrw_221::after {
|
|
7379
7417
|
content: "";
|
|
7380
7418
|
display: block;
|
|
7381
7419
|
position: absolute;
|
|
@@ -7386,10 +7424,10 @@
|
|
|
7386
7424
|
pointer-events: none;
|
|
7387
7425
|
border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
|
|
7388
7426
|
}
|
|
7389
|
-
._teddy-navigation-menu__trigger--
|
|
7427
|
+
._teddy-navigation-menu__trigger--button_12xrw_247::after {
|
|
7390
7428
|
border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
|
|
7391
7429
|
}
|
|
7392
|
-
._teddy-navigation-
|
|
7430
|
+
._teddy-navigation-menu__trigger_12xrw_221:not(._teddy-navigation-menu__trigger--button_12xrw_247)::before {
|
|
7393
7431
|
content: attr(data-text);
|
|
7394
7432
|
content: attr(data-text)/"";
|
|
7395
7433
|
height: 0;
|
|
@@ -7400,33 +7438,33 @@
|
|
|
7400
7438
|
font-weight: var(--teddy-typography-weight-bold);
|
|
7401
7439
|
}
|
|
7402
7440
|
@media speech {
|
|
7403
|
-
._teddy-navigation-
|
|
7441
|
+
._teddy-navigation-menu__trigger_12xrw_221:not(._teddy-navigation-menu__trigger--button_12xrw_247)::before {
|
|
7404
7442
|
display: none;
|
|
7405
7443
|
}
|
|
7406
7444
|
}
|
|
7407
|
-
._teddy-navigation-
|
|
7445
|
+
._teddy-navigation-menu__trigger_12xrw_221:hover {
|
|
7408
7446
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
7409
7447
|
}
|
|
7410
|
-
._teddy-navigation-
|
|
7448
|
+
._teddy-navigation-menu__trigger_12xrw_221:hover::after {
|
|
7411
7449
|
opacity: 1;
|
|
7412
7450
|
}
|
|
7413
|
-
._teddy-navigation-
|
|
7451
|
+
._teddy-navigation-menu__trigger_12xrw_221:active {
|
|
7414
7452
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
7415
7453
|
}
|
|
7416
|
-
._teddy-navigation-
|
|
7454
|
+
._teddy-navigation-menu__trigger_12xrw_221:active::after {
|
|
7417
7455
|
opacity: 1;
|
|
7418
7456
|
}
|
|
7419
|
-
._teddy-navigation-
|
|
7457
|
+
._teddy-navigation-menu__trigger_12xrw_221[data-state=open], ._teddy-navigation-menu__trigger_12xrw_221:has([data-active]), ._teddy-navigation-menu__trigger_12xrw_221[data-active] {
|
|
7420
7458
|
font-weight: var(--teddy-typography-weight-bold);
|
|
7421
7459
|
}
|
|
7422
|
-
._teddy-navigation-
|
|
7460
|
+
._teddy-navigation-menu__trigger_12xrw_221[data-state=open]::after, ._teddy-navigation-menu__trigger_12xrw_221:has([data-active])::after, ._teddy-navigation-menu__trigger_12xrw_221[data-active]::after {
|
|
7423
7461
|
border-color: var(--teddy-color-text-interactive-primary);
|
|
7424
7462
|
opacity: 1;
|
|
7425
7463
|
}
|
|
7426
|
-
._teddy-navigation-
|
|
7464
|
+
._teddy-navigation-menu__trigger_12xrw_221:focus-visible {
|
|
7427
7465
|
outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
|
|
7428
7466
|
}
|
|
7429
|
-
._teddy-navigation-
|
|
7467
|
+
._teddy-navigation-menu__link_12xrw_315 {
|
|
7430
7468
|
all: unset;
|
|
7431
7469
|
position: relative;
|
|
7432
7470
|
cursor: pointer;
|
|
@@ -7444,15 +7482,14 @@
|
|
|
7444
7482
|
line-height: var(--teddy-typography-line-height-loose);
|
|
7445
7483
|
padding: var(--teddy-spacing-200) var(--teddy-spacing-100);
|
|
7446
7484
|
text-align: center;
|
|
7447
|
-
text-decoration: none;
|
|
7448
7485
|
}
|
|
7449
|
-
._teddy-navigation-menu__link--
|
|
7486
|
+
._teddy-navigation-menu__link--small_12xrw_334 {
|
|
7450
7487
|
padding: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25) + var(--teddy-spacing-10)) var(--teddy-spacing-100);
|
|
7451
7488
|
font-size: var(--teddy-typography-scale-100);
|
|
7452
7489
|
line-height: var(--teddy-typography-line-height-loose);
|
|
7453
7490
|
outline-offset: -2px;
|
|
7454
7491
|
}
|
|
7455
|
-
._teddy-navigation-menu__link--
|
|
7492
|
+
._teddy-navigation-menu__link--button_12xrw_340 {
|
|
7456
7493
|
padding: var(--teddy-spacing-100);
|
|
7457
7494
|
min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-200));
|
|
7458
7495
|
box-sizing: border-box;
|
|
@@ -7465,11 +7502,11 @@
|
|
|
7465
7502
|
row-gap: var(--teddy-spacing-50);
|
|
7466
7503
|
}
|
|
7467
7504
|
@media (max-width: 600px) {
|
|
7468
|
-
._teddy-navigation-menu__link--
|
|
7505
|
+
._teddy-navigation-menu__link--button_12xrw_340 {
|
|
7469
7506
|
font-size: var(--teddy-typography-scale-75);
|
|
7470
7507
|
}
|
|
7471
7508
|
}
|
|
7472
|
-
._teddy-navigation-
|
|
7509
|
+
._teddy-navigation-menu__link_12xrw_315::after {
|
|
7473
7510
|
content: "";
|
|
7474
7511
|
display: block;
|
|
7475
7512
|
position: absolute;
|
|
@@ -7480,10 +7517,10 @@
|
|
|
7480
7517
|
pointer-events: none;
|
|
7481
7518
|
border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
|
|
7482
7519
|
}
|
|
7483
|
-
._teddy-navigation-menu__link--
|
|
7520
|
+
._teddy-navigation-menu__link--button_12xrw_340::after {
|
|
7484
7521
|
border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
|
|
7485
7522
|
}
|
|
7486
|
-
._teddy-navigation-
|
|
7523
|
+
._teddy-navigation-menu__link_12xrw_315:not(._teddy-navigation-menu__link--button_12xrw_340)::before {
|
|
7487
7524
|
content: attr(data-text);
|
|
7488
7525
|
content: attr(data-text)/"";
|
|
7489
7526
|
height: 0;
|
|
@@ -7494,73 +7531,76 @@
|
|
|
7494
7531
|
font-weight: var(--teddy-typography-weight-bold);
|
|
7495
7532
|
}
|
|
7496
7533
|
@media speech {
|
|
7497
|
-
._teddy-navigation-
|
|
7534
|
+
._teddy-navigation-menu__link_12xrw_315:not(._teddy-navigation-menu__link--button_12xrw_340)::before {
|
|
7498
7535
|
display: none;
|
|
7499
7536
|
}
|
|
7500
7537
|
}
|
|
7501
|
-
._teddy-navigation-
|
|
7538
|
+
._teddy-navigation-menu__link_12xrw_315:hover {
|
|
7502
7539
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
7503
7540
|
}
|
|
7504
|
-
._teddy-navigation-
|
|
7541
|
+
._teddy-navigation-menu__link_12xrw_315:hover::after {
|
|
7505
7542
|
opacity: 1;
|
|
7506
7543
|
}
|
|
7507
|
-
._teddy-navigation-
|
|
7544
|
+
._teddy-navigation-menu__link_12xrw_315:active {
|
|
7508
7545
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
7509
7546
|
}
|
|
7510
|
-
._teddy-navigation-
|
|
7547
|
+
._teddy-navigation-menu__link_12xrw_315:active::after {
|
|
7511
7548
|
opacity: 1;
|
|
7512
7549
|
}
|
|
7513
|
-
._teddy-navigation-
|
|
7550
|
+
._teddy-navigation-menu__link_12xrw_315[data-state=open], ._teddy-navigation-menu__link_12xrw_315:has([data-active]), ._teddy-navigation-menu__link_12xrw_315[data-active] {
|
|
7514
7551
|
font-weight: var(--teddy-typography-weight-bold);
|
|
7515
7552
|
}
|
|
7516
|
-
._teddy-navigation-
|
|
7553
|
+
._teddy-navigation-menu__link_12xrw_315[data-state=open]::after, ._teddy-navigation-menu__link_12xrw_315:has([data-active])::after, ._teddy-navigation-menu__link_12xrw_315[data-active]::after {
|
|
7517
7554
|
border-color: var(--teddy-color-text-interactive-primary);
|
|
7518
7555
|
opacity: 1;
|
|
7519
7556
|
}
|
|
7520
|
-
._teddy-navigation-
|
|
7557
|
+
._teddy-navigation-menu__link_12xrw_315:focus-visible {
|
|
7521
7558
|
outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
|
|
7522
7559
|
}
|
|
7523
|
-
._teddy-navigation-
|
|
7560
|
+
._teddy-navigation-menu__link_12xrw_315 {
|
|
7561
|
+
text-decoration: none;
|
|
7562
|
+
}
|
|
7563
|
+
._teddy-navigation-menu__viewport_12xrw_36 {
|
|
7524
7564
|
position: relative;
|
|
7525
7565
|
background-color: var(--teddy-color-background-primary);
|
|
7526
7566
|
height: var(--radix-navigation-menu-viewport-height);
|
|
7527
7567
|
transform-origin: top left;
|
|
7528
7568
|
overflow: clip;
|
|
7529
|
-
}._teddy-global-
|
|
7569
|
+
}._teddy-global-navigation_16mx4_1 {
|
|
7530
7570
|
position: sticky;
|
|
7531
7571
|
inset: 0 0 auto 0;
|
|
7532
7572
|
z-index: 39;
|
|
7533
7573
|
}
|
|
7534
|
-
._teddy-global-
|
|
7574
|
+
._teddy-global-navigation__mobile_16mx4_6 {
|
|
7535
7575
|
padding: var(--teddy-spacing-25) var(--teddy-spacing-200);
|
|
7536
7576
|
border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-border-weak);
|
|
7537
7577
|
}
|
|
7538
7578
|
@media screen and (max-width: 335px) {
|
|
7539
|
-
._teddy-global-
|
|
7579
|
+
._teddy-global-navigation__mobile_16mx4_6 {
|
|
7540
7580
|
padding: var(--teddy-spacing-25) 0;
|
|
7541
7581
|
}
|
|
7542
7582
|
}
|
|
7543
|
-
._teddy-global-
|
|
7583
|
+
._teddy-global-navigation__mobile_16mx4_6::before {
|
|
7544
7584
|
content: "";
|
|
7545
7585
|
display: block;
|
|
7546
7586
|
width: var(--width-for-centering-element);
|
|
7547
7587
|
}
|
|
7548
|
-
._teddy-global-
|
|
7588
|
+
._teddy-global-navigation__mobile_16mx4_6::after {
|
|
7549
7589
|
content: "";
|
|
7550
7590
|
display: block;
|
|
7551
7591
|
width: var(--width-for-centering-element);
|
|
7552
7592
|
}
|
|
7553
7593
|
@media screen and (max-width: 335px) {
|
|
7554
|
-
._teddy-global-navigation__top-icon-
|
|
7594
|
+
._teddy-global-navigation__top-icon-wrapper_16mx4_26 {
|
|
7555
7595
|
gap: 0;
|
|
7556
7596
|
}
|
|
7557
7597
|
}
|
|
7558
7598
|
@media screen and (max-width: 335px) {
|
|
7559
|
-
._teddy-global-navigation__top-menu-
|
|
7599
|
+
._teddy-global-navigation__top-menu-icons_16mx4_31 {
|
|
7560
7600
|
gap: 0;
|
|
7561
7601
|
}
|
|
7562
7602
|
}
|
|
7563
|
-
._teddy-global-
|
|
7603
|
+
._teddy-global-navigation__link_16mx4_35 {
|
|
7564
7604
|
text-decoration: none;
|
|
7565
7605
|
display: flex;
|
|
7566
7606
|
justify-content: space-between;
|
|
@@ -7570,46 +7610,46 @@
|
|
|
7570
7610
|
font-weight: var(--teddy-typography-weight-bold);
|
|
7571
7611
|
font-size: var(--teddy-typography-scale-400);
|
|
7572
7612
|
}
|
|
7573
|
-
._teddy-global-
|
|
7613
|
+
._teddy-global-navigation__link_16mx4_35:hover {
|
|
7574
7614
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
7575
7615
|
}
|
|
7576
|
-
._teddy-global-
|
|
7616
|
+
._teddy-global-navigation__header_16mx4_48 {
|
|
7577
7617
|
color: var(--teddy-color-text-interactive-primary);
|
|
7578
7618
|
}
|
|
7579
|
-
._teddy-global-navigation__colored-
|
|
7619
|
+
._teddy-global-navigation__colored-box_16mx4_51 {
|
|
7580
7620
|
background-color: var(--teddy-color-background-secondary);
|
|
7581
7621
|
padding: 40px;
|
|
7582
7622
|
}
|
|
7583
|
-
._teddy-global-navigation__colored-box--
|
|
7623
|
+
._teddy-global-navigation__colored-box--mobile_16mx4_55 {
|
|
7584
7624
|
margin: 0 -1.5rem;
|
|
7585
7625
|
background-color: var(--teddy-color-background-secondary);
|
|
7586
7626
|
}
|
|
7587
|
-
._teddy-global-navigation__sublink-button--
|
|
7627
|
+
._teddy-global-navigation__sublink-button--mobile_16mx4_59 {
|
|
7588
7628
|
background-color: transparent;
|
|
7589
7629
|
padding: 0;
|
|
7590
7630
|
color: var(--teddy-color-text-interactive-primary);
|
|
7591
7631
|
border-radius: unset;
|
|
7592
7632
|
}
|
|
7593
|
-
._teddy-global-
|
|
7633
|
+
._teddy-global-navigation__list_16mx4_65 {
|
|
7594
7634
|
column-count: 2;
|
|
7595
7635
|
max-height: 13rem;
|
|
7596
7636
|
column-gap: var(--teddy-spacing-300);
|
|
7597
7637
|
}
|
|
7598
|
-
._teddy-global-
|
|
7638
|
+
._teddy-global-navigation__viewport_16mx4_70._teddy-global-navigation__viewport_16mx4_70 {
|
|
7599
7639
|
height: var(--teddy-viewport-wrapper-height);
|
|
7600
7640
|
}
|
|
7601
|
-
._teddy-global-navigation__item-
|
|
7641
|
+
._teddy-global-navigation__item-wrapper_16mx4_73 {
|
|
7602
7642
|
position: relative;
|
|
7603
7643
|
display: flex;
|
|
7604
7644
|
}
|
|
7605
|
-
._teddy-global-navigation__item-
|
|
7645
|
+
._teddy-global-navigation__item-count_16mx4_77 {
|
|
7606
7646
|
display: flex;
|
|
7607
7647
|
justify-content: center;
|
|
7608
7648
|
align-items: center;
|
|
7609
7649
|
position: absolute;
|
|
7610
7650
|
transform: translate(calc(var(--teddy-spacing-150) + var(--teddy-spacing-25)), calc(-1 * var(--teddy-spacing-100) + var(--teddy-spacing-10)));
|
|
7611
7651
|
}
|
|
7612
|
-
._teddy-global-navigation__viewport-
|
|
7652
|
+
._teddy-global-navigation__viewport-wrapper_16mx4_84 {
|
|
7613
7653
|
position: absolute;
|
|
7614
7654
|
left: 0;
|
|
7615
7655
|
width: 100%;
|
|
@@ -7617,54 +7657,56 @@
|
|
|
7617
7657
|
transition: max-height var(--teddy-motion-duration-controlled, 0) ease;
|
|
7618
7658
|
box-shadow: var(--teddy-shadow-md);
|
|
7619
7659
|
background-color: var(--teddy-color-background-primary);
|
|
7620
|
-
box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px inset, var(--teddy-shadow-md);
|
|
7621
7660
|
}
|
|
7622
|
-
._teddy-global-navigation__viewport-
|
|
7661
|
+
._teddy-global-navigation__viewport-wrapper_16mx4_84[data-state=open] {
|
|
7623
7662
|
max-height: var(--teddy-viewport-wrapper-height);
|
|
7624
7663
|
}
|
|
7625
|
-
._teddy-global-navigation__viewport-
|
|
7664
|
+
._teddy-global-navigation__viewport-wrapper_16mx4_84[data-state=closed] {
|
|
7626
7665
|
max-height: 0;
|
|
7627
|
-
animation: _close-
|
|
7666
|
+
animation: _close-viewport_16mx4_1 var(--teddy-motion-duration-controlled, 0) ease;
|
|
7667
|
+
}
|
|
7668
|
+
._teddy-global-navigation__viewport-wrapper_16mx4_84 {
|
|
7669
|
+
box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px inset, var(--teddy-shadow-md);
|
|
7628
7670
|
}
|
|
7629
|
-
._teddy-global-navigation__top-menu-
|
|
7671
|
+
._teddy-global-navigation__top-menu-color_16mx4_103 {
|
|
7630
7672
|
background-color: var(--teddy-color-background-secondary);
|
|
7631
7673
|
}
|
|
7632
|
-
._teddy-global-navigation__top-menu-
|
|
7674
|
+
._teddy-global-navigation__top-menu-wrapper_16mx4_106 {
|
|
7633
7675
|
overflow: hidden;
|
|
7634
7676
|
max-width: 84rem;
|
|
7635
7677
|
transition: max-height var(--teddy-motion-duration-controlled, 0) ease;
|
|
7636
7678
|
margin: 0 var(--teddy-spacing-600);
|
|
7637
7679
|
}
|
|
7638
7680
|
@media (min-width: 1440px) {
|
|
7639
|
-
._teddy-global-navigation__top-menu-
|
|
7681
|
+
._teddy-global-navigation__top-menu-wrapper_16mx4_106 {
|
|
7640
7682
|
margin: 0 auto;
|
|
7641
7683
|
}
|
|
7642
7684
|
}
|
|
7643
|
-
._teddy-global-navigation__top-menu-
|
|
7685
|
+
._teddy-global-navigation__top-menu-wrapper_16mx4_106[data-state=open] {
|
|
7644
7686
|
max-height: var(--teddy-top-menu-height, 47px);
|
|
7645
7687
|
}
|
|
7646
|
-
._teddy-global-navigation__top-menu-
|
|
7688
|
+
._teddy-global-navigation__top-menu-wrapper_16mx4_106[data-state=closed] {
|
|
7647
7689
|
max-height: 0;
|
|
7648
7690
|
}
|
|
7649
|
-
@keyframes _close-
|
|
7691
|
+
@keyframes _close-viewport_16mx4_1 {
|
|
7650
7692
|
0% {
|
|
7651
7693
|
max-height: var(--teddy-viewport-wrapper-height);
|
|
7652
7694
|
}
|
|
7653
7695
|
100% {
|
|
7654
7696
|
max-height: 0;
|
|
7655
7697
|
}
|
|
7656
|
-
}._date-
|
|
7698
|
+
}._date-picker_194o1_1 {
|
|
7657
7699
|
display: flex;
|
|
7658
7700
|
flex-direction: column;
|
|
7659
7701
|
position: relative;
|
|
7660
7702
|
width: 100%;
|
|
7661
7703
|
}
|
|
7662
|
-
._date-
|
|
7704
|
+
._date-picker__container_194o1_7 {
|
|
7663
7705
|
display: block;
|
|
7664
7706
|
width: 100%;
|
|
7665
7707
|
max-width: 480px;
|
|
7666
7708
|
}
|
|
7667
|
-
._date-
|
|
7709
|
+
._date-picker_194o1_1 > label {
|
|
7668
7710
|
font-family: var(--teddy-typography-family-default);
|
|
7669
7711
|
color: var(--teddy-color-transparent-black-800);
|
|
7670
7712
|
font-weight: 500;
|
|
@@ -7672,7 +7714,7 @@
|
|
|
7672
7714
|
order: 2;
|
|
7673
7715
|
margin-bottom: 4px;
|
|
7674
7716
|
}
|
|
7675
|
-
._date-
|
|
7717
|
+
._date-picker__input_194o1_20 {
|
|
7676
7718
|
font-family: var(--teddy-typography-family-default);
|
|
7677
7719
|
order: 2;
|
|
7678
7720
|
height: 2.875rem;
|
|
@@ -7683,44 +7725,46 @@
|
|
|
7683
7725
|
gap: var(--teddy-spacing-100);
|
|
7684
7726
|
align-self: stretch;
|
|
7685
7727
|
width: 18rem;
|
|
7686
|
-
border: 1px solid var(--teddy-color-purple-800);
|
|
7687
|
-
border-radius: 4px;
|
|
7688
|
-
background: #fff;
|
|
7689
7728
|
}
|
|
7690
7729
|
@media screen and (max-width: 378px) {
|
|
7691
|
-
._date-
|
|
7730
|
+
._date-picker__input_194o1_20 {
|
|
7692
7731
|
width: 100%;
|
|
7693
7732
|
max-width: 18rem;
|
|
7694
7733
|
}
|
|
7695
7734
|
}
|
|
7696
|
-
._date-
|
|
7735
|
+
._date-picker__input_194o1_20 {
|
|
7736
|
+
border: 1px solid var(--teddy-color-purple-800);
|
|
7737
|
+
border-radius: 4px;
|
|
7738
|
+
background: #fff;
|
|
7739
|
+
}
|
|
7740
|
+
._date-picker__input_194o1_20:invalid {
|
|
7697
7741
|
border: 1px solid var(--teddy-color-red-500);
|
|
7698
7742
|
}
|
|
7699
|
-
._date-picker__input--
|
|
7743
|
+
._date-picker__input--touched_194o1_46:invalid {
|
|
7700
7744
|
border: 1px solid var(--teddy-color-red-500);
|
|
7701
7745
|
}
|
|
7702
|
-
._date-
|
|
7746
|
+
._date-picker__input_194o1_20:focus-visible {
|
|
7703
7747
|
border: 12px solid transparent;
|
|
7704
7748
|
box-shadow: 0 0 0 2x var(--teddy-color-blue-600); /* Outline-like box-shadow */
|
|
7705
7749
|
padding-left: calc(3em - 11px);
|
|
7706
7750
|
}
|
|
7707
|
-
._date-picker__input-icon-
|
|
7751
|
+
._date-picker__input-icon-container_194o1_54 {
|
|
7708
7752
|
position: absolute;
|
|
7709
7753
|
margin: 0;
|
|
7710
7754
|
margin-top: 2.2rem;
|
|
7711
7755
|
order: 3;
|
|
7712
7756
|
}
|
|
7713
|
-
._date-picker__toggle-
|
|
7757
|
+
._date-picker__toggle-button_194o1_60 {
|
|
7714
7758
|
background: transparent;
|
|
7715
7759
|
border: 0;
|
|
7716
7760
|
cursor: pointer;
|
|
7717
7761
|
transition: all 300ms ease;
|
|
7718
7762
|
color: var(--teddy-color-transparent-black-400);
|
|
7719
7763
|
}
|
|
7720
|
-
._date-
|
|
7764
|
+
._date-picker__additional_194o1_67 {
|
|
7721
7765
|
order: 5;
|
|
7722
7766
|
}
|
|
7723
|
-
._date-
|
|
7767
|
+
._date-picker__error_194o1_70 {
|
|
7724
7768
|
margin: 4px 0 0;
|
|
7725
7769
|
display: flex;
|
|
7726
7770
|
gap: 0.25rem;
|
|
@@ -7728,19 +7772,19 @@
|
|
|
7728
7772
|
order: 6 !important;
|
|
7729
7773
|
color: var(--teddy-color-red-500) !important;
|
|
7730
7774
|
}
|
|
7731
|
-
._date-picker__toggle-
|
|
7775
|
+
._date-picker__toggle-icon_194o1_78 {
|
|
7732
7776
|
display: inline-block;
|
|
7733
7777
|
margin-left: 4px;
|
|
7734
7778
|
height: 1.5rem;
|
|
7735
7779
|
width: 1.5rem;
|
|
7736
7780
|
}
|
|
7737
|
-
._date-picker__input--
|
|
7781
|
+
._date-picker__input--touched_194o1_46:invalid ~ ._date-picker__input-icon-container_194o1_54 {
|
|
7738
7782
|
color: #e4175c;
|
|
7739
7783
|
}
|
|
7740
|
-
._date-picker__dialog-
|
|
7784
|
+
._date-picker__dialog-container_194o1_87 {
|
|
7741
7785
|
order: 4;
|
|
7742
7786
|
}
|
|
7743
|
-
._date-
|
|
7787
|
+
._date-picker__dialog_194o1_87 {
|
|
7744
7788
|
z-index: 300;
|
|
7745
7789
|
background-color: rgba(0, 0, 0, 0.22);
|
|
7746
7790
|
bottom: 0;
|
|
@@ -7756,6 +7800,13 @@
|
|
|
7756
7800
|
min-width: 288px;
|
|
7757
7801
|
width: 100%;
|
|
7758
7802
|
max-width: 288px;
|
|
7803
|
+
}
|
|
7804
|
+
@media screen and (max-width: 378px) {
|
|
7805
|
+
._date-picker__dialog_194o1_87 {
|
|
7806
|
+
min-width: 224px;
|
|
7807
|
+
}
|
|
7808
|
+
}
|
|
7809
|
+
._date-picker__dialog_194o1_87 {
|
|
7759
7810
|
will-change: transform, opacity, visibility;
|
|
7760
7811
|
background: none;
|
|
7761
7812
|
bottom: auto;
|
|
@@ -7765,17 +7816,12 @@
|
|
|
7765
7816
|
transform: scale(0.96) translateZ(0) translateY(-2rem);
|
|
7766
7817
|
transform-origin: top right;
|
|
7767
7818
|
}
|
|
7768
|
-
|
|
7769
|
-
._date-picker__dialog_yt3fh_85 {
|
|
7770
|
-
min-width: 224px;
|
|
7771
|
-
}
|
|
7772
|
-
}
|
|
7773
|
-
._date-picker__dialog_yt3fh_85._is-active_yt3fh_118 {
|
|
7819
|
+
._date-picker__dialog_194o1_87._is-active_194o1_122 {
|
|
7774
7820
|
opacity: 1;
|
|
7775
7821
|
transform: scale(1.0001) translateZ(0) translateY(0);
|
|
7776
7822
|
visibility: visible;
|
|
7777
7823
|
}
|
|
7778
|
-
._date-picker__dialog-
|
|
7824
|
+
._date-picker__dialog-content_194o1_127 {
|
|
7779
7825
|
display: none;
|
|
7780
7826
|
background: white;
|
|
7781
7827
|
border-radius: 8px;
|
|
@@ -7795,21 +7841,21 @@
|
|
|
7795
7841
|
visibility: visible;
|
|
7796
7842
|
transition: transform 300 ease, opacity 300 ease, visibility 300 ease;
|
|
7797
7843
|
}
|
|
7798
|
-
._is-
|
|
7844
|
+
._is-active_194o1_122 ._date-picker__dialog-content_194o1_127 {
|
|
7799
7845
|
display: block;
|
|
7800
7846
|
transform: translateZ(0) translateY(0);
|
|
7801
7847
|
}
|
|
7802
|
-
._date-picker__table-
|
|
7848
|
+
._date-picker__table-scrollable_194o1_151 {
|
|
7803
7849
|
max-height: 200px;
|
|
7804
7850
|
overflow-x: hidden;
|
|
7805
7851
|
overflow-y: scroll;
|
|
7806
7852
|
}
|
|
7807
|
-
._date-picker__table-
|
|
7853
|
+
._date-picker__table-wrapper_194o1_156 {
|
|
7808
7854
|
padding: 0 8px;
|
|
7809
7855
|
padding-top: 16px;
|
|
7810
7856
|
padding-bottom: 12px;
|
|
7811
7857
|
}
|
|
7812
|
-
._date-
|
|
7858
|
+
._date-picker__table_194o1_151 {
|
|
7813
7859
|
border-collapse: collapse;
|
|
7814
7860
|
border-spacing: 0;
|
|
7815
7861
|
line-height: 1.25;
|
|
@@ -7818,7 +7864,7 @@
|
|
|
7818
7864
|
text-align: center;
|
|
7819
7865
|
width: 100%;
|
|
7820
7866
|
}
|
|
7821
|
-
._date-picker__table-
|
|
7867
|
+
._date-picker__table-header_194o1_170 {
|
|
7822
7868
|
font-family: var(--teddy-typography-family-default);
|
|
7823
7869
|
color: var(--teddy-color-transparent-black-600);
|
|
7824
7870
|
letter-spacing: dynamic-rem(0.1rem);
|
|
@@ -7829,21 +7875,21 @@
|
|
|
7829
7875
|
font-weight: 500;
|
|
7830
7876
|
letter-spacing: 1px;
|
|
7831
7877
|
}
|
|
7832
|
-
._date-
|
|
7878
|
+
._date-picker__row_194o1_181 {
|
|
7833
7879
|
line-height: 1.4;
|
|
7834
7880
|
}
|
|
7835
|
-
._date-
|
|
7881
|
+
._date-picker__cell_194o1_184 {
|
|
7836
7882
|
text-align: center;
|
|
7837
7883
|
width: 24px;
|
|
7838
7884
|
height: 24px;
|
|
7839
7885
|
}
|
|
7840
7886
|
@media screen and (max-width: 378px) {
|
|
7841
|
-
._date-
|
|
7887
|
+
._date-picker__cell_194o1_184 {
|
|
7842
7888
|
width: 22px;
|
|
7843
7889
|
height: 22px;
|
|
7844
7890
|
}
|
|
7845
7891
|
}
|
|
7846
|
-
._date-picker__year-
|
|
7892
|
+
._date-picker__year-button_194o1_195 {
|
|
7847
7893
|
line-height: 1.25;
|
|
7848
7894
|
font-size: 1rem;
|
|
7849
7895
|
background: transparent;
|
|
@@ -7855,30 +7901,30 @@
|
|
|
7855
7901
|
height: 40px;
|
|
7856
7902
|
min-width: 40px;
|
|
7857
7903
|
}
|
|
7858
|
-
._date-picker__year-
|
|
7904
|
+
._date-picker__year-button_194o1_195 span {
|
|
7859
7905
|
color: var(--teddy-color-purple-700);
|
|
7860
7906
|
font-weight: bold;
|
|
7861
7907
|
font-family: var(--teddy-typography-family-default);
|
|
7862
7908
|
}
|
|
7863
|
-
._date-picker__year-
|
|
7909
|
+
._date-picker__year-button_194o1_195:hover span {
|
|
7864
7910
|
color: var(--teddy-color-purple-800);
|
|
7865
7911
|
}
|
|
7866
|
-
._date-picker__year-
|
|
7912
|
+
._date-picker__year-button_194o1_195:focus-visible {
|
|
7867
7913
|
outline: 0;
|
|
7868
7914
|
border: 0;
|
|
7869
7915
|
padding: 4px;
|
|
7870
7916
|
box-shadow: 0px 0px 0px 2px var(--teddy-color-blue-600);
|
|
7871
7917
|
}
|
|
7872
|
-
._date-picker__year-
|
|
7918
|
+
._date-picker__year-button_194o1_195:active span {
|
|
7873
7919
|
color: var(--teddy-color-purple-800);
|
|
7874
7920
|
}
|
|
7875
|
-
._date-picker__year-
|
|
7921
|
+
._date-picker__year-chevron_194o1_224 {
|
|
7876
7922
|
position: relative;
|
|
7877
7923
|
width: 24px;
|
|
7878
7924
|
top: 2px;
|
|
7879
7925
|
color: var(--teddy-color-purple-700);
|
|
7880
7926
|
}
|
|
7881
|
-
._date-
|
|
7927
|
+
._date-picker__year_194o1_195 {
|
|
7882
7928
|
color: var(--teddy-color-purple-700);
|
|
7883
7929
|
appearance: none;
|
|
7884
7930
|
background: transparent;
|
|
@@ -7894,40 +7940,40 @@
|
|
|
7894
7940
|
width: fit-content;
|
|
7895
7941
|
outline: 0;
|
|
7896
7942
|
}
|
|
7897
|
-
._date-
|
|
7943
|
+
._date-picker__year_194o1_195._is-today_194o1_246 {
|
|
7898
7944
|
border: 0.5px solid;
|
|
7899
7945
|
color: var(--teddy-color-purple-800);
|
|
7900
7946
|
}
|
|
7901
|
-
._date-
|
|
7947
|
+
._date-picker__year_194o1_195._is-focused_194o1_250 {
|
|
7902
7948
|
border: 0.75px solid;
|
|
7903
7949
|
color: var(--teddy-color-purple-700);
|
|
7904
7950
|
}
|
|
7905
|
-
._date-
|
|
7951
|
+
._date-picker__year_194o1_195:hover {
|
|
7906
7952
|
background: var(--teddy-color-purple-100);
|
|
7907
7953
|
color: var(--teddy-color-purple-900);
|
|
7908
7954
|
}
|
|
7909
|
-
._date-
|
|
7955
|
+
._date-picker__year_194o1_195:focus {
|
|
7910
7956
|
background: var(--teddy-color-purple-100);
|
|
7911
7957
|
color: var(--teddy-color-purple-900);
|
|
7912
7958
|
border: 0;
|
|
7913
7959
|
outline: 0;
|
|
7914
7960
|
}
|
|
7915
|
-
._date-
|
|
7961
|
+
._date-picker__year_194o1_195:active {
|
|
7916
7962
|
background: var(--teddy-color-purple-200);
|
|
7917
7963
|
color: var(--teddy-color-purple-900);
|
|
7918
7964
|
}
|
|
7919
|
-
._date-
|
|
7965
|
+
._date-picker__year_194o1_195[aria-pressed=true] {
|
|
7920
7966
|
background-color: var(--teddy-color-purple-800);
|
|
7921
7967
|
color: white;
|
|
7922
7968
|
box-shadow: none;
|
|
7923
7969
|
outline: 0;
|
|
7924
7970
|
}
|
|
7925
|
-
._date-
|
|
7971
|
+
._date-picker__year_194o1_195[aria-disabled=true] {
|
|
7926
7972
|
cursor: default;
|
|
7927
7973
|
background: transparent;
|
|
7928
7974
|
color: #dcdce1;
|
|
7929
7975
|
}
|
|
7930
|
-
._date-
|
|
7976
|
+
._date-picker__day_194o1_279 {
|
|
7931
7977
|
font-family: var(--teddy-typography-family-default);
|
|
7932
7978
|
color: var(--teddy-color-purple-700);
|
|
7933
7979
|
font-style: normal;
|
|
@@ -7949,61 +7995,61 @@
|
|
|
7949
7995
|
width: 2rem;
|
|
7950
7996
|
}
|
|
7951
7997
|
@media screen and (max-width: 378px) {
|
|
7952
|
-
._date-
|
|
7998
|
+
._date-picker__day_194o1_279 {
|
|
7953
7999
|
width: 22px;
|
|
7954
8000
|
height: 22px;
|
|
7955
8001
|
padding: 0;
|
|
7956
8002
|
}
|
|
7957
8003
|
}
|
|
7958
|
-
._date-
|
|
8004
|
+
._date-picker__day_194o1_279:not(._is-month_194o1_307) {
|
|
7959
8005
|
box-shadow: none;
|
|
7960
8006
|
color: var(--teddy-color-transparent-black-400);
|
|
7961
8007
|
}
|
|
7962
|
-
._date-
|
|
8008
|
+
._date-picker__day_194o1_279._is-today_194o1_246 {
|
|
7963
8009
|
border: 0.5px solid;
|
|
7964
8010
|
color: var(--teddy-color-purple-800);
|
|
7965
8011
|
}
|
|
7966
|
-
._date-
|
|
8012
|
+
._date-picker__day_194o1_279:hover {
|
|
7967
8013
|
background: var(--teddy-color-purple-100);
|
|
7968
8014
|
color: var(--teddy-color-purple-900);
|
|
7969
8015
|
}
|
|
7970
|
-
._date-
|
|
8016
|
+
._date-picker__day_194o1_279:focus {
|
|
7971
8017
|
background: var(--teddy-color-purple-100);
|
|
7972
8018
|
color: var(--teddy-color-purple-900);
|
|
7973
8019
|
}
|
|
7974
|
-
._date-
|
|
8020
|
+
._date-picker__day_194o1_279:active {
|
|
7975
8021
|
background: var(--teddy-color-purple-200);
|
|
7976
8022
|
color: var(--teddy-color-purple-900);
|
|
7977
8023
|
}
|
|
7978
|
-
._date-
|
|
8024
|
+
._date-picker__day_194o1_279[aria-pressed=true] {
|
|
7979
8025
|
background-color: var(--teddy-color-purple-800);
|
|
7980
8026
|
color: white;
|
|
7981
8027
|
box-shadow: none;
|
|
7982
8028
|
outline: 0;
|
|
7983
8029
|
}
|
|
7984
|
-
._date-
|
|
8030
|
+
._date-picker__day_194o1_279[aria-disabled=true] {
|
|
7985
8031
|
cursor: default;
|
|
7986
8032
|
background: transparent;
|
|
7987
8033
|
color: #dcdce1;
|
|
7988
8034
|
}
|
|
7989
|
-
._date-
|
|
8035
|
+
._date-picker__header_194o1_338 {
|
|
7990
8036
|
align-items: center;
|
|
7991
8037
|
display: flex;
|
|
7992
8038
|
justify-content: space-between;
|
|
7993
8039
|
padding: 1rem 1rem 0;
|
|
7994
8040
|
}
|
|
7995
8041
|
@media screen and (max-width: 378px) {
|
|
7996
|
-
._date-
|
|
8042
|
+
._date-picker__header_194o1_338 {
|
|
7997
8043
|
padding: 0.75rem 0.75rem 0;
|
|
7998
8044
|
}
|
|
7999
8045
|
}
|
|
8000
|
-
._date-
|
|
8046
|
+
._date-picker__nav_194o1_349 {
|
|
8001
8047
|
white-space: nowrap;
|
|
8002
8048
|
position: relative;
|
|
8003
8049
|
display: inline-flex;
|
|
8004
8050
|
width: 100%;
|
|
8005
8051
|
}
|
|
8006
|
-
._date-picker__nav-
|
|
8052
|
+
._date-picker__nav-month_194o1_355 {
|
|
8007
8053
|
white-space: nowrap;
|
|
8008
8054
|
display: inline-flex;
|
|
8009
8055
|
width: 160px;
|
|
@@ -8011,7 +8057,7 @@
|
|
|
8011
8057
|
color: var(--teddy-color-purple-700);
|
|
8012
8058
|
font-family: var(--teddy-typography-family-default);
|
|
8013
8059
|
}
|
|
8014
|
-
._date-
|
|
8060
|
+
._date-picker__prev_194o1_363, ._date-picker__next_194o1_363 {
|
|
8015
8061
|
background: transparent;
|
|
8016
8062
|
border: 0;
|
|
8017
8063
|
font-family: var(--teddy-typography-family-default);
|
|
@@ -8029,34 +8075,34 @@
|
|
|
8029
8075
|
padding: 0;
|
|
8030
8076
|
outline: none;
|
|
8031
8077
|
}
|
|
8032
|
-
._date-
|
|
8078
|
+
._date-picker__prev_194o1_363:not([disabled]):hover, ._date-picker__next_194o1_363:not([disabled]):hover {
|
|
8033
8079
|
color: var(--teddy-color-purple-900);
|
|
8034
8080
|
}
|
|
8035
|
-
._date-
|
|
8081
|
+
._date-picker__prev_194o1_363:active, ._date-picker__prev_194o1_363:focus, ._date-picker__next_194o1_363:active, ._date-picker__next_194o1_363:focus {
|
|
8036
8082
|
color: var(--teddy-color-purple-500);
|
|
8037
8083
|
box-shadow: none;
|
|
8038
8084
|
border: solid 0.1px var(--teddy-color-purple-500);
|
|
8039
8085
|
border-radius: 100%;
|
|
8040
8086
|
}
|
|
8041
|
-
._date-
|
|
8087
|
+
._date-picker__prev_194o1_363:disabled, ._date-picker__next_194o1_363:disabled {
|
|
8042
8088
|
cursor: default;
|
|
8043
8089
|
opacity: 0.5;
|
|
8044
8090
|
}
|
|
8045
|
-
._date-picker__prev-
|
|
8091
|
+
._date-picker__prev-icon_194o1_394 {
|
|
8046
8092
|
margin: 0 auto;
|
|
8047
8093
|
width: 24px;
|
|
8048
8094
|
height: 16px;
|
|
8049
8095
|
}
|
|
8050
|
-
._date-picker__next-
|
|
8096
|
+
._date-picker__next-icon_194o1_399 {
|
|
8051
8097
|
margin: 0 auto;
|
|
8052
8098
|
width: 24px;
|
|
8053
8099
|
height: 16px;
|
|
8054
8100
|
}
|
|
8055
|
-
._date-
|
|
8101
|
+
._date-picker__select_194o1_404 {
|
|
8056
8102
|
position: relative;
|
|
8057
8103
|
display: inline-flex;
|
|
8058
8104
|
}
|
|
8059
|
-
._date-
|
|
8105
|
+
._date-picker__select_194o1_404 select {
|
|
8060
8106
|
cursor: pointer;
|
|
8061
8107
|
font-size: 1rem;
|
|
8062
8108
|
height: 100%;
|
|
@@ -8066,13 +8112,13 @@
|
|
|
8066
8112
|
top: 0;
|
|
8067
8113
|
width: 100%;
|
|
8068
8114
|
}
|
|
8069
|
-
._date-
|
|
8115
|
+
._date-picker__select_194o1_404 select:focus + ._date-picker__select-label_194o1_418 {
|
|
8070
8116
|
box-shadow: 0 0 0 0.2rem var(--teddy-color-purple-800);
|
|
8071
8117
|
}
|
|
8072
|
-
._date-picker__select-
|
|
8118
|
+
._date-picker__select-icon_194o1_421 {
|
|
8073
8119
|
margin: 0 0 0 4px;
|
|
8074
8120
|
}
|
|
8075
|
-
._date-picker__select-
|
|
8121
|
+
._date-picker__select-label_194o1_418 {
|
|
8076
8122
|
font-weight: bold;
|
|
8077
8123
|
color: var(--teddy-color-purple-700);
|
|
8078
8124
|
font-family: var(--teddy-typography-family-default);
|
|
@@ -8088,7 +8134,7 @@
|
|
|
8088
8134
|
display: inline-flex;
|
|
8089
8135
|
justify-content: center;
|
|
8090
8136
|
}
|
|
8091
|
-
._date-
|
|
8137
|
+
._date-picker__close_year_194o1_440 {
|
|
8092
8138
|
right: 0;
|
|
8093
8139
|
position: absolute;
|
|
8094
8140
|
height: 30px;
|
|
@@ -8102,7 +8148,7 @@
|
|
|
8102
8148
|
display: flex;
|
|
8103
8149
|
justify-content: center;
|
|
8104
8150
|
}
|
|
8105
|
-
._date-
|
|
8151
|
+
._date-picker__vhidden_194o1_454 {
|
|
8106
8152
|
border: 0;
|
|
8107
8153
|
clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);
|
|
8108
8154
|
height: 0.0625rem;
|