@telia/teddy 0.7.53 → 0.7.55
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.d.ts +41 -41
- 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/index.d.ts +16 -16
- package/dist/components/select/select-group.d.ts +2 -2
- package/dist/components/select/select-root.d.ts +11 -11
- 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 +841 -800
- 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 +56 -57
- 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 {
|
|
@@ -6400,19 +6429,19 @@
|
|
|
6400
6429
|
._teddy-radio-group__indicator_1flae_111[data-disabled]::after {
|
|
6401
6430
|
background-color: var(--teddy-color-text-weak);
|
|
6402
6431
|
}@layer icon, toggle;
|
|
6403
|
-
._teddy-
|
|
6432
|
+
._teddy-toggle__input_1vhz7_2::before {
|
|
6404
6433
|
box-sizing: border-box;
|
|
6405
6434
|
}
|
|
6406
6435
|
|
|
6407
6436
|
@layer toggle {
|
|
6408
|
-
._teddy-
|
|
6437
|
+
._teddy-toggle_1vhz7_2 {
|
|
6409
6438
|
width: fit-content;
|
|
6410
6439
|
display: flex;
|
|
6411
6440
|
align-items: center;
|
|
6412
6441
|
position: relative;
|
|
6413
6442
|
gap: var(--teddy-spacing-150);
|
|
6414
6443
|
}
|
|
6415
|
-
._teddy-
|
|
6444
|
+
._teddy-toggle__input_1vhz7_2 {
|
|
6416
6445
|
all: unset;
|
|
6417
6446
|
cursor: pointer;
|
|
6418
6447
|
display: block;
|
|
@@ -6421,7 +6450,7 @@
|
|
|
6421
6450
|
position: relative;
|
|
6422
6451
|
color: var(--teddy-color-text-interactive-on-primary);
|
|
6423
6452
|
}
|
|
6424
|
-
._teddy-
|
|
6453
|
+
._teddy-toggle__input_1vhz7_2::before {
|
|
6425
6454
|
content: "";
|
|
6426
6455
|
display: block;
|
|
6427
6456
|
position: absolute;
|
|
@@ -6433,40 +6462,40 @@
|
|
|
6433
6462
|
border-radius: var(--teddy-border-radius-full);
|
|
6434
6463
|
}
|
|
6435
6464
|
@media (prefers-reduced-motion: no-preference) {
|
|
6436
|
-
._teddy-
|
|
6465
|
+
._teddy-toggle__input_1vhz7_2::before {
|
|
6437
6466
|
transition: background-color var(--teddy-motion-duration-150) ease, border-color var(--teddy-motion-duration-150) ease;
|
|
6438
6467
|
}
|
|
6439
6468
|
}
|
|
6440
|
-
._teddy-
|
|
6469
|
+
._teddy-toggle__input_1vhz7_2[data-state=checked]::before {
|
|
6441
6470
|
background-color: var(--teddy-color-background-interactive-primary);
|
|
6442
6471
|
border-color: var(--teddy-color-functional-transparent);
|
|
6443
6472
|
}
|
|
6444
|
-
._teddy-
|
|
6473
|
+
._teddy-toggle__input_1vhz7_2[data-state=checked]:disabled::before {
|
|
6445
6474
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
6446
6475
|
border-color: var(--teddy-color-functional-transparent);
|
|
6447
6476
|
}
|
|
6448
|
-
._teddy-
|
|
6477
|
+
._teddy-toggle__input_1vhz7_2[data-state=checked]:hover:not(:disabled)::before {
|
|
6449
6478
|
background-color: var(--teddy-color-background-interactive-primary-hover);
|
|
6450
6479
|
border-color: var(--teddy-color-functional-transparent);
|
|
6451
6480
|
}
|
|
6452
|
-
._teddy-
|
|
6481
|
+
._teddy-toggle__input_1vhz7_2[data-state=checked]:active:not(:disabled)::before {
|
|
6453
6482
|
background-color: var(--teddy-color-background-interactive-primary-active);
|
|
6454
6483
|
border-color: var(--teddy-color-functional-transparent);
|
|
6455
6484
|
}
|
|
6456
|
-
._teddy-
|
|
6485
|
+
._teddy-toggle__input_1vhz7_2:disabled {
|
|
6457
6486
|
cursor: default;
|
|
6458
6487
|
}
|
|
6459
|
-
._teddy-
|
|
6488
|
+
._teddy-toggle__input_1vhz7_2:disabled::before {
|
|
6460
6489
|
border-color: var(--teddy-color-border-weak);
|
|
6461
6490
|
}
|
|
6462
|
-
._teddy-
|
|
6491
|
+
._teddy-toggle__input_1vhz7_2:hover:not(:disabled)::before {
|
|
6463
6492
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
6464
6493
|
border-color: var(--teddy-color-border-interactive-primary);
|
|
6465
6494
|
}
|
|
6466
|
-
._teddy-
|
|
6495
|
+
._teddy-toggle__input_1vhz7_2:active:not(:disabled)::before {
|
|
6467
6496
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
6468
6497
|
}
|
|
6469
|
-
._teddy-
|
|
6498
|
+
._teddy-toggle_1vhz7_2:focus-within::before {
|
|
6470
6499
|
border-radius: var(--teddy-border-radius-xs);
|
|
6471
6500
|
box-shadow: 0 0 0 var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
|
|
6472
6501
|
content: "";
|
|
@@ -6476,36 +6505,38 @@
|
|
|
6476
6505
|
position: absolute;
|
|
6477
6506
|
pointer-events: none;
|
|
6478
6507
|
}
|
|
6479
|
-
._teddy-
|
|
6508
|
+
._teddy-toggle_1vhz7_2:focus-within:has(._teddy-toggle__input_1vhz7_2:not(:focus-visible))::before {
|
|
6480
6509
|
opacity: 0;
|
|
6481
6510
|
}
|
|
6482
|
-
._teddy-
|
|
6511
|
+
._teddy-toggle__thumb_1vhz7_81 {
|
|
6483
6512
|
position: absolute;
|
|
6484
6513
|
display: block;
|
|
6485
6514
|
height: calc(var(--teddy-spacing-200) + var(--teddy-spacing-25));
|
|
6486
6515
|
width: calc(var(--teddy-spacing-200) + var(--teddy-spacing-25));
|
|
6487
6516
|
border-radius: var(--teddy-border-radius-full);
|
|
6488
6517
|
background-color: var(--teddy-color-background-interactive-primary);
|
|
6489
|
-
inset: 50% auto auto var(--teddy-spacing-10);
|
|
6490
|
-
transform: translate(var(--teddy-spacing-25), -50%);
|
|
6491
6518
|
}
|
|
6492
6519
|
@media (prefers-reduced-motion: no-preference) {
|
|
6493
|
-
._teddy-
|
|
6520
|
+
._teddy-toggle__thumb_1vhz7_81 {
|
|
6494
6521
|
transition: transform var(--teddy-motion-duration-150) ease, background-color var(--teddy-motion-duration-150) ease;
|
|
6495
6522
|
will-change: transform;
|
|
6496
6523
|
}
|
|
6497
6524
|
}
|
|
6498
|
-
._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] {
|
|
6499
6530
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
6500
6531
|
}
|
|
6501
|
-
._teddy-
|
|
6532
|
+
._teddy-toggle__thumb_1vhz7_81[data-state=checked] {
|
|
6502
6533
|
background-color: var(--teddy-color-text-interactive-on-primary);
|
|
6503
6534
|
transform: translate(calc(100% + var(--teddy-spacing-50)), -50%);
|
|
6504
6535
|
}
|
|
6505
|
-
._teddy-
|
|
6536
|
+
._teddy-toggle__thumb_1vhz7_81[data-state=checked][data-disabled] {
|
|
6506
6537
|
background-color: var(--teddy-color-text-interactive-on-primary);
|
|
6507
6538
|
}
|
|
6508
|
-
._teddy-
|
|
6539
|
+
._teddy-toggle__indicator_1vhz7_109 {
|
|
6509
6540
|
position: absolute;
|
|
6510
6541
|
inset: 50% auto auto calc(var(--teddy-spacing-150) + var(--teddy-spacing-10));
|
|
6511
6542
|
opacity: 0;
|
|
@@ -6514,11 +6545,11 @@
|
|
|
6514
6545
|
transform-origin: 0 50%;
|
|
6515
6546
|
}
|
|
6516
6547
|
@media (prefers-reduced-motion: no-preference) {
|
|
6517
|
-
._teddy-
|
|
6548
|
+
._teddy-toggle__indicator_1vhz7_109 {
|
|
6518
6549
|
transition: opacity var(--teddy-motion-duration-150) ease, scale var(--teddy-motion-duration-150) ease;
|
|
6519
6550
|
}
|
|
6520
6551
|
}
|
|
6521
|
-
._teddy-
|
|
6552
|
+
._teddy-toggle__input_1vhz7_2[data-state=checked] ._teddy-toggle__indicator_1vhz7_109 {
|
|
6522
6553
|
opacity: 1;
|
|
6523
6554
|
scale: 1;
|
|
6524
6555
|
}
|
|
@@ -7119,28 +7150,30 @@
|
|
|
7119
7150
|
}
|
|
7120
7151
|
._teddy-slider__thumb_96kxz_23:focus {
|
|
7121
7152
|
background-color: var(--teddy-color-purple-800);
|
|
7122
|
-
}._teddy-navigation-
|
|
7153
|
+
}._teddy-navigation-menu_12xrw_1 {
|
|
7123
7154
|
--item-gap: var(--teddy-spacing-200);
|
|
7124
7155
|
--width-for-centering-element: calc((100% - var(--teddy-breakpoint-xl) + var(--teddy-spacing-600) * 2) / 2);
|
|
7125
7156
|
--inline-padding: calc(var(--teddy-spacing-200) - var(--item-gap));
|
|
7126
|
-
box-shadow: var(--teddy-shadow-md);
|
|
7127
|
-
position: relative;
|
|
7128
|
-
display: flex;
|
|
7129
|
-
flex-direction: column;
|
|
7130
|
-
width: auto;
|
|
7131
|
-
background-color: var(--teddy-color-background-primary);
|
|
7132
7157
|
}
|
|
7133
7158
|
@media (min-width: 600px) {
|
|
7134
|
-
._teddy-navigation-
|
|
7159
|
+
._teddy-navigation-menu_12xrw_1 {
|
|
7135
7160
|
--inline-padding: calc(var(--teddy-spacing-300) - var(--item-gap));
|
|
7136
7161
|
}
|
|
7137
7162
|
}
|
|
7138
7163
|
@media (min-width: 1440px) {
|
|
7139
|
-
._teddy-navigation-
|
|
7164
|
+
._teddy-navigation-menu_12xrw_1 {
|
|
7140
7165
|
--inline-padding: calc(var(--teddy-spacing-400) - var(--item-gap));
|
|
7141
7166
|
}
|
|
7142
7167
|
}
|
|
7143
|
-
._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 {
|
|
7144
7177
|
content: "";
|
|
7145
7178
|
position: absolute;
|
|
7146
7179
|
inset: 0;
|
|
@@ -7148,17 +7181,17 @@
|
|
|
7148
7181
|
opacity: 0;
|
|
7149
7182
|
}
|
|
7150
7183
|
@media (prefers-reduced-motion: no-preference) {
|
|
7151
|
-
._teddy-navigation-
|
|
7184
|
+
._teddy-navigation-menu_12xrw_1::after {
|
|
7152
7185
|
transition: opacity var(--teddy-motion-duration-300) ease;
|
|
7153
7186
|
}
|
|
7154
7187
|
}
|
|
7155
|
-
._teddy-navigation-
|
|
7188
|
+
._teddy-navigation-menu_12xrw_1:has(._teddy-navigation-menu__viewport_12xrw_36[data-state=open])::after {
|
|
7156
7189
|
opacity: 1;
|
|
7157
7190
|
}
|
|
7158
|
-
._teddy-navigation-
|
|
7191
|
+
._teddy-navigation-menu__separator_12xrw_39 {
|
|
7159
7192
|
border-top: var(--teddy-border-width-sm) solid var(--teddy-color-border-weak);
|
|
7160
7193
|
}
|
|
7161
|
-
._teddy-navigation-
|
|
7194
|
+
._teddy-navigation-menu__list_12xrw_42 {
|
|
7162
7195
|
all: unset;
|
|
7163
7196
|
list-style-type: none;
|
|
7164
7197
|
display: flex;
|
|
@@ -7168,23 +7201,23 @@
|
|
|
7168
7201
|
gap: var(--item-gap);
|
|
7169
7202
|
}
|
|
7170
7203
|
@media (min-width: 1440px) {
|
|
7171
|
-
._teddy-navigation-
|
|
7204
|
+
._teddy-navigation-menu__list_12xrw_42 {
|
|
7172
7205
|
margin: 0 auto;
|
|
7173
7206
|
}
|
|
7174
7207
|
}
|
|
7175
|
-
._teddy-navigation-
|
|
7208
|
+
._teddy-navigation-menu__list_12xrw_42::before {
|
|
7176
7209
|
display: block;
|
|
7177
7210
|
width: var(--width-for-centering-element);
|
|
7178
7211
|
}
|
|
7179
|
-
._teddy-navigation-
|
|
7212
|
+
._teddy-navigation-menu__list_12xrw_42::after {
|
|
7180
7213
|
content: "";
|
|
7181
7214
|
display: block;
|
|
7182
7215
|
width: var(--width-for-centering-element);
|
|
7183
7216
|
}
|
|
7184
|
-
._teddy-navigation-
|
|
7217
|
+
._teddy-navigation-menu__list_12xrw_42 li {
|
|
7185
7218
|
line-height: 1.2;
|
|
7186
7219
|
}
|
|
7187
|
-
._teddy-navigation-menu__top-menu-
|
|
7220
|
+
._teddy-navigation-menu__top-menu-list_12xrw_68 {
|
|
7188
7221
|
all: unset;
|
|
7189
7222
|
position: relative;
|
|
7190
7223
|
list-style-type: none;
|
|
@@ -7192,20 +7225,20 @@
|
|
|
7192
7225
|
display: flex;
|
|
7193
7226
|
align-items: center;
|
|
7194
7227
|
}
|
|
7195
|
-
._teddy-navigation-menu__top-menu-
|
|
7228
|
+
._teddy-navigation-menu__top-menu-list_12xrw_68::before {
|
|
7196
7229
|
display: block;
|
|
7197
7230
|
width: var(--width-for-centering-element);
|
|
7198
7231
|
}
|
|
7199
|
-
._teddy-navigation-menu__top-menu-
|
|
7232
|
+
._teddy-navigation-menu__top-menu-list_12xrw_68::after {
|
|
7200
7233
|
content: "";
|
|
7201
7234
|
display: block;
|
|
7202
7235
|
width: var(--width-for-centering-element);
|
|
7203
7236
|
}
|
|
7204
|
-
._teddy-navigation-menu__top-menu-
|
|
7237
|
+
._teddy-navigation-menu__top-menu-list_12xrw_68 li {
|
|
7205
7238
|
display: grid;
|
|
7206
7239
|
line-height: 1.2;
|
|
7207
7240
|
}
|
|
7208
|
-
._teddy-navigation-menu__top-menu-
|
|
7241
|
+
._teddy-navigation-menu__top-menu-trigger_12xrw_89 {
|
|
7209
7242
|
all: unset;
|
|
7210
7243
|
position: relative;
|
|
7211
7244
|
cursor: pointer;
|
|
@@ -7224,13 +7257,13 @@
|
|
|
7224
7257
|
padding: var(--teddy-spacing-200) var(--teddy-spacing-100);
|
|
7225
7258
|
text-align: center;
|
|
7226
7259
|
}
|
|
7227
|
-
._teddy-navigation-menu__top-menu-trigger--
|
|
7260
|
+
._teddy-navigation-menu__top-menu-trigger--small_12xrw_108 {
|
|
7228
7261
|
padding: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25) + var(--teddy-spacing-10)) var(--teddy-spacing-100);
|
|
7229
7262
|
font-size: var(--teddy-typography-scale-100);
|
|
7230
7263
|
line-height: var(--teddy-typography-line-height-loose);
|
|
7231
7264
|
outline-offset: -2px;
|
|
7232
7265
|
}
|
|
7233
|
-
._teddy-navigation-menu__top-menu-trigger--
|
|
7266
|
+
._teddy-navigation-menu__top-menu-trigger--button_12xrw_114 {
|
|
7234
7267
|
padding: var(--teddy-spacing-100);
|
|
7235
7268
|
min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-200));
|
|
7236
7269
|
box-sizing: border-box;
|
|
@@ -7243,11 +7276,11 @@
|
|
|
7243
7276
|
row-gap: var(--teddy-spacing-50);
|
|
7244
7277
|
}
|
|
7245
7278
|
@media (max-width: 600px) {
|
|
7246
|
-
._teddy-navigation-menu__top-menu-trigger--
|
|
7279
|
+
._teddy-navigation-menu__top-menu-trigger--button_12xrw_114 {
|
|
7247
7280
|
font-size: var(--teddy-typography-scale-75);
|
|
7248
7281
|
}
|
|
7249
7282
|
}
|
|
7250
|
-
._teddy-navigation-menu__top-menu-
|
|
7283
|
+
._teddy-navigation-menu__top-menu-trigger_12xrw_89::after {
|
|
7251
7284
|
content: "";
|
|
7252
7285
|
display: block;
|
|
7253
7286
|
position: absolute;
|
|
@@ -7258,10 +7291,10 @@
|
|
|
7258
7291
|
pointer-events: none;
|
|
7259
7292
|
border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
|
|
7260
7293
|
}
|
|
7261
|
-
._teddy-navigation-menu__top-menu-trigger--
|
|
7294
|
+
._teddy-navigation-menu__top-menu-trigger--button_12xrw_114::after {
|
|
7262
7295
|
border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
|
|
7263
7296
|
}
|
|
7264
|
-
._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 {
|
|
7265
7298
|
content: attr(data-text);
|
|
7266
7299
|
content: attr(data-text)/"";
|
|
7267
7300
|
height: 0;
|
|
@@ -7272,40 +7305,40 @@
|
|
|
7272
7305
|
font-weight: var(--teddy-typography-weight-bold);
|
|
7273
7306
|
}
|
|
7274
7307
|
@media speech {
|
|
7275
|
-
._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 {
|
|
7276
7309
|
display: none;
|
|
7277
7310
|
}
|
|
7278
7311
|
}
|
|
7279
|
-
._teddy-navigation-menu__top-menu-
|
|
7312
|
+
._teddy-navigation-menu__top-menu-trigger_12xrw_89:hover {
|
|
7280
7313
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
7281
7314
|
}
|
|
7282
|
-
._teddy-navigation-menu__top-menu-
|
|
7315
|
+
._teddy-navigation-menu__top-menu-trigger_12xrw_89:hover::after {
|
|
7283
7316
|
opacity: 1;
|
|
7284
7317
|
}
|
|
7285
|
-
._teddy-navigation-menu__top-menu-
|
|
7318
|
+
._teddy-navigation-menu__top-menu-trigger_12xrw_89:active {
|
|
7286
7319
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
7287
7320
|
}
|
|
7288
|
-
._teddy-navigation-menu__top-menu-
|
|
7321
|
+
._teddy-navigation-menu__top-menu-trigger_12xrw_89:active::after {
|
|
7289
7322
|
opacity: 1;
|
|
7290
7323
|
}
|
|
7291
|
-
._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] {
|
|
7292
7325
|
font-weight: var(--teddy-typography-weight-bold);
|
|
7293
7326
|
}
|
|
7294
|
-
._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 {
|
|
7295
7328
|
border-color: var(--teddy-color-text-interactive-primary);
|
|
7296
7329
|
opacity: 1;
|
|
7297
7330
|
}
|
|
7298
|
-
._teddy-navigation-menu__top-menu-
|
|
7331
|
+
._teddy-navigation-menu__top-menu-trigger_12xrw_89:focus-visible {
|
|
7299
7332
|
outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
|
|
7300
7333
|
}
|
|
7301
|
-
._teddy-navigation-menu__top-menu-
|
|
7334
|
+
._teddy-navigation-menu__top-menu-trigger_12xrw_89[data-state=open] {
|
|
7302
7335
|
font-weight: var(--teddy-typography-weight-bold);
|
|
7303
7336
|
}
|
|
7304
|
-
._teddy-navigation-menu__top-menu-
|
|
7337
|
+
._teddy-navigation-menu__top-menu-trigger_12xrw_89[data-state=open]::after {
|
|
7305
7338
|
border-color: var(--teddy-color-text-interactive-primary);
|
|
7306
7339
|
opacity: 1;
|
|
7307
7340
|
}
|
|
7308
|
-
._teddy-navigation-
|
|
7341
|
+
._teddy-navigation-menu__content_12xrw_189 {
|
|
7309
7342
|
all: unset;
|
|
7310
7343
|
list-style-type: none;
|
|
7311
7344
|
justify-content: space-between;
|
|
@@ -7316,28 +7349,28 @@
|
|
|
7316
7349
|
margin: 0 var(--teddy-spacing-600);
|
|
7317
7350
|
overflow: clip;
|
|
7318
7351
|
}
|
|
7319
|
-
._teddy-navigation-
|
|
7352
|
+
._teddy-navigation-menu__content_12xrw_189 > ul {
|
|
7320
7353
|
list-style: none;
|
|
7321
7354
|
display: flex;
|
|
7322
7355
|
margin: 0;
|
|
7323
7356
|
padding: 0;
|
|
7324
7357
|
}
|
|
7325
|
-
._teddy-navigation-
|
|
7358
|
+
._teddy-navigation-menu__content_12xrw_189 > ul > li {
|
|
7326
7359
|
display: grid;
|
|
7327
7360
|
line-height: 1.2;
|
|
7328
7361
|
}
|
|
7329
7362
|
@media (min-width: 1440px) {
|
|
7330
|
-
._teddy-navigation-
|
|
7363
|
+
._teddy-navigation-menu__content_12xrw_189 {
|
|
7331
7364
|
margin: 0 auto;
|
|
7332
7365
|
}
|
|
7333
7366
|
}
|
|
7334
|
-
._teddy-navigation-
|
|
7367
|
+
._teddy-navigation-menu__content_12xrw_189::before {
|
|
7335
7368
|
content: "";
|
|
7336
7369
|
position: absolute;
|
|
7337
7370
|
inset: 0;
|
|
7338
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);
|
|
7339
7372
|
}
|
|
7340
|
-
._teddy-navigation-
|
|
7373
|
+
._teddy-navigation-menu__trigger_12xrw_221 {
|
|
7341
7374
|
position: relative;
|
|
7342
7375
|
all: unset;
|
|
7343
7376
|
position: relative;
|
|
@@ -7357,13 +7390,13 @@
|
|
|
7357
7390
|
padding: var(--teddy-spacing-200) var(--teddy-spacing-100);
|
|
7358
7391
|
text-align: center;
|
|
7359
7392
|
}
|
|
7360
|
-
._teddy-navigation-menu__trigger--
|
|
7393
|
+
._teddy-navigation-menu__trigger--small_12xrw_241 {
|
|
7361
7394
|
padding: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25) + var(--teddy-spacing-10)) var(--teddy-spacing-100);
|
|
7362
7395
|
font-size: var(--teddy-typography-scale-100);
|
|
7363
7396
|
line-height: var(--teddy-typography-line-height-loose);
|
|
7364
7397
|
outline-offset: -2px;
|
|
7365
7398
|
}
|
|
7366
|
-
._teddy-navigation-menu__trigger--
|
|
7399
|
+
._teddy-navigation-menu__trigger--button_12xrw_247 {
|
|
7367
7400
|
padding: var(--teddy-spacing-100);
|
|
7368
7401
|
min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-200));
|
|
7369
7402
|
box-sizing: border-box;
|
|
@@ -7376,11 +7409,11 @@
|
|
|
7376
7409
|
row-gap: var(--teddy-spacing-50);
|
|
7377
7410
|
}
|
|
7378
7411
|
@media (max-width: 600px) {
|
|
7379
|
-
._teddy-navigation-menu__trigger--
|
|
7412
|
+
._teddy-navigation-menu__trigger--button_12xrw_247 {
|
|
7380
7413
|
font-size: var(--teddy-typography-scale-75);
|
|
7381
7414
|
}
|
|
7382
7415
|
}
|
|
7383
|
-
._teddy-navigation-
|
|
7416
|
+
._teddy-navigation-menu__trigger_12xrw_221::after {
|
|
7384
7417
|
content: "";
|
|
7385
7418
|
display: block;
|
|
7386
7419
|
position: absolute;
|
|
@@ -7391,10 +7424,10 @@
|
|
|
7391
7424
|
pointer-events: none;
|
|
7392
7425
|
border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
|
|
7393
7426
|
}
|
|
7394
|
-
._teddy-navigation-menu__trigger--
|
|
7427
|
+
._teddy-navigation-menu__trigger--button_12xrw_247::after {
|
|
7395
7428
|
border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
|
|
7396
7429
|
}
|
|
7397
|
-
._teddy-navigation-
|
|
7430
|
+
._teddy-navigation-menu__trigger_12xrw_221:not(._teddy-navigation-menu__trigger--button_12xrw_247)::before {
|
|
7398
7431
|
content: attr(data-text);
|
|
7399
7432
|
content: attr(data-text)/"";
|
|
7400
7433
|
height: 0;
|
|
@@ -7405,33 +7438,33 @@
|
|
|
7405
7438
|
font-weight: var(--teddy-typography-weight-bold);
|
|
7406
7439
|
}
|
|
7407
7440
|
@media speech {
|
|
7408
|
-
._teddy-navigation-
|
|
7441
|
+
._teddy-navigation-menu__trigger_12xrw_221:not(._teddy-navigation-menu__trigger--button_12xrw_247)::before {
|
|
7409
7442
|
display: none;
|
|
7410
7443
|
}
|
|
7411
7444
|
}
|
|
7412
|
-
._teddy-navigation-
|
|
7445
|
+
._teddy-navigation-menu__trigger_12xrw_221:hover {
|
|
7413
7446
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
7414
7447
|
}
|
|
7415
|
-
._teddy-navigation-
|
|
7448
|
+
._teddy-navigation-menu__trigger_12xrw_221:hover::after {
|
|
7416
7449
|
opacity: 1;
|
|
7417
7450
|
}
|
|
7418
|
-
._teddy-navigation-
|
|
7451
|
+
._teddy-navigation-menu__trigger_12xrw_221:active {
|
|
7419
7452
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
7420
7453
|
}
|
|
7421
|
-
._teddy-navigation-
|
|
7454
|
+
._teddy-navigation-menu__trigger_12xrw_221:active::after {
|
|
7422
7455
|
opacity: 1;
|
|
7423
7456
|
}
|
|
7424
|
-
._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] {
|
|
7425
7458
|
font-weight: var(--teddy-typography-weight-bold);
|
|
7426
7459
|
}
|
|
7427
|
-
._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 {
|
|
7428
7461
|
border-color: var(--teddy-color-text-interactive-primary);
|
|
7429
7462
|
opacity: 1;
|
|
7430
7463
|
}
|
|
7431
|
-
._teddy-navigation-
|
|
7464
|
+
._teddy-navigation-menu__trigger_12xrw_221:focus-visible {
|
|
7432
7465
|
outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
|
|
7433
7466
|
}
|
|
7434
|
-
._teddy-navigation-
|
|
7467
|
+
._teddy-navigation-menu__link_12xrw_315 {
|
|
7435
7468
|
all: unset;
|
|
7436
7469
|
position: relative;
|
|
7437
7470
|
cursor: pointer;
|
|
@@ -7449,15 +7482,14 @@
|
|
|
7449
7482
|
line-height: var(--teddy-typography-line-height-loose);
|
|
7450
7483
|
padding: var(--teddy-spacing-200) var(--teddy-spacing-100);
|
|
7451
7484
|
text-align: center;
|
|
7452
|
-
text-decoration: none;
|
|
7453
7485
|
}
|
|
7454
|
-
._teddy-navigation-menu__link--
|
|
7486
|
+
._teddy-navigation-menu__link--small_12xrw_334 {
|
|
7455
7487
|
padding: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25) + var(--teddy-spacing-10)) var(--teddy-spacing-100);
|
|
7456
7488
|
font-size: var(--teddy-typography-scale-100);
|
|
7457
7489
|
line-height: var(--teddy-typography-line-height-loose);
|
|
7458
7490
|
outline-offset: -2px;
|
|
7459
7491
|
}
|
|
7460
|
-
._teddy-navigation-menu__link--
|
|
7492
|
+
._teddy-navigation-menu__link--button_12xrw_340 {
|
|
7461
7493
|
padding: var(--teddy-spacing-100);
|
|
7462
7494
|
min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-200));
|
|
7463
7495
|
box-sizing: border-box;
|
|
@@ -7470,11 +7502,11 @@
|
|
|
7470
7502
|
row-gap: var(--teddy-spacing-50);
|
|
7471
7503
|
}
|
|
7472
7504
|
@media (max-width: 600px) {
|
|
7473
|
-
._teddy-navigation-menu__link--
|
|
7505
|
+
._teddy-navigation-menu__link--button_12xrw_340 {
|
|
7474
7506
|
font-size: var(--teddy-typography-scale-75);
|
|
7475
7507
|
}
|
|
7476
7508
|
}
|
|
7477
|
-
._teddy-navigation-
|
|
7509
|
+
._teddy-navigation-menu__link_12xrw_315::after {
|
|
7478
7510
|
content: "";
|
|
7479
7511
|
display: block;
|
|
7480
7512
|
position: absolute;
|
|
@@ -7485,10 +7517,10 @@
|
|
|
7485
7517
|
pointer-events: none;
|
|
7486
7518
|
border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
|
|
7487
7519
|
}
|
|
7488
|
-
._teddy-navigation-menu__link--
|
|
7520
|
+
._teddy-navigation-menu__link--button_12xrw_340::after {
|
|
7489
7521
|
border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
|
|
7490
7522
|
}
|
|
7491
|
-
._teddy-navigation-
|
|
7523
|
+
._teddy-navigation-menu__link_12xrw_315:not(._teddy-navigation-menu__link--button_12xrw_340)::before {
|
|
7492
7524
|
content: attr(data-text);
|
|
7493
7525
|
content: attr(data-text)/"";
|
|
7494
7526
|
height: 0;
|
|
@@ -7499,73 +7531,76 @@
|
|
|
7499
7531
|
font-weight: var(--teddy-typography-weight-bold);
|
|
7500
7532
|
}
|
|
7501
7533
|
@media speech {
|
|
7502
|
-
._teddy-navigation-
|
|
7534
|
+
._teddy-navigation-menu__link_12xrw_315:not(._teddy-navigation-menu__link--button_12xrw_340)::before {
|
|
7503
7535
|
display: none;
|
|
7504
7536
|
}
|
|
7505
7537
|
}
|
|
7506
|
-
._teddy-navigation-
|
|
7538
|
+
._teddy-navigation-menu__link_12xrw_315:hover {
|
|
7507
7539
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
7508
7540
|
}
|
|
7509
|
-
._teddy-navigation-
|
|
7541
|
+
._teddy-navigation-menu__link_12xrw_315:hover::after {
|
|
7510
7542
|
opacity: 1;
|
|
7511
7543
|
}
|
|
7512
|
-
._teddy-navigation-
|
|
7544
|
+
._teddy-navigation-menu__link_12xrw_315:active {
|
|
7513
7545
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
7514
7546
|
}
|
|
7515
|
-
._teddy-navigation-
|
|
7547
|
+
._teddy-navigation-menu__link_12xrw_315:active::after {
|
|
7516
7548
|
opacity: 1;
|
|
7517
7549
|
}
|
|
7518
|
-
._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] {
|
|
7519
7551
|
font-weight: var(--teddy-typography-weight-bold);
|
|
7520
7552
|
}
|
|
7521
|
-
._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 {
|
|
7522
7554
|
border-color: var(--teddy-color-text-interactive-primary);
|
|
7523
7555
|
opacity: 1;
|
|
7524
7556
|
}
|
|
7525
|
-
._teddy-navigation-
|
|
7557
|
+
._teddy-navigation-menu__link_12xrw_315:focus-visible {
|
|
7526
7558
|
outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
|
|
7527
7559
|
}
|
|
7528
|
-
._teddy-navigation-
|
|
7560
|
+
._teddy-navigation-menu__link_12xrw_315 {
|
|
7561
|
+
text-decoration: none;
|
|
7562
|
+
}
|
|
7563
|
+
._teddy-navigation-menu__viewport_12xrw_36 {
|
|
7529
7564
|
position: relative;
|
|
7530
7565
|
background-color: var(--teddy-color-background-primary);
|
|
7531
7566
|
height: var(--radix-navigation-menu-viewport-height);
|
|
7532
7567
|
transform-origin: top left;
|
|
7533
7568
|
overflow: clip;
|
|
7534
|
-
}._teddy-global-
|
|
7569
|
+
}._teddy-global-navigation_16mx4_1 {
|
|
7535
7570
|
position: sticky;
|
|
7536
7571
|
inset: 0 0 auto 0;
|
|
7537
7572
|
z-index: 39;
|
|
7538
7573
|
}
|
|
7539
|
-
._teddy-global-
|
|
7574
|
+
._teddy-global-navigation__mobile_16mx4_6 {
|
|
7540
7575
|
padding: var(--teddy-spacing-25) var(--teddy-spacing-200);
|
|
7541
7576
|
border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-border-weak);
|
|
7542
7577
|
}
|
|
7543
7578
|
@media screen and (max-width: 335px) {
|
|
7544
|
-
._teddy-global-
|
|
7579
|
+
._teddy-global-navigation__mobile_16mx4_6 {
|
|
7545
7580
|
padding: var(--teddy-spacing-25) 0;
|
|
7546
7581
|
}
|
|
7547
7582
|
}
|
|
7548
|
-
._teddy-global-
|
|
7583
|
+
._teddy-global-navigation__mobile_16mx4_6::before {
|
|
7549
7584
|
content: "";
|
|
7550
7585
|
display: block;
|
|
7551
7586
|
width: var(--width-for-centering-element);
|
|
7552
7587
|
}
|
|
7553
|
-
._teddy-global-
|
|
7588
|
+
._teddy-global-navigation__mobile_16mx4_6::after {
|
|
7554
7589
|
content: "";
|
|
7555
7590
|
display: block;
|
|
7556
7591
|
width: var(--width-for-centering-element);
|
|
7557
7592
|
}
|
|
7558
7593
|
@media screen and (max-width: 335px) {
|
|
7559
|
-
._teddy-global-navigation__top-icon-
|
|
7594
|
+
._teddy-global-navigation__top-icon-wrapper_16mx4_26 {
|
|
7560
7595
|
gap: 0;
|
|
7561
7596
|
}
|
|
7562
7597
|
}
|
|
7563
7598
|
@media screen and (max-width: 335px) {
|
|
7564
|
-
._teddy-global-navigation__top-menu-
|
|
7599
|
+
._teddy-global-navigation__top-menu-icons_16mx4_31 {
|
|
7565
7600
|
gap: 0;
|
|
7566
7601
|
}
|
|
7567
7602
|
}
|
|
7568
|
-
._teddy-global-
|
|
7603
|
+
._teddy-global-navigation__link_16mx4_35 {
|
|
7569
7604
|
text-decoration: none;
|
|
7570
7605
|
display: flex;
|
|
7571
7606
|
justify-content: space-between;
|
|
@@ -7575,46 +7610,46 @@
|
|
|
7575
7610
|
font-weight: var(--teddy-typography-weight-bold);
|
|
7576
7611
|
font-size: var(--teddy-typography-scale-400);
|
|
7577
7612
|
}
|
|
7578
|
-
._teddy-global-
|
|
7613
|
+
._teddy-global-navigation__link_16mx4_35:hover {
|
|
7579
7614
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
7580
7615
|
}
|
|
7581
|
-
._teddy-global-
|
|
7616
|
+
._teddy-global-navigation__header_16mx4_48 {
|
|
7582
7617
|
color: var(--teddy-color-text-interactive-primary);
|
|
7583
7618
|
}
|
|
7584
|
-
._teddy-global-navigation__colored-
|
|
7619
|
+
._teddy-global-navigation__colored-box_16mx4_51 {
|
|
7585
7620
|
background-color: var(--teddy-color-background-secondary);
|
|
7586
7621
|
padding: 40px;
|
|
7587
7622
|
}
|
|
7588
|
-
._teddy-global-navigation__colored-box--
|
|
7623
|
+
._teddy-global-navigation__colored-box--mobile_16mx4_55 {
|
|
7589
7624
|
margin: 0 -1.5rem;
|
|
7590
7625
|
background-color: var(--teddy-color-background-secondary);
|
|
7591
7626
|
}
|
|
7592
|
-
._teddy-global-navigation__sublink-button--
|
|
7627
|
+
._teddy-global-navigation__sublink-button--mobile_16mx4_59 {
|
|
7593
7628
|
background-color: transparent;
|
|
7594
7629
|
padding: 0;
|
|
7595
7630
|
color: var(--teddy-color-text-interactive-primary);
|
|
7596
7631
|
border-radius: unset;
|
|
7597
7632
|
}
|
|
7598
|
-
._teddy-global-
|
|
7633
|
+
._teddy-global-navigation__list_16mx4_65 {
|
|
7599
7634
|
column-count: 2;
|
|
7600
7635
|
max-height: 13rem;
|
|
7601
7636
|
column-gap: var(--teddy-spacing-300);
|
|
7602
7637
|
}
|
|
7603
|
-
._teddy-global-
|
|
7638
|
+
._teddy-global-navigation__viewport_16mx4_70._teddy-global-navigation__viewport_16mx4_70 {
|
|
7604
7639
|
height: var(--teddy-viewport-wrapper-height);
|
|
7605
7640
|
}
|
|
7606
|
-
._teddy-global-navigation__item-
|
|
7641
|
+
._teddy-global-navigation__item-wrapper_16mx4_73 {
|
|
7607
7642
|
position: relative;
|
|
7608
7643
|
display: flex;
|
|
7609
7644
|
}
|
|
7610
|
-
._teddy-global-navigation__item-
|
|
7645
|
+
._teddy-global-navigation__item-count_16mx4_77 {
|
|
7611
7646
|
display: flex;
|
|
7612
7647
|
justify-content: center;
|
|
7613
7648
|
align-items: center;
|
|
7614
7649
|
position: absolute;
|
|
7615
7650
|
transform: translate(calc(var(--teddy-spacing-150) + var(--teddy-spacing-25)), calc(-1 * var(--teddy-spacing-100) + var(--teddy-spacing-10)));
|
|
7616
7651
|
}
|
|
7617
|
-
._teddy-global-navigation__viewport-
|
|
7652
|
+
._teddy-global-navigation__viewport-wrapper_16mx4_84 {
|
|
7618
7653
|
position: absolute;
|
|
7619
7654
|
left: 0;
|
|
7620
7655
|
width: 100%;
|
|
@@ -7622,54 +7657,56 @@
|
|
|
7622
7657
|
transition: max-height var(--teddy-motion-duration-controlled, 0) ease;
|
|
7623
7658
|
box-shadow: var(--teddy-shadow-md);
|
|
7624
7659
|
background-color: var(--teddy-color-background-primary);
|
|
7625
|
-
box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px inset, var(--teddy-shadow-md);
|
|
7626
7660
|
}
|
|
7627
|
-
._teddy-global-navigation__viewport-
|
|
7661
|
+
._teddy-global-navigation__viewport-wrapper_16mx4_84[data-state=open] {
|
|
7628
7662
|
max-height: var(--teddy-viewport-wrapper-height);
|
|
7629
7663
|
}
|
|
7630
|
-
._teddy-global-navigation__viewport-
|
|
7664
|
+
._teddy-global-navigation__viewport-wrapper_16mx4_84[data-state=closed] {
|
|
7631
7665
|
max-height: 0;
|
|
7632
|
-
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);
|
|
7633
7670
|
}
|
|
7634
|
-
._teddy-global-navigation__top-menu-
|
|
7671
|
+
._teddy-global-navigation__top-menu-color_16mx4_103 {
|
|
7635
7672
|
background-color: var(--teddy-color-background-secondary);
|
|
7636
7673
|
}
|
|
7637
|
-
._teddy-global-navigation__top-menu-
|
|
7674
|
+
._teddy-global-navigation__top-menu-wrapper_16mx4_106 {
|
|
7638
7675
|
overflow: hidden;
|
|
7639
7676
|
max-width: 84rem;
|
|
7640
7677
|
transition: max-height var(--teddy-motion-duration-controlled, 0) ease;
|
|
7641
7678
|
margin: 0 var(--teddy-spacing-600);
|
|
7642
7679
|
}
|
|
7643
7680
|
@media (min-width: 1440px) {
|
|
7644
|
-
._teddy-global-navigation__top-menu-
|
|
7681
|
+
._teddy-global-navigation__top-menu-wrapper_16mx4_106 {
|
|
7645
7682
|
margin: 0 auto;
|
|
7646
7683
|
}
|
|
7647
7684
|
}
|
|
7648
|
-
._teddy-global-navigation__top-menu-
|
|
7685
|
+
._teddy-global-navigation__top-menu-wrapper_16mx4_106[data-state=open] {
|
|
7649
7686
|
max-height: var(--teddy-top-menu-height, 47px);
|
|
7650
7687
|
}
|
|
7651
|
-
._teddy-global-navigation__top-menu-
|
|
7688
|
+
._teddy-global-navigation__top-menu-wrapper_16mx4_106[data-state=closed] {
|
|
7652
7689
|
max-height: 0;
|
|
7653
7690
|
}
|
|
7654
|
-
@keyframes _close-
|
|
7691
|
+
@keyframes _close-viewport_16mx4_1 {
|
|
7655
7692
|
0% {
|
|
7656
7693
|
max-height: var(--teddy-viewport-wrapper-height);
|
|
7657
7694
|
}
|
|
7658
7695
|
100% {
|
|
7659
7696
|
max-height: 0;
|
|
7660
7697
|
}
|
|
7661
|
-
}._date-
|
|
7698
|
+
}._date-picker_194o1_1 {
|
|
7662
7699
|
display: flex;
|
|
7663
7700
|
flex-direction: column;
|
|
7664
7701
|
position: relative;
|
|
7665
7702
|
width: 100%;
|
|
7666
7703
|
}
|
|
7667
|
-
._date-
|
|
7704
|
+
._date-picker__container_194o1_7 {
|
|
7668
7705
|
display: block;
|
|
7669
7706
|
width: 100%;
|
|
7670
7707
|
max-width: 480px;
|
|
7671
7708
|
}
|
|
7672
|
-
._date-
|
|
7709
|
+
._date-picker_194o1_1 > label {
|
|
7673
7710
|
font-family: var(--teddy-typography-family-default);
|
|
7674
7711
|
color: var(--teddy-color-transparent-black-800);
|
|
7675
7712
|
font-weight: 500;
|
|
@@ -7677,7 +7714,7 @@
|
|
|
7677
7714
|
order: 2;
|
|
7678
7715
|
margin-bottom: 4px;
|
|
7679
7716
|
}
|
|
7680
|
-
._date-
|
|
7717
|
+
._date-picker__input_194o1_20 {
|
|
7681
7718
|
font-family: var(--teddy-typography-family-default);
|
|
7682
7719
|
order: 2;
|
|
7683
7720
|
height: 2.875rem;
|
|
@@ -7688,44 +7725,46 @@
|
|
|
7688
7725
|
gap: var(--teddy-spacing-100);
|
|
7689
7726
|
align-self: stretch;
|
|
7690
7727
|
width: 18rem;
|
|
7691
|
-
border: 1px solid var(--teddy-color-purple-800);
|
|
7692
|
-
border-radius: 4px;
|
|
7693
|
-
background: #fff;
|
|
7694
7728
|
}
|
|
7695
7729
|
@media screen and (max-width: 378px) {
|
|
7696
|
-
._date-
|
|
7730
|
+
._date-picker__input_194o1_20 {
|
|
7697
7731
|
width: 100%;
|
|
7698
7732
|
max-width: 18rem;
|
|
7699
7733
|
}
|
|
7700
7734
|
}
|
|
7701
|
-
._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 {
|
|
7702
7741
|
border: 1px solid var(--teddy-color-red-500);
|
|
7703
7742
|
}
|
|
7704
|
-
._date-picker__input--
|
|
7743
|
+
._date-picker__input--touched_194o1_46:invalid {
|
|
7705
7744
|
border: 1px solid var(--teddy-color-red-500);
|
|
7706
7745
|
}
|
|
7707
|
-
._date-
|
|
7746
|
+
._date-picker__input_194o1_20:focus-visible {
|
|
7708
7747
|
border: 12px solid transparent;
|
|
7709
7748
|
box-shadow: 0 0 0 2x var(--teddy-color-blue-600); /* Outline-like box-shadow */
|
|
7710
7749
|
padding-left: calc(3em - 11px);
|
|
7711
7750
|
}
|
|
7712
|
-
._date-picker__input-icon-
|
|
7751
|
+
._date-picker__input-icon-container_194o1_54 {
|
|
7713
7752
|
position: absolute;
|
|
7714
7753
|
margin: 0;
|
|
7715
7754
|
margin-top: 2.2rem;
|
|
7716
7755
|
order: 3;
|
|
7717
7756
|
}
|
|
7718
|
-
._date-picker__toggle-
|
|
7757
|
+
._date-picker__toggle-button_194o1_60 {
|
|
7719
7758
|
background: transparent;
|
|
7720
7759
|
border: 0;
|
|
7721
7760
|
cursor: pointer;
|
|
7722
7761
|
transition: all 300ms ease;
|
|
7723
7762
|
color: var(--teddy-color-transparent-black-400);
|
|
7724
7763
|
}
|
|
7725
|
-
._date-
|
|
7764
|
+
._date-picker__additional_194o1_67 {
|
|
7726
7765
|
order: 5;
|
|
7727
7766
|
}
|
|
7728
|
-
._date-
|
|
7767
|
+
._date-picker__error_194o1_70 {
|
|
7729
7768
|
margin: 4px 0 0;
|
|
7730
7769
|
display: flex;
|
|
7731
7770
|
gap: 0.25rem;
|
|
@@ -7733,19 +7772,19 @@
|
|
|
7733
7772
|
order: 6 !important;
|
|
7734
7773
|
color: var(--teddy-color-red-500) !important;
|
|
7735
7774
|
}
|
|
7736
|
-
._date-picker__toggle-
|
|
7775
|
+
._date-picker__toggle-icon_194o1_78 {
|
|
7737
7776
|
display: inline-block;
|
|
7738
7777
|
margin-left: 4px;
|
|
7739
7778
|
height: 1.5rem;
|
|
7740
7779
|
width: 1.5rem;
|
|
7741
7780
|
}
|
|
7742
|
-
._date-picker__input--
|
|
7781
|
+
._date-picker__input--touched_194o1_46:invalid ~ ._date-picker__input-icon-container_194o1_54 {
|
|
7743
7782
|
color: #e4175c;
|
|
7744
7783
|
}
|
|
7745
|
-
._date-picker__dialog-
|
|
7784
|
+
._date-picker__dialog-container_194o1_87 {
|
|
7746
7785
|
order: 4;
|
|
7747
7786
|
}
|
|
7748
|
-
._date-
|
|
7787
|
+
._date-picker__dialog_194o1_87 {
|
|
7749
7788
|
z-index: 300;
|
|
7750
7789
|
background-color: rgba(0, 0, 0, 0.22);
|
|
7751
7790
|
bottom: 0;
|
|
@@ -7761,6 +7800,13 @@
|
|
|
7761
7800
|
min-width: 288px;
|
|
7762
7801
|
width: 100%;
|
|
7763
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 {
|
|
7764
7810
|
will-change: transform, opacity, visibility;
|
|
7765
7811
|
background: none;
|
|
7766
7812
|
bottom: auto;
|
|
@@ -7770,17 +7816,12 @@
|
|
|
7770
7816
|
transform: scale(0.96) translateZ(0) translateY(-2rem);
|
|
7771
7817
|
transform-origin: top right;
|
|
7772
7818
|
}
|
|
7773
|
-
|
|
7774
|
-
._date-picker__dialog_yt3fh_85 {
|
|
7775
|
-
min-width: 224px;
|
|
7776
|
-
}
|
|
7777
|
-
}
|
|
7778
|
-
._date-picker__dialog_yt3fh_85._is-active_yt3fh_118 {
|
|
7819
|
+
._date-picker__dialog_194o1_87._is-active_194o1_122 {
|
|
7779
7820
|
opacity: 1;
|
|
7780
7821
|
transform: scale(1.0001) translateZ(0) translateY(0);
|
|
7781
7822
|
visibility: visible;
|
|
7782
7823
|
}
|
|
7783
|
-
._date-picker__dialog-
|
|
7824
|
+
._date-picker__dialog-content_194o1_127 {
|
|
7784
7825
|
display: none;
|
|
7785
7826
|
background: white;
|
|
7786
7827
|
border-radius: 8px;
|
|
@@ -7800,21 +7841,21 @@
|
|
|
7800
7841
|
visibility: visible;
|
|
7801
7842
|
transition: transform 300 ease, opacity 300 ease, visibility 300 ease;
|
|
7802
7843
|
}
|
|
7803
|
-
._is-
|
|
7844
|
+
._is-active_194o1_122 ._date-picker__dialog-content_194o1_127 {
|
|
7804
7845
|
display: block;
|
|
7805
7846
|
transform: translateZ(0) translateY(0);
|
|
7806
7847
|
}
|
|
7807
|
-
._date-picker__table-
|
|
7848
|
+
._date-picker__table-scrollable_194o1_151 {
|
|
7808
7849
|
max-height: 200px;
|
|
7809
7850
|
overflow-x: hidden;
|
|
7810
7851
|
overflow-y: scroll;
|
|
7811
7852
|
}
|
|
7812
|
-
._date-picker__table-
|
|
7853
|
+
._date-picker__table-wrapper_194o1_156 {
|
|
7813
7854
|
padding: 0 8px;
|
|
7814
7855
|
padding-top: 16px;
|
|
7815
7856
|
padding-bottom: 12px;
|
|
7816
7857
|
}
|
|
7817
|
-
._date-
|
|
7858
|
+
._date-picker__table_194o1_151 {
|
|
7818
7859
|
border-collapse: collapse;
|
|
7819
7860
|
border-spacing: 0;
|
|
7820
7861
|
line-height: 1.25;
|
|
@@ -7823,7 +7864,7 @@
|
|
|
7823
7864
|
text-align: center;
|
|
7824
7865
|
width: 100%;
|
|
7825
7866
|
}
|
|
7826
|
-
._date-picker__table-
|
|
7867
|
+
._date-picker__table-header_194o1_170 {
|
|
7827
7868
|
font-family: var(--teddy-typography-family-default);
|
|
7828
7869
|
color: var(--teddy-color-transparent-black-600);
|
|
7829
7870
|
letter-spacing: dynamic-rem(0.1rem);
|
|
@@ -7834,21 +7875,21 @@
|
|
|
7834
7875
|
font-weight: 500;
|
|
7835
7876
|
letter-spacing: 1px;
|
|
7836
7877
|
}
|
|
7837
|
-
._date-
|
|
7878
|
+
._date-picker__row_194o1_181 {
|
|
7838
7879
|
line-height: 1.4;
|
|
7839
7880
|
}
|
|
7840
|
-
._date-
|
|
7881
|
+
._date-picker__cell_194o1_184 {
|
|
7841
7882
|
text-align: center;
|
|
7842
7883
|
width: 24px;
|
|
7843
7884
|
height: 24px;
|
|
7844
7885
|
}
|
|
7845
7886
|
@media screen and (max-width: 378px) {
|
|
7846
|
-
._date-
|
|
7887
|
+
._date-picker__cell_194o1_184 {
|
|
7847
7888
|
width: 22px;
|
|
7848
7889
|
height: 22px;
|
|
7849
7890
|
}
|
|
7850
7891
|
}
|
|
7851
|
-
._date-picker__year-
|
|
7892
|
+
._date-picker__year-button_194o1_195 {
|
|
7852
7893
|
line-height: 1.25;
|
|
7853
7894
|
font-size: 1rem;
|
|
7854
7895
|
background: transparent;
|
|
@@ -7860,30 +7901,30 @@
|
|
|
7860
7901
|
height: 40px;
|
|
7861
7902
|
min-width: 40px;
|
|
7862
7903
|
}
|
|
7863
|
-
._date-picker__year-
|
|
7904
|
+
._date-picker__year-button_194o1_195 span {
|
|
7864
7905
|
color: var(--teddy-color-purple-700);
|
|
7865
7906
|
font-weight: bold;
|
|
7866
7907
|
font-family: var(--teddy-typography-family-default);
|
|
7867
7908
|
}
|
|
7868
|
-
._date-picker__year-
|
|
7909
|
+
._date-picker__year-button_194o1_195:hover span {
|
|
7869
7910
|
color: var(--teddy-color-purple-800);
|
|
7870
7911
|
}
|
|
7871
|
-
._date-picker__year-
|
|
7912
|
+
._date-picker__year-button_194o1_195:focus-visible {
|
|
7872
7913
|
outline: 0;
|
|
7873
7914
|
border: 0;
|
|
7874
7915
|
padding: 4px;
|
|
7875
7916
|
box-shadow: 0px 0px 0px 2px var(--teddy-color-blue-600);
|
|
7876
7917
|
}
|
|
7877
|
-
._date-picker__year-
|
|
7918
|
+
._date-picker__year-button_194o1_195:active span {
|
|
7878
7919
|
color: var(--teddy-color-purple-800);
|
|
7879
7920
|
}
|
|
7880
|
-
._date-picker__year-
|
|
7921
|
+
._date-picker__year-chevron_194o1_224 {
|
|
7881
7922
|
position: relative;
|
|
7882
7923
|
width: 24px;
|
|
7883
7924
|
top: 2px;
|
|
7884
7925
|
color: var(--teddy-color-purple-700);
|
|
7885
7926
|
}
|
|
7886
|
-
._date-
|
|
7927
|
+
._date-picker__year_194o1_195 {
|
|
7887
7928
|
color: var(--teddy-color-purple-700);
|
|
7888
7929
|
appearance: none;
|
|
7889
7930
|
background: transparent;
|
|
@@ -7899,40 +7940,40 @@
|
|
|
7899
7940
|
width: fit-content;
|
|
7900
7941
|
outline: 0;
|
|
7901
7942
|
}
|
|
7902
|
-
._date-
|
|
7943
|
+
._date-picker__year_194o1_195._is-today_194o1_246 {
|
|
7903
7944
|
border: 0.5px solid;
|
|
7904
7945
|
color: var(--teddy-color-purple-800);
|
|
7905
7946
|
}
|
|
7906
|
-
._date-
|
|
7947
|
+
._date-picker__year_194o1_195._is-focused_194o1_250 {
|
|
7907
7948
|
border: 0.75px solid;
|
|
7908
7949
|
color: var(--teddy-color-purple-700);
|
|
7909
7950
|
}
|
|
7910
|
-
._date-
|
|
7951
|
+
._date-picker__year_194o1_195:hover {
|
|
7911
7952
|
background: var(--teddy-color-purple-100);
|
|
7912
7953
|
color: var(--teddy-color-purple-900);
|
|
7913
7954
|
}
|
|
7914
|
-
._date-
|
|
7955
|
+
._date-picker__year_194o1_195:focus {
|
|
7915
7956
|
background: var(--teddy-color-purple-100);
|
|
7916
7957
|
color: var(--teddy-color-purple-900);
|
|
7917
7958
|
border: 0;
|
|
7918
7959
|
outline: 0;
|
|
7919
7960
|
}
|
|
7920
|
-
._date-
|
|
7961
|
+
._date-picker__year_194o1_195:active {
|
|
7921
7962
|
background: var(--teddy-color-purple-200);
|
|
7922
7963
|
color: var(--teddy-color-purple-900);
|
|
7923
7964
|
}
|
|
7924
|
-
._date-
|
|
7965
|
+
._date-picker__year_194o1_195[aria-pressed=true] {
|
|
7925
7966
|
background-color: var(--teddy-color-purple-800);
|
|
7926
7967
|
color: white;
|
|
7927
7968
|
box-shadow: none;
|
|
7928
7969
|
outline: 0;
|
|
7929
7970
|
}
|
|
7930
|
-
._date-
|
|
7971
|
+
._date-picker__year_194o1_195[aria-disabled=true] {
|
|
7931
7972
|
cursor: default;
|
|
7932
7973
|
background: transparent;
|
|
7933
7974
|
color: #dcdce1;
|
|
7934
7975
|
}
|
|
7935
|
-
._date-
|
|
7976
|
+
._date-picker__day_194o1_279 {
|
|
7936
7977
|
font-family: var(--teddy-typography-family-default);
|
|
7937
7978
|
color: var(--teddy-color-purple-700);
|
|
7938
7979
|
font-style: normal;
|
|
@@ -7954,61 +7995,61 @@
|
|
|
7954
7995
|
width: 2rem;
|
|
7955
7996
|
}
|
|
7956
7997
|
@media screen and (max-width: 378px) {
|
|
7957
|
-
._date-
|
|
7998
|
+
._date-picker__day_194o1_279 {
|
|
7958
7999
|
width: 22px;
|
|
7959
8000
|
height: 22px;
|
|
7960
8001
|
padding: 0;
|
|
7961
8002
|
}
|
|
7962
8003
|
}
|
|
7963
|
-
._date-
|
|
8004
|
+
._date-picker__day_194o1_279:not(._is-month_194o1_307) {
|
|
7964
8005
|
box-shadow: none;
|
|
7965
8006
|
color: var(--teddy-color-transparent-black-400);
|
|
7966
8007
|
}
|
|
7967
|
-
._date-
|
|
8008
|
+
._date-picker__day_194o1_279._is-today_194o1_246 {
|
|
7968
8009
|
border: 0.5px solid;
|
|
7969
8010
|
color: var(--teddy-color-purple-800);
|
|
7970
8011
|
}
|
|
7971
|
-
._date-
|
|
8012
|
+
._date-picker__day_194o1_279:hover {
|
|
7972
8013
|
background: var(--teddy-color-purple-100);
|
|
7973
8014
|
color: var(--teddy-color-purple-900);
|
|
7974
8015
|
}
|
|
7975
|
-
._date-
|
|
8016
|
+
._date-picker__day_194o1_279:focus {
|
|
7976
8017
|
background: var(--teddy-color-purple-100);
|
|
7977
8018
|
color: var(--teddy-color-purple-900);
|
|
7978
8019
|
}
|
|
7979
|
-
._date-
|
|
8020
|
+
._date-picker__day_194o1_279:active {
|
|
7980
8021
|
background: var(--teddy-color-purple-200);
|
|
7981
8022
|
color: var(--teddy-color-purple-900);
|
|
7982
8023
|
}
|
|
7983
|
-
._date-
|
|
8024
|
+
._date-picker__day_194o1_279[aria-pressed=true] {
|
|
7984
8025
|
background-color: var(--teddy-color-purple-800);
|
|
7985
8026
|
color: white;
|
|
7986
8027
|
box-shadow: none;
|
|
7987
8028
|
outline: 0;
|
|
7988
8029
|
}
|
|
7989
|
-
._date-
|
|
8030
|
+
._date-picker__day_194o1_279[aria-disabled=true] {
|
|
7990
8031
|
cursor: default;
|
|
7991
8032
|
background: transparent;
|
|
7992
8033
|
color: #dcdce1;
|
|
7993
8034
|
}
|
|
7994
|
-
._date-
|
|
8035
|
+
._date-picker__header_194o1_338 {
|
|
7995
8036
|
align-items: center;
|
|
7996
8037
|
display: flex;
|
|
7997
8038
|
justify-content: space-between;
|
|
7998
8039
|
padding: 1rem 1rem 0;
|
|
7999
8040
|
}
|
|
8000
8041
|
@media screen and (max-width: 378px) {
|
|
8001
|
-
._date-
|
|
8042
|
+
._date-picker__header_194o1_338 {
|
|
8002
8043
|
padding: 0.75rem 0.75rem 0;
|
|
8003
8044
|
}
|
|
8004
8045
|
}
|
|
8005
|
-
._date-
|
|
8046
|
+
._date-picker__nav_194o1_349 {
|
|
8006
8047
|
white-space: nowrap;
|
|
8007
8048
|
position: relative;
|
|
8008
8049
|
display: inline-flex;
|
|
8009
8050
|
width: 100%;
|
|
8010
8051
|
}
|
|
8011
|
-
._date-picker__nav-
|
|
8052
|
+
._date-picker__nav-month_194o1_355 {
|
|
8012
8053
|
white-space: nowrap;
|
|
8013
8054
|
display: inline-flex;
|
|
8014
8055
|
width: 160px;
|
|
@@ -8016,7 +8057,7 @@
|
|
|
8016
8057
|
color: var(--teddy-color-purple-700);
|
|
8017
8058
|
font-family: var(--teddy-typography-family-default);
|
|
8018
8059
|
}
|
|
8019
|
-
._date-
|
|
8060
|
+
._date-picker__prev_194o1_363, ._date-picker__next_194o1_363 {
|
|
8020
8061
|
background: transparent;
|
|
8021
8062
|
border: 0;
|
|
8022
8063
|
font-family: var(--teddy-typography-family-default);
|
|
@@ -8034,34 +8075,34 @@
|
|
|
8034
8075
|
padding: 0;
|
|
8035
8076
|
outline: none;
|
|
8036
8077
|
}
|
|
8037
|
-
._date-
|
|
8078
|
+
._date-picker__prev_194o1_363:not([disabled]):hover, ._date-picker__next_194o1_363:not([disabled]):hover {
|
|
8038
8079
|
color: var(--teddy-color-purple-900);
|
|
8039
8080
|
}
|
|
8040
|
-
._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 {
|
|
8041
8082
|
color: var(--teddy-color-purple-500);
|
|
8042
8083
|
box-shadow: none;
|
|
8043
8084
|
border: solid 0.1px var(--teddy-color-purple-500);
|
|
8044
8085
|
border-radius: 100%;
|
|
8045
8086
|
}
|
|
8046
|
-
._date-
|
|
8087
|
+
._date-picker__prev_194o1_363:disabled, ._date-picker__next_194o1_363:disabled {
|
|
8047
8088
|
cursor: default;
|
|
8048
8089
|
opacity: 0.5;
|
|
8049
8090
|
}
|
|
8050
|
-
._date-picker__prev-
|
|
8091
|
+
._date-picker__prev-icon_194o1_394 {
|
|
8051
8092
|
margin: 0 auto;
|
|
8052
8093
|
width: 24px;
|
|
8053
8094
|
height: 16px;
|
|
8054
8095
|
}
|
|
8055
|
-
._date-picker__next-
|
|
8096
|
+
._date-picker__next-icon_194o1_399 {
|
|
8056
8097
|
margin: 0 auto;
|
|
8057
8098
|
width: 24px;
|
|
8058
8099
|
height: 16px;
|
|
8059
8100
|
}
|
|
8060
|
-
._date-
|
|
8101
|
+
._date-picker__select_194o1_404 {
|
|
8061
8102
|
position: relative;
|
|
8062
8103
|
display: inline-flex;
|
|
8063
8104
|
}
|
|
8064
|
-
._date-
|
|
8105
|
+
._date-picker__select_194o1_404 select {
|
|
8065
8106
|
cursor: pointer;
|
|
8066
8107
|
font-size: 1rem;
|
|
8067
8108
|
height: 100%;
|
|
@@ -8071,13 +8112,13 @@
|
|
|
8071
8112
|
top: 0;
|
|
8072
8113
|
width: 100%;
|
|
8073
8114
|
}
|
|
8074
|
-
._date-
|
|
8115
|
+
._date-picker__select_194o1_404 select:focus + ._date-picker__select-label_194o1_418 {
|
|
8075
8116
|
box-shadow: 0 0 0 0.2rem var(--teddy-color-purple-800);
|
|
8076
8117
|
}
|
|
8077
|
-
._date-picker__select-
|
|
8118
|
+
._date-picker__select-icon_194o1_421 {
|
|
8078
8119
|
margin: 0 0 0 4px;
|
|
8079
8120
|
}
|
|
8080
|
-
._date-picker__select-
|
|
8121
|
+
._date-picker__select-label_194o1_418 {
|
|
8081
8122
|
font-weight: bold;
|
|
8082
8123
|
color: var(--teddy-color-purple-700);
|
|
8083
8124
|
font-family: var(--teddy-typography-family-default);
|
|
@@ -8093,7 +8134,7 @@
|
|
|
8093
8134
|
display: inline-flex;
|
|
8094
8135
|
justify-content: center;
|
|
8095
8136
|
}
|
|
8096
|
-
._date-
|
|
8137
|
+
._date-picker__close_year_194o1_440 {
|
|
8097
8138
|
right: 0;
|
|
8098
8139
|
position: absolute;
|
|
8099
8140
|
height: 30px;
|
|
@@ -8107,7 +8148,7 @@
|
|
|
8107
8148
|
display: flex;
|
|
8108
8149
|
justify-content: center;
|
|
8109
8150
|
}
|
|
8110
|
-
._date-
|
|
8151
|
+
._date-picker__vhidden_194o1_454 {
|
|
8111
8152
|
border: 0;
|
|
8112
8153
|
clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);
|
|
8113
8154
|
height: 0.0625rem;
|