unified-video-framework 1.4.161 → 1.4.163

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.
Files changed (5) hide show
  1. package/package.json +1 -1
  2. package/packages/web/dist/WebPlayer.d.ts.map +1 -1
  3. package/packages/web/dist/WebPlayer.js +247 -261
  4. package/packages/web/dist/WebPlayer.js.map +1 -1
  5. package/packages/web/src/WebPlayer.ts +247 -261
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "unified-video-framework",
3
- "version": "1.4.161",
3
+ "version": "1.4.163",
4
4
  "description": "Cross-platform video player framework supporting iOS, Android, Web, Smart TVs (Samsung/LG), Roku, and more",
5
5
  "main": "packages/core/dist/index.js",
6
6
  "types": "packages/core/dist/index.d.ts",
package/packages/web/dist/WebPlayer.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"WebPlayer.d.ts","sourceRoot":"","sources":["../src/WebPlayer.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"WebPlayer.d.ts","sourceRoot":"","sources":["../src/WebPlayer.ts"],"names":[],"mappings":"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"}
package/packages/web/dist/WebPlayer.js CHANGED
@@ -3861,138 +3861,6 @@ export class WebPlayer extends BasePlayer {
3861
3861
  @media screen and (max-width: 767px) {
3862
3862
  html, body {
3863
3863
  overflow-x: hidden;
3864
- background: #000;
3865
- }
3866
-
3867
- /* Mobile Portrait Layout - Centered Player with Top/Bottom Black Areas */
3868
- @media screen and (orientation: portrait) {
3869
- .uvf-responsive-container {
3870
- display: flex;
3871
- flex-direction: column;
3872
- height: 100vh;
3873
- height: 100dvh;
3874
- background: #000;
3875
- overflow: hidden;
3876
- position: fixed;
3877
- top: 0;
3878
- left: 0;
3879
- width: 100vw;
3880
- }
3881
-
3882
- /* Top black area - 25% of viewport */
3883
- .uvf-responsive-container::before {
3884
- content: '';
3885
- flex: 0 0 25vh;
3886
- background: #000;
3887
- pointer-events: none;
3888
- }
3889
-
3890
- /* Bottom black area - 25% of viewport */
3891
- .uvf-responsive-container::after {
3892
- content: '';
3893
- flex: 0 0 25vh;
3894
- background: #000;
3895
- pointer-events: none;
3896
- }
3897
-
3898
- /* Centered video player wrapper - 50% of viewport */
3899
- .uvf-responsive-container .uvf-player-wrapper {
3900
- flex: 1;
3901
- width: 100vw;
3902
- display: flex;
3903
- align-items: center;
3904
- justify-content: center;
3905
- background: #000;
3906
- position: relative;
3907
- }
3908
-
3909
- /* Video container fills player wrapper */
3910
- .uvf-responsive-container .uvf-video-container {
3911
- width: 100%;
3912
- height: 100%;
3913
- position: relative;
3914
- background: #000;
3915
- border-radius: 0;
3916
- overflow: hidden;
3917
- }
3918
-
3919
- /* Video element fills container */
3920
- .uvf-responsive-container .uvf-video {
3921
- width: 100%;
3922
- height: 100%;
3923
- object-fit: contain;
3924
- background: #000;
3925
- }
3926
-
3927
- /* All controls positioned inside video container */
3928
- .uvf-controls-bar {
3929
- position: absolute !important;
3930
- bottom: 0 !important;
3931
- left: 0 !important;
3932
- right: 0 !important;
3933
- background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.6) 60%, transparent 100%);
3934
- padding: 12px 16px;
3935
- padding-bottom: calc(12px + var(--uvf-safe-area-bottom));
3936
- z-index: 1000;
3937
- /* Ensure hardware acceleration */
3938
- -webkit-transform: translate3d(0,0,0);
3939
- transform: translate3d(0,0,0);
3940
- }
3941
-
3942
- /* Progress section */
3943
- .uvf-progress-section {
3944
- width: 100%;
3945
- margin-bottom: 8px;
3946
- }
3947
-
3948
- /* Controls row alignment */
3949
- .uvf-controls-row {
3950
- width: 100%;
3951
- display: flex;
3952
- align-items: center;
3953
- justify-content: flex-start;
3954
- gap: 12px;
3955
- }
3956
-
3957
- /* Right controls */
3958
- .uvf-right-controls {
3959
- margin-left: auto;
3960
- display: flex;
3961
- align-items: center;
3962
- gap: 8px;
3963
- }
3964
-
3965
- /* Center play button positioned within video */
3966
- .uvf-center-play-container {
3967
- position: absolute;
3968
- top: 50%;
3969
- left: 50%;
3970
- transform: translate(-50%, -50%);
3971
- z-index: 8;
3972
- pointer-events: none;
3973
- }
3974
-
3975
- .uvf-center-play-btn {
3976
- pointer-events: auto;
3977
- }
3978
-
3979
- /* Top controls within video */
3980
- .uvf-top-controls {
3981
- position: absolute;
3982
- top: calc(12px + var(--uvf-safe-area-top));
3983
- right: calc(16px + var(--uvf-safe-area-right));
3984
- z-index: 9;
3985
- }
3986
-
3987
- /* Title bar within video */
3988
- .uvf-title-bar {
3989
- position: absolute;
3990
- top: calc(12px + var(--uvf-safe-area-top));
3991
- left: calc(16px + var(--uvf-safe-area-left));
3992
- right: calc(80px + var(--uvf-safe-area-right));
3993
- z-index: 9;
3994
- padding: 8px 0;
3995
- }
3996
3864
  }
3997
3865
 
3998
3866
  .uvf-player-wrapper {
@@ -4016,37 +3884,6 @@ export class WebPlayer extends BasePlayer {
4016
3884
  transform: translateZ(0);
4017
3885
  }
4018
3886
 
4019
- /* Mobile controls optimization for touch */
4020
- .uvf-control-btn {
4021
- min-width: 44px;
4022
- min-height: 44px;
4023
- display: flex;
4024
- align-items: center;
4025
- justify-content: center;
4026
- border-radius: 50%;
4027
- transition: all 0.2s ease;
4028
- background: rgba(255, 255, 255, 0.1);
4029
- backdrop-filter: blur(8px);
4030
- }
4031
-
4032
- .uvf-control-btn:active {
4033
- transform: scale(0.95);
4034
- background: rgba(255, 255, 255, 0.2);
4035
- }
4036
-
4037
- /* Play/pause button prominence */
4038
- .uvf-control-btn.play-pause {
4039
- background: linear-gradient(135deg, var(--uvf-accent-1), var(--uvf-accent-2));
4040
- min-width: 52px;
4041
- min-height: 52px;
4042
- box-shadow: 0 2px 8px rgba(0,0,0,0.3);
4043
- }
4044
-
4045
- .uvf-control-btn.play-pause:active {
4046
- transform: scale(0.92);
4047
- box-shadow: 0 1px 4px rgba(0,0,0,0.4);
4048
- }
4049
-
4050
3887
  /* Fix for controls being cut off by virtual keyboard */
4051
3888
  .uvf-controls-bar {
4052
3889
  position: absolute !important;
@@ -4093,61 +3930,244 @@ export class WebPlayer extends BasePlayer {
4093
3930
  }
4094
3931
 
4095
3932
  /* Enhanced Responsive Media Queries with UX Best Practices */
4096
- /* Mobile devices (portrait) - Enhanced UX with Safe Areas */
3933
+ /* Mobile Portrait Layout - CENTERED PLAYER with TOP/BOTTOM BLACK AREAS */
4097
3934
  @media screen and (max-width: 767px) and (orientation: portrait) {
3935
+ /* CENTERED LAYOUT: 25% top black + 50% player + 25% bottom black */
4098
3936
  .uvf-responsive-container {
3937
+ display: flex;
3938
+ flex-direction: column;
3939
+ height: 100vh;
3940
+ height: 100dvh;
3941
+ background: #000;
3942
+ overflow: hidden;
3943
+ position: fixed;
3944
+ top: 0;
3945
+ left: 0;
3946
+ width: 100vw;
4099
3947
  padding: 0;
4100
- width: 100vw !important;
4101
- height: calc(100vh - var(--uvf-safe-area-top) - var(--uvf-safe-area-bottom));
4102
3948
  margin: 0;
4103
- position: relative;
4104
- overflow: hidden;
4105
3949
  }
4106
3950
 
4107
- @supports (height: 100dvh) {
4108
- .uvf-responsive-container {
4109
- height: calc(100dvh - var(--uvf-safe-area-top) - var(--uvf-safe-area-bottom));
4110
- }
3951
+ /* TOP BLACK AREA - 25% of viewport - COMPLETELY EMPTY */
3952
+ .uvf-responsive-container::before {
3953
+ content: '';
3954
+ flex: 0 0 25vh;
3955
+ background: #000;
3956
+ pointer-events: none;
4111
3957
  }
4112
3958
 
4113
- .uvf-responsive-container .uvf-player-wrapper {
4114
- width: 100vw !important;
4115
- height: 100% !important;
4116
- min-height: calc(100vh - var(--uvf-safe-area-top) - var(--uvf-safe-area-bottom));
3959
+ /* BOTTOM BLACK AREA - 25% of viewport - COMPLETELY EMPTY */
3960
+ .uvf-responsive-container::after {
3961
+ content: '';
3962
+ flex: 0 0 25vh;
3963
+ background: #000;
3964
+ pointer-events: none;
4117
3965
  }
4118
3966
 
4119
- @supports (height: 100dvh) {
4120
- .uvf-responsive-container .uvf-player-wrapper {
4121
- min-height: calc(100dvh - var(--uvf-safe-area-top) - var(--uvf-safe-area-bottom));
4122
- }
3967
+ /* CENTERED VIDEO PLAYER WRAPPER - 50% of viewport */
3968
+ .uvf-responsive-container .uvf-player-wrapper {
3969
+ flex: 1; /* Takes remaining 50% */
3970
+ width: 100vw;
3971
+ display: flex;
3972
+ align-items: center;
3973
+ justify-content: center;
3974
+ background: #000;
3975
+ position: relative;
3976
+ overflow: hidden; /* CRITICAL: Ensure nothing extends beyond this area */
4123
3977
  }
4124
3978
 
3979
+ /* Video container fills player wrapper */
4125
3980
  .uvf-responsive-container .uvf-video-container {
4126
- width: 100vw !important;
4127
- height: 100% !important;
4128
- aspect-ratio: unset !important;
4129
- min-height: inherit;
3981
+ width: 100%;
3982
+ height: 100%;
3983
+ position: relative;
3984
+ background: #000;
3985
+ border-radius: 0;
3986
+ overflow: hidden;
3987
+ }
3988
+
3989
+ /* Video element fills container */
3990
+ .uvf-responsive-container .uvf-video {
3991
+ width: 100%;
3992
+ height: 100%;
3993
+ object-fit: contain;
3994
+ background: #000;
4130
3995
  }
4131
3996
 
4132
- /* Enhanced mobile controls bar with safe area padding - iOS Safari specific fixes */
3997
+ /* CONTROLS STRICTLY CONTAINED WITHIN VIDEO AREA - NEVER EXTEND TO BLACK AREAS */
4133
3998
  .uvf-controls-bar {
4134
3999
  position: absolute !important;
4135
- bottom: 0 !important;
4136
- left: 0 !important;
4137
- right: 0 !important;
4138
- padding: 16px 12px;
4139
- padding-bottom: calc(16px + var(--uvf-safe-area-bottom, 0px));
4140
- padding-left: calc(12px + var(--uvf-safe-area-left, 0px));
4141
- padding-right: calc(12px + var(--uvf-safe-area-right, 0px));
4142
- background: linear-gradient(to top, var(--uvf-overlay-strong) 0%, var(--uvf-overlay-medium) 80%, var(--uvf-overlay-transparent) 100%);
4000
+ /* Keep controls INSIDE video container with margins from all edges */
4001
+ bottom: 20px !important; /* 20px margin from video bottom */
4002
+ left: 16px !important; /* 16px margin from video left */
4003
+ right: 16px !important; /* 16px margin from video right */
4004
+ top: auto !important;
4005
+ background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.7) 60%, transparent 100%);
4006
+ padding: 12px 16px;
4007
+ border-radius: 12px;
4008
+ z-index: 1000;
4009
+ /* Ensure controls are visible and contained */
4010
+ opacity: 1 !important;
4011
+ visibility: visible !important;
4012
+ display: flex !important;
4013
+ flex-direction: column !important;
4014
+ /* Hardware acceleration */
4015
+ -webkit-transform: translate3d(0,0,0);
4016
+ transform: translate3d(0,0,0);
4017
+ /* CRITICAL: Prevent any overflow into black areas */
4018
+ max-height: calc(100% - 40px); /* Leave 20px margin from top and bottom */
4019
+ max-width: calc(100% - 32px); /* Leave 16px margin from left and right */
4143
4020
  box-sizing: border-box;
4144
- z-index: 1000 !important;
4145
- /* iOS Safari specific fixes */
4146
- transform: translateZ(0);
4147
- -webkit-transform: translateZ(0);
4148
- will-change: transform;
4149
- /* Ensure proper stacking */
4150
- isolation: isolate;
4021
+ /* Visual containment indicators */
4022
+ border: 1px solid rgba(255, 255, 255, 0.1);
4023
+ backdrop-filter: blur(10px);
4024
+ contain: layout style paint; /* CSS containment */
4025
+ }
4026
+
4027
+ /* Force controls and all child elements to stay within video container */
4028
+ .uvf-responsive-container .uvf-controls-bar {
4029
+ opacity: 1 !important;
4030
+ visibility: visible !important;
4031
+ transform: translateY(0) !important;
4032
+ pointer-events: auto !important;
4033
+ /* Ensure no child elements extend beyond container */
4034
+ contain: layout style paint;
4035
+ }
4036
+
4037
+ /* Ensure all child elements of controls stay within bounds */
4038
+ .uvf-responsive-container .uvf-controls-bar * {
4039
+ max-width: 100%;
4040
+ box-sizing: border-box;
4041
+ }
4042
+
4043
+ /* Progress section contained within controls */
4044
+ .uvf-progress-section {
4045
+ width: 100%;
4046
+ margin-bottom: 8px;
4047
+ opacity: 1 !important;
4048
+ visibility: visible !important;
4049
+ display: block !important;
4050
+ }
4051
+
4052
+ /* Progress bar styling */
4053
+ .uvf-progress-bar-wrapper {
4054
+ opacity: 1 !important;
4055
+ visibility: visible !important;
4056
+ }
4057
+
4058
+ .uvf-progress-bar {
4059
+ height: 4px;
4060
+ background: rgba(255, 255, 255, 0.3);
4061
+ border-radius: 2px;
4062
+ }
4063
+
4064
+ .uvf-progress-filled {
4065
+ background: var(--uvf-accent-1, #8B5CF6);
4066
+ height: 100%;
4067
+ border-radius: 2px;
4068
+ }
4069
+
4070
+ /* Controls row alignment - ensure visibility */
4071
+ .uvf-controls-row {
4072
+ width: 100%;
4073
+ display: flex !important;
4074
+ align-items: center;
4075
+ justify-content: flex-start;
4076
+ gap: 12px;
4077
+ opacity: 1 !important;
4078
+ visibility: visible !important;
4079
+ margin-top: 8px;
4080
+ }
4081
+
4082
+ /* Time display visibility */
4083
+ .uvf-time-display {
4084
+ color: #fff;
4085
+ font-size: 12px;
4086
+ font-weight: 500;
4087
+ opacity: 1 !important;
4088
+ visibility: visible !important;
4089
+ display: block !important;
4090
+ }
4091
+
4092
+ /* Control buttons visibility */
4093
+ .uvf-control-btn {
4094
+ min-width: 44px;
4095
+ min-height: 44px;
4096
+ display: flex !important;
4097
+ align-items: center;
4098
+ justify-content: center;
4099
+ border-radius: 50%;
4100
+ background: rgba(255, 255, 255, 0.1);
4101
+ backdrop-filter: blur(8px);
4102
+ color: #fff;
4103
+ opacity: 1 !important;
4104
+ visibility: visible !important;
4105
+ transition: all 0.2s ease;
4106
+ }
4107
+
4108
+ .uvf-control-btn:active {
4109
+ transform: scale(0.95);
4110
+ background: rgba(255, 255, 255, 0.2);
4111
+ }
4112
+
4113
+ /* Play/pause button prominence */
4114
+ .uvf-control-btn.play-pause {
4115
+ background: linear-gradient(135deg, var(--uvf-accent-1), var(--uvf-accent-2));
4116
+ min-width: 52px;
4117
+ min-height: 52px;
4118
+ box-shadow: 0 2px 8px rgba(0,0,0,0.3);
4119
+ }
4120
+
4121
+ .uvf-control-btn.play-pause:active {
4122
+ transform: scale(0.92);
4123
+ box-shadow: 0 1px 4px rgba(0,0,0,0.4);
4124
+ }
4125
+
4126
+ .uvf-control-btn svg {
4127
+ fill: #fff;
4128
+ opacity: 1;
4129
+ }
4130
+
4131
+ /* Right controls */
4132
+ .uvf-right-controls {
4133
+ margin-left: auto;
4134
+ display: flex !important;
4135
+ align-items: center;
4136
+ gap: 8px;
4137
+ opacity: 1 !important;
4138
+ visibility: visible !important;
4139
+ }
4140
+
4141
+ /* Center play button positioned within video */
4142
+ .uvf-center-play-container {
4143
+ position: absolute;
4144
+ top: 50%;
4145
+ left: 50%;
4146
+ transform: translate(-50%, -50%);
4147
+ z-index: 8;
4148
+ pointer-events: none;
4149
+ }
4150
+
4151
+ .uvf-center-play-btn {
4152
+ pointer-events: auto;
4153
+ }
4154
+
4155
+ /* Top controls within video */
4156
+ .uvf-top-controls {
4157
+ position: absolute;
4158
+ top: calc(12px + var(--uvf-safe-area-top));
4159
+ right: calc(16px + var(--uvf-safe-area-right));
4160
+ z-index: 9;
4161
+ }
4162
+
4163
+ /* Title bar within video */
4164
+ .uvf-title-bar {
4165
+ position: absolute;
4166
+ top: calc(12px + var(--uvf-safe-area-top));
4167
+ left: calc(16px + var(--uvf-safe-area-left));
4168
+ right: calc(80px + var(--uvf-safe-area-right));
4169
+ z-index: 9;
4170
+ padding: 8px 0;
4151
4171
  }
4152
4172
 
4153
4173
  .uvf-progress-section {
@@ -4528,69 +4548,55 @@ export class WebPlayer extends BasePlayer {
4528
4548
  }
4529
4549
  }
4530
4550
 
4531
- /* Mobile devices (landscape) - Fullscreen with controls inside video */
4551
+ /* Mobile devices (landscape) - Optimized for fullscreen viewing with safe areas */
4532
4552
  @media screen and (max-width: 767px) and (orientation: landscape) {
4533
4553
  .uvf-responsive-container {
4534
- position: fixed;
4535
- top: 0;
4536
- left: 0;
4537
4554
  width: 100vw !important;
4538
- height: 100vh !important;
4539
- height: 100dvh !important;
4540
- background: #000;
4541
- z-index: 9999;
4542
- display: block; /* Override portrait flexbox */
4555
+ height: calc(100vh - var(--uvf-safe-area-top) - var(--uvf-safe-area-bottom));
4543
4556
  margin: 0;
4544
4557
  padding: 0;
4558
+ position: relative;
4545
4559
  overflow: hidden;
4546
4560
  }
4547
4561
 
4548
- /* Remove pseudo-elements in landscape */
4549
- .uvf-responsive-container::before,
4550
- .uvf-responsive-container::after {
4551
- display: none !important;
4562
+ @supports (height: 100dvh) {
4563
+ .uvf-responsive-container {
4564
+ height: calc(100dvh - var(--uvf-safe-area-top) - var(--uvf-safe-area-bottom));
4565
+ }
4552
4566
  }
4553
4567
 
4554
4568
  .uvf-responsive-container .uvf-player-wrapper {
4555
4569
  width: 100vw !important;
4556
- height: 100vh !important;
4557
- height: 100dvh !important;
4558
- position: relative;
4559
- display: block;
4570
+ height: 100% !important;
4571
+ min-height: calc(100vh - var(--uvf-safe-area-top) - var(--uvf-safe-area-bottom));
4560
4572
  }
4561
4573
 
4562
- .uvf-responsive-container .uvf-video-container {
4563
- width: 100vw !important;
4564
- height: 100vh !important;
4565
- height: 100dvh !important;
4566
- position: relative;
4567
- background: #000;
4568
- overflow: hidden;
4574
+ @supports (height: 100dvh) {
4575
+ .uvf-responsive-container .uvf-player-wrapper {
4576
+ min-height: calc(100dvh - var(--uvf-safe-area-top) - var(--uvf-safe-area-bottom));
4577
+ }
4569
4578
  }
4570
4579
 
4571
- .uvf-responsive-container .uvf-video {
4572
- width: 100%;
4573
- height: 100%;
4574
- object-fit: contain;
4575
- background: #000;
4580
+ .uvf-responsive-container .uvf-video-container {
4581
+ width: 100vw !important;
4582
+ height: 100% !important;
4583
+ aspect-ratio: unset !important;
4584
+ min-height: inherit;
4576
4585
  }
4577
4586
 
4578
- /* Compact controls for landscape - positioned inside video container */
4587
+ /* Compact controls for landscape with safe area padding */
4579
4588
  .uvf-controls-bar {
4580
- position: absolute !important;
4581
- bottom: 0 !important;
4582
- left: 0 !important;
4583
- right: 0 !important;
4589
+ position: absolute;
4590
+ bottom: 0;
4591
+ left: 0;
4592
+ right: 0;
4584
4593
  padding: 10px 12px;
4585
4594
  padding-bottom: calc(10px + var(--uvf-safe-area-bottom));
4586
4595
  padding-left: calc(12px + var(--uvf-safe-area-left));
4587
4596
  padding-right: calc(12px + var(--uvf-safe-area-right));
4588
- background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.6) 60%, transparent 100%);
4597
+ background: linear-gradient(to top, var(--uvf-overlay-strong) 0%, var(--uvf-overlay-medium) 80%, var(--uvf-overlay-transparent) 100%);
4589
4598
  box-sizing: border-box;
4590
4599
  z-index: 1000;
4591
- /* Ensure hardware acceleration */
4592
- -webkit-transform: translate3d(0,0,0);
4593
- transform: translate3d(0,0,0);
4594
4600
  }
4595
4601
 
4596
4602
  .uvf-progress-section {
@@ -4626,36 +4632,16 @@ export class WebPlayer extends BasePlayer {
4626
4632
  height: 22px;
4627
4633
  }
4628
4634
 
4629
- /* Compact top controls with safe area padding - inside video container */
4635
+ /* Compact top controls with safe area padding */
4630
4636
  .uvf-top-controls {
4631
- position: absolute;
4632
4637
  top: calc(8px + var(--uvf-safe-area-top));
4633
4638
  right: calc(12px + var(--uvf-safe-area-right));
4634
4639
  gap: 6px;
4635
- z-index: 9;
4636
- }
4637
-
4638
- /* Center play button positioned within video container */
4639
- .uvf-center-play-container {
4640
- position: absolute;
4641
- top: 50%;
4642
- left: 50%;
4643
- transform: translate(-50%, -50%);
4644
- z-index: 8;
4645
- pointer-events: none;
4646
- }
4647
-
4648
- .uvf-center-play-btn {
4649
- pointer-events: auto;
4650
4640
  }
4651
4641
 
4652
4642
  .uvf-title-bar {
4653
- position: absolute;
4654
- top: calc(8px + var(--uvf-safe-area-top));
4655
- left: calc(12px + var(--uvf-safe-area-left));
4656
- right: calc(80px + var(--uvf-safe-area-right));
4657
- z-index: 9;
4658
- padding: 8px 0;
4643
+ padding: 8px 12px;
4644
+ padding-top: calc(8px + var(--uvf-safe-area-top));
4659
4645
  padding-left: calc(12px + var(--uvf-safe-area-left));
4660
4646
  padding-right: calc(12px + var(--uvf-safe-area-right));
4661
4647
  }