@streamoid/ui 0.2.4 → 0.2.6
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/README.md +4 -3
- package/dist/index.css +1431 -5
- package/dist/index.d.mts +333 -18
- package/dist/index.d.ts +333 -18
- package/dist/index.js +1128 -107
- package/dist/index.mjs +1336 -315
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -1131,6 +1131,8 @@
|
|
|
1131
1131
|
line-height: var(--text-text-sm-regular-line-height, 1.25rem);
|
|
1132
1132
|
font-weight: var(--text-text-sm-regular-font-weight, 400);
|
|
1133
1133
|
position: relative;
|
|
1134
|
+
flex: 1;
|
|
1135
|
+
min-width: 0;
|
|
1134
1136
|
}
|
|
1135
1137
|
.ScPairtext_scPairtext.ScPairtext_icon-position-left .ScPairtext_scCheckboxInstance,
|
|
1136
1138
|
.ScPairtext_scPairtext.ScPairtext_icon-position-left .ScPairtext_scRadioInstance,
|
|
@@ -2707,6 +2709,17 @@
|
|
|
2707
2709
|
flex-shrink: 0 !important;
|
|
2708
2710
|
height: 1.5rem !important;
|
|
2709
2711
|
}
|
|
2712
|
+
.ScProfileImageUpdate_profileInitials {
|
|
2713
|
+
display: flex;
|
|
2714
|
+
align-items: center;
|
|
2715
|
+
justify-content: center;
|
|
2716
|
+
background: var(--alias-fill-neutral-neutralselected, #242424);
|
|
2717
|
+
color: var(--alias-text-and-icons-primary, #f5f5f5);
|
|
2718
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
2719
|
+
font-size: var(--font-size-font-size-xxl, 1.75rem);
|
|
2720
|
+
font-weight: 500;
|
|
2721
|
+
line-height: var(--line-height-line-height-xxl, 2.25rem);
|
|
2722
|
+
}
|
|
2710
2723
|
.ScProfileImageUpdate_siconUploadInstance {
|
|
2711
2724
|
width: 1.25rem !important;
|
|
2712
2725
|
height: 1.25rem !important;
|
|
@@ -3062,7 +3075,7 @@
|
|
|
3062
3075
|
gap: var(--spacing-xs, 0.25rem);
|
|
3063
3076
|
align-items: flex-start;
|
|
3064
3077
|
justify-content: center;
|
|
3065
|
-
width:
|
|
3078
|
+
width: 100%;
|
|
3066
3079
|
position: relative;
|
|
3067
3080
|
}
|
|
3068
3081
|
.ScTextField_scTextField.ScTextField_label-group-none {
|
|
@@ -3148,11 +3161,15 @@
|
|
|
3148
3161
|
.ScTextField_scTextField.ScTextField_state-filled .ScTextField_inputText {
|
|
3149
3162
|
color: var(--alias-text-and-icons-primary, #f5f5f5);
|
|
3150
3163
|
}
|
|
3151
|
-
.ScTextField_scTextField.ScTextField_state-
|
|
3164
|
+
.ScTextField_scTextField.ScTextField_state-active .ScTextField_inputContainer {
|
|
3165
|
+
background: var(--alias-fill-neutral-neutral, #1a1a1a);
|
|
3152
3166
|
border-style: solid;
|
|
3153
3167
|
border-color: var(--alias-border-strong, #5c5c5c);
|
|
3154
3168
|
border-width: 0.0625rem;
|
|
3155
3169
|
}
|
|
3170
|
+
.ScTextField_scTextField.ScTextField_state-active .ScTextField_inputText {
|
|
3171
|
+
color: var(--alias-text-and-icons-primary, #f5f5f5);
|
|
3172
|
+
}
|
|
3156
3173
|
.ScTextField_ScTextField_labelContainer,
|
|
3157
3174
|
.ScTextField_scTextField.ScTextField_label-group-none .ScTextField_labelContainer {
|
|
3158
3175
|
display: none;
|
|
@@ -4024,7 +4041,7 @@
|
|
|
4024
4041
|
gap: var(--spacing-xs, 0.25rem);
|
|
4025
4042
|
align-items: flex-start;
|
|
4026
4043
|
justify-content: center;
|
|
4027
|
-
width:
|
|
4044
|
+
width: 100%;
|
|
4028
4045
|
position: relative;
|
|
4029
4046
|
}
|
|
4030
4047
|
.ScOnlyField_inputContainer {
|
|
@@ -4113,7 +4130,7 @@
|
|
|
4113
4130
|
gap: var(--spacing-xs, 0.25rem);
|
|
4114
4131
|
align-items: flex-start;
|
|
4115
4132
|
justify-content: center;
|
|
4116
|
-
width:
|
|
4133
|
+
width: 100%;
|
|
4117
4134
|
position: relative;
|
|
4118
4135
|
}
|
|
4119
4136
|
.ScCheckField_labelContainer {
|
|
@@ -4455,7 +4472,7 @@
|
|
|
4455
4472
|
gap: var(--spacing-xs, 0.25rem);
|
|
4456
4473
|
align-items: flex-start;
|
|
4457
4474
|
justify-content: center;
|
|
4458
|
-
width:
|
|
4475
|
+
width: 100%;
|
|
4459
4476
|
position: relative;
|
|
4460
4477
|
}
|
|
4461
4478
|
.ScTabField_labelContainer {
|
|
@@ -4863,3 +4880,1412 @@
|
|
|
4863
4880
|
width: 1rem !important;
|
|
4864
4881
|
height: 1rem !important;
|
|
4865
4882
|
}
|
|
4883
|
+
.ScWorkspaceSwitchCard_leaveBtn {
|
|
4884
|
+
display: flex;
|
|
4885
|
+
align-items: center;
|
|
4886
|
+
justify-content: center;
|
|
4887
|
+
width: 2rem;
|
|
4888
|
+
height: 2rem;
|
|
4889
|
+
flex-shrink: 0;
|
|
4890
|
+
padding: var(--spacing-xs, 0.25rem);
|
|
4891
|
+
background: var(--alias-fill-error-solidactive, #b01717);
|
|
4892
|
+
border-radius: var(--medium-5, 0.75rem);
|
|
4893
|
+
cursor: pointer;
|
|
4894
|
+
color: var(--alias-text-and-icons-fullwhite, #ffffff);
|
|
4895
|
+
transition: background-color 0.15s ease;
|
|
4896
|
+
}
|
|
4897
|
+
.ScWorkspaceSwitchCard_leaveBtn:hover {
|
|
4898
|
+
background: var(--alias-fill-error-solidhover, #e04444);
|
|
4899
|
+
}
|
|
4900
|
+
|
|
4901
|
+
/* src/SC-Role-Mobile/ScRoleMobile.module.css */
|
|
4902
|
+
.ScRoleMobile_scRoleMobile {
|
|
4903
|
+
display: flex;
|
|
4904
|
+
align-items: center;
|
|
4905
|
+
justify-content: center;
|
|
4906
|
+
width: 64px;
|
|
4907
|
+
height: 32px;
|
|
4908
|
+
padding: var(--spacing-sm, 6px) var(--spacing-md, 8px);
|
|
4909
|
+
border-radius: var(--radius-md, 8px);
|
|
4910
|
+
border: 1px solid;
|
|
4911
|
+
box-sizing: border-box;
|
|
4912
|
+
}
|
|
4913
|
+
.ScRoleMobile_scRoleMobile * {
|
|
4914
|
+
box-sizing: border-box;
|
|
4915
|
+
}
|
|
4916
|
+
.ScRoleMobile_role-admin {
|
|
4917
|
+
background: var(--alias-fill-info-soft, #051430);
|
|
4918
|
+
border-color: var(--alias-border-infoplus, #071c47);
|
|
4919
|
+
}
|
|
4920
|
+
.ScRoleMobile_role-member {
|
|
4921
|
+
background: var(--alias-fill-neutral-neutral, #1a1a1a);
|
|
4922
|
+
border-color: var(--alias-border-default, #3e3e3e);
|
|
4923
|
+
}
|
|
4924
|
+
.ScRoleMobile_text {
|
|
4925
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
4926
|
+
font-weight: var(--font-weight-font-weight-regular, 400);
|
|
4927
|
+
font-size: var(--font-size-font-size-xs, 12px);
|
|
4928
|
+
line-height: var(--line-height-line-height-xs, 18px);
|
|
4929
|
+
letter-spacing: var(--letter-spacing-letter-spacing-normal, 0px);
|
|
4930
|
+
white-space: nowrap;
|
|
4931
|
+
margin: 0;
|
|
4932
|
+
}
|
|
4933
|
+
.ScRoleMobile_role-admin .ScRoleMobile_text {
|
|
4934
|
+
color: var(--alias-text-icons-infocont, #6da5ff);
|
|
4935
|
+
}
|
|
4936
|
+
.ScRoleMobile_role-member .ScRoleMobile_text {
|
|
4937
|
+
color: var(--alias-text-icons-tertiary, #9e9e9e);
|
|
4938
|
+
}
|
|
4939
|
+
|
|
4940
|
+
/* src/SC-Profile-V2-Mobile/ScProfileV2Mobile.module.css */
|
|
4941
|
+
.ScProfileV2Mobile_scProfileV2Mobile {
|
|
4942
|
+
display: flex;
|
|
4943
|
+
align-items: center;
|
|
4944
|
+
gap: var(--spacing-xl, 12px);
|
|
4945
|
+
padding: var(--spacing-none, 0px);
|
|
4946
|
+
width: 288px;
|
|
4947
|
+
box-sizing: border-box;
|
|
4948
|
+
}
|
|
4949
|
+
.ScProfileV2Mobile_scProfileV2Mobile * {
|
|
4950
|
+
box-sizing: border-box;
|
|
4951
|
+
}
|
|
4952
|
+
.ScProfileV2Mobile_profileImage {
|
|
4953
|
+
position: relative;
|
|
4954
|
+
width: 40px;
|
|
4955
|
+
height: 40px;
|
|
4956
|
+
border-radius: var(--radius-full, 999px);
|
|
4957
|
+
flex-shrink: 0;
|
|
4958
|
+
overflow: hidden;
|
|
4959
|
+
}
|
|
4960
|
+
.ScProfileV2Mobile_image {
|
|
4961
|
+
width: 100%;
|
|
4962
|
+
height: 100%;
|
|
4963
|
+
object-fit: cover;
|
|
4964
|
+
border-radius: var(--radius-full, 999px);
|
|
4965
|
+
}
|
|
4966
|
+
.ScProfileV2Mobile_initials {
|
|
4967
|
+
width: 100%;
|
|
4968
|
+
height: 100%;
|
|
4969
|
+
display: flex;
|
|
4970
|
+
align-items: center;
|
|
4971
|
+
justify-content: center;
|
|
4972
|
+
background: var(--alias-fill-neutral-neutralselected, #242424);
|
|
4973
|
+
color: var(--alias-text-icons-primary, #f5f5f5);
|
|
4974
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
4975
|
+
font-size: var(--font-size-font-size-sm, 14px);
|
|
4976
|
+
font-weight: 500;
|
|
4977
|
+
}
|
|
4978
|
+
.ScProfileV2Mobile_userInfo {
|
|
4979
|
+
display: flex;
|
|
4980
|
+
flex-direction: column;
|
|
4981
|
+
flex: 1 0 0;
|
|
4982
|
+
min-width: 0;
|
|
4983
|
+
gap: var(--spacing-none, 0px);
|
|
4984
|
+
overflow: hidden;
|
|
4985
|
+
text-overflow: ellipsis;
|
|
4986
|
+
white-space: nowrap;
|
|
4987
|
+
}
|
|
4988
|
+
.ScProfileV2Mobile_userName {
|
|
4989
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
4990
|
+
font-weight: var(--font-weight-font-weight-medium, 500);
|
|
4991
|
+
font-size: 14px;
|
|
4992
|
+
line-height: var(--line-height-line-height-sm, 20px);
|
|
4993
|
+
color: var(--alias-text-icons-primary, #f5f5f5);
|
|
4994
|
+
overflow: hidden;
|
|
4995
|
+
text-overflow: ellipsis;
|
|
4996
|
+
margin: 0;
|
|
4997
|
+
width: 100%;
|
|
4998
|
+
}
|
|
4999
|
+
.ScProfileV2Mobile_userEmail {
|
|
5000
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
5001
|
+
font-weight: var(--font-weight-font-weight-regular, 400);
|
|
5002
|
+
font-size: 12px;
|
|
5003
|
+
line-height: var(--line-height-line-height-xs, 18px);
|
|
5004
|
+
color: var(--alias-text-icons-tertiary, #9e9e9e);
|
|
5005
|
+
overflow: hidden;
|
|
5006
|
+
text-overflow: ellipsis;
|
|
5007
|
+
margin: 0;
|
|
5008
|
+
width: 100%;
|
|
5009
|
+
}
|
|
5010
|
+
|
|
5011
|
+
/* src/SC-tableList-mobile/ScTableListMobile.module.css */
|
|
5012
|
+
.ScTableListMobile_scTableListMobile {
|
|
5013
|
+
display: flex;
|
|
5014
|
+
flex-direction: column;
|
|
5015
|
+
gap: var(--spacing-3xl, 16px);
|
|
5016
|
+
align-items: flex-start;
|
|
5017
|
+
justify-content: center;
|
|
5018
|
+
padding: var(--spacing-5xl, 20px) var(--spacing-3xl, 16px);
|
|
5019
|
+
width: 100%;
|
|
5020
|
+
border-bottom: 0.5px solid var(--alias-border-subtle, #242424);
|
|
5021
|
+
box-sizing: border-box;
|
|
5022
|
+
}
|
|
5023
|
+
.ScTableListMobile_scTableListMobile * {
|
|
5024
|
+
box-sizing: border-box;
|
|
5025
|
+
}
|
|
5026
|
+
.ScTableListMobile_profileRow {
|
|
5027
|
+
display: flex;
|
|
5028
|
+
align-items: center;
|
|
5029
|
+
gap: var(--spacing-xl, 12px);
|
|
5030
|
+
width: 100%;
|
|
5031
|
+
}
|
|
5032
|
+
.ScTableListMobile_userInfo {
|
|
5033
|
+
display: flex;
|
|
5034
|
+
flex-direction: column;
|
|
5035
|
+
flex: 1 0 0;
|
|
5036
|
+
min-width: 0;
|
|
5037
|
+
gap: var(--spacing-none, 0px);
|
|
5038
|
+
overflow: hidden;
|
|
5039
|
+
text-overflow: ellipsis;
|
|
5040
|
+
white-space: nowrap;
|
|
5041
|
+
}
|
|
5042
|
+
.ScTableListMobile_userName {
|
|
5043
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
5044
|
+
font-weight: var(--font-weight-font-weight-medium, 500);
|
|
5045
|
+
font-size: 14px;
|
|
5046
|
+
line-height: var(--line-height-line-height-sm, 20px);
|
|
5047
|
+
color: var(--alias-text-icons-primary, #f5f5f5);
|
|
5048
|
+
overflow: hidden;
|
|
5049
|
+
text-overflow: ellipsis;
|
|
5050
|
+
margin: 0;
|
|
5051
|
+
width: 100%;
|
|
5052
|
+
}
|
|
5053
|
+
.ScTableListMobile_userEmail {
|
|
5054
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
5055
|
+
font-weight: var(--font-weight-font-weight-regular, 400);
|
|
5056
|
+
font-size: 12px;
|
|
5057
|
+
line-height: var(--line-height-line-height-xs, 18px);
|
|
5058
|
+
color: var(--alias-text-icons-tertiary, #9e9e9e);
|
|
5059
|
+
overflow: hidden;
|
|
5060
|
+
text-overflow: ellipsis;
|
|
5061
|
+
margin: 0;
|
|
5062
|
+
width: 100%;
|
|
5063
|
+
}
|
|
5064
|
+
.ScTableListMobile_profileImage {
|
|
5065
|
+
position: relative;
|
|
5066
|
+
width: 40px;
|
|
5067
|
+
height: 40px;
|
|
5068
|
+
border-radius: var(--radius-full, 999px);
|
|
5069
|
+
flex-shrink: 0;
|
|
5070
|
+
overflow: hidden;
|
|
5071
|
+
}
|
|
5072
|
+
.ScTableListMobile_image {
|
|
5073
|
+
width: 100%;
|
|
5074
|
+
height: 100%;
|
|
5075
|
+
object-fit: cover;
|
|
5076
|
+
border-radius: var(--radius-full, 999px);
|
|
5077
|
+
}
|
|
5078
|
+
.ScTableListMobile_initials {
|
|
5079
|
+
width: 100%;
|
|
5080
|
+
height: 100%;
|
|
5081
|
+
display: flex;
|
|
5082
|
+
align-items: center;
|
|
5083
|
+
justify-content: center;
|
|
5084
|
+
background: var(--alias-fill-neutral-neutralselected, #242424);
|
|
5085
|
+
color: var(--alias-text-icons-primary, #f5f5f5);
|
|
5086
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
5087
|
+
font-size: 14px;
|
|
5088
|
+
font-weight: 500;
|
|
5089
|
+
}
|
|
5090
|
+
.ScTableListMobile_detailsRow {
|
|
5091
|
+
display: flex;
|
|
5092
|
+
align-items: flex-start;
|
|
5093
|
+
justify-content: space-between;
|
|
5094
|
+
width: 100%;
|
|
5095
|
+
}
|
|
5096
|
+
.ScTableListMobile_roleBadge {
|
|
5097
|
+
display: flex;
|
|
5098
|
+
align-items: center;
|
|
5099
|
+
justify-content: center;
|
|
5100
|
+
width: 64px;
|
|
5101
|
+
height: 32px;
|
|
5102
|
+
padding: var(--spacing-sm, 6px) var(--spacing-md, 8px);
|
|
5103
|
+
border-radius: var(--radius-md, 8px);
|
|
5104
|
+
border: 1px solid var(--alias-border-infoplus, #071c47);
|
|
5105
|
+
background: var(--alias-fill-info-soft, #051430);
|
|
5106
|
+
}
|
|
5107
|
+
.ScTableListMobile_roleText {
|
|
5108
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
5109
|
+
font-weight: var(--font-weight-font-weight-regular, 400);
|
|
5110
|
+
font-size: var(--font-size-font-size-xs, 12px);
|
|
5111
|
+
line-height: var(--line-height-line-height-xs, 18px);
|
|
5112
|
+
color: var(--alias-text-icons-infocont, #6da5ff);
|
|
5113
|
+
white-space: nowrap;
|
|
5114
|
+
margin: 0;
|
|
5115
|
+
}
|
|
5116
|
+
.ScTableListMobile_accessInfo {
|
|
5117
|
+
display: flex;
|
|
5118
|
+
align-items: center;
|
|
5119
|
+
gap: var(--spacing-md, 8px);
|
|
5120
|
+
}
|
|
5121
|
+
.ScTableListMobile_accessGroup {
|
|
5122
|
+
display: flex;
|
|
5123
|
+
align-items: center;
|
|
5124
|
+
gap: var(--spacing-xl, 12px);
|
|
5125
|
+
padding: var(--spacing-sm, 6px) var(--spacing-xl, 12px);
|
|
5126
|
+
background: var(--alias-fill-neutral-neutral, #1a1a1a);
|
|
5127
|
+
border-radius: var(--radius-lg, 10px);
|
|
5128
|
+
}
|
|
5129
|
+
.ScTableListMobile_accessIcon {
|
|
5130
|
+
display: flex;
|
|
5131
|
+
align-items: center;
|
|
5132
|
+
justify-content: center;
|
|
5133
|
+
width: 20px;
|
|
5134
|
+
height: 20px;
|
|
5135
|
+
}
|
|
5136
|
+
|
|
5137
|
+
/* src/SC-workspaceSwitch-Mobile/ScWorkspaceSwitchMobile.module.css */
|
|
5138
|
+
.ScWorkspaceSwitchMobile_scWorkspaceSwitchMobile {
|
|
5139
|
+
display: flex;
|
|
5140
|
+
flex-direction: column;
|
|
5141
|
+
gap: var(--spacing-xl, 12px);
|
|
5142
|
+
align-items: flex-start;
|
|
5143
|
+
justify-content: center;
|
|
5144
|
+
padding: var(--spacing-xl, 12px);
|
|
5145
|
+
border-radius: var(--radius-3xl, 16px);
|
|
5146
|
+
width: 326px;
|
|
5147
|
+
backdrop-filter: blur(4px);
|
|
5148
|
+
box-sizing: border-box;
|
|
5149
|
+
}
|
|
5150
|
+
.ScWorkspaceSwitchMobile_scWorkspaceSwitchMobile * {
|
|
5151
|
+
box-sizing: border-box;
|
|
5152
|
+
}
|
|
5153
|
+
.ScWorkspaceSwitchMobile_variant-current {
|
|
5154
|
+
background: var(--alias-surface-canvas, #0b0b0b);
|
|
5155
|
+
}
|
|
5156
|
+
.ScWorkspaceSwitchMobile_variant-other {
|
|
5157
|
+
background: var(--alias-surface-subtle, #1a1a1a);
|
|
5158
|
+
border: 1px solid var(--alias-border-subtle, #242424);
|
|
5159
|
+
}
|
|
5160
|
+
.ScWorkspaceSwitchMobile_workspaceInfo {
|
|
5161
|
+
display: flex;
|
|
5162
|
+
align-items: center;
|
|
5163
|
+
gap: var(--spacing-xl, 12px);
|
|
5164
|
+
width: 100%;
|
|
5165
|
+
}
|
|
5166
|
+
.ScWorkspaceSwitchMobile_wsNameRow {
|
|
5167
|
+
display: flex;
|
|
5168
|
+
align-items: center;
|
|
5169
|
+
gap: var(--spacing-md, 8px);
|
|
5170
|
+
flex: 1 0 0;
|
|
5171
|
+
min-width: 0;
|
|
5172
|
+
}
|
|
5173
|
+
.ScWorkspaceSwitchMobile_initialsBox {
|
|
5174
|
+
display: flex;
|
|
5175
|
+
align-items: center;
|
|
5176
|
+
justify-content: center;
|
|
5177
|
+
width: 48px;
|
|
5178
|
+
height: 48px;
|
|
5179
|
+
padding: var(--spacing-xs, 4px);
|
|
5180
|
+
background: var(--alias-fill-neutral-neutralselected, #242424);
|
|
5181
|
+
border-radius: var(--radius-xl, 12px);
|
|
5182
|
+
flex-shrink: 0;
|
|
5183
|
+
}
|
|
5184
|
+
.ScWorkspaceSwitchMobile_initialsText {
|
|
5185
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
5186
|
+
font-weight: var(--font-weight-font-weight-medium, 500);
|
|
5187
|
+
font-size: var(--font-size-font-size-md, 14px);
|
|
5188
|
+
line-height: var(--line-height-line-height-md, 20px);
|
|
5189
|
+
color: var(--alias-text-icons-primary, #f5f5f5);
|
|
5190
|
+
text-align: center;
|
|
5191
|
+
overflow: hidden;
|
|
5192
|
+
text-overflow: ellipsis;
|
|
5193
|
+
white-space: nowrap;
|
|
5194
|
+
}
|
|
5195
|
+
.ScWorkspaceSwitchMobile_storeName {
|
|
5196
|
+
flex: 1 0 0;
|
|
5197
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
5198
|
+
font-weight: var(--font-weight-font-weight-medium, 500);
|
|
5199
|
+
font-size: 16px;
|
|
5200
|
+
line-height: var(--line-height-line-height-md, 24px);
|
|
5201
|
+
color: var(--alias-text-icons-primary, #f5f5f5);
|
|
5202
|
+
overflow: hidden;
|
|
5203
|
+
text-overflow: ellipsis;
|
|
5204
|
+
margin: 0;
|
|
5205
|
+
min-width: 0;
|
|
5206
|
+
}
|
|
5207
|
+
.ScWorkspaceSwitchMobile_roleBadge {
|
|
5208
|
+
display: flex;
|
|
5209
|
+
align-items: center;
|
|
5210
|
+
justify-content: center;
|
|
5211
|
+
width: 80px;
|
|
5212
|
+
padding: var(--spacing-xs, 4px);
|
|
5213
|
+
background: var(--alias-fill-info-soft, #051430);
|
|
5214
|
+
border: 1px solid var(--alias-border-info, #1149ad);
|
|
5215
|
+
border-radius: var(--radius-xl, 12px);
|
|
5216
|
+
flex-shrink: 0;
|
|
5217
|
+
}
|
|
5218
|
+
.ScWorkspaceSwitchMobile_roleText {
|
|
5219
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
5220
|
+
font-weight: var(--font-weight-font-weight-regular, 400);
|
|
5221
|
+
font-size: var(--font-size-font-size-xs, 12px);
|
|
5222
|
+
line-height: var(--line-height-line-height-xs, 18px);
|
|
5223
|
+
color: var(--alias-text-icons-infocont, #6da5ff);
|
|
5224
|
+
white-space: nowrap;
|
|
5225
|
+
margin: 0;
|
|
5226
|
+
}
|
|
5227
|
+
.ScWorkspaceSwitchMobile_divider {
|
|
5228
|
+
width: 100%;
|
|
5229
|
+
height: 0;
|
|
5230
|
+
border-bottom: 0.5px solid var(--alias-border-subtle, #242424);
|
|
5231
|
+
}
|
|
5232
|
+
.ScWorkspaceSwitchMobile_ownerRow {
|
|
5233
|
+
display: flex;
|
|
5234
|
+
align-items: center;
|
|
5235
|
+
gap: var(--spacing-md, 8px);
|
|
5236
|
+
height: 24px;
|
|
5237
|
+
width: 100%;
|
|
5238
|
+
}
|
|
5239
|
+
.ScWorkspaceSwitchMobile_ownerIconContainer {
|
|
5240
|
+
display: flex;
|
|
5241
|
+
align-items: center;
|
|
5242
|
+
justify-content: center;
|
|
5243
|
+
width: 48px;
|
|
5244
|
+
flex-shrink: 0;
|
|
5245
|
+
}
|
|
5246
|
+
.ScWorkspaceSwitchMobile_ownerIcon {
|
|
5247
|
+
display: flex;
|
|
5248
|
+
align-items: center;
|
|
5249
|
+
justify-content: center;
|
|
5250
|
+
width: 24px;
|
|
5251
|
+
height: 24px;
|
|
5252
|
+
}
|
|
5253
|
+
.ScWorkspaceSwitchMobile_ownerText {
|
|
5254
|
+
flex: 1 0 0;
|
|
5255
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
5256
|
+
font-weight: var(--font-weight-font-weight-regular, 400);
|
|
5257
|
+
font-size: 14px;
|
|
5258
|
+
line-height: var(--line-height-line-height-sm, 20px);
|
|
5259
|
+
color: var(--alias-text-icons-tertiary, #9e9e9e);
|
|
5260
|
+
overflow: hidden;
|
|
5261
|
+
text-overflow: ellipsis;
|
|
5262
|
+
white-space: nowrap;
|
|
5263
|
+
margin: 0;
|
|
5264
|
+
min-width: 0;
|
|
5265
|
+
}
|
|
5266
|
+
|
|
5267
|
+
/* src/SC-workspaceSettings-Mobile/ScWorkspaceSettingsMobile.module.css */
|
|
5268
|
+
.ScWorkspaceSettingsMobile_scWorkspaceSettingsMobile {
|
|
5269
|
+
display: flex;
|
|
5270
|
+
flex-direction: column;
|
|
5271
|
+
gap: var(--spacing-xl, 12px);
|
|
5272
|
+
align-items: flex-start;
|
|
5273
|
+
justify-content: center;
|
|
5274
|
+
padding: var(--spacing-xl, 12px);
|
|
5275
|
+
border-radius: var(--radius-3xl, 16px);
|
|
5276
|
+
width: 326px;
|
|
5277
|
+
backdrop-filter: blur(4px);
|
|
5278
|
+
border: 0.5px solid var(--alias-border-subtle, #242424);
|
|
5279
|
+
box-sizing: border-box;
|
|
5280
|
+
}
|
|
5281
|
+
.ScWorkspaceSettingsMobile_scWorkspaceSettingsMobile * {
|
|
5282
|
+
box-sizing: border-box;
|
|
5283
|
+
}
|
|
5284
|
+
.ScWorkspaceSettingsMobile_variant-current {
|
|
5285
|
+
background: var(--alias-surface-canvas, #0b0b0b);
|
|
5286
|
+
}
|
|
5287
|
+
.ScWorkspaceSettingsMobile_variant-other {
|
|
5288
|
+
background: var(--alias-surface-base, #101010);
|
|
5289
|
+
}
|
|
5290
|
+
.ScWorkspaceSettingsMobile_workspaceInfo {
|
|
5291
|
+
display: flex;
|
|
5292
|
+
align-items: center;
|
|
5293
|
+
gap: var(--spacing-xl, 12px);
|
|
5294
|
+
width: 100%;
|
|
5295
|
+
}
|
|
5296
|
+
.ScWorkspaceSettingsMobile_wsNameRow {
|
|
5297
|
+
display: flex;
|
|
5298
|
+
align-items: center;
|
|
5299
|
+
gap: var(--spacing-md, 8px);
|
|
5300
|
+
flex: 1 0 0;
|
|
5301
|
+
min-width: 0;
|
|
5302
|
+
}
|
|
5303
|
+
.ScWorkspaceSettingsMobile_initialsBox {
|
|
5304
|
+
display: flex;
|
|
5305
|
+
align-items: center;
|
|
5306
|
+
justify-content: center;
|
|
5307
|
+
width: 48px;
|
|
5308
|
+
height: 48px;
|
|
5309
|
+
padding: var(--spacing-xs, 4px);
|
|
5310
|
+
background: var(--alias-fill-neutral-neutralselected, #242424);
|
|
5311
|
+
border-radius: var(--radius-xl, 12px);
|
|
5312
|
+
flex-shrink: 0;
|
|
5313
|
+
}
|
|
5314
|
+
.ScWorkspaceSettingsMobile_initialsText {
|
|
5315
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
5316
|
+
font-weight: var(--font-weight-font-weight-medium, 500);
|
|
5317
|
+
font-size: var(--font-size-font-size-md, 14px);
|
|
5318
|
+
line-height: var(--line-height-line-height-md, 20px);
|
|
5319
|
+
color: var(--alias-text-icons-primary, #f5f5f5);
|
|
5320
|
+
text-align: center;
|
|
5321
|
+
overflow: hidden;
|
|
5322
|
+
text-overflow: ellipsis;
|
|
5323
|
+
white-space: nowrap;
|
|
5324
|
+
}
|
|
5325
|
+
.ScWorkspaceSettingsMobile_storeName {
|
|
5326
|
+
flex: 1 0 0;
|
|
5327
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
5328
|
+
font-weight: var(--font-weight-font-weight-medium, 500);
|
|
5329
|
+
font-size: 16px;
|
|
5330
|
+
line-height: var(--line-height-line-height-md, 24px);
|
|
5331
|
+
color: var(--alias-text-icons-primary, #f5f5f5);
|
|
5332
|
+
overflow: hidden;
|
|
5333
|
+
text-overflow: ellipsis;
|
|
5334
|
+
margin: 0;
|
|
5335
|
+
min-width: 0;
|
|
5336
|
+
}
|
|
5337
|
+
.ScWorkspaceSettingsMobile_roleBadge {
|
|
5338
|
+
display: flex;
|
|
5339
|
+
align-items: center;
|
|
5340
|
+
justify-content: center;
|
|
5341
|
+
width: 80px;
|
|
5342
|
+
padding: var(--spacing-xs, 4px);
|
|
5343
|
+
background: var(--alias-fill-info-soft, #051430);
|
|
5344
|
+
border: 1px solid var(--alias-border-info, #1149ad);
|
|
5345
|
+
border-radius: var(--radius-xl, 12px);
|
|
5346
|
+
flex-shrink: 0;
|
|
5347
|
+
}
|
|
5348
|
+
.ScWorkspaceSettingsMobile_roleText {
|
|
5349
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
5350
|
+
font-weight: var(--font-weight-font-weight-regular, 400);
|
|
5351
|
+
font-size: var(--font-size-font-size-xs, 12px);
|
|
5352
|
+
line-height: var(--line-height-line-height-xs, 18px);
|
|
5353
|
+
color: var(--alias-text-icons-infocont, #6da5ff);
|
|
5354
|
+
white-space: nowrap;
|
|
5355
|
+
margin: 0;
|
|
5356
|
+
}
|
|
5357
|
+
.ScWorkspaceSettingsMobile_divider {
|
|
5358
|
+
width: 100%;
|
|
5359
|
+
height: 0;
|
|
5360
|
+
border-bottom: 0.5px solid var(--alias-border-subtle, #242424);
|
|
5361
|
+
}
|
|
5362
|
+
.ScWorkspaceSettingsMobile_infoRow {
|
|
5363
|
+
display: flex;
|
|
5364
|
+
align-items: center;
|
|
5365
|
+
gap: var(--spacing-md, 8px);
|
|
5366
|
+
height: 24px;
|
|
5367
|
+
width: 100%;
|
|
5368
|
+
}
|
|
5369
|
+
.ScWorkspaceSettingsMobile_iconContainer {
|
|
5370
|
+
display: flex;
|
|
5371
|
+
align-items: center;
|
|
5372
|
+
justify-content: center;
|
|
5373
|
+
width: 48px;
|
|
5374
|
+
flex-shrink: 0;
|
|
5375
|
+
}
|
|
5376
|
+
.ScWorkspaceSettingsMobile_icon {
|
|
5377
|
+
display: flex;
|
|
5378
|
+
align-items: center;
|
|
5379
|
+
justify-content: center;
|
|
5380
|
+
width: 24px;
|
|
5381
|
+
height: 24px;
|
|
5382
|
+
}
|
|
5383
|
+
.ScWorkspaceSettingsMobile_infoText {
|
|
5384
|
+
flex: 1 0 0;
|
|
5385
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
5386
|
+
font-weight: var(--font-weight-font-weight-regular, 400);
|
|
5387
|
+
font-size: 14px;
|
|
5388
|
+
line-height: var(--line-height-line-height-sm, 20px);
|
|
5389
|
+
color: var(--alias-text-icons-tertiary, #9e9e9e);
|
|
5390
|
+
overflow: hidden;
|
|
5391
|
+
text-overflow: ellipsis;
|
|
5392
|
+
white-space: nowrap;
|
|
5393
|
+
margin: 0;
|
|
5394
|
+
min-width: 0;
|
|
5395
|
+
}
|
|
5396
|
+
|
|
5397
|
+
/* src/SC-MobileTopNav/ScMobileTopNav.module.css */
|
|
5398
|
+
.ScMobileTopNav_scMobileTopNav {
|
|
5399
|
+
display: flex;
|
|
5400
|
+
align-items: center;
|
|
5401
|
+
padding: var(--spacing-none, 0px) var(--spacing-xs, 4px);
|
|
5402
|
+
background: var(--alias-surface-canvas, #0b0b0b);
|
|
5403
|
+
width: 100%;
|
|
5404
|
+
gap: 0px;
|
|
5405
|
+
box-sizing: border-box;
|
|
5406
|
+
}
|
|
5407
|
+
.ScMobileTopNav_scMobileTopNav * {
|
|
5408
|
+
box-sizing: border-box;
|
|
5409
|
+
}
|
|
5410
|
+
.ScMobileTopNav_withBorder {
|
|
5411
|
+
border-bottom: 0.5px solid var(--alias-border-subtle, #242424);
|
|
5412
|
+
gap: var(--spacing-3xl, 16px);
|
|
5413
|
+
}
|
|
5414
|
+
.ScMobileTopNav_iconContainer {
|
|
5415
|
+
display: flex;
|
|
5416
|
+
align-items: center;
|
|
5417
|
+
justify-content: center;
|
|
5418
|
+
padding: var(--spacing-md, 8px);
|
|
5419
|
+
width: 56px;
|
|
5420
|
+
height: 56px;
|
|
5421
|
+
flex-shrink: 0;
|
|
5422
|
+
cursor: pointer;
|
|
5423
|
+
}
|
|
5424
|
+
.ScMobileTopNav_iconPlaceholder {
|
|
5425
|
+
width: 24px;
|
|
5426
|
+
height: 24px;
|
|
5427
|
+
}
|
|
5428
|
+
.ScMobileTopNav_hidden {
|
|
5429
|
+
opacity: 0;
|
|
5430
|
+
pointer-events: none;
|
|
5431
|
+
}
|
|
5432
|
+
.ScMobileTopNav_chatTitle {
|
|
5433
|
+
flex: 1 0 0;
|
|
5434
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
5435
|
+
font-weight: var(--font-weight-font-weight-regular, 400);
|
|
5436
|
+
font-size: var(--font-size-font-size-md, 16px);
|
|
5437
|
+
line-height: var(--line-height-line-height-md, 24px);
|
|
5438
|
+
color: var(--alias-text-icons-secondary, #dadada);
|
|
5439
|
+
margin: 0;
|
|
5440
|
+
min-width: 0;
|
|
5441
|
+
overflow: hidden;
|
|
5442
|
+
text-overflow: ellipsis;
|
|
5443
|
+
white-space: nowrap;
|
|
5444
|
+
}
|
|
5445
|
+
.ScMobileTopNav_heading {
|
|
5446
|
+
flex: 1 0 0;
|
|
5447
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
5448
|
+
font-weight: var(--font-weight-font-weight-regular, 400);
|
|
5449
|
+
font-size: var(--font-size-font-size-md, 16px);
|
|
5450
|
+
line-height: var(--line-height-line-height-md, 24px);
|
|
5451
|
+
color: var(--alias-text-icons-secondary, #dadada);
|
|
5452
|
+
text-align: center;
|
|
5453
|
+
margin: 0;
|
|
5454
|
+
min-width: 0;
|
|
5455
|
+
}
|
|
5456
|
+
.ScMobileTopNav_searchRow {
|
|
5457
|
+
display: flex;
|
|
5458
|
+
flex: 1 0 0;
|
|
5459
|
+
align-items: center;
|
|
5460
|
+
align-self: stretch;
|
|
5461
|
+
min-width: 0;
|
|
5462
|
+
}
|
|
5463
|
+
.ScMobileTopNav_searchInputContainer {
|
|
5464
|
+
display: flex;
|
|
5465
|
+
flex: 1 0 0;
|
|
5466
|
+
height: 100%;
|
|
5467
|
+
align-items: center;
|
|
5468
|
+
min-width: 0;
|
|
5469
|
+
}
|
|
5470
|
+
.ScMobileTopNav_searchInput {
|
|
5471
|
+
display: flex;
|
|
5472
|
+
flex: 1 0 0;
|
|
5473
|
+
height: 100%;
|
|
5474
|
+
align-items: center;
|
|
5475
|
+
justify-content: center;
|
|
5476
|
+
min-width: 0;
|
|
5477
|
+
}
|
|
5478
|
+
.ScMobileTopNav_searchField {
|
|
5479
|
+
flex: 1 0 0;
|
|
5480
|
+
height: 100%;
|
|
5481
|
+
background: transparent;
|
|
5482
|
+
border: none;
|
|
5483
|
+
outline: none;
|
|
5484
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
5485
|
+
font-weight: var(--font-weight-font-weight-regular, 400);
|
|
5486
|
+
font-size: var(--font-size-font-size-md, 16px);
|
|
5487
|
+
line-height: var(--line-height-line-height-md, 24px);
|
|
5488
|
+
color: var(--alias-text-icons-secondary, #dadada);
|
|
5489
|
+
min-width: 0;
|
|
5490
|
+
}
|
|
5491
|
+
.ScMobileTopNav_searchField::placeholder {
|
|
5492
|
+
color: var(--alias-text-icons-muted, #7a7a7a);
|
|
5493
|
+
}
|
|
5494
|
+
|
|
5495
|
+
/* src/SC-MobileBottomAction/ScMobileBottomAction.module.css */
|
|
5496
|
+
.ScMobileBottomAction_scMobileBottomAction {
|
|
5497
|
+
display: flex;
|
|
5498
|
+
align-items: flex-start;
|
|
5499
|
+
gap: 0px;
|
|
5500
|
+
padding: var(--spacing-3xl, 16px) var(--spacing-3xl, 16px) var(--spacing-5xl, 20px);
|
|
5501
|
+
background: var(--alias-surface-canvas, #0b0b0b);
|
|
5502
|
+
border-top: 0.5px solid var(--alias-border-divider, #242424);
|
|
5503
|
+
width: 100%;
|
|
5504
|
+
box-sizing: border-box;
|
|
5505
|
+
}
|
|
5506
|
+
.ScMobileBottomAction_scMobileBottomAction * {
|
|
5507
|
+
box-sizing: border-box;
|
|
5508
|
+
}
|
|
5509
|
+
.ScMobileBottomAction_button {
|
|
5510
|
+
display: flex;
|
|
5511
|
+
flex: 1 0 0;
|
|
5512
|
+
height: 48px;
|
|
5513
|
+
align-items: center;
|
|
5514
|
+
justify-content: center;
|
|
5515
|
+
padding: var(--spacing-xl, 12px) var(--spacing-3xl, 16px);
|
|
5516
|
+
background: var(--alias-fill-base-base, #f5f5f5);
|
|
5517
|
+
border-radius: var(--medium-5, 12px);
|
|
5518
|
+
border: none;
|
|
5519
|
+
cursor: pointer;
|
|
5520
|
+
width: 100%;
|
|
5521
|
+
}
|
|
5522
|
+
.ScMobileBottomAction_disabled {
|
|
5523
|
+
opacity: 0.5;
|
|
5524
|
+
cursor: not-allowed;
|
|
5525
|
+
}
|
|
5526
|
+
.ScMobileBottomAction_buttonText {
|
|
5527
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
5528
|
+
font-weight: var(--font-weight-font-weight-medium, 500);
|
|
5529
|
+
font-size: var(--font-size-font-size-md, 16px);
|
|
5530
|
+
line-height: var(--line-height-line-height-md, 24px);
|
|
5531
|
+
color: var(--alias-text-icons-inverse, #101010);
|
|
5532
|
+
white-space: nowrap;
|
|
5533
|
+
}
|
|
5534
|
+
|
|
5535
|
+
/* src/SC-PopUpMenu/ScPopUpMenu.module.css */
|
|
5536
|
+
.ScPopUpMenu_scPopUpMenu {
|
|
5537
|
+
display: flex;
|
|
5538
|
+
align-items: center;
|
|
5539
|
+
gap: var(--spacing-xl, 12px);
|
|
5540
|
+
padding: var(--spacing-xl, 12px) var(--spacing-xs, 4px);
|
|
5541
|
+
border-radius: var(--radius-md, 8px);
|
|
5542
|
+
width: 242px;
|
|
5543
|
+
cursor: pointer;
|
|
5544
|
+
box-sizing: border-box;
|
|
5545
|
+
}
|
|
5546
|
+
.ScPopUpMenu_scPopUpMenu * {
|
|
5547
|
+
box-sizing: border-box;
|
|
5548
|
+
}
|
|
5549
|
+
.ScPopUpMenu_state-default {
|
|
5550
|
+
background: transparent;
|
|
5551
|
+
}
|
|
5552
|
+
.ScPopUpMenu_state-clicked {
|
|
5553
|
+
background: var(--alias-surface-canvas, #0b0b0b);
|
|
5554
|
+
}
|
|
5555
|
+
.ScPopUpMenu_icon {
|
|
5556
|
+
display: flex;
|
|
5557
|
+
align-items: center;
|
|
5558
|
+
justify-content: center;
|
|
5559
|
+
width: 24px;
|
|
5560
|
+
height: 24px;
|
|
5561
|
+
flex-shrink: 0;
|
|
5562
|
+
}
|
|
5563
|
+
.ScPopUpMenu_menuText {
|
|
5564
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
5565
|
+
font-weight: var(--font-weight-font-weight-medium, 500);
|
|
5566
|
+
font-size: var(--font-size-font-size-md, 16px);
|
|
5567
|
+
line-height: var(--line-height-line-height-md, 24px);
|
|
5568
|
+
color: var(--alias-text-icons-secondary, #dadada);
|
|
5569
|
+
white-space: nowrap;
|
|
5570
|
+
margin: 0;
|
|
5571
|
+
}
|
|
5572
|
+
|
|
5573
|
+
/* src/SC-referralCard-Mobile/ScReferralCardMobile.module.css */
|
|
5574
|
+
.ScReferralCardMobile_scReferralCardMobile {
|
|
5575
|
+
display: flex;
|
|
5576
|
+
flex-direction: column;
|
|
5577
|
+
gap: var(--spacing-xl, 12px);
|
|
5578
|
+
align-items: flex-start;
|
|
5579
|
+
padding: var(--spacing-xl, 12px);
|
|
5580
|
+
background: var(--alias-surface-basesubtle, #151515);
|
|
5581
|
+
border: 0.5px solid var(--alias-border-subtle, #242424);
|
|
5582
|
+
border-radius: var(--radius-3xl, 16px);
|
|
5583
|
+
width: 349px;
|
|
5584
|
+
box-sizing: border-box;
|
|
5585
|
+
}
|
|
5586
|
+
.ScReferralCardMobile_scReferralCardMobile * {
|
|
5587
|
+
box-sizing: border-box;
|
|
5588
|
+
}
|
|
5589
|
+
.ScReferralCardMobile_userRow {
|
|
5590
|
+
display: flex;
|
|
5591
|
+
align-items: center;
|
|
5592
|
+
gap: var(--spacing-xl, 12px);
|
|
5593
|
+
width: 100%;
|
|
5594
|
+
}
|
|
5595
|
+
.ScReferralCardMobile_profileSection {
|
|
5596
|
+
display: flex;
|
|
5597
|
+
align-items: center;
|
|
5598
|
+
gap: var(--spacing-xl, 12px);
|
|
5599
|
+
flex: 1 0 0;
|
|
5600
|
+
min-width: 0;
|
|
5601
|
+
}
|
|
5602
|
+
.ScReferralCardMobile_profileImage {
|
|
5603
|
+
width: 40px;
|
|
5604
|
+
height: 40px;
|
|
5605
|
+
border-radius: var(--radius-full, 999px);
|
|
5606
|
+
flex-shrink: 0;
|
|
5607
|
+
overflow: hidden;
|
|
5608
|
+
}
|
|
5609
|
+
.ScReferralCardMobile_image {
|
|
5610
|
+
width: 100%;
|
|
5611
|
+
height: 100%;
|
|
5612
|
+
object-fit: cover;
|
|
5613
|
+
border-radius: var(--radius-full, 999px);
|
|
5614
|
+
}
|
|
5615
|
+
.ScReferralCardMobile_initials {
|
|
5616
|
+
width: 100%;
|
|
5617
|
+
height: 100%;
|
|
5618
|
+
display: flex;
|
|
5619
|
+
align-items: center;
|
|
5620
|
+
justify-content: center;
|
|
5621
|
+
background: var(--alias-fill-neutral-neutralselected, #242424);
|
|
5622
|
+
color: var(--alias-text-icons-primary, #f5f5f5);
|
|
5623
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
5624
|
+
font-size: 14px;
|
|
5625
|
+
font-weight: 500;
|
|
5626
|
+
}
|
|
5627
|
+
.ScReferralCardMobile_userInfo {
|
|
5628
|
+
display: flex;
|
|
5629
|
+
flex-direction: column;
|
|
5630
|
+
flex: 1 0 0;
|
|
5631
|
+
min-width: 0;
|
|
5632
|
+
gap: var(--spacing-none, 0px);
|
|
5633
|
+
}
|
|
5634
|
+
.ScReferralCardMobile_userName {
|
|
5635
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
5636
|
+
font-weight: var(--font-weight-font-weight-medium, 500);
|
|
5637
|
+
font-size: 14px;
|
|
5638
|
+
line-height: var(--line-height-line-height-sm, 20px);
|
|
5639
|
+
color: var(--alias-text-icons-primary, #f5f5f5);
|
|
5640
|
+
overflow: hidden;
|
|
5641
|
+
text-overflow: ellipsis;
|
|
5642
|
+
white-space: nowrap;
|
|
5643
|
+
margin: 0;
|
|
5644
|
+
}
|
|
5645
|
+
.ScReferralCardMobile_userEmail {
|
|
5646
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
5647
|
+
font-weight: var(--font-weight-font-weight-regular, 400);
|
|
5648
|
+
font-size: 12px;
|
|
5649
|
+
line-height: var(--line-height-line-height-xs, 18px);
|
|
5650
|
+
color: var(--alias-text-icons-tertiary, #9e9e9e);
|
|
5651
|
+
overflow: hidden;
|
|
5652
|
+
text-overflow: ellipsis;
|
|
5653
|
+
white-space: nowrap;
|
|
5654
|
+
margin: 0;
|
|
5655
|
+
}
|
|
5656
|
+
.ScReferralCardMobile_badge {
|
|
5657
|
+
display: flex;
|
|
5658
|
+
align-items: center;
|
|
5659
|
+
justify-content: center;
|
|
5660
|
+
padding: var(--spacing-xs, 4px) var(--spacing-md, 8px);
|
|
5661
|
+
background: var(--alias-fill-neutral-neutralactive, #313131);
|
|
5662
|
+
border-radius: var(--radius-md, 8px);
|
|
5663
|
+
flex-shrink: 0;
|
|
5664
|
+
}
|
|
5665
|
+
.ScReferralCardMobile_badgeText {
|
|
5666
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
5667
|
+
font-weight: var(--font-weight-font-weight-regular, 400);
|
|
5668
|
+
font-size: var(--font-size-font-size-xs, 12px);
|
|
5669
|
+
line-height: var(--line-height-line-height-xs, 18px);
|
|
5670
|
+
color: var(--alias-text-icons-primary, #f5f5f5);
|
|
5671
|
+
white-space: nowrap;
|
|
5672
|
+
margin: 0;
|
|
5673
|
+
}
|
|
5674
|
+
.ScReferralCardMobile_divider {
|
|
5675
|
+
width: 100%;
|
|
5676
|
+
height: 0;
|
|
5677
|
+
border-bottom: 0.5px solid var(--alias-border-subtle, #242424);
|
|
5678
|
+
}
|
|
5679
|
+
.ScReferralCardMobile_detailsRow {
|
|
5680
|
+
display: flex;
|
|
5681
|
+
align-items: center;
|
|
5682
|
+
gap: var(--spacing-xl, 12px);
|
|
5683
|
+
width: 100%;
|
|
5684
|
+
}
|
|
5685
|
+
.ScReferralCardMobile_dateText {
|
|
5686
|
+
flex: 1 0 0;
|
|
5687
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
5688
|
+
font-weight: var(--font-weight-font-weight-regular, 400);
|
|
5689
|
+
font-size: 14px;
|
|
5690
|
+
line-height: var(--line-height-line-height-sm, 20px);
|
|
5691
|
+
color: var(--alias-text-icons-secondary, #dadada);
|
|
5692
|
+
overflow: hidden;
|
|
5693
|
+
text-overflow: ellipsis;
|
|
5694
|
+
white-space: nowrap;
|
|
5695
|
+
margin: 0;
|
|
5696
|
+
}
|
|
5697
|
+
.ScReferralCardMobile_creditsText {
|
|
5698
|
+
flex: 1 0 0;
|
|
5699
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
5700
|
+
font-weight: var(--font-weight-font-weight-semibold, 600);
|
|
5701
|
+
font-size: 16px;
|
|
5702
|
+
line-height: var(--line-height-line-height-md, 24px);
|
|
5703
|
+
color: var(--alias-text-icons-success, #00b96b);
|
|
5704
|
+
text-align: right;
|
|
5705
|
+
overflow: hidden;
|
|
5706
|
+
text-overflow: ellipsis;
|
|
5707
|
+
white-space: nowrap;
|
|
5708
|
+
margin: 0;
|
|
5709
|
+
}
|
|
5710
|
+
|
|
5711
|
+
/* src/SC-InvoiceHistoryMobile/InvoiceHistoryMobile.module.css */
|
|
5712
|
+
.InvoiceHistoryMobile_invoiceHistoryMobile,
|
|
5713
|
+
.InvoiceHistoryMobile_invoiceHistoryMobile * {
|
|
5714
|
+
box-sizing: border-box;
|
|
5715
|
+
}
|
|
5716
|
+
.InvoiceHistoryMobile_invoiceHistoryMobile {
|
|
5717
|
+
display: flex;
|
|
5718
|
+
gap: var(--spacing-xl, 0.75rem);
|
|
5719
|
+
align-items: flex-start;
|
|
5720
|
+
padding: var(--spacing-3xl, 1rem);
|
|
5721
|
+
border-bottom: 0.5px solid var(--alias-border-divider, #242424);
|
|
5722
|
+
position: relative;
|
|
5723
|
+
width: 100%;
|
|
5724
|
+
}
|
|
5725
|
+
.InvoiceHistoryMobile_info {
|
|
5726
|
+
display: flex;
|
|
5727
|
+
flex-direction: column;
|
|
5728
|
+
gap: var(--spacing-xs, 0.25rem);
|
|
5729
|
+
align-items: flex-start;
|
|
5730
|
+
flex: 1;
|
|
5731
|
+
min-width: 0;
|
|
5732
|
+
}
|
|
5733
|
+
.InvoiceHistoryMobile_invoiceId {
|
|
5734
|
+
color: var(--alias-text-and-icons-primary, #f5f5f5);
|
|
5735
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
5736
|
+
font-size: var(--font-size-font-size-md, 1rem);
|
|
5737
|
+
line-height: var(--line-height-line-height-md, 1.5rem);
|
|
5738
|
+
font-weight: 400;
|
|
5739
|
+
overflow: hidden;
|
|
5740
|
+
text-overflow: ellipsis;
|
|
5741
|
+
white-space: nowrap;
|
|
5742
|
+
width: 100%;
|
|
5743
|
+
}
|
|
5744
|
+
.InvoiceHistoryMobile_date {
|
|
5745
|
+
color: var(--alias-text-and-icons-tertiary, #9e9e9e);
|
|
5746
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
5747
|
+
font-size: var(--font-size-font-size-sm, 0.875rem);
|
|
5748
|
+
line-height: var(--line-height-line-height-sm, 1.25rem);
|
|
5749
|
+
font-weight: 400;
|
|
5750
|
+
overflow: hidden;
|
|
5751
|
+
text-overflow: ellipsis;
|
|
5752
|
+
white-space: nowrap;
|
|
5753
|
+
width: 100%;
|
|
5754
|
+
}
|
|
5755
|
+
.InvoiceHistoryMobile_amount {
|
|
5756
|
+
color: var(--alias-text-and-icons-success, #00b96b);
|
|
5757
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
5758
|
+
font-size: var(--font-size-font-size-md, 1rem);
|
|
5759
|
+
line-height: var(--line-height-line-height-md, 1.5rem);
|
|
5760
|
+
font-weight: 600;
|
|
5761
|
+
text-align: right;
|
|
5762
|
+
overflow: hidden;
|
|
5763
|
+
text-overflow: ellipsis;
|
|
5764
|
+
white-space: nowrap;
|
|
5765
|
+
flex-shrink: 0;
|
|
5766
|
+
}
|
|
5767
|
+
|
|
5768
|
+
/* src/SC-UsageHistoryMobile/UsageHistoryMobile.module.css */
|
|
5769
|
+
.UsageHistoryMobile_usageHistoryMobile,
|
|
5770
|
+
.UsageHistoryMobile_usageHistoryMobile * {
|
|
5771
|
+
box-sizing: border-box;
|
|
5772
|
+
}
|
|
5773
|
+
.UsageHistoryMobile_usageHistoryMobile {
|
|
5774
|
+
display: flex;
|
|
5775
|
+
flex-direction: column;
|
|
5776
|
+
gap: var(--spacing-xs, 0.25rem);
|
|
5777
|
+
align-items: flex-start;
|
|
5778
|
+
padding: var(--spacing-3xl, 1rem);
|
|
5779
|
+
border-bottom: 0.5px solid var(--alias-border-divider, #242424);
|
|
5780
|
+
position: relative;
|
|
5781
|
+
width: 100%;
|
|
5782
|
+
}
|
|
5783
|
+
.UsageHistoryMobile_row1 {
|
|
5784
|
+
display: flex;
|
|
5785
|
+
gap: var(--spacing-xl, 0.75rem);
|
|
5786
|
+
align-items: center;
|
|
5787
|
+
width: 100%;
|
|
5788
|
+
}
|
|
5789
|
+
.UsageHistoryMobile_serviceName {
|
|
5790
|
+
color: var(--alias-text-and-icons-primary, #f5f5f5);
|
|
5791
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
5792
|
+
font-size: var(--font-size-font-size-sm, 0.875rem);
|
|
5793
|
+
line-height: var(--line-height-line-height-sm, 1.25rem);
|
|
5794
|
+
font-weight: 400;
|
|
5795
|
+
flex: 1;
|
|
5796
|
+
min-width: 0;
|
|
5797
|
+
overflow: hidden;
|
|
5798
|
+
text-overflow: ellipsis;
|
|
5799
|
+
white-space: nowrap;
|
|
5800
|
+
}
|
|
5801
|
+
.UsageHistoryMobile_credits {
|
|
5802
|
+
color: var(--alias-text-and-icons-error, #d11a1a);
|
|
5803
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
5804
|
+
font-size: var(--font-size-font-size-md, 1rem);
|
|
5805
|
+
line-height: var(--line-height-line-height-md, 1.5rem);
|
|
5806
|
+
font-weight: 600;
|
|
5807
|
+
text-align: right;
|
|
5808
|
+
overflow: hidden;
|
|
5809
|
+
text-overflow: ellipsis;
|
|
5810
|
+
white-space: nowrap;
|
|
5811
|
+
flex-shrink: 0;
|
|
5812
|
+
}
|
|
5813
|
+
.UsageHistoryMobile_row2 {
|
|
5814
|
+
display: flex;
|
|
5815
|
+
gap: var(--spacing-xl, 0.75rem);
|
|
5816
|
+
align-items: center;
|
|
5817
|
+
width: 100%;
|
|
5818
|
+
}
|
|
5819
|
+
.UsageHistoryMobile_metaLeft {
|
|
5820
|
+
display: flex;
|
|
5821
|
+
flex: 1;
|
|
5822
|
+
min-width: 0;
|
|
5823
|
+
gap: 9px;
|
|
5824
|
+
align-items: center;
|
|
5825
|
+
}
|
|
5826
|
+
.UsageHistoryMobile_metaText {
|
|
5827
|
+
color: var(--alias-text-and-icons-tertiary, #9e9e9e);
|
|
5828
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
5829
|
+
font-size: var(--font-size-font-size-sm, 0.875rem);
|
|
5830
|
+
line-height: var(--line-height-line-height-sm, 1.25rem);
|
|
5831
|
+
font-weight: 400;
|
|
5832
|
+
overflow: hidden;
|
|
5833
|
+
text-overflow: ellipsis;
|
|
5834
|
+
white-space: nowrap;
|
|
5835
|
+
flex-shrink: 0;
|
|
5836
|
+
}
|
|
5837
|
+
.UsageHistoryMobile_divider {
|
|
5838
|
+
width: 0;
|
|
5839
|
+
height: 0.75rem;
|
|
5840
|
+
flex-shrink: 0;
|
|
5841
|
+
border-left: 0.5px solid var(--alias-border-divider, #242424);
|
|
5842
|
+
}
|
|
5843
|
+
.UsageHistoryMobile_balance {
|
|
5844
|
+
color: var(--alias-text-and-icons-tertiary, #9e9e9e);
|
|
5845
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
5846
|
+
font-size: var(--font-size-font-size-sm, 0.875rem);
|
|
5847
|
+
line-height: var(--line-height-line-height-sm, 1.25rem);
|
|
5848
|
+
font-weight: 400;
|
|
5849
|
+
text-align: right;
|
|
5850
|
+
overflow: hidden;
|
|
5851
|
+
text-overflow: ellipsis;
|
|
5852
|
+
white-space: nowrap;
|
|
5853
|
+
flex-shrink: 0;
|
|
5854
|
+
}
|
|
5855
|
+
|
|
5856
|
+
/* src/SC-WorkspaceSwitchMobile-V2/ScWorkspaceSwitchMobileV2.module.css */
|
|
5857
|
+
.ScWorkspaceSwitchMobileV2_scWorkspaceSwitchMobileV2 {
|
|
5858
|
+
display: flex;
|
|
5859
|
+
align-items: center;
|
|
5860
|
+
gap: 0px;
|
|
5861
|
+
padding: var(--spacing-xs, 4px) var(--spacing-xl, 12px) var(--spacing-xs, 4px) var(--spacing-xs, 4px);
|
|
5862
|
+
border-radius: var(--radius-3xl, 16px);
|
|
5863
|
+
border: 0.5px solid;
|
|
5864
|
+
width: 100%;
|
|
5865
|
+
box-sizing: border-box;
|
|
5866
|
+
}
|
|
5867
|
+
.ScWorkspaceSwitchMobileV2_scWorkspaceSwitchMobileV2 * {
|
|
5868
|
+
box-sizing: border-box;
|
|
5869
|
+
}
|
|
5870
|
+
.ScWorkspaceSwitchMobileV2_type-currentWS {
|
|
5871
|
+
background: var(--alias-surface-raised, #242424);
|
|
5872
|
+
border-color: var(--alias-border-default, #3e3e3e);
|
|
5873
|
+
}
|
|
5874
|
+
.ScWorkspaceSwitchMobileV2_type-otherWS {
|
|
5875
|
+
background: var(--alias-surface-base, #101010);
|
|
5876
|
+
border-color: var(--alias-border-subtle, #242424);
|
|
5877
|
+
}
|
|
5878
|
+
.ScWorkspaceSwitchMobileV2_type-display {
|
|
5879
|
+
background: var(--alias-surface-base, #101010);
|
|
5880
|
+
border: none;
|
|
5881
|
+
padding: 0;
|
|
5882
|
+
}
|
|
5883
|
+
.ScWorkspaceSwitchMobileV2_workspaceInfo {
|
|
5884
|
+
display: flex;
|
|
5885
|
+
flex: 1 0 0;
|
|
5886
|
+
align-items: center;
|
|
5887
|
+
gap: var(--spacing-xl, 12px);
|
|
5888
|
+
min-width: 0;
|
|
5889
|
+
}
|
|
5890
|
+
.ScWorkspaceSwitchMobileV2_dpContainer {
|
|
5891
|
+
display: flex;
|
|
5892
|
+
align-items: center;
|
|
5893
|
+
flex-shrink: 0;
|
|
5894
|
+
}
|
|
5895
|
+
.ScWorkspaceSwitchMobileV2_textContainer {
|
|
5896
|
+
display: flex;
|
|
5897
|
+
flex-direction: column;
|
|
5898
|
+
flex: 1 0 0;
|
|
5899
|
+
gap: var(--spacing-xxs, 2px);
|
|
5900
|
+
padding: var(--spacing-md, 8px) 0;
|
|
5901
|
+
min-width: 0;
|
|
5902
|
+
}
|
|
5903
|
+
.ScWorkspaceSwitchMobileV2_wsName {
|
|
5904
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
5905
|
+
font-weight: var(--font-weight-font-weight-medium, 500);
|
|
5906
|
+
font-size: 16px;
|
|
5907
|
+
line-height: var(--line-height-line-height-md, 24px);
|
|
5908
|
+
color: var(--alias-text-icons-primary, #f5f5f5);
|
|
5909
|
+
overflow: hidden;
|
|
5910
|
+
text-overflow: ellipsis;
|
|
5911
|
+
white-space: nowrap;
|
|
5912
|
+
margin: 0;
|
|
5913
|
+
width: 100%;
|
|
5914
|
+
}
|
|
5915
|
+
.ScWorkspaceSwitchMobileV2_userDetails {
|
|
5916
|
+
display: flex;
|
|
5917
|
+
align-items: center;
|
|
5918
|
+
gap: 0px;
|
|
5919
|
+
width: 100%;
|
|
5920
|
+
min-width: 0;
|
|
5921
|
+
}
|
|
5922
|
+
.ScWorkspaceSwitchMobileV2_roleText {
|
|
5923
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
5924
|
+
font-weight: var(--font-weight-font-weight-medium, 500);
|
|
5925
|
+
font-size: var(--font-size-font-size-sm, 14px);
|
|
5926
|
+
line-height: var(--line-height-line-height-sm, 20px);
|
|
5927
|
+
color: var(--alias-text-icons-warning, #db8b00);
|
|
5928
|
+
white-space: nowrap;
|
|
5929
|
+
flex-shrink: 0;
|
|
5930
|
+
}
|
|
5931
|
+
.ScWorkspaceSwitchMobileV2_roleMember {
|
|
5932
|
+
color: var(--alias-text-icons-info, #155cd6);
|
|
5933
|
+
}
|
|
5934
|
+
.ScWorkspaceSwitchMobileV2_dot {
|
|
5935
|
+
width: 16px;
|
|
5936
|
+
height: 16px;
|
|
5937
|
+
display: flex;
|
|
5938
|
+
align-items: center;
|
|
5939
|
+
justify-content: center;
|
|
5940
|
+
flex-shrink: 0;
|
|
5941
|
+
position: relative;
|
|
5942
|
+
}
|
|
5943
|
+
.ScWorkspaceSwitchMobileV2_dot::after {
|
|
5944
|
+
content: "";
|
|
5945
|
+
width: 2.67px;
|
|
5946
|
+
height: 2.67px;
|
|
5947
|
+
border-radius: var(--radius-full, 999px);
|
|
5948
|
+
background: var(--alias-text-icons-disabled, #5c5c5c);
|
|
5949
|
+
}
|
|
5950
|
+
.ScWorkspaceSwitchMobileV2_planText {
|
|
5951
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
5952
|
+
font-weight: var(--font-weight-font-weight-regular, 400);
|
|
5953
|
+
font-size: 14px;
|
|
5954
|
+
line-height: var(--line-height-line-height-sm, 20px);
|
|
5955
|
+
color: var(--alias-text-icons-tertiary, #9e9e9e);
|
|
5956
|
+
overflow: hidden;
|
|
5957
|
+
text-overflow: ellipsis;
|
|
5958
|
+
white-space: nowrap;
|
|
5959
|
+
flex-shrink: 0;
|
|
5960
|
+
}
|
|
5961
|
+
.ScWorkspaceSwitchMobileV2_ownerText {
|
|
5962
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
5963
|
+
font-weight: var(--font-weight-font-weight-regular, 400);
|
|
5964
|
+
font-size: 14px;
|
|
5965
|
+
line-height: var(--line-height-line-height-sm, 20px);
|
|
5966
|
+
color: var(--alias-text-icons-tertiary, #9e9e9e);
|
|
5967
|
+
overflow: hidden;
|
|
5968
|
+
text-overflow: ellipsis;
|
|
5969
|
+
white-space: nowrap;
|
|
5970
|
+
flex: 1 0 0;
|
|
5971
|
+
min-width: 0;
|
|
5972
|
+
}
|
|
5973
|
+
|
|
5974
|
+
/* src/SC-imageField/ScImageField.module.css */
|
|
5975
|
+
.ScImageField_scImageField,
|
|
5976
|
+
.ScImageField_scImageField * {
|
|
5977
|
+
box-sizing: border-box;
|
|
5978
|
+
}
|
|
5979
|
+
.ScImageField_scImageField {
|
|
5980
|
+
display: flex;
|
|
5981
|
+
flex-direction: column;
|
|
5982
|
+
gap: var(--spacing-xs, 0.25rem);
|
|
5983
|
+
align-items: flex-start;
|
|
5984
|
+
justify-content: center;
|
|
5985
|
+
width: 100%;
|
|
5986
|
+
position: relative;
|
|
5987
|
+
}
|
|
5988
|
+
.ScImageField_labelContainer {
|
|
5989
|
+
display: flex;
|
|
5990
|
+
gap: var(--spacing-3xl, 0);
|
|
5991
|
+
height: 1.5rem;
|
|
5992
|
+
align-items: center;
|
|
5993
|
+
align-self: stretch;
|
|
5994
|
+
flex-shrink: 0;
|
|
5995
|
+
position: relative;
|
|
5996
|
+
}
|
|
5997
|
+
.ScImageField_label {
|
|
5998
|
+
color: var(--alias-text-and-icons-tertiary, #9e9e9e);
|
|
5999
|
+
text-align: left;
|
|
6000
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
6001
|
+
font-size: var(--font-size-font-size-sm, 0.875rem);
|
|
6002
|
+
line-height: var(--line-height-line-height-sm, 1.25rem);
|
|
6003
|
+
font-weight: 400;
|
|
6004
|
+
position: relative;
|
|
6005
|
+
flex: 1;
|
|
6006
|
+
min-width: 0;
|
|
6007
|
+
height: 1.25rem;
|
|
6008
|
+
display: flex;
|
|
6009
|
+
align-items: center;
|
|
6010
|
+
}
|
|
6011
|
+
.ScImageField_uploadArea {
|
|
6012
|
+
background: var(--alias-fill-neutral-neutralplus, #151515);
|
|
6013
|
+
border-radius: var(--radius-3xl, 1rem);
|
|
6014
|
+
display: flex;
|
|
6015
|
+
gap: var(--spacing-md, 0.5rem);
|
|
6016
|
+
align-items: center;
|
|
6017
|
+
justify-content: center;
|
|
6018
|
+
align-self: stretch;
|
|
6019
|
+
flex-shrink: 0;
|
|
6020
|
+
height: 7.5rem;
|
|
6021
|
+
position: relative;
|
|
6022
|
+
cursor: pointer;
|
|
6023
|
+
}
|
|
6024
|
+
.ScImageField_uploadIcon {
|
|
6025
|
+
width: 1.5rem !important;
|
|
6026
|
+
height: 1.5rem !important;
|
|
6027
|
+
flex-shrink: 0;
|
|
6028
|
+
}
|
|
6029
|
+
.ScImageField_uploadText {
|
|
6030
|
+
color: var(--alias-text-and-icons-secondary, #dadada);
|
|
6031
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
6032
|
+
font-size: var(--font-size-font-size-sm, 0.875rem);
|
|
6033
|
+
line-height: var(--line-height-line-height-sm, 1.25rem);
|
|
6034
|
+
font-weight: 400;
|
|
6035
|
+
text-align: center;
|
|
6036
|
+
flex-shrink: 0;
|
|
6037
|
+
}
|
|
6038
|
+
.ScImageField_previewArea {
|
|
6039
|
+
background: var(--alias-fill-neutral-neutralplus, #151515);
|
|
6040
|
+
border-radius: var(--radius-3xl, 1rem);
|
|
6041
|
+
display: flex;
|
|
6042
|
+
gap: var(--spacing-md, 0.5rem);
|
|
6043
|
+
align-items: center;
|
|
6044
|
+
justify-content: center;
|
|
6045
|
+
align-self: stretch;
|
|
6046
|
+
flex-shrink: 0;
|
|
6047
|
+
height: 7.5rem;
|
|
6048
|
+
padding: var(--spacing-3xl, 1rem) var(--spacing-xl, 0.75rem);
|
|
6049
|
+
position: relative;
|
|
6050
|
+
}
|
|
6051
|
+
.ScImageField_previewImage {
|
|
6052
|
+
height: 100%;
|
|
6053
|
+
aspect-ratio: 1;
|
|
6054
|
+
border-radius: var(--radius-md, 0.5rem);
|
|
6055
|
+
object-fit: cover;
|
|
6056
|
+
flex-shrink: 0;
|
|
6057
|
+
}
|
|
6058
|
+
.ScImageField_fileName {
|
|
6059
|
+
color: var(--alias-text-and-icons-secondary, #dadada);
|
|
6060
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
6061
|
+
font-size: var(--font-size-font-size-sm, 0.875rem);
|
|
6062
|
+
line-height: var(--line-height-line-height-sm, 1.25rem);
|
|
6063
|
+
font-weight: 400;
|
|
6064
|
+
flex: 1;
|
|
6065
|
+
min-width: 0;
|
|
6066
|
+
overflow: hidden;
|
|
6067
|
+
text-overflow: ellipsis;
|
|
6068
|
+
white-space: nowrap;
|
|
6069
|
+
}
|
|
6070
|
+
.ScImageField_removeIcon {
|
|
6071
|
+
width: 1.5rem !important;
|
|
6072
|
+
height: 1.5rem !important;
|
|
6073
|
+
flex-shrink: 0;
|
|
6074
|
+
cursor: pointer;
|
|
6075
|
+
}
|
|
6076
|
+
|
|
6077
|
+
/* src/SC-settingsTabComp/ScSettingsTabComp.module.css */
|
|
6078
|
+
.ScSettingsTabComp_scSettingsTabComp,
|
|
6079
|
+
.ScSettingsTabComp_scSettingsTabComp * {
|
|
6080
|
+
box-sizing: border-box;
|
|
6081
|
+
}
|
|
6082
|
+
.ScSettingsTabComp_scSettingsTabComp {
|
|
6083
|
+
display: flex;
|
|
6084
|
+
height: 3.5rem;
|
|
6085
|
+
align-items: center;
|
|
6086
|
+
justify-content: center;
|
|
6087
|
+
padding: var(--spacing-xl, 0.75rem);
|
|
6088
|
+
position: relative;
|
|
6089
|
+
flex-shrink: 0;
|
|
6090
|
+
cursor: pointer;
|
|
6091
|
+
}
|
|
6092
|
+
.ScSettingsTabComp_tabText {
|
|
6093
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
6094
|
+
font-size: var(--font-size-font-size-md, 1rem);
|
|
6095
|
+
line-height: var(--line-height-line-height-md, 1.5rem);
|
|
6096
|
+
font-weight: 400;
|
|
6097
|
+
text-align: center;
|
|
6098
|
+
white-space: nowrap;
|
|
6099
|
+
position: relative;
|
|
6100
|
+
flex-shrink: 0;
|
|
6101
|
+
}
|
|
6102
|
+
.ScSettingsTabComp_scSettingsTabComp.ScSettingsTabComp_active-true {
|
|
6103
|
+
border-bottom: 1.25px solid var(--alias-text-and-icons-primary, #f5f5f5);
|
|
6104
|
+
}
|
|
6105
|
+
.ScSettingsTabComp_scSettingsTabComp.ScSettingsTabComp_active-true .ScSettingsTabComp_tabText {
|
|
6106
|
+
color: var(--alias-text-and-icons-primary, #f5f5f5);
|
|
6107
|
+
}
|
|
6108
|
+
.ScSettingsTabComp_scSettingsTabComp.ScSettingsTabComp_active-false .ScSettingsTabComp_tabText {
|
|
6109
|
+
color: var(--alias-text-and-icons-muted, #7a7a7a);
|
|
6110
|
+
}
|
|
6111
|
+
|
|
6112
|
+
/* src/SC-Credits usage card-Mobile/ScCreditsUsageCardMobile.module.css */
|
|
6113
|
+
.ScCreditsUsageCardMobile_scCreditsUsageCardMobile,
|
|
6114
|
+
.ScCreditsUsageCardMobile_scCreditsUsageCardMobile * {
|
|
6115
|
+
box-sizing: border-box;
|
|
6116
|
+
}
|
|
6117
|
+
.ScCreditsUsageCardMobile_scCreditsUsageCardMobile {
|
|
6118
|
+
backdrop-filter: blur(4px);
|
|
6119
|
+
background: var(--alias-surface-base, #101010);
|
|
6120
|
+
border-radius: var(--radius-3xl, 1rem);
|
|
6121
|
+
border: 1px solid var(--alias-border-subtle, #242424);
|
|
6122
|
+
display: flex;
|
|
6123
|
+
flex-direction: column;
|
|
6124
|
+
gap: var(--spacing-3xl, 1rem);
|
|
6125
|
+
align-items: flex-start;
|
|
6126
|
+
padding: var(--spacing-3xl, 1rem);
|
|
6127
|
+
position: relative;
|
|
6128
|
+
width: 100%;
|
|
6129
|
+
}
|
|
6130
|
+
.ScCreditsUsageCardMobile_header {
|
|
6131
|
+
display: flex;
|
|
6132
|
+
gap: var(--gp8, 0.5rem);
|
|
6133
|
+
height: 1.5rem;
|
|
6134
|
+
align-items: center;
|
|
6135
|
+
align-self: stretch;
|
|
6136
|
+
flex-shrink: 0;
|
|
6137
|
+
}
|
|
6138
|
+
.ScCreditsUsageCardMobile_headerIcon {
|
|
6139
|
+
width: 1.5rem !important;
|
|
6140
|
+
height: 1.5rem !important;
|
|
6141
|
+
flex-shrink: 0;
|
|
6142
|
+
}
|
|
6143
|
+
.ScCreditsUsageCardMobile_headerLabel {
|
|
6144
|
+
color: var(--alias-text-and-icons-tertiary, #9e9e9e);
|
|
6145
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
6146
|
+
font-size: var(--font-size-font-size-sm, 0.875rem);
|
|
6147
|
+
line-height: var(--line-height-line-height-sm, 1.25rem);
|
|
6148
|
+
font-weight: 400;
|
|
6149
|
+
white-space: nowrap;
|
|
6150
|
+
flex-shrink: 0;
|
|
6151
|
+
}
|
|
6152
|
+
.ScCreditsUsageCardMobile_divider {
|
|
6153
|
+
height: 0;
|
|
6154
|
+
width: 100%;
|
|
6155
|
+
flex-shrink: 0;
|
|
6156
|
+
border-top: 0.5px solid var(--alias-border-divider, #242424);
|
|
6157
|
+
}
|
|
6158
|
+
.ScCreditsUsageCardMobile_usageInfo {
|
|
6159
|
+
display: flex;
|
|
6160
|
+
flex-direction: column;
|
|
6161
|
+
gap: 0.5rem;
|
|
6162
|
+
align-items: flex-start;
|
|
6163
|
+
align-self: stretch;
|
|
6164
|
+
flex-shrink: 0;
|
|
6165
|
+
}
|
|
6166
|
+
.ScCreditsUsageCardMobile_usageText {
|
|
6167
|
+
color: var(--alias-text-and-icons-primary, #f5f5f5);
|
|
6168
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
6169
|
+
font-size: var(--font-size-font-size-lg, 1.125rem);
|
|
6170
|
+
line-height: var(--line-height-line-height-lg, 1.625rem);
|
|
6171
|
+
font-weight: 500;
|
|
6172
|
+
width: 100%;
|
|
6173
|
+
}
|
|
6174
|
+
.ScCreditsUsageCardMobile_remainingText {
|
|
6175
|
+
color: var(--alias-text-and-icons-tertiary, #9e9e9e);
|
|
6176
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
6177
|
+
font-size: var(--font-size-font-size-sm, 0.875rem);
|
|
6178
|
+
line-height: var(--line-height-line-height-sm, 1.25rem);
|
|
6179
|
+
font-weight: 500;
|
|
6180
|
+
width: 100%;
|
|
6181
|
+
}
|
|
6182
|
+
.ScCreditsUsageCardMobile_scButtonInstance {
|
|
6183
|
+
width: 100% !important;
|
|
6184
|
+
flex-shrink: 0 !important;
|
|
6185
|
+
}
|
|
6186
|
+
|
|
6187
|
+
/* src/SC-Plan details card-Mobile/ScPlanDetailsCardMobile.module.css */
|
|
6188
|
+
.ScPlanDetailsCardMobile_scPlanDetailsCardMobile,
|
|
6189
|
+
.ScPlanDetailsCardMobile_scPlanDetailsCardMobile * {
|
|
6190
|
+
box-sizing: border-box;
|
|
6191
|
+
}
|
|
6192
|
+
.ScPlanDetailsCardMobile_scPlanDetailsCardMobile {
|
|
6193
|
+
backdrop-filter: blur(4px);
|
|
6194
|
+
background: var(--alias-surface-base, #101010);
|
|
6195
|
+
border-radius: var(--radius-3xl, 1rem);
|
|
6196
|
+
border: 1px solid var(--alias-border-subtle, #242424);
|
|
6197
|
+
display: flex;
|
|
6198
|
+
flex-direction: column;
|
|
6199
|
+
gap: var(--spacing-3xl, 1rem);
|
|
6200
|
+
align-items: flex-start;
|
|
6201
|
+
padding: var(--spacing-3xl, 1rem);
|
|
6202
|
+
position: relative;
|
|
6203
|
+
width: 100%;
|
|
6204
|
+
}
|
|
6205
|
+
.ScPlanDetailsCardMobile_planHeader {
|
|
6206
|
+
display: flex;
|
|
6207
|
+
gap: var(--spacing-md, 0.5rem);
|
|
6208
|
+
align-items: center;
|
|
6209
|
+
align-self: stretch;
|
|
6210
|
+
flex-shrink: 0;
|
|
6211
|
+
}
|
|
6212
|
+
.ScPlanDetailsCardMobile_headerLeft {
|
|
6213
|
+
display: flex;
|
|
6214
|
+
flex: 1;
|
|
6215
|
+
min-width: 0;
|
|
6216
|
+
gap: var(--gp8, 0.5rem);
|
|
6217
|
+
align-items: center;
|
|
6218
|
+
}
|
|
6219
|
+
.ScPlanDetailsCardMobile_headerIcon {
|
|
6220
|
+
width: 1.5rem !important;
|
|
6221
|
+
height: 1.5rem !important;
|
|
6222
|
+
flex-shrink: 0;
|
|
6223
|
+
}
|
|
6224
|
+
.ScPlanDetailsCardMobile_headerLabel {
|
|
6225
|
+
color: var(--alias-text-and-icons-tertiary, #9e9e9e);
|
|
6226
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
6227
|
+
font-size: var(--font-size-font-size-sm, 0.875rem);
|
|
6228
|
+
line-height: var(--line-height-line-height-sm, 1.25rem);
|
|
6229
|
+
font-weight: 400;
|
|
6230
|
+
white-space: nowrap;
|
|
6231
|
+
flex-shrink: 0;
|
|
6232
|
+
}
|
|
6233
|
+
.ScPlanDetailsCardMobile_divider {
|
|
6234
|
+
height: 0;
|
|
6235
|
+
width: 100%;
|
|
6236
|
+
flex-shrink: 0;
|
|
6237
|
+
border-top: 0.5px solid var(--alias-border-divider, #242424);
|
|
6238
|
+
}
|
|
6239
|
+
.ScPlanDetailsCardMobile_planInfo {
|
|
6240
|
+
display: flex;
|
|
6241
|
+
flex-direction: column;
|
|
6242
|
+
gap: var(--spacing-none, 0);
|
|
6243
|
+
align-items: center;
|
|
6244
|
+
justify-content: center;
|
|
6245
|
+
align-self: stretch;
|
|
6246
|
+
flex-shrink: 0;
|
|
6247
|
+
}
|
|
6248
|
+
.ScPlanDetailsCardMobile_planNameRow {
|
|
6249
|
+
display: flex;
|
|
6250
|
+
align-items: center;
|
|
6251
|
+
width: 100%;
|
|
6252
|
+
}
|
|
6253
|
+
.ScPlanDetailsCardMobile_planName {
|
|
6254
|
+
color: var(--alias-text-and-icons-primary, #f5f5f5);
|
|
6255
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
6256
|
+
font-size: var(--font-size-font-size-lg, 1.125rem);
|
|
6257
|
+
line-height: var(--line-height-line-height-lg, 1.625rem);
|
|
6258
|
+
font-weight: 500;
|
|
6259
|
+
white-space: nowrap;
|
|
6260
|
+
}
|
|
6261
|
+
.ScPlanDetailsCardMobile_dot {
|
|
6262
|
+
width: 1.5rem;
|
|
6263
|
+
height: 1.5rem;
|
|
6264
|
+
position: relative;
|
|
6265
|
+
flex-shrink: 0;
|
|
6266
|
+
display: flex;
|
|
6267
|
+
align-items: center;
|
|
6268
|
+
justify-content: center;
|
|
6269
|
+
}
|
|
6270
|
+
.ScPlanDetailsCardMobile_dot::after {
|
|
6271
|
+
content: "";
|
|
6272
|
+
width: 4px;
|
|
6273
|
+
height: 4px;
|
|
6274
|
+
border-radius: var(--radius-full, 999px);
|
|
6275
|
+
background: var(--alias-text-and-icons-tertiary, #9e9e9e);
|
|
6276
|
+
}
|
|
6277
|
+
.ScPlanDetailsCardMobile_planPrice {
|
|
6278
|
+
color: var(--alias-text-and-icons-tertiary, #9e9e9e);
|
|
6279
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
6280
|
+
font-size: var(--font-size-font-size-sm, 0.875rem);
|
|
6281
|
+
line-height: var(--line-height-line-height-sm, 1.25rem);
|
|
6282
|
+
font-weight: 500;
|
|
6283
|
+
width: 100%;
|
|
6284
|
+
}
|
|
6285
|
+
.ScPlanDetailsCardMobile_scBadgesInstance {
|
|
6286
|
+
flex-shrink: 0 !important;
|
|
6287
|
+
}
|
|
6288
|
+
.ScPlanDetailsCardMobile_scButtonInstance {
|
|
6289
|
+
width: 100% !important;
|
|
6290
|
+
flex-shrink: 0 !important;
|
|
6291
|
+
}
|