@asante-org/atlascopco-vt-litesitegenerator 3.6.2 → 3.6.5

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 (9) hide show
  1. package/dist/index.esm.scss +474 -18
  2. package/dist/index.scss +474 -18
  3. package/dist/themes/theme-1.css +459 -8
  4. package/dist/themes/theme-1.css.map +1 -1
  5. package/dist/themes/theme-2.css +459 -8
  6. package/dist/themes/theme-2.css.map +1 -1
  7. package/dist/themes/theme-3.css +473 -15
  8. package/dist/themes/theme-3.css.map +1 -1
  9. package/package.json +1 -1
package/dist/index.esm.scss CHANGED
@@ -3277,8 +3277,8 @@
3277
3277
  z-index: 2;
3278
3278
  cursor: pointer;
3279
3279
  background-color: var(--lsg-tabs-arrow-color);
3280
- mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M10 3L5 8l5 5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
3281
- -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M10 3L5 8l5 5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
3280
+ mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3Cpath%20d='M10%203L5%208l5%205'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
3281
+ -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3Cpath%20d='M10%203L5%208l5%205'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
3282
3282
  }
3283
3283
  .lsg-tabs--scroll-start::before:hover {
3284
3284
  background-color: var(--lsg-tabs-arrow-color-hover);
@@ -3295,8 +3295,8 @@
3295
3295
  z-index: 2;
3296
3296
  cursor: pointer;
3297
3297
  background-color: var(--lsg-tabs-arrow-color);
3298
- mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 3l5 5-5 5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
3299
- -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 3l5 5-5 5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
3298
+ mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3Cpath%20d='M6%203l5%205-5%205'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
3299
+ -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3Cpath%20d='M6%203l5%205-5%205'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
3300
3300
  }
3301
3301
  .lsg-tabs--scroll-end::after:hover {
3302
3302
  background-color: var(--lsg-tabs-arrow-color-hover);
@@ -3319,8 +3319,8 @@
3319
3319
  z-index: 2;
3320
3320
  cursor: pointer;
3321
3321
  background-color: var(--lsg-tabs-arrow-color);
3322
- mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 10l5-5 5 5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
3323
- -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 10l5-5 5 5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
3322
+ mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3Cpath%20d='M3%2010l5-5%205%205'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
3323
+ -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3Cpath%20d='M3%2010l5-5%205%205'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
3324
3324
  }
3325
3325
  .lsg-tabs--vertical.lsg-tabs--scroll-start::before:hover {
3326
3326
  background-color: var(--lsg-tabs-arrow-color-hover);
@@ -3338,8 +3338,8 @@
3338
3338
  z-index: 2;
3339
3339
  cursor: pointer;
3340
3340
  background-color: var(--lsg-tabs-arrow-color);
3341
- mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 6l5 5 5-5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
3342
- -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 6l5 5 5-5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
3341
+ mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3Cpath%20d='M3%206l5%205%205-5'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
3342
+ -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3Cpath%20d='M3%206l5%205%205-5'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
3343
3343
  }
3344
3344
  .lsg-tabs--vertical.lsg-tabs--scroll-end::after:hover {
3345
3345
  background-color: var(--lsg-tabs-arrow-color-hover);
@@ -3983,6 +3983,462 @@
3983
3983
  color: var(--lsg-color-white);
3984
3984
  }
3985
3985
 
3986
+ .cmp-vtba-form__field {
3987
+ display: flex;
3988
+ flex-direction: column;
3989
+ gap: 8px;
3990
+ }
3991
+
3992
+ .cmp-vtba-form__label {
3993
+ font-family: var(--lsg-font-family-primary);
3994
+ font-size: var(--lsg-size-body);
3995
+ font-weight: var(--lsg-font-weight-semibold);
3996
+ line-height: var(--lsg-line-height-copy);
3997
+ color: var(--lsg-color-black);
3998
+ }
3999
+
4000
+ .cmp-vtba-form__required {
4001
+ margin-left: 4px;
4002
+ color: #c0392b;
4003
+ text-decoration: none;
4004
+ font-style: normal;
4005
+ }
4006
+
4007
+ .cmp-vtba-form__select, .cmp-vtba-form__textarea, .cmp-vtba-form__input {
4008
+ flex: 1 1 auto;
4009
+ padding: 12px 16px;
4010
+ font-family: var(--lsg-font-family-primary);
4011
+ font-size: var(--lsg-size-body);
4012
+ line-height: var(--lsg-line-height-copy);
4013
+ color: var(--lsg-color-black);
4014
+ background-color: var(--lsg-color-white);
4015
+ border: 1px solid;
4016
+ border-radius: var(--lsg-form-radius, 2px);
4017
+ -webkit-appearance: none;
4018
+ -moz-appearance: none;
4019
+ appearance: none;
4020
+ transition: border-color 0.15s ease;
4021
+ }
4022
+ .cmp-vtba-form__select::-moz-placeholder, .cmp-vtba-form__textarea::-moz-placeholder, .cmp-vtba-form__input::-moz-placeholder {
4023
+ color: var(--lsg-color-secondary);
4024
+ }
4025
+ .cmp-vtba-form__select::placeholder, .cmp-vtba-form__textarea::placeholder, .cmp-vtba-form__input::placeholder {
4026
+ color: var(--lsg-color-secondary);
4027
+ }
4028
+ .cmp-vtba-form__select:focus, .cmp-vtba-form__textarea:focus, .cmp-vtba-form__input:focus {
4029
+ outline: none;
4030
+ border: 1px solid var(--lsg-color-dark);
4031
+ box-shadow: 0 0 0 3px rgba(var(--lsg-color-dark), 0.15);
4032
+ }
4033
+ .cmp-vtba-form__select:disabled, .cmp-vtba-form__textarea:disabled, .cmp-vtba-form__input:disabled {
4034
+ background-color: rgba(118, 118, 118, 0.1);
4035
+ color: var(--lsg-color-secondary);
4036
+ cursor: not-allowed;
4037
+ }
4038
+ [aria-invalid=true].cmp-vtba-form__select, [aria-invalid=true].cmp-vtba-form__textarea, [aria-invalid=true].cmp-vtba-form__input {
4039
+ border: 1px solid #c0392b;
4040
+ border-color: #c0392b;
4041
+ }
4042
+
4043
+ .cmp-vtba-form__help {
4044
+ font-family: var(--lsg-font-family-primary);
4045
+ font-size: var(--lsg-size-Small);
4046
+ color: var(--lsg-color-secondary);
4047
+ line-height: var(--lsg-line-height-copy);
4048
+ }
4049
+
4050
+ .cmp-vtba-form__field-error {
4051
+ font-family: var(--lsg-font-family-primary);
4052
+ font-size: var(--lsg-size-Small);
4053
+ color: #c0392b;
4054
+ line-height: var(--lsg-line-height-copy);
4055
+ }
4056
+ .cmp-vtba-form__field-error[hidden] {
4057
+ display: none;
4058
+ }
4059
+
4060
+ .cmp-vtba-form__field--tel {
4061
+ border: 1px solid;
4062
+ border-radius: var(--lsg-form-radius, 2px);
4063
+ }
4064
+ .cmp-vtba-form__field--tel input, .cmp-vtba-form__field--tel button {
4065
+ border: 0px;
4066
+ }
4067
+
4068
+ .cmp-vtba-form {
4069
+ font-family: var(--lsg-font-family-primary);
4070
+ }
4071
+
4072
+ .cmp-vtba-form__form {
4073
+ display: flex;
4074
+ flex-direction: column;
4075
+ gap: 36px;
4076
+ }
4077
+
4078
+ .cmp-vtba-form__title {
4079
+ font-family: var(--lsg-font-family-secondary);
4080
+ font-size: var(--lsg-size-H2);
4081
+ font-weight: var(--lsg-font-weight-bold);
4082
+ line-height: var(--lsg-line-height-heading);
4083
+ color: var(--lsg-color-black);
4084
+ }
4085
+
4086
+ .cmp-vtba-form__progress {
4087
+ border-bottom: 1px solid var(--lsg-color-light);
4088
+ padding-bottom: 16px;
4089
+ }
4090
+
4091
+ .cmp-vtba-form__progress-list {
4092
+ display: flex;
4093
+ gap: 24px;
4094
+ list-style: none;
4095
+ margin: 0;
4096
+ padding: 0;
4097
+ }
4098
+
4099
+ .cmp-vtba-form__progress-step {
4100
+ display: flex;
4101
+ align-items: center;
4102
+ gap: 8px;
4103
+ color: var(--lsg-color-secondary);
4104
+ font-size: var(--lsg-size-Small);
4105
+ }
4106
+ .cmp-vtba-form__progress-step[aria-current=step] {
4107
+ color: var(--lsg-color-primary);
4108
+ font-weight: var(--lsg-font-weight-semibold);
4109
+ }
4110
+ .cmp-vtba-form__progress-step[aria-current=step] .cmp-vtba-form__progress-number {
4111
+ background-color: var(--lsg-color-primary);
4112
+ color: var(--lsg-color-white);
4113
+ border-color: var(--lsg-color-primary);
4114
+ }
4115
+
4116
+ .cmp-vtba-form__progress-number {
4117
+ display: inline-flex;
4118
+ align-items: center;
4119
+ justify-content: center;
4120
+ width: 24px;
4121
+ height: 24px;
4122
+ border-radius: 50%;
4123
+ border: 1px solid var(--lsg-color-light);
4124
+ font-size: 12px;
4125
+ font-weight: var(--lsg-font-weight-semibold);
4126
+ flex-shrink: 0;
4127
+ }
4128
+
4129
+ .cmp-vtba-form__progress-title {
4130
+ white-space: nowrap;
4131
+ }
4132
+
4133
+ .cmp-vtba-form__steps {
4134
+ display: flex;
4135
+ flex-direction: column;
4136
+ gap: 36px;
4137
+ }
4138
+
4139
+ .cmp-vtba-form__actions {
4140
+ display: flex;
4141
+ align-items: center;
4142
+ gap: 16px;
4143
+ padding-top: 12px;
4144
+ }
4145
+
4146
+ .cmp-vtba-form__next,
4147
+ .cmp-vtba-form__submit, .cmp-vtba-form__prev {
4148
+ display: inline-flex;
4149
+ align-items: center;
4150
+ padding: 12px 24px;
4151
+ font-family: var(--lsg-font-family-primary);
4152
+ font-size: var(--lsg-size-body);
4153
+ font-weight: var(--lsg-font-weight-semibold);
4154
+ line-height: 1.5;
4155
+ border: 2px solid transparent;
4156
+ cursor: pointer;
4157
+ transition: background-color 0.15s ease, border-color 0.15s ease;
4158
+ }
4159
+ [hidden].cmp-vtba-form__next,
4160
+ [hidden].cmp-vtba-form__submit, [hidden].cmp-vtba-form__prev {
4161
+ display: none;
4162
+ }
4163
+
4164
+ .cmp-vtba-form__prev {
4165
+ background-color: transparent;
4166
+ border-color: var(--lsg-color-light);
4167
+ color: var(--lsg-color-black);
4168
+ }
4169
+ .cmp-vtba-form__prev:hover {
4170
+ border-color: var(--lsg-color-secondary);
4171
+ }
4172
+
4173
+ .cmp-vtba-form__next,
4174
+ .cmp-vtba-form__submit {
4175
+ background-color: var(--lsg-color-primary);
4176
+ border-color: var(--lsg-color-primary);
4177
+ color: var(--lsg-color-white);
4178
+ }
4179
+ .cmp-vtba-form__next:hover:not([disabled]),
4180
+ .cmp-vtba-form__submit:hover:not([disabled]) {
4181
+ background-color: color-mix(in srgb, var(--lsg-color-primary) 82%, var(--lsg-color-black));
4182
+ border-color: color-mix(in srgb, var(--lsg-color-primary) 82%, var(--lsg-color-black));
4183
+ }
4184
+
4185
+ .cmp-vtba-form__error {
4186
+ padding: 12px 16px;
4187
+ background-color: rgb(251.3404255319, 239.8510638298, 238.6595744681);
4188
+ border-left: 3px solid #c0392b;
4189
+ color: rgb(150.3319148936, 44.629787234, 33.6680851064);
4190
+ font-size: var(--lsg-size-Small);
4191
+ margin: 0;
4192
+ }
4193
+
4194
+ .cmp-vtba-form__success {
4195
+ padding: 16px 24px;
4196
+ background-color: color-mix(in srgb, var(--lsg-color-primary) 20%, white);
4197
+ border-left: 3px solid var(--lsg-color-primary);
4198
+ color: var(--lsg-color-primary);
4199
+ }
4200
+
4201
+ .cmp-vtba-form__select-wrapper {
4202
+ position: relative;
4203
+ }
4204
+ .cmp-vtba-form__select-wrapper::after {
4205
+ content: "";
4206
+ position: absolute;
4207
+ right: 16px;
4208
+ top: 50%;
4209
+ transform: translateY(-50%);
4210
+ width: 0;
4211
+ height: 0;
4212
+ border-left: 5px solid transparent;
4213
+ border-right: 5px solid transparent;
4214
+ border-top: 6px solid var(--lsg-color-secondary);
4215
+ pointer-events: none;
4216
+ }
4217
+
4218
+ .cmp-vtba-form__select {
4219
+ padding-right: 36px;
4220
+ cursor: pointer;
4221
+ }
4222
+ .cmp-vtba-form__select:disabled {
4223
+ cursor: not-allowed;
4224
+ }
4225
+
4226
+ .cmp-vtba-form__textarea {
4227
+ resize: vertical;
4228
+ min-height: 120px;
4229
+ }
4230
+
4231
+ .cmp-vtba-form__select-wrapper {
4232
+ position: relative;
4233
+ }
4234
+ .cmp-vtba-form__select-wrapper::after {
4235
+ content: "";
4236
+ position: absolute;
4237
+ right: 16px;
4238
+ top: 50%;
4239
+ transform: translateY(-50%);
4240
+ width: 0;
4241
+ height: 0;
4242
+ border-left: 5px solid transparent;
4243
+ border-right: 5px solid transparent;
4244
+ border-top: 6px solid var(--lsg-color-secondary);
4245
+ pointer-events: none;
4246
+ }
4247
+
4248
+ .cmp-vtba-form__select {
4249
+ width: 100%;
4250
+ padding-right: 36px;
4251
+ cursor: pointer;
4252
+ }
4253
+ .cmp-vtba-form__select:disabled {
4254
+ cursor: not-allowed;
4255
+ }
4256
+
4257
+ .cmp-vtba-form__field--consent .cmp-vtba-form__field-error {
4258
+ font-family: var(--lsg-font-family-primary);
4259
+ font-size: var(--lsg-size-Small);
4260
+ color: #c0392b;
4261
+ line-height: var(--lsg-line-height-copy);
4262
+ }
4263
+ .cmp-vtba-form__field--consent .cmp-vtba-form__field-error[hidden] {
4264
+ display: none;
4265
+ }
4266
+
4267
+ .cmp-vtba-form__consent {
4268
+ display: flex;
4269
+ align-items: flex-start;
4270
+ gap: 12px;
4271
+ }
4272
+
4273
+ .cmp-vtba-form__checkbox {
4274
+ flex-shrink: 0;
4275
+ width: 18px;
4276
+ height: 18px;
4277
+ margin-top: 3px;
4278
+ accent-color: var(--lsg-color-primary);
4279
+ border-radius: var(--lsg-form-radius, 3px);
4280
+ cursor: pointer;
4281
+ }
4282
+ .cmp-vtba-form__checkbox:disabled {
4283
+ cursor: not-allowed;
4284
+ opacity: 0.5;
4285
+ }
4286
+
4287
+ .cmp-vtba-form__consent-label {
4288
+ font-family: var(--lsg-font-family-primary);
4289
+ font-size: var(--lsg-size-body);
4290
+ line-height: var(--lsg-line-height-copy);
4291
+ color: var(--lsg-color-black);
4292
+ cursor: pointer;
4293
+ }
4294
+ .cmp-vtba-form__consent-label a {
4295
+ color: var(--lsg-color-primary);
4296
+ text-underline-offset: 2px;
4297
+ }
4298
+
4299
+ .cmp-text--policy-notice-icon {
4300
+ display: flex;
4301
+ align-items: flex-start;
4302
+ gap: 12px;
4303
+ }
4304
+ .cmp-text--policy-notice-icon::before {
4305
+ content: "";
4306
+ display: block;
4307
+ flex-shrink: 0;
4308
+ width: 32px;
4309
+ height: 32px;
4310
+ margin-top: 2px;
4311
+ background-color: var(--lsg-color-primary);
4312
+ mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M16%2032C24.8366%2032%2032%2024.8366%2032%2016C32%207.16344%2024.8366%200%2016%200C7.16344%200%200%207.16344%200%2016C0%2024.8366%207.16344%2032%2016%2032ZM13.9638%2014.1669C14.187%2013.5932%2013.8998%2013.3064%2013.6445%2013.3064C12.4651%2013.3064%2010.9334%2016.0808%2010.3606%2016.0808C10.1365%2016.0808%209.94528%2015.8569%209.94528%2015.6658C9.94528%2015.0917%2011.3483%2013.7526%2011.7637%2013.3378C13.0387%2012.126%2014.6976%2011.2012%2016.5475%2011.2012C17.9181%2011.2012%2019.3857%2012.03%2018.2377%2015.1243L15.941%2021.3424C15.7505%2021.8209%2015.3996%2022.6189%2015.3996%2023.1288C15.3996%2023.3518%2015.5264%2023.5756%2015.7816%2023.5756C16.7378%2023.5756%2018.4927%2020.8643%2018.9394%2020.8643C19.0985%2020.8643%2019.3215%2021.0554%2019.3215%2021.3424C19.3215%2022.2673%2015.5906%2026.2222%2012.3692%2026.2222C11.221%2026.2222%2010.4239%2025.6805%2010.4239%2024.4685C10.4239%2022.938%2011.508%2020.3225%2011.7322%2019.78L13.9638%2014.1669ZM15.6857%207.88425C15.6857%206.48115%2016.8974%205.33333%2018.3008%205.33333C19.5773%205.33333%2020.5015%206.19384%2020.5015%207.50182C20.5015%208.96943%2019.2902%2010.0538%2017.8549%2010.0538C16.5475%2010.0538%2015.6857%209.19217%2015.6857%207.88425Z'%20fill='black'/%3E%3C/svg%3E");
4313
+ mask-repeat: no-repeat;
4314
+ mask-size: contain;
4315
+ -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M16%2032C24.8366%2032%2032%2024.8366%2032%2016C32%207.16344%2024.8366%200%2016%200C7.16344%200%200%207.16344%200%2016C0%2024.8366%207.16344%2032%2016%2032ZM13.9638%2014.1669C14.187%2013.5932%2013.8998%2013.3064%2013.6445%2013.3064C12.4651%2013.3064%2010.9334%2016.0808%2010.3606%2016.0808C10.1365%2016.0808%209.94528%2015.8569%209.94528%2015.6658C9.94528%2015.0917%2011.3483%2013.7526%2011.7637%2013.3378C13.0387%2012.126%2014.6976%2011.2012%2016.5475%2011.2012C17.9181%2011.2012%2019.3857%2012.03%2018.2377%2015.1243L15.941%2021.3424C15.7505%2021.8209%2015.3996%2022.6189%2015.3996%2023.1288C15.3996%2023.3518%2015.5264%2023.5756%2015.7816%2023.5756C16.7378%2023.5756%2018.4927%2020.8643%2018.9394%2020.8643C19.0985%2020.8643%2019.3215%2021.0554%2019.3215%2021.3424C19.3215%2022.2673%2015.5906%2026.2222%2012.3692%2026.2222C11.221%2026.2222%2010.4239%2025.6805%2010.4239%2024.4685C10.4239%2022.938%2011.508%2020.3225%2011.7322%2019.78L13.9638%2014.1669ZM15.6857%207.88425C15.6857%206.48115%2016.8974%205.33333%2018.3008%205.33333C19.5773%205.33333%2020.5015%206.19384%2020.5015%207.50182C20.5015%208.96943%2019.2902%2010.0538%2017.8549%2010.0538C16.5475%2010.0538%2015.6857%209.19217%2015.6857%207.88425Z'%20fill='black'/%3E%3C/svg%3E");
4316
+ -webkit-mask-repeat: no-repeat;
4317
+ -webkit-mask-size: contain;
4318
+ }
4319
+ .cmp-text--policy-notice-icon p {
4320
+ font-family: var(--lsg-font-family-primary);
4321
+ font-size: var(--lsg-size-body);
4322
+ line-height: var(--lsg-line-height-copy);
4323
+ color: var(--lsg-color-black);
4324
+ margin: 0;
4325
+ }
4326
+ .cmp-text--policy-notice-icon a {
4327
+ color: var(--lsg-color-primary);
4328
+ text-underline-offset: 2px;
4329
+ }
4330
+
4331
+ .cmp-vtba-form__step {
4332
+ border: none;
4333
+ padding: 0;
4334
+ margin: 0;
4335
+ }
4336
+
4337
+ .cmp-vtba-form__step-legend {
4338
+ font-family: var(--lsg-font-family-secondary);
4339
+ font-size: var(--lsg-size-H4);
4340
+ font-weight: var(--lsg-font-weight-bold);
4341
+ line-height: var(--lsg-line-height-heading);
4342
+ color: var(--lsg-color-black);
4343
+ margin-bottom: 12px;
4344
+ padding: 0;
4345
+ float: left;
4346
+ width: 100%;
4347
+ }
4348
+
4349
+ .cmp-vtba-form__step-description {
4350
+ font-family: var(--lsg-font-family-primary);
4351
+ font-size: var(--lsg-size-body);
4352
+ color: var(--lsg-color-secondary);
4353
+ line-height: var(--lsg-line-height-copy);
4354
+ margin: 0 0 24px;
4355
+ }
4356
+
4357
+ .cmp-vtba-form__fields {
4358
+ display: flex;
4359
+ flex-direction: column;
4360
+ gap: 24px;
4361
+ clear: left;
4362
+ }
4363
+
4364
+ /* VTBA form tel field: emoji-flag + dial-code picker (vanilla, no image assets). */
4365
+ .cmp-vtba-tel {
4366
+ position: relative;
4367
+ display: flex;
4368
+ align-items: stretch;
4369
+ gap: 0.5rem;
4370
+ /* the tel <input> keeps its field styling but flexes to fill */
4371
+ }
4372
+ .cmp-vtba-tel .cmp-vtba-form__input {
4373
+ flex: 1 1 auto;
4374
+ min-width: 0;
4375
+ }
4376
+ .cmp-vtba-tel__toggle {
4377
+ flex: 0 0 auto;
4378
+ display: inline-flex;
4379
+ align-items: center;
4380
+ gap: 0.35rem;
4381
+ padding: 0 0.6rem;
4382
+ border: 1px solid #b3b3b3;
4383
+ border-radius: var(--lsg-form-radius, 2px);
4384
+ background: #fff;
4385
+ cursor: pointer;
4386
+ line-height: 1;
4387
+ white-space: nowrap;
4388
+ }
4389
+ .cmp-vtba-tel__toggle[aria-expanded=true] {
4390
+ border-color: #666;
4391
+ }
4392
+ .cmp-vtba-tel__flag {
4393
+ font-size: 1.15rem;
4394
+ }
4395
+ .cmp-vtba-tel__code {
4396
+ font-size: 0.95rem;
4397
+ }
4398
+ .cmp-vtba-tel__dropdown {
4399
+ position: absolute;
4400
+ top: calc(100% + 4px);
4401
+ left: 0;
4402
+ z-index: 40;
4403
+ width: 20rem;
4404
+ max-width: 90vw;
4405
+ background: #fff;
4406
+ border: 1px solid #b3b3b3;
4407
+ border-radius: var(--lsg-form-radius, 4px);
4408
+ box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
4409
+ }
4410
+ .cmp-vtba-tel__dropdown[hidden] {
4411
+ display: none;
4412
+ }
4413
+ .cmp-vtba-tel__search {
4414
+ display: block;
4415
+ width: 100%;
4416
+ box-sizing: border-box;
4417
+ padding: 0.5rem 0.6rem;
4418
+ border: 0;
4419
+ border-bottom: 1px solid #e0e0e0;
4420
+ outline: none;
4421
+ }
4422
+ .cmp-vtba-tel__list {
4423
+ margin: 0;
4424
+ padding: 0;
4425
+ list-style: none;
4426
+ max-height: 15rem;
4427
+ overflow-y: auto;
4428
+ }
4429
+ .cmp-vtba-tel__option {
4430
+ padding: 0.4rem 0.6rem;
4431
+ cursor: pointer;
4432
+ white-space: nowrap;
4433
+ }
4434
+ .cmp-vtba-tel__option:hover, .cmp-vtba-tel__option:focus {
4435
+ background: #f0f4f8;
4436
+ outline: none;
4437
+ }
4438
+ .cmp-vtba-tel__option[aria-selected=true] {
4439
+ font-weight: 700;
4440
+ }
4441
+
3986
4442
  .lsg-visually-hidden {
3987
4443
  position: absolute;
3988
4444
  width: 1px;
@@ -7879,8 +8335,8 @@
7879
8335
  z-index: 2;
7880
8336
  cursor: pointer;
7881
8337
  background-color: var(--lsg-tabs-arrow-color);
7882
- mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M10 3L5 8l5 5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
7883
- -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M10 3L5 8l5 5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
8338
+ mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3Cpath%20d='M10%203L5%208l5%205'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
8339
+ -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3Cpath%20d='M10%203L5%208l5%205'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
7884
8340
  }
7885
8341
  .lsg-tabs--scroll-start::before:hover {
7886
8342
  background-color: var(--lsg-tabs-arrow-color-hover);
@@ -7897,8 +8353,8 @@
7897
8353
  z-index: 2;
7898
8354
  cursor: pointer;
7899
8355
  background-color: var(--lsg-tabs-arrow-color);
7900
- mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 3l5 5-5 5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
7901
- -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 3l5 5-5 5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
8356
+ mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3Cpath%20d='M6%203l5%205-5%205'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
8357
+ -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3Cpath%20d='M6%203l5%205-5%205'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
7902
8358
  }
7903
8359
  .lsg-tabs--scroll-end::after:hover {
7904
8360
  background-color: var(--lsg-tabs-arrow-color-hover);
@@ -7921,8 +8377,8 @@
7921
8377
  z-index: 2;
7922
8378
  cursor: pointer;
7923
8379
  background-color: var(--lsg-tabs-arrow-color);
7924
- mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 10l5-5 5 5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
7925
- -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 10l5-5 5 5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
8380
+ mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3Cpath%20d='M3%2010l5-5%205%205'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
8381
+ -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3Cpath%20d='M3%2010l5-5%205%205'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
7926
8382
  }
7927
8383
  .lsg-tabs--vertical.lsg-tabs--scroll-start::before:hover {
7928
8384
  background-color: var(--lsg-tabs-arrow-color-hover);
@@ -7940,8 +8396,8 @@
7940
8396
  z-index: 2;
7941
8397
  cursor: pointer;
7942
8398
  background-color: var(--lsg-tabs-arrow-color);
7943
- mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 6l5 5 5-5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
7944
- -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 6l5 5 5-5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
8399
+ mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3Cpath%20d='M3%206l5%205%205-5'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
8400
+ -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3Cpath%20d='M3%206l5%205%205-5'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/var(--lsg-tabs-arrow-icon-size);
7945
8401
  }
7946
8402
  .lsg-tabs--vertical.lsg-tabs--scroll-end::after:hover {
7947
8403
  background-color: var(--lsg-tabs-arrow-color-hover);
@@ -8981,10 +9437,10 @@
8981
9437
  height: 32px;
8982
9438
  margin-top: 2px;
8983
9439
  background-color: var(--lsg-color-primary);
8984
- mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32ZM13.9638 14.1669C14.187 13.5932 13.8998 13.3064 13.6445 13.3064C12.4651 13.3064 10.9334 16.0808 10.3606 16.0808C10.1365 16.0808 9.94528 15.8569 9.94528 15.6658C9.94528 15.0917 11.3483 13.7526 11.7637 13.3378C13.0387 12.126 14.6976 11.2012 16.5475 11.2012C17.9181 11.2012 19.3857 12.03 18.2377 15.1243L15.941 21.3424C15.7505 21.8209 15.3996 22.6189 15.3996 23.1288C15.3996 23.3518 15.5264 23.5756 15.7816 23.5756C16.7378 23.5756 18.4927 20.8643 18.9394 20.8643C19.0985 20.8643 19.3215 21.0554 19.3215 21.3424C19.3215 22.2673 15.5906 26.2222 12.3692 26.2222C11.221 26.2222 10.4239 25.6805 10.4239 24.4685C10.4239 22.938 11.508 20.3225 11.7322 19.78L13.9638 14.1669ZM15.6857 7.88425C15.6857 6.48115 16.8974 5.33333 18.3008 5.33333C19.5773 5.33333 20.5015 6.19384 20.5015 7.50182C20.5015 8.96943 19.2902 10.0538 17.8549 10.0538C16.5475 10.0538 15.6857 9.19217 15.6857 7.88425Z' fill='black'/%3E%3C/svg%3E");
9440
+ mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M16%2032C24.8366%2032%2032%2024.8366%2032%2016C32%207.16344%2024.8366%200%2016%200C7.16344%200%200%207.16344%200%2016C0%2024.8366%207.16344%2032%2016%2032ZM13.9638%2014.1669C14.187%2013.5932%2013.8998%2013.3064%2013.6445%2013.3064C12.4651%2013.3064%2010.9334%2016.0808%2010.3606%2016.0808C10.1365%2016.0808%209.94528%2015.8569%209.94528%2015.6658C9.94528%2015.0917%2011.3483%2013.7526%2011.7637%2013.3378C13.0387%2012.126%2014.6976%2011.2012%2016.5475%2011.2012C17.9181%2011.2012%2019.3857%2012.03%2018.2377%2015.1243L15.941%2021.3424C15.7505%2021.8209%2015.3996%2022.6189%2015.3996%2023.1288C15.3996%2023.3518%2015.5264%2023.5756%2015.7816%2023.5756C16.7378%2023.5756%2018.4927%2020.8643%2018.9394%2020.8643C19.0985%2020.8643%2019.3215%2021.0554%2019.3215%2021.3424C19.3215%2022.2673%2015.5906%2026.2222%2012.3692%2026.2222C11.221%2026.2222%2010.4239%2025.6805%2010.4239%2024.4685C10.4239%2022.938%2011.508%2020.3225%2011.7322%2019.78L13.9638%2014.1669ZM15.6857%207.88425C15.6857%206.48115%2016.8974%205.33333%2018.3008%205.33333C19.5773%205.33333%2020.5015%206.19384%2020.5015%207.50182C20.5015%208.96943%2019.2902%2010.0538%2017.8549%2010.0538C16.5475%2010.0538%2015.6857%209.19217%2015.6857%207.88425Z'%20fill='black'/%3E%3C/svg%3E");
8985
9441
  mask-repeat: no-repeat;
8986
9442
  mask-size: contain;
8987
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32ZM13.9638 14.1669C14.187 13.5932 13.8998 13.3064 13.6445 13.3064C12.4651 13.3064 10.9334 16.0808 10.3606 16.0808C10.1365 16.0808 9.94528 15.8569 9.94528 15.6658C9.94528 15.0917 11.3483 13.7526 11.7637 13.3378C13.0387 12.126 14.6976 11.2012 16.5475 11.2012C17.9181 11.2012 19.3857 12.03 18.2377 15.1243L15.941 21.3424C15.7505 21.8209 15.3996 22.6189 15.3996 23.1288C15.3996 23.3518 15.5264 23.5756 15.7816 23.5756C16.7378 23.5756 18.4927 20.8643 18.9394 20.8643C19.0985 20.8643 19.3215 21.0554 19.3215 21.3424C19.3215 22.2673 15.5906 26.2222 12.3692 26.2222C11.221 26.2222 10.4239 25.6805 10.4239 24.4685C10.4239 22.938 11.508 20.3225 11.7322 19.78L13.9638 14.1669ZM15.6857 7.88425C15.6857 6.48115 16.8974 5.33333 18.3008 5.33333C19.5773 5.33333 20.5015 6.19384 20.5015 7.50182C20.5015 8.96943 19.2902 10.0538 17.8549 10.0538C16.5475 10.0538 15.6857 9.19217 15.6857 7.88425Z' fill='black'/%3E%3C/svg%3E");
9443
+ -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M16%2032C24.8366%2032%2032%2024.8366%2032%2016C32%207.16344%2024.8366%200%2016%200C7.16344%200%200%207.16344%200%2016C0%2024.8366%207.16344%2032%2016%2032ZM13.9638%2014.1669C14.187%2013.5932%2013.8998%2013.3064%2013.6445%2013.3064C12.4651%2013.3064%2010.9334%2016.0808%2010.3606%2016.0808C10.1365%2016.0808%209.94528%2015.8569%209.94528%2015.6658C9.94528%2015.0917%2011.3483%2013.7526%2011.7637%2013.3378C13.0387%2012.126%2014.6976%2011.2012%2016.5475%2011.2012C17.9181%2011.2012%2019.3857%2012.03%2018.2377%2015.1243L15.941%2021.3424C15.7505%2021.8209%2015.3996%2022.6189%2015.3996%2023.1288C15.3996%2023.3518%2015.5264%2023.5756%2015.7816%2023.5756C16.7378%2023.5756%2018.4927%2020.8643%2018.9394%2020.8643C19.0985%2020.8643%2019.3215%2021.0554%2019.3215%2021.3424C19.3215%2022.2673%2015.5906%2026.2222%2012.3692%2026.2222C11.221%2026.2222%2010.4239%2025.6805%2010.4239%2024.4685C10.4239%2022.938%2011.508%2020.3225%2011.7322%2019.78L13.9638%2014.1669ZM15.6857%207.88425C15.6857%206.48115%2016.8974%205.33333%2018.3008%205.33333C19.5773%205.33333%2020.5015%206.19384%2020.5015%207.50182C20.5015%208.96943%2019.2902%2010.0538%2017.8549%2010.0538C16.5475%2010.0538%2015.6857%209.19217%2015.6857%207.88425Z'%20fill='black'/%3E%3C/svg%3E");
8988
9444
  -webkit-mask-repeat: no-repeat;
8989
9445
  -webkit-mask-size: contain;
8990
9446
  }