@telia/teddy 0.1.24 → 0.1.26

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/style.css CHANGED
@@ -2251,7 +2251,7 @@
2251
2251
  }
2252
2252
  ._teddy-scroll-area__button--hidden_1r6mf_93[data-direction=down] {
2253
2253
  transform: translate(-50%, 100%);
2254
- }._teddy-tabs__list_1jnm3_1 {
2254
+ }._teddy-tabs__list_e9ndq_1 {
2255
2255
  display: flex;
2256
2256
  max-width: fit-content;
2257
2257
  background-color: var(--teddy-color-background-secondary);
@@ -2259,7 +2259,7 @@
2259
2259
  padding: var(--teddy-spacing-50);
2260
2260
  position: relative;
2261
2261
  }
2262
- ._teddy-tabs__list_1jnm3_1::before {
2262
+ ._teddy-tabs__list_e9ndq_1::before {
2263
2263
  content: "";
2264
2264
  position: absolute;
2265
2265
  inset: var(--teddy-spacing-50);
@@ -2272,20 +2272,20 @@
2272
2272
  border-radius: calc(99vmin / var(--_width, 0.125))/99vmin;
2273
2273
  }
2274
2274
  @media (prefers-reduced-motion: no-preference) {
2275
- ._teddy-tabs__list_1jnm3_1::before {
2275
+ ._teddy-tabs__list_e9ndq_1::before {
2276
2276
  transition: border-radius, scale, translate;
2277
2277
  transition-timing-function: var(--teddy-motion-easing-ease-in-out);
2278
2278
  transition-duration: var(--_duration, 0);
2279
2279
  }
2280
2280
  }
2281
- ._teddy-tabs--full-width_1jnm3_28 ._teddy-tabs__list_1jnm3_1 {
2281
+ ._teddy-tabs--full-width_e9ndq_28 ._teddy-tabs__list_e9ndq_1 {
2282
2282
  max-width: initial;
2283
2283
  }
2284
- ._teddy-tabs__content_1jnm3_31:focus-visible {
2284
+ ._teddy-tabs__content_e9ndq_31:focus-visible {
2285
2285
  outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
2286
2286
  outline-offset: var(--teddy-spacing-25);
2287
2287
  }
2288
- ._teddy-tabs__trigger_1jnm3_35 {
2288
+ ._teddy-tabs__trigger_e9ndq_35 {
2289
2289
  flex: 1 0 auto;
2290
2290
  min-width: 3rem;
2291
2291
  color: var(--teddy-color-text-interactive-primary);
@@ -2296,25 +2296,31 @@
2296
2296
  cursor: pointer;
2297
2297
  transition: color calc(var(--_duration, 0)) var(--teddy-motion-easing-ease-in-out);
2298
2298
  }
2299
- ._teddy-tabs__trigger_1jnm3_35[data-state=active] {
2299
+ ._teddy-tabs__trigger_e9ndq_35[data-state=active] {
2300
2300
  color: var(--teddy-color-text-interactive-on-primary);
2301
2301
  cursor: default;
2302
2302
  }
2303
- ._teddy-tabs__scroll-button_1jnm3_50 {
2303
+ ._teddy-tabs__trigger_e9ndq_35[data-state=active]:hover {
2304
+ background-color: var(--teddy-color-background-interactive-primary-hover);
2305
+ }
2306
+ ._teddy-tabs__trigger_e9ndq_35:hover {
2307
+ background-color: var(--teddy-color-background-interactive-transparent-hover);
2308
+ }
2309
+ ._teddy-tabs__scroll-button_e9ndq_56 {
2304
2310
  background-color: var(--teddy-color-background-secondary);
2305
2311
  color: var(--teddy-color-text-default);
2306
2312
  z-index: 1;
2307
2313
  }
2308
- ._teddy-tabs__scroll-button_1jnm3_50:hover {
2314
+ ._teddy-tabs__scroll-button_e9ndq_56:hover {
2309
2315
  background-color: var(--teddy-color-background-interactive-transparent-hover);
2310
2316
  }
2311
- ._teddy-tabs__scroll-button_1jnm3_50:active {
2317
+ ._teddy-tabs__scroll-button_e9ndq_56:active {
2312
2318
  background-color: var(--teddy-color-background-interactive-transparent-active);
2313
2319
  }
2314
- ._teddy-tabs__scroll-button_1jnm3_50::before {
2320
+ ._teddy-tabs__scroll-button_e9ndq_56::before {
2315
2321
  z-index: 1;
2316
2322
  }
2317
- ._teddy-tabs__scroll-button_1jnm3_50::after {
2323
+ ._teddy-tabs__scroll-button_e9ndq_56::after {
2318
2324
  content: "";
2319
2325
  top: 0;
2320
2326
  left: 100%;
@@ -2323,7 +2329,7 @@
2323
2329
  width: 1rem;
2324
2330
  background: linear-gradient(90deg, var(--teddy-color-background-secondary) 0%, var(--teddy-color-functional-transparent) 100%);
2325
2331
  }
2326
- ._teddy-tabs__scroll-button_1jnm3_50[data-direction=right]::after {
2332
+ ._teddy-tabs__scroll-button_e9ndq_56[data-direction=right]::after {
2327
2333
  left: auto;
2328
2334
  right: 100%;
2329
2335
  transform: rotate(180deg);
@@ -4699,7 +4705,7 @@
4699
4705
  ._teddy-modal__content_lkqhu_37:where([data-state=closed]) {
4700
4706
  animation: _modal-content-hide_lkqhu_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
4701
4707
  }
4702
- }._teddy-navigation-menu_19565_1 {
4708
+ }._teddy-navigation-menu_6p30v_1 {
4703
4709
  --item-gap: var(--teddy-spacing-200);
4704
4710
  --width-for-centering-element: calc((100% - var(--teddy-breakpoint-xl) + var(--teddy-spacing-600) * 2) / 2);
4705
4711
  --inline-padding: calc(var(--teddy-spacing-200) - var(--item-gap));
@@ -4711,16 +4717,16 @@
4711
4717
  background-color: var(--teddy-color-background-primary);
4712
4718
  }
4713
4719
  @media (min-width: 600px) {
4714
- ._teddy-navigation-menu_19565_1 {
4720
+ ._teddy-navigation-menu_6p30v_1 {
4715
4721
  --inline-padding: calc(var(--teddy-spacing-300) - var(--item-gap));
4716
4722
  }
4717
4723
  }
4718
4724
  @media (min-width: 1440px) {
4719
- ._teddy-navigation-menu_19565_1 {
4725
+ ._teddy-navigation-menu_6p30v_1 {
4720
4726
  --inline-padding: calc(var(--teddy-spacing-400) - var(--item-gap));
4721
4727
  }
4722
4728
  }
4723
- ._teddy-navigation-menu_19565_1::after {
4729
+ ._teddy-navigation-menu_6p30v_1::after {
4724
4730
  content: "";
4725
4731
  position: absolute;
4726
4732
  inset: 0;
@@ -4728,17 +4734,17 @@
4728
4734
  opacity: 0;
4729
4735
  }
4730
4736
  @media (prefers-reduced-motion: no-preference) {
4731
- ._teddy-navigation-menu_19565_1::after {
4737
+ ._teddy-navigation-menu_6p30v_1::after {
4732
4738
  transition: opacity var(--teddy-motion-duration-300) ease;
4733
4739
  }
4734
4740
  }
4735
- ._teddy-navigation-menu_19565_1:has(._teddy-navigation-menu__viewport_19565_34[data-state=open])::after {
4741
+ ._teddy-navigation-menu_6p30v_1:has(._teddy-navigation-menu__viewport_6p30v_34[data-state=open])::after {
4736
4742
  opacity: 1;
4737
4743
  }
4738
- ._teddy-navigation-menu__separator_19565_37 {
4744
+ ._teddy-navigation-menu__separator_6p30v_37 {
4739
4745
  border-top: var(--teddy-border-width-sm) solid var(--teddy-color-border-weak);
4740
4746
  }
4741
- ._teddy-navigation-menu__list_19565_40 {
4747
+ ._teddy-navigation-menu__list_6p30v_40 {
4742
4748
  all: unset;
4743
4749
  list-style-type: none;
4744
4750
  display: flex;
@@ -4748,23 +4754,23 @@
4748
4754
  gap: var(--item-gap);
4749
4755
  }
4750
4756
  @media (min-width: 1440px) {
4751
- ._teddy-navigation-menu__list_19565_40 {
4757
+ ._teddy-navigation-menu__list_6p30v_40 {
4752
4758
  margin: 0 auto;
4753
4759
  }
4754
4760
  }
4755
- ._teddy-navigation-menu__list_19565_40::before {
4761
+ ._teddy-navigation-menu__list_6p30v_40::before {
4756
4762
  display: block;
4757
4763
  width: var(--width-for-centering-element);
4758
4764
  }
4759
- ._teddy-navigation-menu__list_19565_40::after {
4765
+ ._teddy-navigation-menu__list_6p30v_40::after {
4760
4766
  content: "";
4761
4767
  display: block;
4762
4768
  width: var(--width-for-centering-element);
4763
4769
  }
4764
- ._teddy-navigation-menu__list_19565_40 li {
4770
+ ._teddy-navigation-menu__list_6p30v_40 li {
4765
4771
  line-height: 1.2;
4766
4772
  }
4767
- ._teddy-navigation-menu__top-menu-list_19565_66 {
4773
+ ._teddy-navigation-menu__top-menu-list_6p30v_66 {
4768
4774
  all: unset;
4769
4775
  position: relative;
4770
4776
  list-style-type: none;
@@ -4772,20 +4778,20 @@
4772
4778
  display: flex;
4773
4779
  align-items: center;
4774
4780
  }
4775
- ._teddy-navigation-menu__top-menu-list_19565_66::before {
4781
+ ._teddy-navigation-menu__top-menu-list_6p30v_66::before {
4776
4782
  display: block;
4777
4783
  width: var(--width-for-centering-element);
4778
4784
  }
4779
- ._teddy-navigation-menu__top-menu-list_19565_66::after {
4785
+ ._teddy-navigation-menu__top-menu-list_6p30v_66::after {
4780
4786
  content: "";
4781
4787
  display: block;
4782
4788
  width: var(--width-for-centering-element);
4783
4789
  }
4784
- ._teddy-navigation-menu__top-menu-list_19565_66 li {
4790
+ ._teddy-navigation-menu__top-menu-list_6p30v_66 li {
4785
4791
  display: grid;
4786
4792
  line-height: 1.2;
4787
4793
  }
4788
- ._teddy-navigation-menu__top-menu-trigger_19565_87 {
4794
+ ._teddy-navigation-menu__top-menu-trigger_6p30v_87 {
4789
4795
  all: unset;
4790
4796
  position: relative;
4791
4797
  cursor: pointer;
@@ -4804,13 +4810,13 @@
4804
4810
  padding: var(--teddy-spacing-200) var(--teddy-spacing-100);
4805
4811
  text-align: center;
4806
4812
  }
4807
- ._teddy-navigation-menu__top-menu-trigger--small_19565_106 {
4813
+ ._teddy-navigation-menu__top-menu-trigger--small_6p30v_106 {
4808
4814
  padding: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25) + var(--teddy-spacing-10)) var(--teddy-spacing-100);
4809
4815
  font-size: var(--teddy-typography-scale-100);
4810
4816
  line-height: var(--teddy-typography-line-height-loose);
4811
4817
  outline-offset: -2px;
4812
4818
  }
4813
- ._teddy-navigation-menu__top-menu-trigger--button_19565_112 {
4819
+ ._teddy-navigation-menu__top-menu-trigger--button_6p30v_112 {
4814
4820
  padding: var(--teddy-spacing-100);
4815
4821
  min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-200));
4816
4822
  box-sizing: border-box;
@@ -4823,11 +4829,11 @@
4823
4829
  row-gap: var(--teddy-spacing-50);
4824
4830
  }
4825
4831
  @media (max-width: 600px) {
4826
- ._teddy-navigation-menu__top-menu-trigger--button_19565_112 {
4832
+ ._teddy-navigation-menu__top-menu-trigger--button_6p30v_112 {
4827
4833
  font-size: var(--teddy-typography-scale-75);
4828
4834
  }
4829
4835
  }
4830
- ._teddy-navigation-menu__top-menu-trigger_19565_87::after {
4836
+ ._teddy-navigation-menu__top-menu-trigger_6p30v_87::after {
4831
4837
  content: "";
4832
4838
  display: block;
4833
4839
  position: absolute;
@@ -4838,10 +4844,10 @@
4838
4844
  pointer-events: none;
4839
4845
  border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
4840
4846
  }
4841
- ._teddy-navigation-menu__top-menu-trigger--button_19565_112::after {
4847
+ ._teddy-navigation-menu__top-menu-trigger--button_6p30v_112::after {
4842
4848
  border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
4843
4849
  }
4844
- ._teddy-navigation-menu__top-menu-trigger_19565_87:not(._teddy-navigation-menu__top-menu-trigger--button_19565_112)::before {
4850
+ ._teddy-navigation-menu__top-menu-trigger_6p30v_87:not(._teddy-navigation-menu__top-menu-trigger--button_6p30v_112)::before {
4845
4851
  content: attr(data-text);
4846
4852
  content: attr(data-text)/"";
4847
4853
  height: 0;
@@ -4852,81 +4858,72 @@
4852
4858
  font-weight: var(--teddy-typography-weight-bold);
4853
4859
  }
4854
4860
  @media speech {
4855
- ._teddy-navigation-menu__top-menu-trigger_19565_87:not(._teddy-navigation-menu__top-menu-trigger--button_19565_112)::before {
4861
+ ._teddy-navigation-menu__top-menu-trigger_6p30v_87:not(._teddy-navigation-menu__top-menu-trigger--button_6p30v_112)::before {
4856
4862
  display: none;
4857
4863
  }
4858
4864
  }
4859
- ._teddy-navigation-menu__top-menu-trigger_19565_87:hover {
4865
+ ._teddy-navigation-menu__top-menu-trigger_6p30v_87:hover {
4860
4866
  background-color: var(--teddy-color-background-interactive-transparent-hover);
4861
4867
  }
4862
- ._teddy-navigation-menu__top-menu-trigger_19565_87:hover::after {
4868
+ ._teddy-navigation-menu__top-menu-trigger_6p30v_87:hover::after {
4863
4869
  opacity: 1;
4864
4870
  }
4865
- ._teddy-navigation-menu__top-menu-trigger_19565_87:active {
4871
+ ._teddy-navigation-menu__top-menu-trigger_6p30v_87:active {
4866
4872
  background-color: var(--teddy-color-background-interactive-transparent-active);
4867
4873
  }
4868
- ._teddy-navigation-menu__top-menu-trigger_19565_87:active::after {
4874
+ ._teddy-navigation-menu__top-menu-trigger_6p30v_87:active::after {
4869
4875
  opacity: 1;
4870
4876
  }
4871
- ._teddy-navigation-menu__top-menu-trigger_19565_87[data-state=open], ._teddy-navigation-menu__top-menu-trigger_19565_87:has([data-active]), ._teddy-navigation-menu__top-menu-trigger_19565_87[data-active] {
4877
+ ._teddy-navigation-menu__top-menu-trigger_6p30v_87[data-state=open], ._teddy-navigation-menu__top-menu-trigger_6p30v_87:has([data-active]), ._teddy-navigation-menu__top-menu-trigger_6p30v_87[data-active] {
4872
4878
  font-weight: var(--teddy-typography-weight-bold);
4873
4879
  }
4874
- ._teddy-navigation-menu__top-menu-trigger_19565_87[data-state=open]::after, ._teddy-navigation-menu__top-menu-trigger_19565_87:has([data-active])::after, ._teddy-navigation-menu__top-menu-trigger_19565_87[data-active]::after {
4880
+ ._teddy-navigation-menu__top-menu-trigger_6p30v_87[data-state=open]::after, ._teddy-navigation-menu__top-menu-trigger_6p30v_87:has([data-active])::after, ._teddy-navigation-menu__top-menu-trigger_6p30v_87[data-active]::after {
4875
4881
  border-color: var(--teddy-color-text-interactive-primary);
4876
4882
  opacity: 1;
4877
4883
  }
4878
- ._teddy-navigation-menu__top-menu-trigger_19565_87:focus-visible {
4884
+ ._teddy-navigation-menu__top-menu-trigger_6p30v_87:focus-visible {
4879
4885
  outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
4880
4886
  }
4881
- ._teddy-navigation-menu__top-menu-trigger_19565_87[data-state=open] {
4887
+ ._teddy-navigation-menu__top-menu-trigger_6p30v_87[data-state=open] {
4882
4888
  font-weight: var(--teddy-typography-weight-bold);
4883
4889
  }
4884
- ._teddy-navigation-menu__top-menu-trigger_19565_87[data-state=open]::after {
4890
+ ._teddy-navigation-menu__top-menu-trigger_6p30v_87[data-state=open]::after {
4885
4891
  border-color: var(--teddy-color-text-interactive-primary);
4886
4892
  opacity: 1;
4887
4893
  }
4888
- ._teddy-navigation-menu__content_19565_187 {
4894
+ ._teddy-navigation-menu__content_6p30v_187 {
4889
4895
  all: unset;
4890
4896
  list-style-type: none;
4891
4897
  justify-content: space-between;
4892
4898
  display: flex;
4893
4899
  gap: var(--teddy-spacing-100);
4894
4900
  padding: 0;
4895
- position: absolute;
4896
- left: 0;
4897
- right: 0;
4898
4901
  max-width: 84rem;
4899
4902
  margin: 0 var(--teddy-spacing-600);
4900
4903
  overflow: clip;
4901
4904
  }
4902
- ._teddy-navigation-menu__content_19565_187 > ul {
4905
+ ._teddy-navigation-menu__content_6p30v_187 > ul {
4903
4906
  list-style: none;
4904
4907
  display: flex;
4905
4908
  margin: 0;
4906
4909
  padding: 0;
4907
4910
  }
4908
- ._teddy-navigation-menu__content_19565_187 > ul > li {
4911
+ ._teddy-navigation-menu__content_6p30v_187 > ul > li {
4909
4912
  display: grid;
4910
4913
  line-height: 1.2;
4911
4914
  }
4912
4915
  @media (min-width: 1440px) {
4913
- ._teddy-navigation-menu__content_19565_187 {
4916
+ ._teddy-navigation-menu__content_6p30v_187 {
4914
4917
  margin: 0 auto;
4915
4918
  }
4916
4919
  }
4917
- @media (prefers-reduced-motion: no-preference) {
4918
- ._teddy-navigation-menu__content_19565_187 {
4919
- animation-duration: var(--teddy-motion-duration-300);
4920
- animation-timing-function: ease;
4921
- }
4922
- }
4923
- ._teddy-navigation-menu__content_19565_187::before {
4920
+ ._teddy-navigation-menu__content_6p30v_187::before {
4924
4921
  content: "";
4925
4922
  position: absolute;
4926
4923
  inset: 0;
4927
4924
  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);
4928
4925
  }
4929
- ._teddy-navigation-menu__trigger_19565_228 {
4926
+ ._teddy-navigation-menu__trigger_6p30v_219 {
4930
4927
  position: relative;
4931
4928
  all: unset;
4932
4929
  position: relative;
@@ -4946,13 +4943,13 @@
4946
4943
  padding: var(--teddy-spacing-200) var(--teddy-spacing-100);
4947
4944
  text-align: center;
4948
4945
  }
4949
- ._teddy-navigation-menu__trigger--small_19565_248 {
4946
+ ._teddy-navigation-menu__trigger--small_6p30v_239 {
4950
4947
  padding: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25) + var(--teddy-spacing-10)) var(--teddy-spacing-100);
4951
4948
  font-size: var(--teddy-typography-scale-100);
4952
4949
  line-height: var(--teddy-typography-line-height-loose);
4953
4950
  outline-offset: -2px;
4954
4951
  }
4955
- ._teddy-navigation-menu__trigger--button_19565_254 {
4952
+ ._teddy-navigation-menu__trigger--button_6p30v_245 {
4956
4953
  padding: var(--teddy-spacing-100);
4957
4954
  min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-200));
4958
4955
  box-sizing: border-box;
@@ -4965,11 +4962,11 @@
4965
4962
  row-gap: var(--teddy-spacing-50);
4966
4963
  }
4967
4964
  @media (max-width: 600px) {
4968
- ._teddy-navigation-menu__trigger--button_19565_254 {
4965
+ ._teddy-navigation-menu__trigger--button_6p30v_245 {
4969
4966
  font-size: var(--teddy-typography-scale-75);
4970
4967
  }
4971
4968
  }
4972
- ._teddy-navigation-menu__trigger_19565_228::after {
4969
+ ._teddy-navigation-menu__trigger_6p30v_219::after {
4973
4970
  content: "";
4974
4971
  display: block;
4975
4972
  position: absolute;
@@ -4980,10 +4977,10 @@
4980
4977
  pointer-events: none;
4981
4978
  border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
4982
4979
  }
4983
- ._teddy-navigation-menu__trigger--button_19565_254::after {
4980
+ ._teddy-navigation-menu__trigger--button_6p30v_245::after {
4984
4981
  border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
4985
4982
  }
4986
- ._teddy-navigation-menu__trigger_19565_228:not(._teddy-navigation-menu__trigger--button_19565_254)::before {
4983
+ ._teddy-navigation-menu__trigger_6p30v_219:not(._teddy-navigation-menu__trigger--button_6p30v_245)::before {
4987
4984
  content: attr(data-text);
4988
4985
  content: attr(data-text)/"";
4989
4986
  height: 0;
@@ -4994,33 +4991,33 @@
4994
4991
  font-weight: var(--teddy-typography-weight-bold);
4995
4992
  }
4996
4993
  @media speech {
4997
- ._teddy-navigation-menu__trigger_19565_228:not(._teddy-navigation-menu__trigger--button_19565_254)::before {
4994
+ ._teddy-navigation-menu__trigger_6p30v_219:not(._teddy-navigation-menu__trigger--button_6p30v_245)::before {
4998
4995
  display: none;
4999
4996
  }
5000
4997
  }
5001
- ._teddy-navigation-menu__trigger_19565_228:hover {
4998
+ ._teddy-navigation-menu__trigger_6p30v_219:hover {
5002
4999
  background-color: var(--teddy-color-background-interactive-transparent-hover);
5003
5000
  }
5004
- ._teddy-navigation-menu__trigger_19565_228:hover::after {
5001
+ ._teddy-navigation-menu__trigger_6p30v_219:hover::after {
5005
5002
  opacity: 1;
5006
5003
  }
5007
- ._teddy-navigation-menu__trigger_19565_228:active {
5004
+ ._teddy-navigation-menu__trigger_6p30v_219:active {
5008
5005
  background-color: var(--teddy-color-background-interactive-transparent-active);
5009
5006
  }
5010
- ._teddy-navigation-menu__trigger_19565_228:active::after {
5007
+ ._teddy-navigation-menu__trigger_6p30v_219:active::after {
5011
5008
  opacity: 1;
5012
5009
  }
5013
- ._teddy-navigation-menu__trigger_19565_228[data-state=open], ._teddy-navigation-menu__trigger_19565_228:has([data-active]), ._teddy-navigation-menu__trigger_19565_228[data-active] {
5010
+ ._teddy-navigation-menu__trigger_6p30v_219[data-state=open], ._teddy-navigation-menu__trigger_6p30v_219:has([data-active]), ._teddy-navigation-menu__trigger_6p30v_219[data-active] {
5014
5011
  font-weight: var(--teddy-typography-weight-bold);
5015
5012
  }
5016
- ._teddy-navigation-menu__trigger_19565_228[data-state=open]::after, ._teddy-navigation-menu__trigger_19565_228:has([data-active])::after, ._teddy-navigation-menu__trigger_19565_228[data-active]::after {
5013
+ ._teddy-navigation-menu__trigger_6p30v_219[data-state=open]::after, ._teddy-navigation-menu__trigger_6p30v_219:has([data-active])::after, ._teddy-navigation-menu__trigger_6p30v_219[data-active]::after {
5017
5014
  border-color: var(--teddy-color-text-interactive-primary);
5018
5015
  opacity: 1;
5019
5016
  }
5020
- ._teddy-navigation-menu__trigger_19565_228:focus-visible {
5017
+ ._teddy-navigation-menu__trigger_6p30v_219:focus-visible {
5021
5018
  outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
5022
5019
  }
5023
- ._teddy-navigation-menu__link_19565_322 {
5020
+ ._teddy-navigation-menu__link_6p30v_313 {
5024
5021
  all: unset;
5025
5022
  position: relative;
5026
5023
  cursor: pointer;
@@ -5040,13 +5037,13 @@
5040
5037
  text-align: center;
5041
5038
  text-decoration: none;
5042
5039
  }
5043
- ._teddy-navigation-menu__link--small_19565_342 {
5040
+ ._teddy-navigation-menu__link--small_6p30v_333 {
5044
5041
  padding: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25) + var(--teddy-spacing-10)) var(--teddy-spacing-100);
5045
5042
  font-size: var(--teddy-typography-scale-100);
5046
5043
  line-height: var(--teddy-typography-line-height-loose);
5047
5044
  outline-offset: -2px;
5048
5045
  }
5049
- ._teddy-navigation-menu__link--button_19565_348 {
5046
+ ._teddy-navigation-menu__link--button_6p30v_339 {
5050
5047
  padding: var(--teddy-spacing-100);
5051
5048
  min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-200));
5052
5049
  box-sizing: border-box;
@@ -5059,11 +5056,11 @@
5059
5056
  row-gap: var(--teddy-spacing-50);
5060
5057
  }
5061
5058
  @media (max-width: 600px) {
5062
- ._teddy-navigation-menu__link--button_19565_348 {
5059
+ ._teddy-navigation-menu__link--button_6p30v_339 {
5063
5060
  font-size: var(--teddy-typography-scale-75);
5064
5061
  }
5065
5062
  }
5066
- ._teddy-navigation-menu__link_19565_322::after {
5063
+ ._teddy-navigation-menu__link_6p30v_313::after {
5067
5064
  content: "";
5068
5065
  display: block;
5069
5066
  position: absolute;
@@ -5074,10 +5071,10 @@
5074
5071
  pointer-events: none;
5075
5072
  border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
5076
5073
  }
5077
- ._teddy-navigation-menu__link--button_19565_348::after {
5074
+ ._teddy-navigation-menu__link--button_6p30v_339::after {
5078
5075
  border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
5079
5076
  }
5080
- ._teddy-navigation-menu__link_19565_322:not(._teddy-navigation-menu__link--button_19565_348)::before {
5077
+ ._teddy-navigation-menu__link_6p30v_313:not(._teddy-navigation-menu__link--button_6p30v_339)::before {
5081
5078
  content: attr(data-text);
5082
5079
  content: attr(data-text)/"";
5083
5080
  height: 0;
@@ -5088,142 +5085,73 @@
5088
5085
  font-weight: var(--teddy-typography-weight-bold);
5089
5086
  }
5090
5087
  @media speech {
5091
- ._teddy-navigation-menu__link_19565_322:not(._teddy-navigation-menu__link--button_19565_348)::before {
5088
+ ._teddy-navigation-menu__link_6p30v_313:not(._teddy-navigation-menu__link--button_6p30v_339)::before {
5092
5089
  display: none;
5093
5090
  }
5094
5091
  }
5095
- ._teddy-navigation-menu__link_19565_322:hover {
5092
+ ._teddy-navigation-menu__link_6p30v_313:hover {
5096
5093
  background-color: var(--teddy-color-background-interactive-transparent-hover);
5097
5094
  }
5098
- ._teddy-navigation-menu__link_19565_322:hover::after {
5095
+ ._teddy-navigation-menu__link_6p30v_313:hover::after {
5099
5096
  opacity: 1;
5100
5097
  }
5101
- ._teddy-navigation-menu__link_19565_322:active {
5098
+ ._teddy-navigation-menu__link_6p30v_313:active {
5102
5099
  background-color: var(--teddy-color-background-interactive-transparent-active);
5103
5100
  }
5104
- ._teddy-navigation-menu__link_19565_322:active::after {
5101
+ ._teddy-navigation-menu__link_6p30v_313:active::after {
5105
5102
  opacity: 1;
5106
5103
  }
5107
- ._teddy-navigation-menu__link_19565_322[data-state=open], ._teddy-navigation-menu__link_19565_322:has([data-active]), ._teddy-navigation-menu__link_19565_322[data-active] {
5104
+ ._teddy-navigation-menu__link_6p30v_313[data-state=open], ._teddy-navigation-menu__link_6p30v_313:has([data-active]), ._teddy-navigation-menu__link_6p30v_313[data-active] {
5108
5105
  font-weight: var(--teddy-typography-weight-bold);
5109
5106
  }
5110
- ._teddy-navigation-menu__link_19565_322[data-state=open]::after, ._teddy-navigation-menu__link_19565_322:has([data-active])::after, ._teddy-navigation-menu__link_19565_322[data-active]::after {
5107
+ ._teddy-navigation-menu__link_6p30v_313[data-state=open]::after, ._teddy-navigation-menu__link_6p30v_313:has([data-active])::after, ._teddy-navigation-menu__link_6p30v_313[data-active]::after {
5111
5108
  border-color: var(--teddy-color-text-interactive-primary);
5112
5109
  opacity: 1;
5113
5110
  }
5114
- ._teddy-navigation-menu__link_19565_322:focus-visible {
5111
+ ._teddy-navigation-menu__link_6p30v_313:focus-visible {
5115
5112
  outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
5116
5113
  }
5117
- ._teddy-navigation-menu__viewport_19565_34 {
5114
+ ._teddy-navigation-menu__viewport_6p30v_34 {
5118
5115
  position: relative;
5119
5116
  background-color: var(--teddy-color-background-primary);
5120
5117
  height: var(--radix-navigation-menu-viewport-height);
5121
5118
  transform-origin: top left;
5122
5119
  overflow: clip;
5123
- }
5124
- @keyframes _scaleIn_19565_1 {
5125
- from {
5126
- opacity: 0;
5127
- transform: scale(0.9);
5128
- height: 1px;
5129
- }
5130
- to {
5131
- opacity: 1;
5132
- transform: scale(1);
5133
- height: var(--radix-navigation-menu-viewport-height);
5134
- }
5135
- }
5136
- @keyframes _scaleOut_19565_1 {
5137
- from {
5138
- opacity: 1;
5139
- transform: scale(1);
5140
- }
5141
- to {
5142
- opacity: 0;
5143
- transform: scale(0.9);
5144
- height: 0;
5145
- }
5146
- }
5147
- @keyframes _enterFromRight_19565_1 {
5148
- from {
5149
- opacity: 0;
5150
- transform: translateX(200px);
5151
- }
5152
- to {
5153
- opacity: 1;
5154
- transform: translateX(0);
5155
- }
5156
- }
5157
- @keyframes _enterFromLeft_19565_1 {
5158
- from {
5159
- opacity: 0;
5160
- transform: translateX(-200px);
5161
- }
5162
- to {
5163
- opacity: 1;
5164
- transform: translateX(0);
5165
- }
5166
- }
5167
- @keyframes _exitToRight_19565_1 {
5168
- from {
5169
- opacity: 1;
5170
- transform: translateX(0);
5171
- }
5172
- to {
5173
- opacity: 0;
5174
- transform: translateX(200px);
5175
- }
5176
- }
5177
- @keyframes _exitToLeft_19565_1 {
5178
- from {
5179
- opacity: 1;
5180
- transform: translateX(0);
5181
- }
5182
- to {
5183
- opacity: 0;
5184
- transform: translateX(-200px);
5185
- }
5186
- }._teddy-global-navigation_1kpy3_1 {
5120
+ }._teddy-global-navigation_19q4u_1 {
5187
5121
  position: sticky;
5188
5122
  inset: 0 0 auto 0;
5189
5123
  z-index: 39;
5190
5124
  }
5191
- ._teddy-global-navigation__mobile-trigger_1kpy3_6 {
5192
- border-inline: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
5193
- }
5194
- ._teddy-global-navigation__mobile-header_1kpy3_9[data-state=open] {
5195
- border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
5196
- }
5197
- ._teddy-global-navigation__mobile_1kpy3_6 {
5125
+ ._teddy-global-navigation__mobile_19q4u_6 {
5198
5126
  padding: var(--teddy-spacing-25) var(--teddy-spacing-200);
5199
5127
  border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-border-weak);
5200
5128
  }
5201
5129
  @media screen and (max-width: 335px) {
5202
- ._teddy-global-navigation__mobile_1kpy3_6 {
5130
+ ._teddy-global-navigation__mobile_19q4u_6 {
5203
5131
  padding: var(--teddy-spacing-25) 0;
5204
5132
  }
5205
5133
  }
5206
- ._teddy-global-navigation__mobile_1kpy3_6::before {
5134
+ ._teddy-global-navigation__mobile_19q4u_6::before {
5207
5135
  content: "";
5208
5136
  display: block;
5209
5137
  width: var(--width-for-centering-element);
5210
5138
  }
5211
- ._teddy-global-navigation__mobile_1kpy3_6::after {
5139
+ ._teddy-global-navigation__mobile_19q4u_6::after {
5212
5140
  content: "";
5213
5141
  display: block;
5214
5142
  width: var(--width-for-centering-element);
5215
5143
  }
5216
5144
  @media screen and (max-width: 335px) {
5217
- ._teddy-global-navigation__top-icon-wrapper_1kpy3_32 {
5145
+ ._teddy-global-navigation__top-icon-wrapper_19q4u_26 {
5218
5146
  gap: 0;
5219
5147
  }
5220
5148
  }
5221
5149
  @media screen and (max-width: 335px) {
5222
- ._teddy-global-navigation__top-menu-icons_1kpy3_37 {
5150
+ ._teddy-global-navigation__top-menu-icons_19q4u_31 {
5223
5151
  gap: 0;
5224
5152
  }
5225
5153
  }
5226
- ._teddy-global-navigation__link_1kpy3_41 {
5154
+ ._teddy-global-navigation__link_19q4u_35 {
5227
5155
  text-decoration: none;
5228
5156
  display: flex;
5229
5157
  justify-content: space-between;
@@ -5233,42 +5161,45 @@
5233
5161
  font-weight: var(--teddy-typography-weight-bold);
5234
5162
  font-size: var(--teddy-typography-scale-400);
5235
5163
  }
5236
- ._teddy-global-navigation__header_1kpy3_51 {
5164
+ ._teddy-global-navigation__link_19q4u_35:hover {
5165
+ background-color: var(--teddy-color-background-interactive-transparent-hover);
5166
+ }
5167
+ ._teddy-global-navigation__header_19q4u_48 {
5237
5168
  color: var(--teddy-color-text-interactive-primary);
5238
5169
  }
5239
- ._teddy-global-navigation__colored-box_1kpy3_54 {
5170
+ ._teddy-global-navigation__colored-box_19q4u_51 {
5240
5171
  background-color: var(--teddy-color-background-secondary);
5241
5172
  }
5242
- ._teddy-global-navigation__colored-box--mobile_1kpy3_57 {
5173
+ ._teddy-global-navigation__colored-box--mobile_19q4u_54 {
5243
5174
  margin: 0 -1.5rem;
5244
5175
  background-color: var(--teddy-color-background-secondary);
5245
5176
  }
5246
- ._teddy-global-navigation__sublink-button--mobile_1kpy3_61 {
5177
+ ._teddy-global-navigation__sublink-button--mobile_19q4u_58 {
5247
5178
  background-color: transparent;
5248
5179
  padding: 0;
5249
5180
  color: var(--teddy-color-text-interactive-primary);
5250
5181
  border-radius: unset;
5251
5182
  }
5252
- ._teddy-global-navigation__list_1kpy3_67 {
5183
+ ._teddy-global-navigation__list_19q4u_64 {
5253
5184
  column-count: 2;
5254
5185
  max-height: 13rem;
5255
5186
  column-gap: var(--teddy-spacing-300);
5256
5187
  }
5257
- ._teddy-global-navigation__viewport_1kpy3_72._teddy-global-navigation__viewport_1kpy3_72 {
5188
+ ._teddy-global-navigation__viewport_19q4u_69._teddy-global-navigation__viewport_19q4u_69 {
5258
5189
  height: var(--teddy-viewport-wrapper-height);
5259
5190
  }
5260
- ._teddy-global-navigation__item-wrapper_1kpy3_75 {
5191
+ ._teddy-global-navigation__item-wrapper_19q4u_72 {
5261
5192
  position: relative;
5262
5193
  display: flex;
5263
5194
  }
5264
- ._teddy-global-navigation__item-count_1kpy3_79 {
5195
+ ._teddy-global-navigation__item-count_19q4u_76 {
5265
5196
  display: flex;
5266
5197
  justify-content: center;
5267
5198
  align-items: center;
5268
5199
  position: absolute;
5269
5200
  transform: translate(calc(var(--teddy-spacing-150) + var(--teddy-spacing-25)), calc(-1 * var(--teddy-spacing-100) + var(--teddy-spacing-10)));
5270
5201
  }
5271
- ._teddy-global-navigation__viewport-wrapper_1kpy3_86 {
5202
+ ._teddy-global-navigation__viewport-wrapper_19q4u_83 {
5272
5203
  position: absolute;
5273
5204
  top: 112px;
5274
5205
  left: 0;
@@ -5277,73 +5208,31 @@
5277
5208
  transition: max-height var(--teddy-motion-duration-controlled, 0) ease;
5278
5209
  box-shadow: var(--teddy-shadow-md);
5279
5210
  }
5280
- ._teddy-global-navigation__viewport-wrapper_1kpy3_86[data-state=open] {
5211
+ ._teddy-global-navigation__viewport-wrapper_19q4u_83[data-state=open] {
5281
5212
  max-height: var(--teddy-viewport-wrapper-height);
5282
5213
  }
5283
- ._teddy-global-navigation__viewport-wrapper_1kpy3_86[data-state=closed] {
5284
- animation: _close-viewport_1kpy3_1 var(--teddy-motion-duration-controlled, 0) ease;
5214
+ ._teddy-global-navigation__viewport-wrapper_19q4u_83[data-state=closed] {
5285
5215
  max-height: 0;
5286
5216
  }
5287
- ._teddy-global-navigation__top-menu-color_1kpy3_102 {
5217
+ ._teddy-global-navigation__top-menu-color_19q4u_98 {
5288
5218
  background-color: var(--teddy-color-background-secondary);
5289
5219
  }
5290
- ._teddy-global-navigation__top-menu-wrapper_1kpy3_105 {
5220
+ ._teddy-global-navigation__top-menu-wrapper_19q4u_101 {
5291
5221
  overflow: hidden;
5292
5222
  max-width: 84rem;
5293
5223
  transition: max-height var(--teddy-motion-duration-controlled, 0) ease;
5294
5224
  margin: 0 var(--teddy-spacing-600);
5295
5225
  }
5296
5226
  @media (min-width: 1440px) {
5297
- ._teddy-global-navigation__top-menu-wrapper_1kpy3_105 {
5227
+ ._teddy-global-navigation__top-menu-wrapper_19q4u_101 {
5298
5228
  margin: 0 auto;
5299
5229
  }
5300
5230
  }
5301
- ._teddy-global-navigation__top-menu-wrapper_1kpy3_105[data-state=open] {
5231
+ ._teddy-global-navigation__top-menu-wrapper_19q4u_101[data-state=open] {
5302
5232
  max-height: var(--teddy-top-menu-height, 47px);
5303
5233
  }
5304
- ._teddy-global-navigation__top-menu-wrapper_1kpy3_105[data-state=closed] {
5234
+ ._teddy-global-navigation__top-menu-wrapper_19q4u_101[data-state=closed] {
5305
5235
  max-height: 0;
5306
- }
5307
- ._teddy-global-navigation__accordion-look_1kpy3_122 {
5308
- background-color: var(--teddy-color-background-interactive-transparent);
5309
- display: grid;
5310
- grid-template-columns: minmax(0, 1fr) auto;
5311
- align-items: stretch;
5312
- max-width: initial;
5313
- color: var(--teddy-color-text-interactive-primary);
5314
- font-weight: var(--teddy-typography-weight-bold);
5315
- border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
5316
- }
5317
- ._teddy-global-navigation__accordion-look_1kpy3_122:first-child {
5318
- margin-top: 0;
5319
- }
5320
- ._teddy-global-navigation__accordion-look_1kpy3_122:last-child {
5321
- border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
5322
- }
5323
- ._teddy-global-navigation__mobile-link--accordion-look_1kpy3_138 {
5324
- padding: calc(var(--teddy-spacing-150) + var(--teddy-spacing-25)) 0;
5325
- font-family: var(--teddy-typography-family-default);
5326
- font-weight: var(--teddy-typography-weight-bold);
5327
- font-size: clamp(var(--teddy-typography-scale-100), 3cqw, var(--teddy-typography-scale-200));
5328
- line-height: var(--teddy-typography-line-height-default);
5329
- }
5330
- @media (min-width: 600px) {
5331
- ._teddy-global-navigation__mobile-link--accordion-look_1kpy3_138 {
5332
- padding: calc(var(--teddy-spacing-250) + var(--teddy-spacing-10)) 0;
5333
- }
5334
- }
5335
- @media (min-width: 1024px) {
5336
- ._teddy-global-navigation__mobile-link--accordion-look_1kpy3_138 {
5337
- padding: calc(var(--teddy-spacing-300) + var(--teddy-spacing-10)) 0;
5338
- }
5339
- }
5340
- @keyframes _close-viewport_1kpy3_1 {
5341
- 0% {
5342
- max-height: var(--teddy-viewport-wrapper-height);
5343
- }
5344
- 100% {
5345
- max-height: 0;
5346
- }
5347
5236
  }._date-picker_1vj0x_1 {
5348
5237
  display: flex;
5349
5238
  flex-direction: column;